Sistem Informasi Sekolah Menengah Pertama (SMP) Se-Kabupaten Langkat Berbasis Web.

(1)

SISTEM INFORMASI SEKOLAH MENENGAH PERTAMA (SMP)

SE-KABUPATEN LANGKAT BERBASIS WEB

TUGAS AKHIR

MELIZA SYA PUTRI

082406024

PROGRAM STUDI DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

(2)

SISTEM INFORMASI SEKOLAH MENENGAH PERTAMA (SMP) SE-KABUPATEN LANGKAT BERBASIS WEB

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya

MELIZA SYA PUTRI 082406024

PROGRAM STUDI D-III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2011

(3)

PERSETUJUAN

Judul : SISTEM INFORMASI SEKOLAH MENENGAH

PERTAMA (SMP) SE-KABUPATEN LANGKAT BERBASIS WEB

Kategori : TUGAS AKHIR

Nama : MELIZA SYA PUTRI

Nomor Induk Mahasiswa : 082406024

Program Studi : DIPLOMA III TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di, Medan, Mei 2011

Diketauhi/Disetujui oleh

Departemen Matematika FMIPA USU Pembimbing,

Ketua,

Prof. Dr. Tulus, M.Si Drs. Marwan Harahap, M.Eng

(4)

PERNYATAAN

SISTEM INFORMASI SEKOLAH MENENGAH PERTAMA (SMP) SE-KABUPATEN LANGKAT BERBASIS WEB

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Mei 2011

MELIZA SYA PUTRI 082406024

(5)

PENGHARGAAN

Puji dan syukur penulis panjatkan kehadirat Allah SWT yang telah memberikan rahmat dan hidayah-Nya kepada penulis semua sehingga penulis dapat menyelesaikan Tugas Akhir ini dengan baik.

Dalam menyelesaikan Tugas Akhir ini penulis banyak mengalami kesulitan namun berkat bimbingan, dorongan, dan bantuan dari rekan-rekan mahasiswa-mahasiswi Program Studi Ilmu Komputer FMIPA USU, dosen dan semua pihak yang terkait dalam penyelesaian Tugas Akhir ini, hal tersebut dapat penulis atasi dengan baik. Maka pada kesempatan ini, penulis mengucapkan terima kasih kepada :

1. Bapak Drs. Marwan Harahap, M. Eng selaku Dosen Pembimbing yang telah banyak memberikan saran dan masukan dalam penyelesaian tugas akhir ini. 2. Bapak Sutarman, M. Sc. Selaku Dekan Fakultas Matematika dan Ilmu

Pengetahuan Alam Universitas Sumatera Utara.

3. Bapak Prof. Dr. Tulus, M. Si, selaku Ketua Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

4. Bapak Syahril Effendi, S. Si, M. IT dan Bapak Syahriol Sitorus, S. Si, M. IT, selaku Ketua dan Sekretaris Program Studi D3 Teknik Informatika Universitas Sumatera Utara.

5. Seluruh dosen pengajar D3 Teknik Informatika Universitas Sumatera Utara. 6. Mama dan Nenek tercinta yang telah memberikan doa dan dukungannya kepada

penulis.

7. Ayudha Rifandhy yang selalu berusaha menjadi yang terbaik.

8. Teman-teman seperjuangan Periode 2008 Jurusan D3 Teknik Informatika Universitas Sumatera Utara khususnya Erwina Pratiwi dan Debora Viliana. 9. Bapak Drs. Syam Sumarno, M. AP, selaku Kepala Dinas Pendidikan dan

Pengajaran Kabupaten Langkat yang memberikan kesempatan untuk melakukan riset.

10. Ibu Hj. Dewi Gandaria, S. Sos, selaku Kepala Bagian Umum Dinas Pendidikan Kabupaten Langkat yang telah berbaik hati membantu penulis dalam mendapatkan data.

(6)

Akhir kata, semoga Tugas Akhir ini dapat memberi manfaat dan menambah wawasan maupun pengetahuan penulis.

Medan, Mei 2011

(7)

ABSTRAK

Kajian ini bertujuan untuk membangun sebuah website yang dinamis. Website Sekolah Menengah Pertama (SMP) Se-Kabupaten Langkat ini dikembangkan dengan menggunakan software yakni PHP dan dengan bantuan Macromedia Dreamweaver 8, Adobe Photoshop CS4, Apache2Triad 1.5.4 sebagai webserver dan Google Chrome sebagai web browsernya. Tujuan dari website ini adalah untuk menyajikan informasi umum mengenai Sekolah Menengah Pertama (SMP) yang berada di Kabupaten Langkat sehingga mudah diakses secara online. Website ini juga dapat di-update setiap saat oleh admin sesuai dengan perkembangan sekolah tersebut.

(8)

Daftar Isi

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak vi

Daftar Isi vii

Daftar Tabel ix

Daftar Gambar x

Bab 1 Pendahuluan 1

1.1 Latar Belakang 1

1.2 Identifikasi Masalah 2

1.3 Maksud dan Tujuan 3

1.4 Batasan Masalah 3

1.5 Kontribusi Penelitian 4

1.6 Metode Penelitian 4

1.7 Sistematika Penulisan

Bab 2 Landasan Teori 7

2.1 Apache2Triad 7

2.2 Komputer 8

2.3 Database 10

2.4 Sistem 13

2.5 Informasi 13

2.6 Sistem Informasi 14

2.7 Internet 14

2.8 HTML 14

2.9 CSS 16

2.10 MySQL 16

Bab 3 Perancangan Sistem 19

3.1 Perencanaan dan Perancangan 19

3.2 Flowchart 20

3.3 Perancangan Halaman Website 26

3.4 Membuat Database 29

3.5 Desain Situs 32

Bab 4 Implementasi Sistem 33

4.1 Pengertian implementasi Sistem 33

4.2 Tujuan Implementasi Sistem 33

4.3 Langkah-langkah yang Dibutuhkan dalam Pengimplementasian Sistem 34

(9)

4.5 Instalasi Apache, PHP dan MySQL 36

4.5.1 Menginstal Apache2Triad 36

4.5.2 Folder Apache2Triad 40

4.5.3 Mengakses Control Panel Apache2Triad 42

4.5.4 Mengkonfigurasi Setting 45

4.5.5 Menjalankan Fitur 45

4.5.6 Menguji Keberhasilan Instalasi 46

4.6 Melakukan Upload File dan Database 47

4.7 Mempublikasikan Situs 48

Bab 5 Kesimpulan dan Saran 49

5.1 Kesimpulan 49

5.2 Saran 49

Daftar Pustaka

Lampiran A: Listing Program Lampiran B: Surat-surat

(10)

Daftar Tabel

Halaman

(11)

Daftar Tabel

Halaman

Gambar 3.2.1 Flowchart Menu pada Halaman Index 23

Gambar 3.2.2 Flowchart Login Admin 24

Gambar 3.2.3 Flowchart Menu pada Halaman Admin 25

Gambar 3.3.1 Halaman index.php 26

Gambar 3.3.2 Halaman profilLangkat.php 27

Gambar 3.3.3 Halaman dinas.php 27

Gambar 3.3.4 Halaman sekolah.php 28

Gambar 3.3.5 Halaman bukutamu.php 28

