PEMBUATAN WEBSITE DI SMA NEGERI 2 SUKOHARJO DENGAN CMS LIMBO
Diajukan oleh : MUHAMMAD ISKANDAR M3204065
TUGAS AKHIR ditulis dan diajukan untuk memenuhi sebagian persyaratan memperoleh gelar Ahli Madya Ilmu Komputer
PROGRAM DIPLOMA III ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET SURAKARTA 2007
i
TUGAS AKHIR PEMBUATAN WEBSITE DI SMA NEGERI 2 SUKOHARJO DENGAN CMS LIMBO
Yang disusun oleh MUHAMMAD ISKANDAR M3204065
dibimbing oleh Pembimbing I
Pembimbing II
Artono Dwijo Sutomo, M.Si NIP. 132 240 483
Hartono, S.Si NIP. 500 127 069
telah dipertahankan didepan Dewan Penguji pada hari Selasa tanggal 3 Juli 2007 dan dinyatakan telah memenuhi syarat
Anggota Tim Penguji
Tanda Tangan
1. Artono Dwijo Sutomo, M.Si 2. Hartono, S.Si 3. Darsono, M.Si
1. .................. 2. .................. 3. ................. Surakarta, 3 Juli 2007
Disahkan oleh Fakultas MIPA Dekan
Ketua Program Studi D III Ilmu Komputer
Prof. Drs. Sutarno, Msc, PhD NIP. 131 649 948
Irwan Susanto, Ssi. DEA NIP. 132 134 694
ii
ABSTRAK
Muhammad Iskandar. 2007. PEMBUATAN WEBSITE DI SMA NEGERI 2 SUKOHARJO DENGAN CMS LIMBO. Program Studi D3 Ilmu Komputer. FMIPA. UNS. Surakarta. Hadirnya internet memudahkan untuk pencarian berbagai macam informasi ataupun berita secara global. Pembuatan website bertujuan untuk masyarakat mencari berita dan informasi tentang SMA Negeri 2 Sukoharjo. Pembuatan website juga dapat meningkatkan minat para siswa untuk mengetahui perkembangan pada saat ini ataupun tentang perkembangan tekhnologi terbaru dan juga memudahkan masyarakat untuk mengetahui perkembangan lingkungan di SMA Negeri 2 Sukoharjo. Website SMA Negeri 2 Sukoharjo dibuat semoga dapat membawa perubahan yang baik untuk masyarakat dan juga para pengguna agar dapat mendapatkan informasi yang terbaru terutama tentang menyangkut lingkungan SMA Negeri 2 Sukoharjo.
iii
HALAMAN MOTO
# Tuntutlah ilmu sampai ke negeri cina
# Keagagalan adalah suatu ujian untuk mencapai sebuah kesuksesan
# Hadapilah hidup ini dengan kesabaran
# Berpikir positif dan berpandangan jauh kedepan
iv
HALAMAN PERSEMBAHAN
Laporan Tugas Akhir ini aku persembahkan untuk : 1. Bapak dan Ibuku tercinta 2. Kepada kakakku yang kusayangi 3. Keponakanku yang selalu bikin aku tertawa 4. Saudarasaudaraku yang tercinta 5. Keluarga Besar SMA N 2 SUKOHARJO 6. Sobat sobat Manajemen Informatika 2004
v
KATA PENGANTAR Puji dan syukur atas anugrah Tuhan Yang Maha Esa, atas segala limpahan rahmatNya atas diselesaikannya pembuatan Laporan Tugas Akhir dengan judul “ PEMBUATAN WEBSITE SMA NEGERI 2 SUKOHARJO DENGAN CMS LIMBO “. Dan tidak ada salahnya turut diucapkan terima kasih kepada semua orang yang telah membantu dalam penyelesaiaan laporan ini : 1. Prof. Drs. Sutarno, Msc, PhD. Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam. 2. Irwan Susanto, SSi. DEA, Ketua Program Studi D III Ilmu Komputer. 3. Artono Dwijo Sutomo, M.Si Pembimbing I dalam penulisan Laporan Tugas Akhir. 4. Hartono, S. Si Pembimbing II dalam penulisan Laporan tugas Akhir. 5. Kepala Sekolah SMA NEGERI 2 SUKOHARJO yang telah memberikan kesempatan untuk melakukan penelitian. 6. Seluruh guru, karyawan maupun staf SMA NEGERI 2 SUKOHARJO yang membantu penulisan Laporan Tugas Akhir. 7. Kedua orangtuaku, Muhammad Idris dan Wafiyah yang selalu memberikan semangat dalam penyelesaian penulisan Laporan Tugas Akhir. 8. Kepada para penunggu shelter terutama anak – anak MI 2004 : Kabuls, Gandhens, Adenux, Babixs, Mentring, Parlans, Bams. 9. Seluruh sobatsobat Manajemen Informatika 2004 yang membantu dalam penyelesaian penulisan Laporan Tugas Akhir.
Diharapkan semoga pembuatan Laporan Tugas Akhir ini dapat bermanfaat serta dapat menjadi bahan inspirator untuk penelitian selanjutnya. Surakarta, Mei 2007
Penulis
vi
DAFTAR ISI HALAMAN JUDUL .......................................................................................
i
HALAMAN PENGESAHAN ......................................................................... ii HALAMAN ABSTRAK.................................................................................. iii HALAMAN MOTTO...................................................................................... iv HALAMAN PERSEMBAHAN ....................................................................... v KATA PENGANTAR ..................................................................................... vi DAFTAR ISI ................................................................................................... vii DAFTAR TABEL ........................................................................................... ix DAFTAR GAMBAR ...................................................................................... x BAB I PENDAHULUAN............................................................................ 1 1.1. Latar Belakang Masalah ............................................................. 1 1.2. Rumusan Masalah ...................................................................... 1 1.3. Batasan Masalah ........................................................................ 1 1.4. Tujuan Penelitian........................................................................ 2 1.5. Manfaat Penelitian...................................................................... 2 BAB II LANDASAN TEORI ....................................................................... 3 2.1 Pengertian Internet....................................................................... 3 2.2 Pengertian Web Server ............................................................... 3 2.3 Pengertian Basis Data .................................................................. 4 2.4 Pengertian SQL ........................................................................... 4 2.5 Pengertian CMS .......................................................................... 4 2.6 Pengertian CMS Limbo ............................................................... 5 2.7 Software Yang Digunakan .......................................................... 5 2.7.1 PHP ................................................................................... 5 2.7.2 Macromedia Dreaweaver MX ............................................. 6 2.7.3 Cute FTP ............................................................................ 6 2.7.4 My SQL.............................................................................. 6 2.7.5 Apache Server..................................................................... 6
vii
BAB III METODELOGI PENELITIAN ..................................................... 7 3.1 Alur penelitian ............................................................................ 7 3.1.1 Metode Interview ................................................................ 7 3.1.2 Dokumentasi....................................................................... 7 3.1.3 Observasi ............................................................................ 7 3.1.4 Studi Pustaka ...................................................................... 7 3.2. Perancangan Aplikasi ................................................................. 8 3.2.1. Perangkat Lunak ................................................................ 8 3.2.1. Perangkat Keras ................................................................. 8 3.3 Perancangan Rancangan Sistem.................................................. 9 3.4 Rancangan Template Website ..................................................... 11 3.4.1 Halaman Home ................................................................... 11 3.4.1 Halaman Profile .................................................................. 11 3.4.3 Halaman Struktur Organisasi .............................................. 12 3.4.4 Halaman Kurikulum .......................................................... 12 3.4.5 Penghargaan ...................................................................... 13 3.4.6 Galeri foto ......................................................................... 13 3.4.7 Contacus ........................................................................... 14 BAB IV PENELITIAN DAN PEMBAHASAN ........................................... 15 4.1. Proses dan Pembuatan Program .................................................. 15 4.2. Form Tampilan Bagi Administrator ............................................ 18 4.3 Form Tampilan User................................................................... 21 4.4 Pengujian Secara Keseluruhan .................................................... 26 BAB V PENUTUP ......................................................................................... 27 5.1 Kesimpulan ................................................................................ 27 5.2 Saran .......................................................................................... 27 DAFTAR PUSTAKA .................................................................................... 28
viii
DAFTAR TABEL Tabel 4.1. Tabel Administrator........................................................................ 3 Tabel 4.2. Tabel Gallery Photo........................................................................ 7 Tabel 4.3 Tabel Buku Tamu............................................................................. 12 Tabel 4.4 Tabel Polling ................................................................................... 14 Tabel 4.5 Tabel Contact Us............................................................................. 3 Tabel 4.6 Tabel Statistik .................................................................................. 7
ix
DAFTAR TABEL Gambar 4.1 Gambar Login Administrator ...................................................... 3 Gambar 4.2 Gambar Menu Administrator...................................................... 7 Gambar 4.3 Gambar Edit Berita..................................................................... 12 Gambar 4.4 Gambar Edit Polling ................................................................... 14 Gambar 4.5 Gambar Hapus Buku Tamu ......................................................... 3 Gambar 4.6 Gambar Halaman Utama ............................................................ 7 Gambar 4.7 Gambar Visi dan Misi ................................................................. 3 Gambar 4.8 Gambar Profile ........................................................................... 7 Gambar 4.9 Gambar Prestasi ......................................................................... 12 Gambar 4.10 Gambar Fasilitas ...................................................................... 14 Gambar 4.11. Gambar Halaman News ......................................................... 7 Gambar 4.12. Gambar Halaman Gallery Photo............................................. 3 Gambar 4.13. Gambar Halaman Guest Book ................................................ 7 Gambar 4.14. Gambar Halaman Contact Us ................................................ 12 Gambar 4.15. Gambar Halaman Home ......................................................... 14
x
BAB 1 PENDAHULUAN
1.1 Latar Belakang Masalah Kemajuan teknologi informasi pada saat ini berkembang dengan pesat dintaranya dalam penyampaian informasi berupa situs informasi atau website. Website merupakan sarana untuk menyajikan informasi yang dibutuhkan. Sistem penyampaian informasi yang ada di SMU N 2 Sukoharjo belum dikelola secara optimal, karena masyarakat belum sepenuhnya mengetahui sejarah, visi, misi, sampai personalia yang terlibat di dalamnya. Terkait dengan fungsi internet maka untuk memperkenalkan keberadaan serta situasi akademik SMU N 2 Sukoharjo, harapan yang diinginkan adalah masyarakat dapat mengetahui seluk beluk tentang SMU N 2 Sukoharjo secara online.
1.2 Perumusan Masalah Dalam penulisan penelitian ini agar tidak lepas dari maksud dan juga tujuan yang hendak dicapai, terlebih dahulu penulis merumuskan pokok masalahnya. Adapun perumusan masalah itu adalah sebagai berikut : “ Bagaimanakah pembuatan website di SMU N 2 Sukoharjo sebagai wujud pemanfaatan teknologi internet ? ”
1.3 Batasan Masalah Dalam batasan masalah ini antara lani : 1. Dalam membuat website ini penulis menggunakan pemrograman Macromedia Dreamweaver MX dan PHP Triad. 2. Objek yang di bahas dalam website tersebut pada informasi SMU N 2 Sukoharjo. Pada dasarnya untuk memberikan informasi kepada masyarakat pada umumnya dan juga pada para siswa SMUN 2 Sukoharjo.
1
2 1.4 Tujuan Penelitian Tujuan dalam penelitian ini adalah mendesain web pada SMU N 2 Sukoharjo unutk dapat mempublikasikan SMU N 2 sukoharjo lewat media internet sebagai mana yang di harapkan dapat memberikan informasi seluas – luasnya kepada masyarakat.
1.5 Manfaat Penelitian Manfaat yang diperoleh daripenelitain sebagai berikut: 1. Bagi sekolah SMU N 2 Sukoharjo a. Pihak SMU N 2 Sukoharjo dapat melakukan publikasi mengenai keberadaannya b. Memberikan gambaran tentang desain web yang berguna bagi sekolah tersebut. 2. Bagi penulis a.Mampu memahami cara kerja, fungsi, aktivitas, sekolah terkait secara baik. b.Mendapatkan banyak pengalaman mengenaidunia kerja yang akan penulis hadapi. c.Mempraktekkan ilmu yang didapat dari D3 Ilmu Komputer Fakultas MIPA. 3. Bagi Masyarakat Masyarakta biasa mendapatkan informasi yang akurat terbaru setiap saat dari sekolah tersebut.
3
BAB II LANDASAN TEORI
2.1 Pengertian Internet Internet adalah kumpulan network yang terdiri dari ribuan sistem komputer ytang saling berhubungan satu dengan yang lainnya (Kent, 1996). Hubungan dari masing – masing network dapat melalui jaringan komunikasi kabel telepon dan jaringan komunikasi tanpa kabel. Adapun beberapa istilah – istilah yang sering digunakan oleh masyarakat pengguna internet adalah sebagai berikut : Berikut ini adalah istilah – istilah tersebut ; 1. Web adalah fasilitas hypertext untuk menampilkan data berupa teks, gambar, bunyi animasi dan multimedia lain untuk memudahklan membaca data dan informasi. Pada web dapat digunakan untuk web browser seperti Microsoft Internet Explorer, Modzila Fire Fox, Netscape Communicator. 2. World Wide Web ( WWW ) adalah sistem hypertext yang membantu menjelajahi dunia untuk mencari didalam jaringan internet. WWW ini dapat diumpamakan perpustakaan besar dengan berbagai macam informasinya. 3. Website ( Situs Web ) adalah tempat penyimpanan data dan informasi dengan topik tertentu. Website di umpamakan dengan sebuah buku dengan topik tertentu. 4. Home Page adalah sampul halaman dari suatu situs web yang berisi daftar isi atau menu utama situs web tersebut. 5. Browser adalah Progam apikasi yang digunaklan untuk memudahkan navigasi data dan informasi pada World Wide Web (WWW).
2.2 Pengertian Web Server Web Server adalah aplikasi server atau pusat komputer yng berfungsi mengirimkan informasi dalam bentuk halaman HTML dengan menggunakan HTTP. HTTP ini digunakan untuk mentransfer berbagai macam data, pada umumnya web server memiliki
3
4 dukungan terhadap ASP (VB Script) sehingga memungkinkan dihasilkan halaman yang dinamis.
2.3 Pengertian Basis Data Basis data adalah kumpulan file – file yang berinteraksi satu sama lain dan tersimpan di dalam memori yang berintegrasi sehingga membentuk suatu bangun data ( Kristanto, 1993 ). Dalam satu file terdapat record – record yang sejenia sama besar, sam bentuk dan merupakna kumpulan entitas yang seragam. Satu record terdiri dari field – field yang saling berhubungan unutk menunjukkan bahwa field – field tersebut dalam satu pengertian yang lengkap dan direkam dalam satu record unutk menyebut dari isi field maka digunakan atribut / merupakan judul dari suatu kelompok entitas tertentu. Entitas adalah objek yang nyata dan direkam.
2.4 Pengertian SQL Stucted Query Language ( SQL ) adalah bahasa data base relasional, SQL berisi pernyataan yang digunakan unutk memasukkan, mengubah, menghapus, memilih dan melindungi data (Susanto, 1995). SQL bisa digunakan dengan 2 cara yaitu dengan inteprestasi dan metode sisip. Secara interprestasi (interactive SQL) dengan memasukkan sebuah SQL melalui internal / mikro komputer dan langsung diproses, sedangkan metode sisip (Embedded SQL) yaitu menyisipkan pernyataan SQL kedalam sebuah program yang ditulis dengan bahasa pemrograman lain.
2.5 CMS (Content Management System) CMS (Content Management System) secara sederhana dapat diartikan sebagai berikut : Sebuah sistem yang memberikan kemudahan kepada para penggunanya dalam mengelola dan mengadakan perubahan isi sebuah website dinamis tanpa sebelumnya dibekali pengetahuan tentang halhal yang bersifat teknis. Dengan demikian, setiap orang, penulis maupun editor, setiap saat dapat menggunakannya secara leluasa untuk membuat, menghapus atau bahkan memperbaharui isi website tanpa campur tangan langsung dari
5 pihak webmaster. Hal tersebut merupakan sebuah langkah yang dianggap lebih efisien.( Kemas Yunus Antonius, 2003). (http://www.ilmukomputer.com/umum/kemascms.php) Karena CMS memisahkan antara isi dan desain, konsistensi tampilan dapat senantiasa dijaga dengan baik. Setiap bagian dari website dapat memiliki isi dan tampilan yang berbedabeda, tanpa harus khawatir kehilangan identitas dari website secara keseluruhan. Oleh karena semua data disimpan dalam satu tempat, pemanfaatan kembali dari informasi yang ada untuk berbagai keperluan dapat dengan mudah dilakukan. CMS juga memberikan kefleksibelan dalam mengatur alur kerja atau ‘workflow’ dan hak akses, sehingga memperbesar kesempatan berpartisipasi dari pengguna dalam pengembangan website. Hal ini akan sangat menguntungkan bila website yang dikelola memiliki kompleksitas yang tinggi dan mengalami kemajuan yang cukup pesat.
2.6 CMS Limbo LIMBO adalah salah satu software open source untuk membuat situs secara cepat dan mudah. Sebagai CMS, Mambo dibuat dan design untuk membangun sebuah website dengan mudah dan cepat. Hanya dengan melakukan pengaturan isi dari website yang akan ditampilkan baik secara online maupun offline dengan bantuan software pendukung CMS, maka website yang diinginkan dapat dibangun. Mambo dibangun dengan menggunakan dasar bahasa pemrograman website berbasis php. Tidak menutup kemungkinan dengan menambah sedikit bahasa pemrograman website yang lain yang mendukung sebuah website programing. File Master Mambo 454 dapat dengan mudah didapatkan dengan mendownload pada situs berikut : http://www.mamboexchange.com
2.7 Software yang Digunakan Software yang digunakan dalam pembuatan website SMU N 2 Sukoharjo adalah sebagai berikut ; 2.5.1 PHP PHP adalah singkatan dari “ Hypertext Preprocessor” : yaitu bahasa script yang diletakkan kedalam kode HTML. Kode PHP beda dengan kode HTML. Waktu
6 pengunjung membaca home page, server menjalankan perintah PHP yang lain antara lain membangkitkan kode HTML tertentu. Browser pengunjung hanya akan menerima kode HTML. 2.5.2 Macromedia Dreamweaver MX Dreamweaver adalah program HTML yang erat kaitannya dengan macromedia flash dan fireworks. Kebanyakan pemakai Dreamweaver adalah orang – orang yang sudah dapat dikatakan orang professional dalam dunia webmaster. Tutorial dalam bagian Dreamweaver hampir mirip dengan front page tetapi yang membedakannya adalah perintah yang dapat dipelajari sendiri dan pemulaan sebuah site yang berbeda dengan front page dan juga adanya fasilitas mouserver untuk image yang tinggal mengklik gambar yang ingin di mouseverkan. 2.5.3. Cute FTP Cute FTP adalah program yang digunakan untuk mengambil data (download) dan menyerahkan data (upload). 2.5.4 My SQL My SQL adalah sebuah data base yang didukung oleh PHP untuk dapat melakukan koneksi dan query. Mysql dapat menyimpan semua data pada website seperti berita, artikel, counter dan sebagainya dengan mudah dan terstruktur dan dapat membuka kembali dengan mudah dan cepat, yang paling disukai dari My SQL adalah querinya yang sederhana dan menggunakan escape character yang sama dengan PHP. Selain itu My SQL adalah data base tercepat saat ini. 2.5.5 Apache Server Apache Server adalah web server yang paling populer dan luas digunakan didunia internet sejak tahun 1996 hasil survey Netcraft Web Server mengatakan bahwa lebih dari 60% situs web menggunakan Apache Server sebagai web sever mereka. Selain aman dan efisien, Apache server yang dikembangkan dengan open source memiliki kemampuan ekstensibilitas yang tinggi hingga selalu up to date dengan standarisasi sever HTTP.
7 BAB III METODOLOGI PENELITIAN
3.1 Alur Penelitian Dengan melakukan penelitian di SMU N 2 Sukoharjo menggunakan metode observasi atau pengamatan lansung di SMU N 2 Sukoharjo. Dari hasil penelitian tersebut akan diolah oleh penulis menjadi suatu sistem yang dapat menghasilkan suatu informasi – informasi yang dibutuhkan dalam penelitian yang dilakukan oleh penulis. Data yang diperoleh dalam rangka penyusunan laporan ini, menggunakan teknik pengumpulan data dimana antara teknik yang satu dengan teknik yang lain saling melengkapi sehingga diperoleh data yang diperlukan. Teknik yang digunakan antara lain: 3.1.1 Metode Interview Metode interview adalah mengadakan waancara langsung kepada pihak pihak yang mengenai bidangnya sesuai dengan keadaanya dilapangan. Adapun pihakyang dimaksud adalah kepala sekolah dan wakil kepala sekolah SMUN 2 Sukoharjo antara lain : Datadata yang ditampilkan dalam bentuk print out dan buku buku yang disesuaikan dengan permintaan sekolah. 3.1.2 Dokumentasi Metode dokumentasi adalah dengan melihat laporan yang telah ada, hal itu di maksudkan agar data yang diperoleh dapat lebih diperinci dan diperjelas serta sesuai dengan kebutuhan. 3.1.3 Observasi Metode observasi adalah metode dengan melakukan pengamatan pada objek yang diteliti secara langsung, yang kemudaian dilakukan pencatatan kejadian kejadian yang berhubungan dengan objek yang diteliti. 3.1.4 Studi Pustaka Metode studi pustaka adalah mengumpulkan data dari membaca bukubuku atau literature yang ada hubungannya dengan permasalahan yang dijadikan objek penelitian.
7
8 3.2 Perancangan Aplikasi
3.2.1 Perangkat Lunak a. Easy PHP. Perangkat lunak ini digunakan sebagai server lokal. b. Macromedia Dreamweaver MX. Perangkat lunak ini digunakan sebagai editor scrip dalam pembuatan website dengan menggunakan bahasa pemrograman web, yaitu PHP dan HTML. c. PHP MyAdmin. Perangkat lunak ini digunakan untuk pembuatan database MySQL d. Corel (CorelDraw9 dan Corel PhotoPoint9). Perangakat lunak ini digunakan untuk pembuatan grafis dari tampilan website. 3.2.2 Perangkat Keras Perangkat keras yang digunakan untuk membuat aplikasi menggunakan PC (Personal Computer) dengan spesifikasi sebagai berikut: a. Processor Intel Pentium IV 2.000 HZ b. Memori DDRAM 128 MB c. VGA 32 MB d. Hardisk 20 GB e. Keyboard, Mouse, Printer, Scanner
9 3.3 Perancangan Rancangan Sistem
Perancangan sistem untuk membuat website memerlukan file direktori,adapun file direktori tersebut sebagai berikut;
Gambar 3.1 Struktur File Direktori Untuk Situs Site (Halaman User)
10
Gambar 3.2 Struktur File Administrator
11 3.4 Rancangan Templates Website
3.4.1 Halaman Home Halaman ini berisi ucapan selamat datang dan ucapan salam pembuka untuk pengunjung yang datang. GAMBAR SMU N 2 SUKOHARJO
Home Profile Struktur Organisasi
Isi ucapan selamat
Kurikulum Penghargaan Galeri Photo Contacus Guest Book Copyright @ SMU N 2 Sukoharjo
3.4.2 Halaman Profile Halaman ini berisi tenteng profil umum SMU N 2 Sukoharjo meliputi : visi, misi,sejarah berdiri, fasilitas penunjang. GAMBAR SMU N 2 SUKOHARJO
Home Profile Struktur Organisasi Kurikulum Penghargaan
Profile Visi Misi Sejarah Berdiri Fasilitas
Galeri Photo Contacus Guest Book Copyright @ SMU N 2 Sukoharjo
12 3.4.3 Halaman Struktur Organisasi Halaman ini berisi tentang struktur organisasi di SMU N 2 Sukoharjo GAMBAR SMU N 2 SUKOHARJO
Home Profile
Gambar Struktur Organisasi
Struktur Organisasi Kurikulum Penghargaan Galeri Photo Contacus Guest Book Copyright @ SMU N 2 Sukoharjo
3.4.4 Halaman Kurikulum Halaman ini berisi tentang kurikulum yang akan dipelajari selama sekolah di SMU N 2 Sukohajo. GAMBAR SMU N 2 SUKOHARJO
Home Profile Struktur Organisasi
Isi kurikulum sekolah
Kurikulum Penghargaan Galeri Photo Contacus Guest Book Copyright @ SMU N 2 Sukoharjo
13 3.4.5 Penghargaan Halaman ini berisi tentang prestasi yang telah dicapai oleh SMU N 2 S ukoharjo selama tahun 2000 – 2006. GAMBAR SMU N 2 SUKOHARJO
Home Profile Struktur Organisasi
Berisi prestasi prestasi
Kurikulum Penghargaan Galeri Photo Contacus Guest Book
Copyright @ SMU N 2 Sukoharjo
3.4.6 Galeri foto Halaman ini berisi tentang foto kegiatan para siswa siswi SMU N 2 Sukoharjo GAMBAR SMU N 2 SUKOHARJO
Home Profile Struktur Organisasi
Berisi foto foto
Kurikulum Penghargaan Galeri Photo Contacus Guest Book Copyright @ SMU N 2 Sukoharjo
14 3.4.7 Contacus Halaman ini berisi untuk menulis pesan pengunjung dan alamat GAMBAR SMU N 2 SUKOHARJO
Home Profile Struktur Organisasi Kurikulum Penghargaan Galeri Photo Contacus
Send
Edit
Close
Guest Book Copyright @ SMU N 2 Sukoharjo
3.4.8 Guest book Halaman ini berisi tentng form yang digunakan dalam pengisian buku tamu yang berisikan semua komentar – komentar yang telah masuk sehingga pengunjung bisa melihat komentar yng telah masuk. GAMBAR SMU N 2 SUKOHARJO
Nama Home Profile Struktur Organisasi
Alamat Email
Kurikulum
Send Send
Penghargaan Galeri Photo Contacus Guest Book
Send
Edit
Copyright @ SMU N 2 Sukoharjo
Close
15
BAB IV HASIL PENELITIAN DAN PEMBAHASAN 4.1 Proses dan Pembuatan Program Pembuatan website memerlukan basis data yang berguna untuk lumbung penyimpanan informasi. Perancangan tabel basis data untuk aplikasi website adalah sebagai berikut ; 4.1.1 Tabel Administrator Database administrator digunakan untuk menyimpan data informasi username dan password untuk akses administrator, tapi menu administrator yang akan muncul setelah administrator melakukan login untuk masuk kedalam admin. Strutuktur tabel admin ini dapat dilihat pada table 4.1 : Tabel 4.1 Tabel Administrator Field ID
Tipe Int
Panjang
Keterangan
10
Primary key
Name
Varchar
50
Nama User
Username
Varchar
25
User name
Email
Varchar
100
Alamat email
Password
Varchar
100
Nama untuk masuk ke admin
User Type
Varchar
25
Menjelaskan jenis user yang ada di website
4.1.2 Tabel untuk Galery Photo Database Galery Photo digunakan untuk menampilkan photo – photo kegiatan yang hanya bias diisikan oleh admin sendiri. Strutuktur tabel admin ini dapat dilihat pada tabel 4.2 : Tabel 4.2. Gallery Photo Field Id
Tipe Int
Panjang
Keterangan
10
Primary key
15
16 Catid
Int
11
Title
Varchar
50
Judul artikel
Description
Text
Url
Varchar
255
Alamat pengirim
Date
Varchar
20
Tanggal dimasukkan ke website
Hits
Int
11
Publised
Int
1
Ordering
Int
11
Approved
Int
1
4.1.3 Tabel Guest Book Tabel ini berisi data – data dari user yang masuk ke website SMA Negeri 2 Sukoharjo. Strutuktur tabel admin ini dapat dilihat pada tabel 4.3 :
Tabel 4.3. Tabel Buku Tamu Field
Tipe
Panjang
Keterangan
Id
Int
10
Primary key
Name
Varchar
50
Nama pengirim
50
Alamat email pengirim
255
Alamat pengirim buku
Email Url
Varchar Varchar
tamu Country Title
Varchar Varchar
Massage
Text
Reply
Text
50
Negara
255
Judul Pesan
Ip
Varchar
20
Date
Varchar
20
Tanggal artikel
pengiriman
17 4.1.4 Tabel Polling Tabel ini berisi data – data polling atau jejak pendapat tentang website SMA Negeri 2 Sukoharjo. Strutuktur tabel admin ini dapat dilihat pada tabel 4.4 : Tabel 4.4. Tabel Polling Field
Tipe
Panjang
Keterangan
Id
Int
10
Primary key
Pollid
Int
11
Polloption
Varchar
255
Hits
Int
11
Ip
Int
10
Date
Varchar
20
Internet protokol
4.1.5 Tabel Contact Us Tabel ini berisikan pesan atau kesan terhadap website ini tetapi artikel yang ditulis nantinya langsung masuk kepada email admin. Strutuktur tabel admin ini dapat dilihat pada tabel 4.5 : Tabel 4.5. Tabel Contact Us Field
Tipe
Panjang
Keterangan
Id
Int
10
Primary key
Name
Varchar
50
Nama pengirim
Email
Varchar
50
Alamat Email
Massage Subject
Text
Massage text
Text
Date
Varchar
20
Tanggal
dikirimnya
artikel 4.1.6 Tabel Statistik Tabel ini berisikan tentang statistik pengunjung website SMA Negeri 2 Sukoharjo. Strutuktur tabel admin ini dapat dilihat pada tabel 4.6 :
Tabel 4.6. Tabel Statistik
18 Field
Tipe
Panjang
Keterangan
Id
Int
10
Primary key
Ip
Varchar
16
Internet protokol
Date
Varchar
20
Tanggal
Count
Int
10
Jumlah
Uid
Int
2
4.2
Form Tampilan Bagi Administrator
4.2.1 Halaman Login Halaman Login digunakan untuk masuk dalam menu administrator yang berfungsi mengedit tampilan website, yang terdiri dari user dan password. Cara menjalankan form ini adalah dengan memasukkan nama user dan password yang sesuai dengan yang tersimpan di database, bila username dan password tidak sesuai dengan database maka login tidak akan berhasil masuk ke menu administrator. Halaman ini bisa dilihat pada Gambar 4.1 sebagai berikut :
Gambar 4.1. Login Administrator
4.2.2 Halaman Administrator Pada halaman administrator ini berisi tentang cara mengubah seluruh aplikasi – aplikasi menu yang ada di website. Halaman ini bisa dilihat pada Gambar 4.2 sebagai berikut.
19
Gambar 4.2 Menu Administrator
4.2.3 Tampilan Halaman Edit Berita Halaman ini menampilkan berita yang ditulis admin. Apabila ingin diedit cukup dengan menekan menu content dan pilih menu news. Halaman ini bisa dilihat pada Gambar 4.3 sebagai berikut.
Gambar 4.3. Halaman Edit Berita
4.2.4 Halaman Edit Halaman edit polling ini apabila ingin mengubahnya cukup dengan menekan menu component dan akan bisa mengedit polling yang diharapkan. Halaman ini bisa dilihat pada Gambar 4.4 sebagai berikut.
20
Gambar 4.4 Edit Polling
4.2.5 Halaman Edit Buku Tamu Halaman buku tamu ini berguna untuk menghapus buku tamu yang telah ditampilkan pada website. Apabila ingin mengedit cukup pilih menu component dan pilih guest book maka akan munucul gambar dibawah. Halaman bisa dilihat pada Gambar 4.6 berikut ini
Gambar 4.5 Hapus Buku Tamu
21 4.3 Form Tampilan User
4.3.1 Halaman Utama Halaman Utama ini user dapat melihat menu utama yang telah disediakan oleh administrator kepada user. Tampilan Halaman Utama ini dapat dilihat pada gambar 4.6 :
Gambar 4.6 Halaman Utama 4.3.2 Halaman Visi dan Misi Halaman ini berisi tentang visi dan misi SMA Negeri 2 Sukoharjo. Tampilan Halaman Utama ini dapat dilihat pada gambar 4.7 :
Gambar 4.7 Halaman Visi dan Misi
22 4.3.3 Halaman Profile Halaman ini berisi tentang profile sekolah yang terdiri dari : Struktur Organisasi, lokasi sekolah, sejarah berdiri. Halaman Profile ini dapat dilihat pada 4.8 :
Gambar 4.8 Halaman Profile 4.3.4 Halaman Prestasi Halaman ini tentang prestasi–prestasi yang pernah diraih SMA Negeri 2 Sukoharjo dari tahun 2006 – 2007 dari akademik ataupun non akademik. Halaman Prestasi ini dapat dilihat pada 4.9. :
Gambar 4.9 Halaman Prestasi 4.3.5 Halaman Fasilitas
23 Halaman ini berisi tentang fasilitas–fasilitas penunjang kegiatan belajar mangajar bagi murid SMA Negeri 2 Sukoharjo. Halaman Fasilitas ini dapat dilihat pada 4.10 :
Gambar 4.10 Halaman Fasilitas
4.3.6 Halaman News
24 Halaman ini berisi tentang berita terbaru dari SMA Negeri 2 Sukoharjo maupun berita tentang teknologi. Halaman News ini dapat dilihat pada 4.11 :
Gambar 4.11 Halaman News
4.3.7 Halaman Gallery Photo Halaman ini berisi tentang foto – foto kegiatan HUT SMA Negeri 2 Sukoharjo ataupun dari kegiatan ekstrakulikulermaupun. Halaman Gallery Photo ini dapat dilihat pada 4.12 :
Gambar 4.12 Halaman Gallery Photo 4.3.8 Halaman Buku Tamu
25 Halaman ini berisi pesan ataupun kesan tentang website ini dan bias juga tentang menyangkut SMA Negeri 2 Sukoharjo yang nantinya akan masuk ke website tersebut. Halaman Buku Tamu ini dapat dilihat pada 4.13 :
Gambar 4.13 Halaman Guest Book
4.4.9 Halaman Contact Halaman ini berisi pesan ataupun kesan tentang website ini dan bisajuga tentang menyangkut SMA Negeri 2 Sukoharjo yang initnya sam dengan guest book tapi artikel anti akan masuk ke email admin. Halaman Contact ini dapat dilihat pada 4.14 :
Gambar 4.14 Halaman Contact
26 4.4 PENGUJIAN SECARA KESELURUHAN
Dalam pengujian website SMA Negeri 2 Sukoharjo dengan menggunakan software Mozila Fire Fox 1.5 sangat bagus hasilnya apabila ditampilkan dengan screen resolution menggunakan ukuran 1024 x 768 dan juga pada ukuran 800 x 600.
Gambar 4.15 Halaman Home :
27
BAB V PENUTUP
5.1 Kesimpulan Setelah melakukan pengujian dan menguji analisa pembuatan website dapat disimpulan sebagai berikut : 1. Website merupakan suatu sarana untuk mendapatkan suatu informasi yang dibutuhkan dengan cepat dan sebagai media informasi website penyampaian suatu informasi kepada para siswa SMA Negeri 2 Sukoharjo untuk mendapatkan berita terbaru tentang sekolah tersebut. 2. Salah satu wujud penerapan teknologi informasi dalam tugas akhir ini adalah pembuatan profile SMA Negeri 2 Sukoharjo dalam bentuk website yang berjalan pada protokol http. 3. Dalam pembuatan website ini dibangun dengan menggunakan software antara lain Macroedia Dreaweaver, PHP Triad, My SQL, Apache Serv sehingga lebih mudah untuk disampaikan kepada masyarakat.
5.2 Saran Dengan menggunakan adanya software limbo cms yang mungkin sudah diketahui oleh banyak orang. Maka dengan demikian dapat lebih dikembangkan lagi antara lain dengan penambahan menu – menu yang mungkin belum ada di tampilan website tersebut. Sehingga dapat lebih menarik perhatian sehingga pengunjung website merasa senang mengunjunginya.
27
28
DAFTAR PUSTAKA Aziz, M., F. 2001, Belajar Sendiri Pemrograman PHP 4.0, Elex Media Komputindo, Jakarta. Jogiyanto, H., M., 2001, Analisis & Desain Sistem Informasi : Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis, Andi Offest, Yogyakarata.
Kadir, P., 2000, Konsep dan Tuntutan Praktis Basis Data, Andi Offest, Yogyakarta.
Kent, P., 1996. Penuntun 10 Menit Untuk Internet, Penerbit Andi, Yogyakarta.
Kristanto, H.,1993, Konsep dan Perancangan Database, Penerbit Andi, Yogyakarta.
Rickyanto, I., 2001, Macromedia Dremweaver 4.0, Elex Media Komputindo, Jakarta.
Susanto, M., J., 1995, Manajemen Database Dengan SQL, Penerbit Dinastindo, Jakarta.
28
