pembuatan website di sma negeri 2 …/pembuatan...3.4 rancanga n template website ... masing network...

i

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

ii

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 NIP. 131 649 948 NIP. 132 134 694

iii

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.

iv

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

v

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

vi

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

vii

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

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

DAFTAR PUSTAKA .................................................................................... 28

ix

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

x

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

1

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.

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

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

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

http://www.ilmukomputer.com/umum/kemas-cms.php

http://www.mamboexchange.com/

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

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.


Home

Profile

Struktur Organisasi

Kurikulum

Penghargaan

Galeri Photo

Contacus

Guest Book


Isi ucapan selamat

Profile Visi Misi Sejarah Berdiri Fasilitas

12

3.4.3 Halaman Struktur Organisasi

Halaman ini berisi tentang struktur organisasi di 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.


Home

Profile

Struktur Organisasi

Kurikulum

Penghargaan

Galeri Photo

Contacus

Guest Book


Gambar Struktur Organisasi

Isi kurikulum sekolah

13

3.4.5 Penghargaan

Halaman ini berisi tentang prestasi yang telah dicapai oleh SMU N 2 S ukoharjo

selama tahun 2000 – 2006.


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


Home

Profile

Struktur Organisasi

Kurikulum

Penghargaan

Galeri Photo

Contacus

Guest Book


Berisi prestasi prestasi

Berisi foto foto

14

3.4.7 Contacus

Halaman ini berisi untuk menulis pesan pengunjung dan alamat


Home

Profile

Struktur Organisasi

Kurikulum

Penghargaan

Galeri Photo

Contacus

Guest Book


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.


Home

Profile

Struktur Organisasi

Kurikulum

Penghargaan

Galeri Photo

Contacus

Guest Book


Send Edit Close

Nama

Alamat

Email Send

Send Edit Close

Send

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 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


Id Int 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



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

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



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



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



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

pembuatan website di sma negeri 2 …/pembuatan...3.4 rancanga n template website ... masing network...

Documents