Gambar 3.4.1 Tabel tbadmin 29

Gambar 3.4.2 Tabel tbberita 30

Gambar 3.4.3 Tabel tbbukutamu 30

Gambar 3.4.4 Tabel tbdata 31

Gambar 3.5 Tampilan Halaman Index (Serambi) 32

Gambar 4.5.1.1 Folder Penyimpanan Apache2Triad 36

Gambar 4.5.1.2 Memilih Komponen yang akan Diinstal 37

Gambar 4.5.1.3 Menentukan Folder Tujuan Instalasi 37

Gambar 4.5.1.4 Menentukan Password untuk Database 38

Gambar 4.5.1.5 Lisensi Program 38

Gambar 4.5.1.6 Proses Instalasi Sedang Berlangsung 39

Gambar 4.5.1.7 Konfigurasi Otomatis telah Selesai 39

Gambar 4.5.1.8 Jendela Konfirmasi Password 40

Gambar 4.5.1.9 Prose Instalasi Selesai 40

Gambar 4.5.2 Struktur Folder dalam Apache2Triad 41

Gambar 4.5.3.1 Mengakses Control Panel Apache2Triad 43

Gambar 4.5.3.2 Form Login pada halaman Control Panel 43

Gambar 4.5.3.3 Halaman Utama Control Panel 44

Gambar 4.5.4 Icon Pengaturan Apache2 WebServer 45

Gambar 4.5.5 Pengaturan pada Service Server 46

Gambar 4.5.6.1 Address Bar pada Browser Mozilla Firefox 46

(12)

ABSTRAK

(13)

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Dalam dunia teknologi informasi, komputer tidak hanya digunakan sebagai alat untuk mengolah data menjadi informasi. Komputer diaplikasikan pada berbagai bidang, misalnya pendidikan, pemerintahan, ekonomi, komunikasi dan lain sebagainya. Pesatnya perkembangan di bidang komputer ini memudahkan setiap orang dalam melakukan pekerjaan. Terutama dengan adanya internet dan aplikasi-aplikasi pendukungnya.

Internet merupakan media informasi yang dapat diakses secara global. Melalui internet orang-orang dapat saling memberi informasi tanpa harus bertatap muka, sehingga proses pertukaran data dapat menjadi lebih mudah dan cepat. Informasi yang diperoleh dari internet pun bermacam-macam sesuai dengan apa yang diminta oleh

user.

Media internet semakin berkembang sejalan dengan perkembangan perangkat lunak (software) terutama software yang dapat membantu menampilkan data di internet agar lebih menarik untuk dibaca. Informasi-informasi berupa data biasa

(14)

lembaga lain yang terkait atau bahkan masyarakat. Karena itulah perlu adanya website yang menampilkan data tersebut sehingga dapat diakses semua pihak.

Sebuah kabupaten terdiri dari beberapa kecamatan dengan banyak sekolah-sekolah yang terdapat di dalamnya. Namun, ada kabupaten yang jumlah sekolah-sekolah, jumlah guru, jumlah murid, dan fasilitasnya tidak terdata dengan baik. Hal ini tidak hanya menyulitkan Dinas Pendidikan dalam pendataan tetapi juga masyarakat yang ingin memilih sekolah yang baik untuk anak-anaknya.

Banyak sekolah yang ada di Kabupaten Langkat, tetapi data-data tentang sekolah tersebut sangat sulit untuk didapatkan. Untuk itulah penulis merancang sebuah website yang berisi informasi sekolah yang ada di Kabupaten Langkat. Sekolah yang dicantumkan dalam website tersebut adalah Sekolah Menengah Pertama (SMP) Negeri.

Dengan latar belakang tersebut, penulis akan membangun sebuah sistem informasi berbasis web dengan judul “SISTEM INFORMASI SEKOLAH MENENGAH PERTAMA (SMP) SE-KABUPATEN LANGKAT BERBASIS WEB”.

1.2 Identifikasi Masalah

Pada dasarnya setiap lembaga membutuhkan sarana untuk memberikan informasi kepada lembaga lain dan masyarakat. Media yang paling dinilai paling tepat adalah dengan menggunakan internet. Sehubungan dengan hal itu, penulis merumuskan beberapa masalah sebagai berikut:

(15)

1. Bagaimana pemanfaatan aplikasi web yang dibangun dalam penyebaran informasi yang up to date dan interaktif.

2. Sejauh mana aplikasi web Sistem Informasi Sekolah Menengah Pertama (SMP) Negeri ini dapat disajikan dengan baik.

3. Informasi apa saja yang disediakan sehingga pengunjung dapat mengaksesnya.

1.3 Maksud dan Tujuan

Sesuai dengan judul dan identifikasi masalah yang dijelaskan sebelumnya, maka maksud dan tujuan penulis adalah membangun sistem informasi berbasis web di Sekolah Menengah Pertama (SMP) Negeri di Kabupaten Langkat yang berisi informasi jumlah kelas, guru dan murid serta fasilitas-fasilitas yang ada di sekolah tersebut.

1.4 Batasan Masalah

Batasan dari Tugas Akhir ini adalah menampilkan halaman-halaman web baik bersifat statis maupun dinamis. Website ini berguna untuk memberikan informasi tentang Sekolah Menengah Pertama (SMP) Negeri yang ada di Kabupaten Langkat kepada masyarakat umum yang membutuhkan informasi tersebut termasuk lembaga-lembaga terkait seperti Dinas Pendidikan dan Pengajaran (P dan P) dan Badan Perencanaan

(16)

Administrator web berperan penting dalam menambah, mengubah dan menambah data yang ditampilkan dalam web. Data-data tersebut seperti tahun berdirinya sekolah, jumlah kelas, jumlah guru, jumlah murid dan fasilitas-fasilitas yang ada.

Aplikasi web ini dibangun dengan sistem operasi Windows XP, menggunakan Apache2Triad 1.5.4 sebagai webserver, PHP sebagai bahasa pemrogramannya, MySQL sebagai database dan Macromedia Dreamweaver 8 sebagai editor perancangan dan pembangunan web.

1.5 Kontribusi Penelitian

Kontribusi dari penelitian ini adalah :

1. Untuk mengetahui jumlah Sekolah Menengah Pertama (SMP) Negeri yang ada di Kabupaten Langkat.

2. Untuk mengetahui alamat, jumlah kelas, jumlah guru, jumlah murid, dan fasilitas Sekolah Menengah Pertama (SMP) Negeri yang ada di Kabupaten Langkat.

1.6 Metode Penelitian

Metode penelitian yang dilakukan penulis dalam pengerjaan tugas akhir ini adalah: 1. Penelitian Lapangan (Field Research)

Mengumpulkan informasi dan mempelajari materi serta sumber-sumber data yang berhubungan dengan sistem informasi maupun materi atau sumber-sumber lain yang terkait dengan penelitian ini yaitu Dinas Pendidikan dan Pengajaran

(17)

Kabupaten Langkat, Badan Perencanaan Pembangunan Daerah (Bappeda) Kabupaten Langkat, dan Sekolah Menengah Pertama (SMP).

2. Analisa Sistem

Menganalisa sistem pendukung keputusan yang telah dikumpulkan sebelumnya melalui studi literatur.

