Pembuatan website di SMA Negeri 2 Sukoharjo dengan Cms Limbo muhammad iskandar

(1)

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

(2)

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 Hartono, S.Si

NIP. 132 240 483 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 1. ...

2. Hartono, S.Si 2. ...

3. Darsono, M.Si 3. ...

Surakarta, 3 Juli 2007

Disahkan oleh

Fakultas MIPA Ketua Program Studi

Dekan D III Ilmu Komputer

Prof. Drs. Sutarno, Msc, PhD Irwan Susanto, Ssi. DEA

(3)

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.

(4)

HALAMAN MOTO

# Tuntutlah ilmu sampai ke negeri cina

# Keagagalan adalah suatu ujian untuk mencapai sebuah kesuksesan

# Hadapilah hidup ini dengan kesabaran

(5)

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

(6)

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

(7)

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

(8)

viii

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

(9)

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

(10)

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

(11)

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.

(12)

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.

(13)

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

(14)

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

(15)

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

(16)

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.

(17)

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.

(18)

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

(19)

9 3.3 Perancangan Rancangan Sistem

Perancangan sistem untuk membuat website memerlukan file direktori,adapun file direktori tersebut sebagai berikut;

(20)

(21)

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 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 Galeri Photo Contacus Guest Book Copyright @ SMU N 2 Sukoharjo Isi ucapan selamat Profile Visi Misi Sejarah Berdiri Fasilitas

(22)

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

Struktur Organisasi Kurikulum

Penghargaan Galeri Photo Contacus Guest Book

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 Kurikulum

Penghargaan Galeri Photo Contacus Guest Book

Gambar Struktur Organisasi

(23)

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 Kurikulum

Penghargaan Galeri Photo Contacus Guest Book

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 Kurikulum

Penghargaan Galeri Photo Contacus Guest Book

Berisi prestasi prestasi

(24)

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 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 Home Profile Struktur Organisasi Kurikulum Penghargaan Galeri Photo Contacus Guest Book Copyright @ SMU N 2 Sukoharjo

Send Edit Close

Nama Alamat

Email _Send

Send Edit Close Send

(25)

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 Tipe Panjang Keterangan

ID Int 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 Tipe Panjang Keterangan Id Int 10 Primary key

(26)

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

Email Varchar 50 Alamat email pengirim Url Varchar 255 Alamat pengirim buku

tamu Country Varchar 50 Negara Title Varchar 255 Judul Massage Text Pesan Reply Text

Ip Varchar 20

Date Varchar 20 Tanggal pengiriman artikel

(27)

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 Internet protokol Date Varchar 20

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 :

(28)

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.

(29)

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.

(30)

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

(31)

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 :

(32)

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

(33)

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

(34)

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

(35)

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 :

(36)

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 :

(37)

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.

(38)

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.

(1)

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

(2)

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

(3)

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

(4)

4.4 PENGUJIAN SECARA KESELURUHAN

Gambar 4.15 Halaman Home :

(5)

BAB V

PENUTUP

5.1 Kesimpulan

Setelah melakukan pengujian dan menguji analisa pembuatan website dapat disimpulan sebagai berikut :

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

(6)

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.

Pembuatan website di SMA Negeri 2 Sukoharjo dengan Cms Limbo muhammad iskandar