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

(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

(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

(8)

Daftar Isi

1.7 Sistematika Penulisan

Bab 2 Landasan Teori 7

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

(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

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

(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

(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

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

(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

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

(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

(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 2. Oracle

(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).

(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

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

(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

(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

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

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

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

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

(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

(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

(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

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

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

(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

Next untuk melanjutkan.

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

(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

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

5. manual : berisi subfolder yang di dalamnya terdapat manual program dan

(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

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

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

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

(64)

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

2. bukutamu.php

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

</div></div>

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

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

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

<li><strong>Fernandos Alfalah Simanjuntak, SH</strong><br /> NIP/NIK : 400058781<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>

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

4. footer.html

(67)

<body>

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

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

<li><a href="sekolah.php"><span>Daftar Sekolah </span></a></li> </ul>

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

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

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

(69)

<p> 

<body>

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

(70)

</tr> <tr>

<tr>

<tr>

</tr> <tr>

<tr>

<tr>

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

(71)

<?php

$ids = $_GET['id'];

?> <tr class="profil">

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

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

<tr class="profil"> <td>Ruang Guru </td> <td>: <?php

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

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

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

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

(72)

echo " -";} ?></td> </tr>

<tr class="profil"> <td>Perpustakaan</td> <td>: <?php

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

<td>Laboratorium Komputer </td> <td>: <?php

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

<td>Laboratorium IPA </td> <td>: <?php

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

<tr class="profil"> <td>Aula</td> <td>: <?php

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

(73)

<td>: <?php

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

<td>Mushola</td> <td>: <?php

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

<tr class="profil"> <td>Kantin</td> <td>: <?php

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

<tr class="profil"> <td>UKS</td> <td>: <?php

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

<tr class="profil"> <td>Ruang OSIS </td> <td>: <?php

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

(74)

else { echo " -";} ?></td> </tr>

<tr class="profil"> <td>Parkiran</td> <td>: <?php

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

else { echo " -";} ?></td> </tr><?php } ?></table> </p><br /><br />

<p><strong>Data Jumlah Guru</strong></p>

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

$ids = $_GET['id'];

<td colspan="2">Jumlah Guru Keseluruhan </td>

<td colspan="2">Jumlah Guru BP </td>

</tr>

<td colspan="2">Jumlah Guru tiap bidang studi : </td> <td> </td>

</tr>

(75)

<td colspan="2">Guru Pendidikan Agama - Islam </td> <td>: <?php echo "$dataTampil[gAgamaIslam]"; ?></td> </tr>

<td colspan="2">Guru Pendidikan Agama - Kristen </td> <td>: <?php echo "$dataTampil[gAgamaKristen]"; ?></td> </tr>

<td colspan="2">Guru Pendidikan Pancasila dan Kewarganegaraan </td> <td>: <?php echo "$dataTampil[gPKN]"; ?></td>

</tr>

<td colspan="2">Guru Bahasa Indonesia </td> <td>: <?php echo "$dataTampil[gBInd]"; ?></td> </tr>

<td colspan="2">Guru Matematika </td>

<td colspan="2">Guru IPA - Fisika</td>

<td colspan="2">Guru IPA - Biologi Kimia </td> <td>: <?php echo "$dataTampil[gBioKim]"; ?></td> </tr>

<td colspan="2">Guru IPS - Ekonomi </td>

<td colspan="2">Guru IPS - Sosial </td>

<td colspan="2">Guru IPS - Sejarah </td>

<td colspan="2">Guru Seni Budaya </td>

<td colspan="2">Guru Pendidikan Jasmani dan Kesehatan </td> <td>: <?php echo "$dataTampil[gPenjas]"; ?></td>

</tr>

(76)

<td colspan="2">Guru Muatan Lokal - TI </td> <td>: <?php echo "$dataTampil[gTI]"; ?></td> </tr>

<td colspan="2">Guru Muatan Lokal - Agrobisnis </td> <td>: <?php echo "$dataTampil[gAgro]"; ?></td> </tr>

<td colspan="2">Guru Muatan Lokal - PKK </td> <td>: <?php echo "$dataTampil[gPKK]"; ?></td> </tr><?php } ?>

</table>

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

<p><strong>Data Jumlah Murid</strong></p>

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

$ids = $_GET['id'];

<td colspan="2">Jumlah Murid Keseluruhan </td>

</tr>

<td colspan="2">Jumlah Murid tiap tingkat kelas </td> <td> </td>

</tr>

</tr>

<td colspan="2">Kelas VII: </td> <td> </td>

</tr>

(77)

</tr>

<tr class="profil"> <td> </td> <td>Perempuan</td>

</tr>

<td colspan="2">Kelas VIII: </td> <td> </td>

</tr>

</tr>

<td colspan="2">Kelas IX: </td> <td> </td>

</tr>

(78)

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

<h2>Lambang Daerah</h2> <p> </p>

<p>A. Pengertian Lambang (Bentuk Lambang)</p> <p><ol>

<li>Sebuah bintang berwarna emas dan kuning gading melambangkan dasar falsafah bangsa Indonesia yaitu Pancasila.

<li>Perisai berwarna kuning gading dan 2 buah bambu warna kuning gading melambangkan perjuangan rakyat mencapai kemerdekaan RI yang berdasarkan Pancasila.

<li>Untaian padi dan kapas (17 dan 8) melambangkan tanggal 17 bulan 8 tahun 1945 dan keseluruhannya berarti melambangkan kesejahteraan rakyat.

<li>Tapak sirih warna coklat muda dan hiasannya coklet tua melambangkan kebudayaan dan adat istiadat Langkat.

<li>Sampan nelayan dengan warna layarnya coklat muda dan badannya warna hitam, melambangkan bahwa daerah Langkat berpantai luas rakyat bersemangat bahari. <li>Keris berwarna putih dan gagangnya berwarna coklat tua, melambangkan semangat patriotisme rakyat Langkat.

(79)

</ol></p> <p><br><br> B. Arti Warna

<ol>Hijau : lambang kemakmuran (dasar lambang)

<li>Kuning Emas : lambang kebesaran jiwa dan kemurnian adat <li>Kuning Gading: lambang kejayaan

<li>Merah : lambang semangat yang menyala-nyala <li>Biru Air : lambang kecintaan kesetianan pada tanah <li>Putih : lambang kesucian dan kemurnian

<li>Coklat : lambang kepribadian/ kesuburan tanah langkat <li>Hijau : lambang kejujuran dan keteguhan</ol></p> </div>

<body>