1.7 Sistematika Penulisan

Secara garis besar pembahasan tugas akhir ini terdiri dari 5 (lima) bab, yaitu:

BAB I: PENDAHULUAN

Bab ini berisi uraian latar belakang, perumusan masalah, maksud dan tujuan penelitian, metode penelitian dan sistematika penulisan.

BAB II: LANDASAN TEORI

Bab ini berisi uraian tentang sistem informasi yang akan penulis buat yaitu Apache2Triad, MySQL, phpMyAdmin, Dreamweaver, HTML, CSS serta gambaran tentang komputer dan sistem informasi.

BAB III: PERANCANGAN SISTEM

Pada bab ini akan dijelaskan tentang definisi dan tujuan dari implementasi sistem.

BAB IV: IMPLEMENTASI SISTEM

(18)

BAB V: KESIMPULAN DAN SARAN

Bab ini berisi kesimpulan dari tugas akhir ini dan saran untuk semua pihak yang berkaitan dengan website ini terutama Dinas Pendidikan dan Pengajaran Kabupaten Langkat dan Badan Pembangunan dan Perencanaan Daerah (Bappeda) Kabupaten Langkat.

(19)

BAB 2

LANDASAN TEORI

2.1 Apache2Triad

Apache2Triad adalah aplikasi paket program web (Web Programming) lengkap yang dapat digunakan secara gratis dan lengkap. Untuk dapat membuat website dengan dukungan database, digunakan software yang cukup populer, yaitu PHP. Sedangkan

database yang digunakan adalah MySQL. Keduanya terdapat dalam aplikasi

Apache2Triad. Aplikasi Apache2Triad 1.5.4 didukung oleh PHP 5, MySQL 5 dan Apache 2 serta phpMyAdmin yang akan digunakan sebagai tools pembuat database.

Fasilitas-fasilitas pendukung yang akan didapatkan setelah menginstal Apache2Triad antara lain:

1. Webserver : Apache2.

2. Programming : PHP, Perl dan Phyton.

3. Database : MySQL dan PostgreSQL Server

(20)

2.2 Komputer

Definisi Komputer berasal dari bahasa latin computare yang mengandung arti menghitung. Karena luasnya bidang garapan ilmu komputer, para pakar dan peneliti sedikit berbeda dalam mendefinisikan termininologi komputer.

1. Menurut Hamacher, komputer adalah mesin penghitung elektronik yang cepat dan dapat menerima informasi input digital, kemudian memprosesnya sesuai dengan program yang tersimpan di memorinya, dan menghasilkan output berupa informasi.

2. Menurut Blissmer, komputer adalah suatu alat elektonik yang mampu melakukan beberapa tugas sebagai berikut:

1. menerima input

2. memproses input tadi sesuai dengan programnya

3. menyimpan perintah-perintah dan hasil dari pengolahan 4. menyediakan output dalam bentuk informasi

3. Sedangan Fuori berpendapat bahwa komputer adalah suatu pemroses data yang dapat melakukan perhitungan besar secara cepat, termasuk perhitungan aritmetika dan operasi logika, tanpa campur tangan dari manusia.

Untuk mewujudkan konsepsi komputer sebagai pengolah data untuk menghasilkan suatu informasi, maka diperlukan sistem komputer (computer system) yang elemennya terdiri dari hardware, software dan brainware. Ketiga elemen sistem komputer tersebut harus saling berhubungan dan membentuk kesatuan. Hardware tidak akan berfungsi apabila tanpa software, demikian juga sebaliknya. Dan keduanya tiada

(21)

bermanfaat apabila tidak ada manusia (brainware) yang mengoperasikan dan mengendalikannya.

1. Hardware atau Perangkat Keras: peralatan yang secara fisik terlihat dan bisa

disentuh.

2. Software atau Perangkat Lunak: program yang berisi instruksi/perintah untuk

melakukan pengolahan data.

3. Brainware: manusia yang mengoperasikan dan mengendalikan sistem komputer.

Penggolongan Komputer Literatur terbaru tentang komputer melakukan penggolongan komputer berdasarkan tiga hal, yaitu:

1. Berdasarkan data yang diolah a. Komputer Analog

b. Komputer Digital c. Komputer Hybrid

2. Berdasarkan penggunaannya

a. Komputer untuk tujuan khusus (Special Purpose Computer) b. Komputer untuk tujuan umum (General Purpose Computer)

3. Berdasarkan kapasitas dan ukurannya a. Komputer Mikro (Micro Computer) b. Komputer Mini (Mini Computer) c. Komputer Kecil (Small Computer)

(22)

f. Komputer Super (Super Computer)

4. Berdasarkan generasinya

a. Komputer generasi pertama (1946-1959) b. Komputer generasi kedua (1959-1964) c. Komputer generasi ketiga (1964-1970) d. Komputer generasi keempat (1979-sekarang) e. Komputer generasi kelima

2.3 Database

Database adalah kumpulan informasi yang disimpan di dalam komputer secara

sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi dari database tersebut. Perangkat lunak yang digunakan untuk mengelola dan memanggil kueri (query) database disebut sistem manajemen

database (database management system, DBMS). Sistem database dipelajari

dalam ilmu informasi.

Istilah “database” berawal dari ilmu komputer. Meskipun kemudian artinya semakin luas, memasukkan hal-hal di luar bidang elektronika, artikel ini mengenai

database komputer. Catatan yang mirip dengan database sebenarnya sudah ada

sebelum revolusi industri yaitu dalam bentuk buku besar, kuitansi dan kumpulan data yang berhubungan dengan bisnis.

(23)

Konsep dasar dari database adalah kumpulan dari catatan-catatan, atau potongan dari pengetahuan. Sebuah database memiliki penjelasan terstruktur dari jenis fakta yang tersimpan di dalamnya: penjelasan ini disebut skema. Skema menggambarkan obyek yang diwakili suatu database, dan hubungan di antara obyek tersebut. Ada banyak cara untuk mengorganisasi skema, atau memodelkan struktur database. Ini dikenal sebagai model database atau model data.

Model yang umum digunakan sekarang adalah model relasional, yang menurut istilah Layman mewakili semua informasi dalam bentuk tabel-tabel yang saling berhubungan dimana setiap tabel terdiri dari baris dan kolom (definisi yang sebenarnya menggunakan terminologi matematika). Dalam model ini, hubungan antar tabel diwakili dengan menggunakan nilai yang sama antar tabel. Model yang lain seperti model hierarki dan model jaringan menggunakan cara yang lebih eksplisit untuk mewakili hubungan antar tabel.

Istilah database berhubungan dengan koleksi dari data-data yang saling berhubungan, dan perangkat lunaknya sebagai sistem manajemen database (database

management system/DBMS). Jika konteksnya sudah jelas, banyak administrator dan programmer menggunakan istilah database untuk kedua arti tersebut.

Perangkat lunak database yang banyak digunakan dalam pemrograman dan merupakan perangkat database tingkat tinggi (high level):

1. Microsoft SQL Server

(24)

5. XBase

6. Firebird

7. MySQL

8. PostgreSQL

9. Microsoft Access

10. dBase III

11. Paradox

12. FoxPro

13. Visual FoxPro

14. Arago

15. Force

16. Recital

17. dbFast

18. dbXL

19. Quicksilver

20. Clipper

21. FlagShip

22. Harbour

23. Visual dBase

24. Lotus Smart Suite Approach

Selain perangkat lunak di atas, terdapat juga perangkat lunak pemrograman

database aras rendah (low level), diantaranya: 1. Btrieve

(25)

2.4 Sistem

Ada dua pendekatan dalam mendefinisikan sistem, yaitu yang menekankan pada prosedurnya dan yang menekankan pada komponen atau elemennya. Suatu sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu tujuan tertentu. Sedangkan pengertian prosedur menurut Richard F. Neurschel, adalah urutan-urutan operasi

klerika (tulis-menulis), biasanya melibatkan beberapa orang dalam satu atau lebih

departemen, yang diterapkan untuk menjamin penanganan yang seragam dari transaksi-transaksi bisnis yang terjadi (Darwin Sitompul, 1994).

2.5 Informasi

Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya (Yogiyanto, 1989).

Kualitas dari suatu informasi bergantung pada tiga hal, yaitu informasi harus akurat, tepat pada waktunya, dan relevan. Yang dimaksud dengan akurat berarti informasi harus bebas dari kesalahan-kesalahan dan tidak menyesatkan. Sedangkan tepat pada waktunya berarti informasi yang datang pada penerima tidak boleh terlambat. Yang terakhir adalah relevan, berarti informasi tersebut mempunyai manfaat untuk pemakainya (Yogiyanto, 1989).

(26)

2.6 Sistem Informasi

Sistem informasi adalah suatu sistem yang dibuat oleh manusia dan terdiri dari komponen-komponen dalam organisasi untuk mencapai suatu tujuan yaitu menyajikan informasi (Al-Bahra Bin Ladjamuddin, 2005).

2.7 Internet

Internet adalah metode untuk menghubungkan berbagai komputer ke dalam satu jaringan komputer global melalui protokol yang disebut Transmission Control

Protocol/Internet Protocol (TCP/IP). Protokol adalah suatu petunjuk pekerjaan yang

akan pengguna (user) lakukan dengan internet, apakah akan mengakses situs web, melakukan transfer file, mengirim email dan sebagainya. Protokol bisa juga diartikan sebagai suatu bahasa yang digunakan untuk berkomunikasi dengan berbagai jenis komputer maupun sistem operasi yang terhubung dengan internet (Abdul Kadir, 2002).

2.8 HTML

HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegrasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah

(27)

kata dan disimpan kedalam format ASCII normal sehingga menjadi home page dengan perintah-perintah HTML.

Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized

Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk

menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).

Pada tahun 1980, IBM memikirkan pembuatan suatu dokumen yang akan mengenali setiap elemen dari dokumen dengan suatu tanda tertentu. IBM kemudian mengembangkan suatu jenis bahasa yang menggabungkan teks dengan perintah-perintah pemformatan dokumen. Bahasa ini dinamakan Markup Language, sebuah bahasa yang menggunakan tanda-tanda sebagai basisnya. IBM menamakan sistemnya ini sebagai Generalized Markup Language atau GML.

Pada tahun 1986, ISO menyatakan bahwa IBM memiliki suatu konsep tentang dokumen yang sangat baik, dan kemudian mengeluarkan suatu publikasi (ISO 8879) yang menyatakan markup language sebagai standar untuk pembuatan dokumen-dokumen. ISO membuat bahasa ini dari GML milik IBM, tetapi memberinya nama lain, yaitu SGML (Standard Generalized Markup Language).

(28)

ISO dalam publikasinya meyakini bahwa SGML akan sangat berguna untuk pemrosesan informasi teks dan sistem-sistem perkantoran. Tetapi diluar perkiraan ISO, SGML dan terutama subset dari SGML, yaitu HTML juga berguna untuk menjelajahi internet. Khususnya bagi mereka yang menggunakan World Wide Web. Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah berkembang XHTML yang merupakan pengembangan dari HTML.

2.9 CSS

Cascading Stylesheet (CSS) adalah mekanisme sederhana untuk mengubah Jenis Huruf, Warna, Ukuran dan lain-lain pada halaman website. Dengan menggunakan CSS, pengaturan tampilan halaman web dapat diorganisasikan dalam satu file sehingga memudahkan untuk mengubah atau memperbaiki tampilan halaman website tersebut tanpa harus mengubah satu per satu setiap halaman yang berkaitan dalam sebuah website.

2.10 MySQL

MySQL adalah salah satu jenis database server yang sangat terkenal. Kepopulerannya disebabkan MySQL menggunakan SQL sebagai bahasa dasar untuk mengakses databasenya. Selain itu, ia bersifat free (anda tidak perlu membayar untuk menggunakannya) pada berbagai platform (kecuali pada Windows, yang bersifat

shareware atau anda perlu membayar setelah melakukan evaluasi dan memutuskan

(29)

MySQL termasuk jenis RDBMS (Relational Database Management System). Itulah sebabnya istilah seperti tabel, baris dan kolom digunakan pada MySQL. Pada MySQL, sebuah database mengandung satu atau sejumlah tabel. Tabel terdiri atas sejumlah baris dan setiap baris mengandung satu atau beberapa kolom.

MySQL merupakan database yang sangat kuat dan cukup stabil untuk digunakan sebagai media penyimpanan data. Di dalam dunia Internet, MySQL dijadikan sebagai sebuah database yang paling banyak digunakan, penggunaan MySQL ini biasanya dipadukan dengan menggunakan program aplikasi PHP (hypertext processor).

Kelebihan MySQL diantaranya :

1. Dari segi performa, MySQL sudah tidak diragukan lagi, pemprosesan database sangat cepat.

2. Open source.

3. Mudah untuk dipelajari.

4. Kompabilitas dengan berbagai system operasi dan web server yang ada.

Tidak semua bahasa pemprogaman dapat berjalan di semua sistem operasi dan

web server yang ada, kalau dalam dunia programming, C dan Java adalah bahasa

pemprogaman yang dapat berjalan hampir disemua sistem operasi, apalagi dengan Java, Java tidak lagi monoton masuk dalam dunia komputer tetapi juga merambah dalam dunia mobile seperti smartphone dan aplikasinya. PHP & MySQL adalah sebuah pasangan yang sangat cocok dan dapat berjalan di hampir semua sistem operasi dan web server yang ada.

(30)

Alasan lain mengapa memilih PHP & MySQL adalah karena perkembangannya yang sangat cepat apalagi PHP & MySQL adalah bahasa pemrogaman yang bersifat

open source, setiap waktu selalu muncul fungsi-fungsi tambahan yang dapat

meningkatkan performa keduanya, apalagi ketika PHP sudah merambah kedalam dunia desktop dengan dikembangkannya PHP GTK.

(31)

BAB 3

PERANCANGAN SISTEM

3.1 Perencanaan dan Perancangan

Tahap perencanaan dan perancangan ini merupakan tahap awal dalam membangun sebuah situs, seperti membuat perencanaan, perancangan, diagram alur, tujuan dan isi dari sebuah situs. Situs ini dirancang dengan menggunakan PHP sebagai bahasa pemrogramannya, MySQL sebagai database, dan Macromedia Dreamweaver digunakan sebagai editor skrip program dan juga mendesain situs.

Membuat suatu situs memerlukan persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan yang berulang-ulang karena menyangkut semua elemen yang membentuk situs.

Sebelum membangun situs, perlu dilakukan identifikasi awal antara lain: 1. Situs jenis apa yang ingin dibuat?

2. Siapa saja pengunjung yang diharapkan berkunjung ke situs tersebut? 3. Aktivitas apa yang dapat pengunjung lakukan dalam situs tersebut? 4. Target yang ingin dicapai dalam pembuatan situs tersebut?

(32)

Dengan menjawab pertanyaan-pertanyaan di atas, akan semakin memperjelas dan mempermudah dalam membangun situs karena dari situlah nantinya akan terbentuk kata kunci untuk membuat dan mengembangkan situs lebih lanjut. Berkenaan dengan situs yang akan dibangun, maka jawaban untuk pertanyaan diatas sebagai berikut: 1. Situs yang dibuat adalah situs informasi tentang Sekolah Menengah Pertama

(SMP) Negeri dalam suatu kabupaten.

2. Pengunjungnya berasal dari kalangan mana saja yang membutuhkan informasi yang berkaitan dengan Sekolah Menengah Pertama (SMP) Negeri dalam suatu kabupaten.

3. Aktivitas yang dapat dilakukan pengunjung dalam situs tersebut adalah:

a. Pengunjung akan mendapatkan informasi tentang Sekolah Menengah Pertama (SMP) Negeri dalam suatu kabupaten sesuai dengan kebutuhan pengunjung. b. Pengunjung akan mendapatkan informasi dan berita terbaru tentang kabupaten

langkat terutama di bidang pendidikan.

c. Pengunjung dapat mengisi buku tamu dan memberi pesan, kritik ataupun saran untuk admin sehingga web ini dapat menjadi lebih baik lagi.

4. Target yang akan dicapai dari situs tersebut adalah pengunjung mendapatkan informasi tentang akan mendapatkan informasi tentang Sekolah Menengah Pertama (SMP) Negeri se-kabupaten Langkat.

(33)

3.2 Flowchart

Flowchart dapat juga diartikan sebagai sekumpulan simbol-simbol yang menunjukkan

atau menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir.

Flowchart dapat digunakan untuk menggambarkan urutan langkah-langkah pekerjaan

dalam suatu algoritma.

Membuat flowchart perlu dilakukan sebelum membuat sebuah website. Dengan membuat flowchart diharapkan proses pembuatan website dapat berlangsung lebih cepat dan tepat sasaran. Selain itu flowchart dapat membantu menjelaskan alur penggunaan website tersebut agar lebih mudah dipahami penggunaannya.

(34)

Penjelasan (arti) dari lambang-lambang flowchart didefinisikan seperti pada tabel berikut:

Tabel 3.2.1 Simbol-simbol flowchart dan fungsinya

No. Simbol Nama Fungsi

1. Terminator Memulai dan mengakhiri program

2. Process Simbol yang menunjukkan setiap

pengolahan yang dilakukan komputer

3. Data Memasukkan data dan menunjukkan

hasil dari suatu proses

4. Decision

Suatu kondisi yang akan

menghasilkan beberapa kemungkinan jawaban atau pilihan

5. Preparation Simbol untuk menyediakan tempat

pengolahan data dalam storage

6. Connector

Simbol untuk masuk atau keluarnya suatu prosedur pada lembar yang sama

7. Off Page

Connector

Simbol untuk masuk dan keluarnya suatu prosedur pada lembar yang lain

8. Arus atau flow

Prosedur yang dapat dilakukan dari atas ke bawah, bawah ke atas, kiri ke kanan dan kanan ke kiri

9. Document Simbol untuk data yang berbentuk

informasi

10. Predefined

Process

Untuk menyatakan sekumpulan langkah proses yang ditulis sebagai prosedur

11. Display Untuk output yang ditujukan suatu

device, seperti monitor

(35)

Untuk website ini, penulis membuat sebuah flowchart. Flowchart ini menampilkan menu yang dapat diakses oleh pengunjung saat membuka website beserta halaman yang akan ditampilkan jika pengunjung mengklik salah satu dari menu tersebut.

Flowchart situs yang penulis buat dapat dilihat pada gambar berikut:

index Menu

Serambi Profil Kontak Dinas Data Sekolah Buku Tamu index.php profilLangkat.ph p dinas.php sekolah.php Daftar Sekolah profil.php Mengisi buku tamu: Bukutamu.ph Ya Ya Ya Ya Ya Ya Tida k Tida k Tida k Tida k Tida k

(36)

Gambar 3.2.1 Flowchart Menu pada halaman Index

Selain membuat halaman utama website, penulis juga membuat halaman admin. Halaman ini berfungsi untuk menginput, mengedit atau menghapus data yang ditampilkan pada website. Sebelum membuat halaman admin, penulis tentu harus membuat flowchartnya terlebih dahulu.

Halaman utama (index) admin hanya dapat diakses oleh admin setelah melakukan proses login. Hal ini dilakukan agar kerahasiaan dan keamanan website menjadi lebih terjamin.

Flowchart dari form login, proses input password dan halaman index admin dapat

dilihat pada gambar berikut ini:

Gambar 3.2.2 Flowchart Login Admin

Form Login

Input admin username dan

password

Pesan Error

Halaman Index Admin

(37)

Setelah berhasil melakukan login, admin akan dapat melihat halaman index admin. Pada halaman ini terdapat menu untuk menambah, mengedit, menghapus data berita dan sekolah serta menampilkan data pengunjung yang mengisi buku tamu.

Flowchart dari halaman index admin dapat dilihat pada gambar berikut ini:

Gambar 3.2.3 Flowchart Menu pada halaman Admin

Halaman index admin Menu Berita Data Sekola Buku Tamu Tamba h Ya Ya Ya Menu

Edi Ya Edit

Hapus Ya _Hapus

Edi Ya Edit

Hapus Ya Tamba h Tampilka n dan Logout Index admin Hapus Tidak Tidak Tidak Tidak Tidak Tidak Tidak

(38)

3.3 Perancangan Halaman Website

Rancangan tampilan halaman-halaman situs:

1. Halaman index.php, yaitu halaman yang muncul pada saat situs dibuka. Halaman ini berisi Menu dan berita terbaru tentang bidang pendidikan di Kabupaten Langkat.

Gambar 3.3.1 Halaman index.php

2. Halaman profilLangkat.php, yaitu halaman yang berisi tentang profil Kabupaten Langkat.

(39)

Gambar 3.3.2 Halaman profilLangkat.php

3. Halaman dinasLangkat.php, yaitu halaman yang berisi daftar dinas pemerintah beserta alamat dan nomor telepon kantornya.

(40)

4. Halaman sekolah.php, yaitu halaman yang berisi tabel rincian data sekolah, seperti alamat sekolah, tahun berdirinya sekolah dan tahun terakhir sekolah tersebut direnovasi oleh pemerintah.

Gambar 3.3.4 Halaman sekolah.php

5. Halaman bukutamu.php, yaitu halaman dimana pengunjung dapat menjadi tamu dan mengirim pesan kepada admin.

(41)

3.4 Membuat Database

Data Sekolah Menengah Pertama (SMP) yang ada pada situs ditampung pada sebuah tempat yang disebut dengan Database. Database terdiri dari tabel-tabel yang dibuat dengan menggunakan MySQL. MySQL adalah suatu perangkat lunak database relasi (Relational Database Management System atau RDBMS), seperti halnya ORACLE, Postgresql, MS SQL, dan sebagainya.

Untuk situs Sekolah Menengah Pertama (SMP) ini database yang dibuat dinamakan “dbsekolah”. Database ini terdiri dari 4 (empat) tabel, yaitu:

1. tbadmin

(42)

2. tbberita

Gambar 3.4.2 Tabel tbberita

3. tbbukutamu

(43)

4. tbdata

(44)

3.5 Desain Situs

Dalam membuat desain situs ini, penulis menggunakan software Adobe Photoshop CS 4 sebagai pengolah gambarnya. Situs ini terdiri dari 4 (empat) area, yaitu header,

menu, isi dan footer. Pada area header terdapat logo dan nama situs. Secara

keseluruhan, desain situs yang penulis buat dapat dilihat seperti pada gambar di bawah ini:

(45)

BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem

Implementasi adalah prosedur yang dilakukan untuk menyelesaikan desain sistem yang ada di dalam komponen desain sistem yang disetujui dan menguji, menginstal, dan memulai menggunakan sistem baru atau sistem yang diperbaiki.

4.2 Tujuan Implementasi Sistem

Tujuan dari implementasi sistem adalah sebagai berikut:

4. Menyelesaikan desain sistem yang telah disetujui sebelumnya, menyusun dokumen-dokumen baru atau dokumen yang baru diperbaiki.

5. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru. 6. Menguji apakah sistem baru tersebut sesuai dengan pemakai.

7. Memastikan bahwa konversi ke sistem baru berjalan baik yaitu dengan membuat rencana, mengontrol dan melakukan instalasi baru secara benar.

(46)

4.3 Langkah-langkah yang Dibutuhkan dalam Pengimplementasian Sistem

Langkah-langkah yang diperlukan dalam pengimplementasian sistem adalah sebagai berikut:

25. Menyelesaikan desain web.

26. Mendapatkan software dan hardware yang sesuai dengan kebutuhan.

27. Menulis, menguji dan mendokumentasikan program komputer.

28. Menguji sistem.

29. Mendapatkan persetujuan.

4.4 Komponen Utama dalam Implementasi Sistem

Pengolahan data dalam sistem yang terkomputerisasi memerlukan fasilitas-fasilitas yang secara prinsipil harus ada. Fasilitas-fasilitas tersebut adalah sebagai berikut:

1. Hardware

Hardware adalah seluruh komponen yang membentuk suatu sistem komputer dan

peralatan lainnya sehingga memungkinkan komputer untuk melaksanakan tugasnya.

Dalam penyusunan sistem komputer ini, dibutuhkan perangkat keras sebagai berikut:

a. CPU (Central Processing Unit).

b. Memory.

c. Monitor.

d. Keyboard.

(47)

2. Software

Software adalah program-program aplikasi yang dibuat untuk menjadi penerjemah

antara perangkat keras dengan pemakai. Tanpa adanya perangkat lunak, maka pemakai dan perangkat keras tidak dapat berinteraksi.

Software yang digunakan adalah sebagai berikut:

a. Operating System (Sistem Operasi) Windows XP.

b. Bahasa pemrograman PHP dan MySQL. c. Macromedia Dreamweaver.

d. Photoshop CS 3.

e. Web Server Apache sebagai server lokal untuk untuk melakukan tes pada

halaman web sebelum file-file dan script web dipublikasikan di internet.

f. Browser Google Chrome.

3. Brainware

Brainware merupakan manusia yang menangani fasilitas komputer yang ada.

Faktor manusia yang dimaksud adalah orang-orang yang memiliki keahlian di bidang komputer dan sangat dibutuhkan. Faktor manusia ini meliputi:

a. Analisa Sistem

b. Programmer

c. Computer Operator

(48)

4.5 Instalasi Apache, PHP dan MySQL

Proses instalasi Apache, PHP, MySQL dapat dilakukan satu per satu dengan mendownload softwarenya dari situs www.apache.org untuk Apache, www.php.net untuk PHP dan www.mysql.com untuk MySQL. Setelah instalasi selesai, lakukan pengaturan konfigurasi yang diberikan setelah instalasi selesai. Tetapi karena proses instalasi seperti ini cukup rumit, dapat dilakukan alternatif lain yaitu dengan menginstal aplikasi Apache2Triad 1.4.4 yang dapat di download di www.apache2triad.net.

4.5.1 Menginstal Apache2Triad

Langkah-langkah dalam menginstal Apache2Triad:

1. Buka folder tempat Apache2Triad disimpan, lalu klik dua kali file apache2triad 1.4.4.exe. Uninstall webserver Apache jika sudah diinstal sebelumnya untuk dapat menjalankan Apache2Triad.

(49)

2. Dari jendela Installation Options, hilangkan tanda centang pada salah satu tools atau komponen yang tidak akan disertakan, yaitu database PostgreSQL beserta ODBC-nya. Lalu klik Next.

Gambar 4.5.1.2 Memilih komponen yang akan diinstal.

3. Pada jendela Installation Folder, pilih folder tujuan dari hasil instalasi. Pada kondisi standar, program akan trinstal pada folder C:\apache2triad. Klik tombol

(50)

4. Pada halaman set password, masukkan password pada kedua kotak yang tersedia minimal 8 digit. Lalu klik tombol Next.

Gambar 4.5.1.4 Menentukan password untuk database.

5. Klik tombol I Agree untuk memulai instalasi.

(51)

6. Tunggu proses instalasi berlangsung.

Gambar 4.5.1.6 Proses instalasi sedang berlangsung.

7. Setelah proses instalasi selesai akan muncul jendela konfirmasi. Klik OK.

Gambar 4.5.1.7 Konfigurasi otomatis telah selesai.

8. Saat muncul tulisan “Enter the password for Apache2Triad”, tekan tombol Enter jika tidak ingin memakai password.

(52)

Gambar 4.5.1.8 Jendela konfirmasi password untuk cPanel.

9. Klik tombol OK pada jendela konfirmasi.

Gambar 4.5.1.9 Proses instalasi selesai.

4.5.2 Folder Apache2Triad

Apache2Triad diinstal pada folder standar, yaitu C:\apache2triad\. Susunan folder hasil instalasi dapat dilihat pada gambar di bawah ini:

(53)

Gambar 4.5.2 Struktur folder dalam Apache2Triad.

Fungsi beberapa folder yang penting adalah sebagai berikut: 1. bin : Folder utama dari Apache2 Webserver.

2. conf : Folder berisi file-file konfigurasi Apache2 Webserver.

3. ftp : Folder berisi tools FTP (File Transfer Protocol) untuk transfer data. 4. htdocs : Folder utama untuk menyimpan data-data web, baik PHP maupun

HTML biasa. Pada folder ini biasa dibuat subfolder sendiri untuk mengelompokkan file web-nya.

(54)

6. mysql : Folder utama untuk database MySQL Server. Di dalamnya terdapat

subfolder data untuk merekam semua nama database serta subfolder bin

yang berisi tools klien dan server MySQL. 7. pgsql : Folder utama untuk database PostgreSQL Server. 8. perl : Folder utama untuk program Perl.

9. php : Folder utama untuk program PHP. 10. python : Folder utama untuk program Python.

4.5.3 Mengakses Control Panel Apache2Triad

Apache2Triad menyediakan tools berupa Control Panel berbentuk web yang berguna untuk mengontrol servis database MYSQL, PostgreSQL dan Apache2 Webserver. Konfigurasi terhadap semua setting dapat dilakukan melalui tools ini. Tools ini adalah Apache2TriadCP.

Cara mengaksesnya adalah:

(55)

Gambar 4.5.3.1 Mengakses Control Panel Apache2Triad.

2. Pada jendela Authentication Required, ketikkan username dan password seperti saat instalasi. Lalu klik tombol OK.

(56)

3. Tampil halaman utama Control Panel seperti berikut:

(57)

4.5.4 Mengkonfigurasi Setting

Setiap komponen program yang didukung oleh Apache2Triad termasuk setting Apache2 Webserver dan MySQL dapat diatur melalui dari halaman utama Control Panel.

Cara mengkonfigurasi setting adalah sebagai berikut:

1. Pada halaman Control Panel dalam kotak bagian Server, terdapat pengaturan Apache seperti pada gambar di bawah ini:

Gambar 4.5.4 Icon pengaturan Apache2 Webserver.

2. Jika ingin melakukan pengaturan file http.conf, klik icon .

3. Jika ingin melakukan pengaturan secara visual, klik icon .

4. Setelah pengaturan selesai, klik tombol Save Changes.

4.5.5 Menjalankan Fitur

Setelah menginstal Apache2Triad secara penuh, maka beberapa fitur penting seperti Apache2 dan MySQL secara otomatis sudah dijalankan saat Windows dibuka. Admin dapat menghidupkan (restart) dan mematikan (stop) setting otomatis tersebut.

(58)

Cara mematikan atau menghidupkan setting tersebut adalah sebagai berikut: 1. Buka halaman Control Panel.

2. Pada bagian paling bawah terdapat deretan kotak Service/Process.

Gambar 4.5.5 Pengaturan pada Service Server.

3. Fitur yang ditandai dengan tanda centang ( ) berarti aktif dan berjalan otomatis saat Windows aktif.

4. Untuk menghentikan proses salah satu fitur, klik tombol Stop sehingga berubah menjadi Start.

5. Jika penghentian proses fitur berhasil, akan muncul dialog konfirmasi.

4.5.6 Menguji Keberhasilan Instalasi

Untuk menguji apakah Apache2 Webserver sudah berjalan dengan baik dapat dilakukan dengan cara berikut:

1. Buka browser.

2. Ketik alamat http://localhost/ pada address bar. Alamat http://localhost/ tersebut juga dapat digantikan dengan IP komputer (misalnya http://192.168.100.1) atau IP lokal http://127.0.0.1.

(59)

3. Jika berhasil akan tampil halaman seperti gambar di bawah ini.

Gambar 4.5.6.2 Tampilan subfolder di dalam htdocs

4.6 Melakukan Upload File dan Database

Upload adalah proses untuk mentransfer file-file situs yang telah dibuat ke suatu

server di internet, dengan tujuan agar situs tersebut dapat diakses oleh semua orang di seluruh dunia yang terhubung dengan internet. Tempat meletakkan file-file situs di internet namanya server hosting atau web hosting. Ada dua jenis web hosting yang gratis dan web hosting yang berbayar.

Web hosting yang gratis dapat digunakan secara bebas, tetapi server host akan

memasang iklan/banner di situs pelanggan dan alamat situs juga harus menyertakan nama situs server host. Sedangkan bila membeli domain atau hosting, alamat situs (URL) dapat diberikan sesuai keinginan, tanpa iklan dan dilengkapi dengan fasilitas lainnya untuk lebih memudahkan dalam melakukan manajemen situs.

(60)

satu. Selain itu, fasilitas lain yang lebih mudah digunakan adalah dengan menggunakan aplikasi FTP (File Transfer Protocol) seperti software WS_FTP.

Agar lebih mudah dalam mengupload database ke MySQL Server yang ada di

web hosting, maka database terlebih dahulu harus diexport ke dalam bentuk MySQL

setelah data terbaru dimasukkan pada database.

4.7 Mempublikasikan Situs

Publikasi situs dilakukan agar situs dapat diketahui oleh orang lain dan dapat ditemukan pada situs pencarian seperti Google dan Yahoo. Untuk mempublikasikan alamat secara mudah dan gratis, dapat digunakan situs www.submitexpress.com. Cara mempublikasikannya adalah sebagai berikut:

1. Buka www.submitexpress.com.

2. Pada bagian Free Submisson, ketikkan alamat situs yang akan dipublikasikan. Misalnya http://www.pendidikan.co.cc

3. Klik Continue.

4. Pada halaman pengaturan, masukkan alamat email.

5. Pada bagian bawah, ketikkan kode unik pada kotak yang tersedia. 6. Klik tombol submit untuk melanjutkan.

(61)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dalam penulisan Tugas Akhir ini dapat diperoleh kesimpulan:

1. Website Sekolah Menengah Pertama (SMP) Negeri se-kabupaten Langkat ini

adalah sarana informasi online yang dapat diakses oleh siapapun, baik dari pihak sekolah maupun kalangan masyarakat.

2. Website Sekolah Menengah Pertama (SMP) Negeri se-kabupaten Langkat ini juga

dapat menjadi sarana promosi.

3. Pembuatan situs memerlukan perencanaan yang matang agar proses pembuatannya bisa dilakukan secara tepat dan jelas.

5.2 Saran

Saran untuk dalam pembuatan website:

8. Diharapkan dinas yang terkait dengan website seperti Dinas Pendidikan dan Pengajaran (Dinas P dan P) dan Badan Pembangunan Daerah (Bappeda) dapat membantu pencarian dan pembaruan data.

(62)

Daftar Pustaka

Bunafit Nugroho. 2010. Membuat Website Sendiri dengan PHP-MySQL. Jakarta Selatan. Media Kita.

Rumah Web’s. 17 Desember 2005. Login, Session, Logout.

Matthew Heidenreich. 29 Maret. Create a Chalkboard Style Wordpress Layout In

Photoshop.

(63)

1. beritaLengkap.php <?php include "librari/inc.koneksidb.php"; include "librari/inc.librari.php"; ?> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

<?php include "header.html"; ?> <div id="contents">

<h2>Berita Terbaru ... </h2>

<p><table width="466" border="0" cellspacing="1" cellpadding="2"> <?php

$idBerita = $_GET['id'];

$sqlTampil = "SELECT * FROM tbberita WHERE id='$idBerita'"; $qryTampil = mysql_query($sqlTampil, $koneksi)

or die ("Gagal query".mysql_error());

while($dataTampil=mysql_fetch_array($qryTampil)) { $no++;

?> <tr valign="top">

<?php echo "$dataTampil[judul]"; ?><br><font size="4" color="#60762F"> Diposting Tanggal : <?php echo tgl_eng_to_ind($dataTampil['tanggal']); ?></font></td>

</tr>

<?php } ?> </table></p> </div>

(64)

<?php include "footer.html"; ?> </body></html>

2. bukutamu.php

<?php include "header.html"; ?> <div id="contents">

<h2>Kirim pesan anda pada kami ... </h2> <p> </p>

<tr>

</tr> <tr>

<td align="right">Email : </td>

<tr>

<td width="118" align="right">Pekerjaan: </td>

</tr> <tr>

<td width="118" align="right">Instansi : </td>

</tr> <tr>

<td align="right">Pesan : </td>

<tr>

(65)

</table> </form> </div></div> <p>  </p> </div>

</div></div>

<?php include "footer.html"; ?> </body>

</html>

3. dinas.php

<?php

include "librari/inc.koneksidb.php"; include "librari/inc.librari.php"; ?>

<?php include "header.html"; ?> <div id="contents">

<div id="left"> <div class="post"> <h2>Kontak Dinas</h2> <p> </p><div>

<p>Untuk Informasi lebih lanjut tentang Nomor Induk Siswa (NIS) Nasional, hubungi:</p>

<div>

<p><strong>Dinas Pendidikan & Pengajaran Kab. Langkat</strong><br /> Jl. Kartini No. 9, Stabat, Langkat<br />

Fax. -<br /> Telp. -</p>

(66)

<ol>

<li><strong>Sugiarto Edy Syahputra</strong><br /> NIP/NIK : 999999999<br />

Jabatan : Staf Operator Dinas Pendidikan dan Pengajaran<br /> Email : Fone_das@yahoo.co.id<br />

<li><strong>Sandra Sanjaya</strong><br /> NIP/NIK : 198003162009011003<br /> Jabatan : Operator<br />

Email : c4ndr4man@gmail.com<br /> Y!M : candra_ponsel <br />

<li><strong>Fernandos Alfalah Simanjuntak, SH</strong><br /> NIP/NIK : 400058781<br />

Jabatan : OPERATOR NISN<br /> Email : fala_lkt@yahoo.com<br /> Y!M : fala_lkt <br />

<li><strong>MUAMMAR LUBIS</strong><br /> NIP/NIK : 198306012006041012<br />

Jabatan : staf<br />

Email : ammar_lubis69@yahoo.com<br />

Y!M : ammar_lubis6<a href="ymsgr:sendIM?ammar_lubis69"> </a></li> </ol> </div> <p> </p> </div> <p>  </p> </div>

</div>

</div><?php include "footer.html"; ?> </body></html>

4. footer.html

(67)

<body>

<p>2010 - 2011 © Meliza Sya Putri | Universitas Sumatera Utara <br /> </p>

<p><a href="index.php">Serambi</a> | <a href="profilLangkat.php">Profil Langkat </a> | <a href="dinas.php">Kontak Dinas </a> | <a href="sekolah.php">Daftar Sekolah </a> | <a href="bukutamu.php">Hubungi kami</a> </p></div> <div class="credits">l </div>

</div> </body> </html>

5. header.html

<h1 id="logo"> <a href="#">Website <span class="black">SMP</span> Negeri</a> <span class="desc">Se-kabupaten Langkat </span>

</h1>

<li><a href="index.php"><span>Serambi</span></a></li>

<li><a href="profilLangkat.php"><span>Profil Langkat </span></a></li> <li><a href="dinas.php"><span>Kontak dinas</span></a></li>

(68)

<p>Selamat datang di website Sekolah menengah pertama (Smp) se-kabupaten langkat</p>

<p>silakan isi <a href="bukutamu.php">buku tamu </a> ...</p> </div> </div></body></html> 6. index.html <?php include "librari/inc.koneksidb.php"; include "librari/inc.librari.php"; ?> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

<?php include "header.html"; ?> <div id="contents">

<h2>Berita Terbaru ... </h2>

<p><table width="468" border="0" cellspacing="1" cellpadding="2"> <?php

$sqlTampil = "SELECT * FROM tbberita ORDER BY id"; $qryTampil = mysql_query($sqlTampil, $koneksi)

or die ("Gagal query".mysql_error());

while($dataTampil=mysql_fetch_array($qryTampil)) { $no++;

?> <tr valign="top">

<?php echo "$dataTampil[judul]"; ?><br>

Diposting Tanggal : <?php echo tgl_eng_to_ind($dataTampil['tanggal']); ?><br></td>

</tr>

<td valign="top"><br><?php echo "$dataTampil[headline]"; ?> ....

<a href="beritaLengkap.php?id=<?=$dataTampil['id'];?>"> Baca Selengkapnya ... </a></td>

</tr>

<?php } ?> </table></p> </div>

(69)

</div>

<?php include "footer.html"; ?> </body>

</html>

7. profil.html

<?php

include "librari/inc.koneksidb.php"; include "librari/inc.librari.php"; ?>

<body>

<?php include "header.html"; ?> <div id="contents">

<div id="left"> <div class="post"> <h2>Profil Sekolah</h2> <p> </p>

<table class="profil" width="600" border="0" cellpadding="2" cellspacing="1"> <?php

$ids = $_GET['id'];

$sqlTampil = "SELECT * FROM tbdata WHERE id='$ids'"; $qryTampil = mysql_query($sqlTampil, $koneksi)

or die ("Gagal query".mysql_error());

while($dataTampil=mysql_fetch_array($qryTampil)) { $no++;

(70)

<td colspan="2"><div align="center"><?php echo "<img src='admin/upload/$dataTampil[foto]' width='400'>";?><br/> </div></td> </tr> <tr> <td> </td> <td rowspan="3"> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr class="profil"> <td width="244">Alamat</td>

<tr class="profil"> <td>Tahun berdiri </td>

<td>Tahun terakhir diperbaiki pemerintah </td>

<tr class="profil"> <td>Jumlah Kelas </td>

</table> </p> <br /> <br />

<p><strong>Fasilitas</strong></p>

(71)

<?php

$ids = $_GET['id'];

$sqlTampil = "SELECT * FROM tbdata WHERE id='$ids'"; $qryTampil = mysql_query($sqlTampil, $koneksi)

or die ("Gagal query".mysql_error());

while($dataTampil=mysql_fetch_array($qryTampil)) { $no++;

?> <tr class="profil">

<td width="243">Ruang Kepala Sekolah </td> <td width="346">: <?php

if($dataTampil[rKepsek] == 1) { echo "Ada";} else { echo "-";} ?></td> </tr> <tr class="profil"> <td>Ruang Guru </td> <td>: <?php

if($dataTampil[rGuru] == 1) { echo "Ada";} else { echo "-";} ?></td> </tr> <tr class="profil"> <td>Ruang Tata Usaha </td> <td>: <?php

if($dataTampil[rTU] == 1) { echo "Ada";} else { echo "-";} ?></td> </tr> <tr class="profil">

<td>Ruang Bimbingan Konseling (BP) </td> <td>: <?php

(72)

echo " -";} ?></td> </tr> <tr class="profil"> <td>Perpustakaan</td> <td>: <?php

if($dataTampil[perpus] == 1) { echo "Ada";}