Perancangan Sistem Informasi Berbasis Web Pada SMP Negeri 22 Medan

PERANCANGAN SISTEM INFORMASI BERBASIS WEB PADA

SMP NEGERI 22 MEDAN

TUGAS AKHIR

DETTI ADE SAFITRI

072406084

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2010

PERANCANGAN SISTEM INFORMASI BERBASIS WEB PADA

SMP NEGERI 22 MEDAN

TUGAS AKHIR

Diajukan Sebagai Salah Satu Syarat Untuk Menyelesaikan Studi Pada Program Studi D – 3 Ilmu Komputer

DETTI ADE SAFITRI

072406084

DEPARTEMEN METEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2010

PERSETUJUAN

Judul : PERANCANGAN SISTEM INFORMASI BERBASIS

WEB PADA SMP NEGERI 22 MEDAN

Kategori : TUGAS AKHIR

Nama : DETTI ADE SAFITRI

Nomor Induk Mahasiswa : 072406084

Program Studi : D3 ILMU KOMPUTER

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Juni 2010

Diketahui / Disetujui oleh

Departemen Matematika FMIPA USU

Ketua,

Dr. Saib Suwilo, M.Sc NIP 19640109 198803 1 004

Pembimbing

Drs. Pangeran Sianipar, MS NIP 19470208 197403 1 001

PERNYATAAN

PERANCANGAN SISTEM INFORMASI BERBASIS WEB PADA SMP NEGERI 22 MEDAN

TUGAS AKHIR

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

Medan, Juni 2010

DETTI ADE SAFITRI 072406084

PENGHARGAAN

Bismillahirrahmanirrahim

Puji dan syukur penulis panjatkan kehadirat Allah SWT, karena dengan limpah rahmat dan karunia-nya penulis berhasil menyelesaikan tugas akhir ini yang berjudul

”Perancangan Sistem Informasi Berbasis Web Pada SMP Negeri 22 Medan“

pada waktu yang telah ditetapkan. Tidak lupa shalawat serta salam kepada junjungan Nabi Besar Muhammad SAW dan para sahabatNya yang telah membawa kita dari alam ke gelapan ke alam yang terang benderang yang penuh ilmu pengetahuan seperti yang kita rasakan sekarang ini.

Tugas Akhir ini tidak mungkin bisa selesai dengan baik, jika tidak ada bantuan dari berbagai pihak. Pada kesempatan yang baik ini, penulis ingin mengucapkan terima kasih yang setulus-tulusnya kepada :

1. Bapak Dr. Eddy Marlianto, M.Sc selaku Dekan Fakultas MIPA Universitas Sumatera Utara.

2. Bapak Dr. Saib Suwilo, M.Sc selaku Ketua Jurusan Program Studi D-3 Ilmu Komputer.

3. Bapak Drs. Pangeran Sianipar, MS selaku Dosen Pembimbing Tugas Akhir Program Studi D-3 Ilmu Komputer Fakultas MIPA Universitas Sumatera Utara yang telah memberikan bimbingan dan arahan selama ini kepada penulis dalam penyelesaian tugas akhir.

4. Seluruh Staf Pengajar Program Studi D-3 Ilmu Komputer Faklutas MIPA Universitas Sumatera Utara yang telah memberikan ilmu dan pengetahuannya kepada penulis selama masa perkuliahan.

5. Ibu Rahmawati. S, S.pd selaku Kepala Sekolah SMP Negeri 22 Medan serta ibu Dahlia selaku pegawai tata usaha yang telah memberikan kesempatan untuk melakukan riset SMA Negeri 8 Medan yang banyak membantu dalam mengumpulkan data dalam pembuatan tugas akhir.

6. Teristimewa kepada kedua orang tua penulis Asmara Djaya dan Yufinar Zahara Chan, SE serta kakanda tersayang Rikkie, Wina, Rani yang senantiasa memberikan kasih sayang, doa, dan dukungan agar lancar dalam segala urusan.

7. Buat rekan-rekan seperjuangan di d3 ilmu komputer angkatan 2007 khususnya Ahmad Reza Azwary, Ika Rosniuni, Irmayani, yang selalu menemani dalam suka dan duka.

8. Pihak-pihak yang telah banyak membantu penulis, yang tidak dapat penulis sebutkan namanya satu-persatu.

Selama penulisan tugas akhir ini, penulis menyadari akan kesalahan yang mungkin terjadi, baik itu dari segi teknik, tata penyajian ataupun dari segi tata bahasa. Oleh karena itu penulis bersedia menerima kritik dan saran yang membangun dari pembaca dalam upaya perbaikan tugas akhir ini.

Akhir kata, Penulis berharap semoga Tugas Akhir ini bermanfaat bagi siapapun yang membacanya. Semoga Allah SWT senantiasa memberikan rahmat dan hidayah kepada kita semua. Amin.

Medan, Juni 2010 Penulis

ABSTRAK

Perancangan Sistem Informasi Berbasis Web pada SMP Negeri 22 Medan ini bertujuan untuk mempermudah proses penyampaian informasi kepada seluruh elemen sekolah baik internal maupun eksternal. Fasilitas-fasilitas yang terdapat dalam aplikasi ini berupa penyediaan data dan informasi terbaru, profil agenda kegiatan, dan data- data yang berguna untuk kelangsungan belajar siswa. Pada proses pembuatan aplikasi ini perangkat lunak yang digunakan adalah PHP ( terdiri dari apache server dan MySQL ) sebagai bahasa pemrograman dengan mengunakan PHP 5.0, Macromedia Dreamweaver 8 digunakan sebagai editor skrip, Adobe Photoshop sebagai editor grafis.

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak v

Daftar Isi vi

Daftar Tabel ix

Daftar Gambar x

BAB 1 PENDAHULUAN

1.1 Latar Belakang 1

1.2 Identifikasi Masalah 3

1.3 Rumusan Masalah 3

1.4 Batasan Masalah 4

1.5 Metodologi Penelitian 4

1.6 Tinjauan Pustaka 5

1.7 Sistematika Penulisan 6

BAB 2 LANDASAN TEORI

2.1 Konsep Dasar Data, Informasi, dan Sistem Informasi 8

2.1.1 Data 8

2.1.2 Informasi 9

2.1.3 Sistem Informasi 10

2.1.3.2 Konsep Dasar Informasi 12 2.1.3.3 Konsep Dasar Sistem Informasi 12

2.2 Pengertian Komputer 13

2.3 Pengertian Internet 16

6.3.1 Network 16

6.3.2 Sekilas Mengenai Web 17

2.4 Sejarah Web 18

2.4.1 Aplikasi Web 18

2.4.2 Web Server 19

2.5 Sejarah PHP 19

2.5.1 Kelebihan PHP 21

2.5.2 Penggabungan Script PHP dan HTML 22

2.6 MySQL 23

2.6.1 Pemakaian Dasar MySQL 24

2.7 Data Flow Diagram (DFD) 26

2.8 Diagram Alir (Flowchart) 28

2.9 CSS (Cascading Style Sheet) 29

2.10 Pengenalan Macromedia Dreamweaver 8 30

2.10.1 Membuka Program Aplikasi 30

BAB 3 GAMBARAN UMUM SMP NEGERI 22 MEDAN

3.1 Profil Sekolah 31

3.2 Struktur Organisasi 32

3.3 Uraian Tugas dan Fungsi Organisasi 33

3.4 Visi dan Misi Sekolah 34

3.4.1 Visi Sekolah 34

3.4.3 Tujuan Sekolah 35

BAB 4 ANALISIS DAN PERANCANGAN SISTEM

4.1 Analisis 36

4.1.1 Analisis Sistem Yang Sedang Berjalan 36

4.2 Perencanaan dan Perancangan Sistem 39

4.3 Perancangan Data Flow Diagram (DFD) 40

4.4 Perancangan Flowchart 43

4.5 Mempersiapkan Database Server 48

4.6 Perancangan Halaman Website 49

4.7 Perancangan User Interface 52

BAB 5 IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem 53

5.2 Tujuan Implementasi Sistem 53

5.3 Komponen Utama dalam Implementasi Sistem 54

5.4 Instalasi Apache, PHP, dan MySQL 55

5.4.1 Menjalankan Apache, PHP, dan MySQL 55

5.4.2 Pengujian Website di Browser 58

5.5 Memperbaharui Web 59

5.6 Demonstrasi Program 60

5.6.1 Tampilan Homepage 60

5.6.2 Tampilan Bagian Login Admin 60

5.6.3 Tampilan Halaman Admin 61

5.6.4 Tampilan Halaman Info Terbaru 61

5.6.5 Tampilan Halaman Visi dan Misi 62

5.6.7 Tampilan Halaman Ekstrakurikuler 63 5.6.8 Tampilan Halaman Struktur Organisasi 63

5.6.9 Tampilan Halaman OSIS 64

5.6.10 Tampilan Halaman Mading Digital 64

5.6.11 Tampilan Halaman Kalender Pendidikan 65

5.6.12 Tampilan Halaman Galeri 65

5.6.13 Tampilan Halaman Edit Artikel 66

5.6.14 Tampilan Halaman Daftar Mading 66

BAB 6 KESIMPULAN DAN SARAN

6.1 Kesimpulan 67

6.2 Saran 68

DAFTAR PUSTAKA 69

DAFTAR TABEL

Halaman

Tabel 2.1 Simbol-simbol DFD 27

Tabel 2.2 Simbol-simbol Flowchart 28

Tabel 4.1 Tabel Artikel 48

DAFTAR GAMBAR

Halaman Gambar 2.1 Start Page Macromedia Dreamweaver 8 31 Gambar 3.1 Struktur Organisasi SMP Negeri 22 Medan 33

Gambar 4.1 Proses Penyampaian Informasi 37

Gambar 4.2 Proses Bimbingan Belajar 38

Gambar 4.3 Diagram Konteks 41

Gambar 4.4 Diagram Konteks Level 0 (Nol) 42

Gambar 4.5 Aliran Informasi Perancangan Situs 43

Gambar 4.6 Flowchart Halaman Utama 44

Gambar 4.7 Flowchart Halaman Admin 45

Gambar 4.8 Flowchart Halaman Artikel 46

Gambar 4.9 Flowchart Halaman Tag All About 47

Gambar 4.10 Tampilan Macromedia Dreamweaver 8 51

Gambar 4.11 Header Situs 52

Gambar 5.1 Uji Apache 56

Gambar 5.2 Uji PHP 57

Gambar 5.4 Halaman Index Website SMP Negeri 22 Medan 58

Gambar 5.5 Tampilan Bagian Homepage 60

Gambar 5.6 Tampilan Bagian Login Admin 60

Gambar 5.7 Tampilan Halaman Admin 61

Gambar 5.8 Halaman Info Terbaru 61

Gambar 5.9 Halaman Visi dan Misi 62

Gambar 5.10 Halaman Fasilitas 62

Gambar 5.11 Halaman Ekstrakurikuler 63

Gambar 5.12 Halaman Struktur Organisasi 63

Gambar 5.13 Halaman OSIS 64

Gambar 5.14 Halaman Mading Digital 64

Gambar 5.15 Halaman Kalender Pendidikan 65

Gambar 5.16 Halaman Galeri 65

Gambar 5.17 Halaman Edit Artikel 66

ABSTRAK

Perancangan Sistem Informasi Berbasis Web pada SMP Negeri 22 Medan ini bertujuan untuk mempermudah proses penyampaian informasi kepada seluruh elemen sekolah baik internal maupun eksternal. Fasilitas-fasilitas yang terdapat dalam aplikasi ini berupa penyediaan data dan informasi terbaru, profil agenda kegiatan, dan data- data yang berguna untuk kelangsungan belajar siswa. Pada proses pembuatan aplikasi ini perangkat lunak yang digunakan adalah PHP ( terdiri dari apache server dan MySQL ) sebagai bahasa pemrograman dengan mengunakan PHP 5.0, Macromedia Dreamweaver 8 digunakan sebagai editor skrip, Adobe Photoshop sebagai editor grafis.

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Pada masa sekarang ini, perkembangan dan pengaruh teknologi informasi dan di Indonesia saat ini sudah tidak dapat dihindari lagi. Dunia internet makin lama makin berkembang dengan pesat seiring dengan kemajuan jaman. Ini terlihat dari banyaknya tempat yang menyediakan sarana atau fasilitas internet untuk memperoleh informasi. Dan itu bukan hanya dapat dinikmati oleh kalangan atas saja, melainkan semua lapisan dapat menikmatinya dengan biaya yang lebih ringan. Tentang teknologi informasi dan komunikasi, komputer merupakan suatu media elektronik yang memegang peranan yang sangat penting dalam perkembangan yang terjadi saat ini.

Begitu halnya dengan SMP Negeri 22 Medan. Sistem pengolahan dan penyampaian data yang lebih baik merupakan suatu kebutuhan yang tidak dapat ditunda lagi. Akan tetapi, pada kenyataannya segala kegiatan yang menyangkut

informasi masih menggunakan sistem dan cara yang sangat manual. Informasi yang disampaikan atau diberikan kepada siswa, guru, pegawai maupun masyarakat lainnya, masih menggunakan kertas-kertas cetakan yang ditempelkan pada papan pengumuman atau lebih sering disebut majalah dinding.

Dari permasalahan tersebut, penulis ingin membuat solusi yang mudah-mudahan dapat membantu kinerja semua pihak, baik siswa, guru, pegawai ataupun masyarakat lain. Penulis dalam hal ini memilih SMP Negeri 22 Medan dalam melakukan risetnya, karena sekolah ini mulai menampakan perkembangan yang lebih baik dalam sistem pendidikan, teknologi informasi dan komunikasi. Hal ini dapat dilihat dengan dilaksanakannya berbagai ekstrakulikuler dan kegiatan pendidikan dan pelatihan serta telah dibangunnya beberapa laboratorium diantaranya, laboraturium ilmu pengetahuan alam (IPA) dan laboratorium komputer untuk menunjang perkembangan pendidikan siswa di bidang komputerisasi.

Untuk memenuhi segala kebutuhan di atas, diperlukan adanya suatu aplikasi yang berbasis sistem informasi. Dalam hal ini, penulis menggunakan bahasa pemrograman PHP, MySQL sebagai pengolah database dan web server Apache serta aplikasi pendukung lainnya, seperti Macromedia Dreamweaver 8, dan Adobe Photoshop CS untuk mendesain tampilan web.

Dengan uraian masalah tersebut, penulis berkeinginan membantu sekolah tersebut untuk mengubah sistem penyampaian informasi yang telah ada sebelumnya. Sehingga mempermudah semua pihak yang membutuhkan segala informasi yang ada di SMP Negeri 22 Medan. Atas dasar inilah, penulis tertarik mengangkat judul “Perancangan Sistem Informasi Berbasis Web Pada SMP Negeri 22 Medan”.

Semoga dengan diselesaikannya sistem informasi dengan judul di atas, nantinya bermanfaat untuk siapa saja yang menggunakan dan bagi penulis tentunya.

1.2 Identifikasi Masalah

Berdasarkan latar belakang di atas ada beberapa masalah yang melatar belakangi pembuatan aplikasi ini, diantaranya :

a. Pengelolaan data nilai, data jadwal, dan data absensi masih menggunakan sistem manual.

b. Keterlambatan alur informasi karena masih menggunakan media manual.

1.3 Rumusan Masalah

Berdasarkan uraian di atas, maka yang menjadi masalah adalah sulitnya untuk memasarkan web tersebut secara online agar masyarakat secara umum dapat

meng-upload situs tersebut. Sama halnya juga mendesain, membuat dan menghasilkan suatu

desain web dinamis untuk dapat menyimpan, manampilkan dan mengedit data atau informasi yang akan disampaikan dan dapat diterima oleh user sebagai suatu sistem informasi yang bermanfaat bagi siapa saja yang membutuhkan informasi yang ada di sekolah tersebut.

1.4 Batasan Masalah

Dalam merancang Sistem Informasi ini terdapat beberapa batasan,yaitu:

a. Aplikasi Sistem Akademik ini merupakan aplikasi yang cukup sederhana, sehingga tidak terlalu banyak fitur di dalamnya.

b. Aplikasi ini hanya mengatur sistem informasi tentang sekolah tersebut, data OSIS, dan hal-hal yang sedang berkembang di lingkungan SMP Negeri 22 Medan.

c. Aplikasi ini dapat digunakan oleh kalangan sekolah maupun umum yang ingin mengetahui tentang SMP Negeri 22 Medan termasuk wali dari siswa- siswi SMP Negeri 22 Medan.

1.5 Metodologi Penelitian

Metodologi penelitian yang digunakan penulis untuk menyelesaian berbagai permasalahan yang terjadi diatas adalah :

1. Pengumpulan data yang erat kaitannya dengan permasalahan yang akan di jelaskan dengan cara membaca buku-buku, makalah dan membaca bahan-bahan sumber lainnya di perpustakaan.

2. Penelitian dilakukan secara langsung di SMP Negeri 22 Medan untuk mendapatkan data dimana penulis melakukan pengumpulan data dengan cara :

b. Melakukan wawancara kepada Guru Kepala Sekolah, Guru dan Pegawai SMP Negeri 22 Parapat.

c. Merancang Sistem Informasi.

1.6 Tinjauan Pustaka

Pemahaman sistem dengan pendekatan prosedur, yaitu suatu urutan kegiatan yang saling berhubungan, berkumpul bersama-sama untuk mencapai tujuan tertentu. Prosedur sendiri merupakan serangkaian operasi, yang melibatkan beberapa benda (seperti ALU, Control Unit) di dalam satu atau lebih komponen (seperti memory dan CPU, jika dalam sistem komputer) yang digunakan untuk menjamin penanganan yang seragam dari aktivitas-aktivitas pengolahan yang terjadi serta untuk menyelesaikan suatu kegiatan pengolahan data tertentu (Al Bahra 2005 ,hal : 1).

Raymond McLeod (1995) dan Al Bahra (2005 ,hal :9) mendefenisikan “Informasi sebagai data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya”. Sumber dari informasi adalah data. Informasi ibarat darah yang mengalir didalam tubuh suatu organisasi, sehingga informasi sangat penting di dalam suatu organisasi.

Sistem informasi ialah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi , mendukung operasi, bersifat manajerial dan kegiatan strategi atau suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan (Al Bahra 2005, hal:14).

PHP merupakan bahasa pemrograman berbasis web yang dibuat dari pengembangan CGI yang dikembangkan dari Bahasa C. PHP merupakan bahasa yang terbukti sangat reliable penggunaannya dan mempunyai dukungan yang kuat. Dukungan tersebut ialah kemampuan dari PHP untuk terintegrasi dengan berbagai macam database seperti dbse, ODBC, MySQL, sampai ke Oracle (Kasiman, 2006).

Web database pada dasarnya sama dengan sistem database yang lain yaitu

suatu sistem pengolahan dan penyimpanan data yang dapat diakses oleh bahasa pemrograman tertentu. Namun web database tidak seperti sistem database konvensional yang hanya diperuntukkan platform tertentu saja, web database lebih bersifat umum karena dapat diakses oleh aplikasi web yang sebagian besar dapat berjalan diberbagai platform. Web database dapat diaksesoleh aplikasi-aplikasi web yang dikembangkan dengan tag HTML atau sejenisnya, pemrograman yang bersifat server side seperti : PHP, ASP, JSP, dll dan aplikasi web server seperti Apache, MIIS, PWS, dll. Kemampuan untuk mengintegrasikan database ke dalam aplikasi yang

diakses pengguna menggunakan web browser inilah yang menjadikan suatu database dapat menjadi web database (Fathansyah, 2001).

1.7 Sistematika Penulisan

Untuk mempermudah penulisan dan pembahasan selanjutnya, maka uraian pembahasan ditulis secara sistematis sebagai berikut :

BAB 1 PENDAHULUAN

Bab ini berisikan mengenai latar belakang masalah, identifikasi masalah, tujuan masalah, batasan masalah, metode penelitian, tinjauan pustaka, dan sistematika penulisan.

BAB 2 LANDASAN TEORI

Pada bab ini diuraikan teori yang mendukung perancangan aplikasi ini.

Bab ini berisikan tentang profil SMP Negeri 22 Medan, struktur organisasi SMP Negeri 22 Medan, uraian rencana kerja OSIS, serta visi dan misi SMP Negeri 22 Medan.

BAB 4 PERANCANGAN SISTEM

Pada bab ini akan dijelaskan tentang penentuan bentuk dari kebutuhan aplikasi pada saat membangun maupun pada saat implementasi.

BAB 5 IMPLEMENTASI SISTEM

Bab ini menguraikan tentang definisi, tujuan, dan langkah-langkah dalam implementasi sistem juga disertai dengan komponen-komponen kebutuhan sistem.

BAB 6 KESIMPULAN DAN SARAN

Berisi pencapaian tujuan dari aplikasi yang dibuat. Saran berisi hal- hal yang dirasakan masih belum sempurna.

BAB 2

LANDASAN TEORI

2.1 Konsep Dasar Data, Informasi dan Sistem Informasi

2.1.1 Data

Data dalam arti sederhana adalah bahan baku mentah suatu informasi. Menurut J. Longkutoy data adalah suatu istilah majemuk dari kata datum, yang berarti fakta atau bagian dari fakta yang mengandung arti, yang dihubungkan dengan kenyataan, kata-kata, simbol-simbol yang menunjukan suatu ide, objek, kondisi, atau situasi.

Jelasnya data dapat berupa apa saja dan dapat ditemui dimana saja. Kegunaan dari data adalah sebagai bahan dasar yang objektif di dalam proses penyusunan kebijaksanaan dan keputusan oleh Pimipinan Organisasi. Jadi data merupakan keterangan yang masih mentah. Agar dapat digunakan untuk keperluan, maka data

harus diolah terlebih dahulu ke dalam bentuk informasi yang sesuai dengan keperluannya.

Adapun definisi dari kata data adalah suatu istilah majemuk dari datum yang berarti fakta atau bagian dari kata yang mengandung arti, yang berhubungan dengan kenyataan, simbol-simbol, gambar-gambar, kata-kata angka-angka, huruf-huruf atau simbol-simbol yang menunjukkan ide, objek, kondisi atau situasi. Jelasnya data itu dapat berupa apa saja dan dapat ditemui dimana saja. Kegunaan data adalah sebagai bahan dasar yang objektif dalam proses penyusunan kebijakan dan keputusan. Dalam kaitannya dengan pengolahan data dengan computer, pengertian data dapat dibatasi pada fakta-fakta yang dapat direkam. Dalam setiap pengolahan data, data merupakan sumber informasi yang dapat dihasilkan.

2.1.2 Informasi

Informasi adalah data yang diolah menjadi bentuk yang berguna dan menjadi berarti bagi penerimanya. Kegunaan informasi adalah untuk mengurangi ketidakpastian di dalam proses pengambilan keputusan tentang suatu keadaan. Suatu informasi dikatakan bernilai bila manfaatnya lebih efektif dibandingkan dengan biaya untuk mendapatkan informasi tersebut.

Informasi akan memiliki arti manakala informasi tersebut memiliki unsur-unsur sebagai berikut:

1. Relevan artinya Informasi yang diinginkan benar-benar ada relevansi dengan

masalah yang dihadapi.

2. Kejelasan artinya terbebas dari istilah-istilah yang membingungkan.

3. Akurasi artinya bahwa informasi yang hendak disajikan harus secara teliti dan

lengkap.

4. Tepat waktu artinya data yang disajikan adalah data terbaru dan mutahir.

2.1.3 Sistem Informasi

Sistem informasi adalah suau cara tertentu untuk menyediakan informasi yang dibutuhkan oleh organisasi untuk beroperasi dengan cara yang sukses dan untuk organisasi bisnis dengan cara yang menguntungkan. Dalam beberapa permasalahan sistem informasi selalu dititikberatkan kepada dan bagaimana dalam menghasilkan sebuah informasi dan saran apa yang harus dilengkapi sebagai pendukung yang handal. Perlu diperhatikan bahwa informasi yang digunakan di dalam suatu sistem informasi pada umumnya dapat digunakan.

Sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, bersifat manajerial dan kegiatan strategi dan suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan .

2.1.3.1 Konsep Dasar Sistem

Sistem berasal dari bahasa Yunani yaitu “systeme” yang mempunyai pengertian :

1. Suatu keseluruhan yang tersusun dari sekian banyak bagian

2. Hubungan yang berlangsung diantara satuan-satuan atau komponen-komponen secara teratur.

Perkataan sistem dalam bahasa Indonesia adalah cara, metode atau teknik. Pengertian sistem yang lain adalah suatu kesatuan yang terdiri dari unit-unit kesatuan yang saling bekerjasama dan saling ketergantungan untuk mencapai tujuan usaha tertentu. Ciri-ciri atau sifat-sifat sistem adalah :

1. Terdiri dari komponen-komponen yang saling berinteraksi. 2. Mempunyai lingkungan luar.

Komponen-komponen sistem atau elemen-elemen sistem dapat berupa suatu subsistem atau bagian-bagian dari sistem. Batasan sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lainnya atau dengan lingkungan luarnya. Lingkungan luar dari sistem adalah apapun diluar dari batas sistem yang mempengaruhi operasi sistem. Penghubung merupakan media penghubung antara suatu subsistem yang lainnya. Keluaran dari suatu subsistem akan menjadi masukan untuk subsistem yang lainnya dengan melalui penghubung.

Masukan adalah energi yang dimasukkan ke dalam sistem dapat berupa masukan perawatan dan masukan sinyal. Masukan perawatan dimaksudkan supaya sistem dapat beroperasi sedangkan sinyal untuk mendapatkan keluaran. Keluaran adalah hasil dari energi yang diperoleh dan diklasifikasikan menjadi keluaran yang berguna dan sisi pembuangan. Suatu sistem dapat mempunyai suatu bagian pengolahan yang akan merubah masukan menjadi keluaran. Suatu sistem pasti mempunyai tujuan atau sasaran. Kalau suatu sistem tidak mempunyai sasaran, maka operasi sistem tidak akan ada gunanya. Sasaran sari sistem sangat menentukan sekali masukan yang dibutuhkan sistem dan keluaran yang dihasilkan sistem.

Dari uraian di atas dapatlah disimpulkan bahwa sistem adalah bagian-bagian yang saling berkaitan yang beroperasi bersama-sama untuk mencapai beberapa sasaran dan tujuan.

2.1.3.2 Konsep Dasar Informasi

Informasi dalam sebuah organisasi sangat penting peranannya. Suatu sistem yang kurang mendapatkan informasi akan menjadi lemah dan akhirnya berakhir. Informasi itu sendiri dapat didefinisikan sebagai berikut :

Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya.

Sumber dari informasi adalah data. Data merupakan bentuk jamak dari bentuk tunggal data atau data item. Data adalah kenyataan yang menggambarkan sesuatu yang terjadi pada saat tertentu.

2.1.3.3 Konsep Dasar Sistem Informasi

Sistem informasi adalah suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manejerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan. (Jogiyanto, 2001). Menurut Simkin Mark G dalam bukunya yang berjudul “computer information system for business”. Sistem informasi adalah sekumpulan elemen yang bekerja secara bersama-sama baik secara manual

ataupun berbasis komputer dalam melaksanakan pengolahan data yang berupa pengumpulan, penyimpanan, pemprosesan data untuk menghasilkan informasi yang bermakna dan berguna bagi proses pengambilan keputusan.

2.2 Pengertian Komputer

Komputer barasal dari bahasa yunani “compute” yang kemudian diartikan ke dalam bahasa inggris yaitu “to compute” yang berarti hitung, sehingga komputer dapat diartikan sebagai alat hitung atua mesin hitung.

Bila dijabarkan, definisi dari komputer itu sendiri adalah seperangkat peralatan elektronik yang berkerja bersama-sama secara otomatis, menerima input, memproses data dan menghasilkan output secara logis, cepat dan tepat berdasarkan perintah-perintah tertentu dan komputer itu sendiri adalah bagian dari sistem komput erisasi.

Sistem komputerisasi adalah suatu sistem yang berdiri atas komputer dan seluruh komponen-komponen yang menunjang terlaksananya proses pengelolahan data dan menjadikan komputer sebagai alat yang berguna.Sistem komput er memiliki beberapa komponen yaitu :

a. Perangkat keras (hardware)

Perangkat keras merupakan perangkat yang secara fisik dapat dilihat dan diraba, yang membentuk suatu kesatuan dapat difungsikan. Berdasarkan kegungaannya, perangkat keras komputer digolongkan ke dalam tiga bagian utama, yaitu :

1. Alat Input

Alat input adalah alat untuk memasukan program maupun data yang akan diperoses oleh komputer, seperti keyboard, mouse, scanner.

2. Alat proses

Alat peroses atau CPU (Central Processing Unit), merupakan alat atau unit terpanting didalam sistem komputer. Tugas utamanya adalah mengontrol keseluruhan sistem komputer selama pengelolahan data berlangsung, seperti metherboard dan processor.

3 .Alat Ouput

Alat output adalah alat untuk menampilkan hasil pengelolahan data yang dilakukan oleh CPU, misalnya monitor dan printer.

b. Perangkat Lunak (software)

Perangkat lunak adalah komponen komputer yang merupakan kumpulan program dan prosedur yang memungkinkan komputer perangkat keras komputer dapat menjalankan fungsinya sebagai alat pengolahan data, komponen ini tidak nyata secara fisik. Perangkat lunak berfungsi sebagai perantara bagi komputer dan pengguna komputer (user), sehingga komputer dapat digunakan.

c. Pengguna Komputer

Pengguna komputer adalah manusia yang menangani suatu sistem komputer atau orang yang mampu mengoperasikan komputer. Brainware dapat dikelompokkan dalam beberapa bagian, yaitu :

1 .Sistem analis

Orang yang bertugas membentuk dan merancang fasilitas suatu sistem komputer yang akan dibangun.

Orang yang bertugas menterjemahkan spesifikasi yang telah dirancang oleh sistem analis ke dalam suatu bahasa pemograman tertentu.

3. Computer Operator

Orang yang bertugas menangani pengelolahan data secara langsung.

4. Data Entry Operator

Orang yang bertugas melakukan pengurusan terhadap data yang akan diolah, mulai dari pengumpulan data, perekaman data ke dalam media-media penyimpanan hingga pemeriksaan dan pengiriman informasi yang menghasilkan oleh komputer.

2.3 Pengertian Internet

Internet adalah sumber daya informasi yang menjangkau seluruh dunia. Sumber daya

informasi tersebut sangat luas dan sangat besar sehingga tidak ada satu orang, satu organisasi, atau satu negara yang dapat menanganinya sendiri. Kenyataannya , tidak ada satu prang yang mampu memahami seluruh seluk beluk internet.

Asal-usul internet berasal dari jaringan komputer yang dibentuk pada tahun 1970-an. Jaringan komputer tersebut disebut dengan Arpanet, yaitu jaringan komputer yang dibentuk oleh departemen pertahanan Amerika Serikat. Selanjutnya, jaringan komputer tersebut diperbaharui dan dikembangkan, dan sekarang penerusnya menjadi tulang punggung global untuk sumber daya informasi yang disebut dengan internet.

Daya guna internet itu terletak pada informasi itu sendiri, bukan pada jaringan komputer. Informasi itu ada karena beberapa orang atau beberapa kelompok memberikan waktu, usaha, dan karya mereka. Mereka mempunyai ide, menyusunnya, menciptakan sesuatu yang berguna dan membuatnya tersedia buat pemakai intenet di seluruh dunia.

2.3.1 Network

Jaringan atau network adalah sekumpulan perangkat yang dapat digunakan untuk menyimpan dan memanipulasi data elektronis dan saling terkait satu dengan lainnya di mana dengan cara tersebut pengguna dapat menyimpan, menggali dan saling berbagi terhadap informasi yang tersedia.

Istilah “Network” mengacu pada perangkat keras (hardware) dan perangkat lunak (software) yang menjadi penghubung antara komputer satu dengan komputer

lainnya, sehingga dapat terjadi komunikasi antara komputer satu dengan komputer yang lainnya. Sistem jaringan tidak lagi hanya akan melayani sebuah mesin besar saja. Sebaliknya jaringan-jaringan akan merupakan sarana bantu yang memungkinkan sebuah organisasi besar untuk melakukan penyesuaian yang sesuai, antara kebutuhan informasi dengan besarnya aplikasi serta investasi perangkat keras dan lunaknya.

2.3.2 Sekilas Mengenai Web

World Wide Web (WWW) atau biasa disebut dengan Web, merupakan salah satu

sumber daya internet yang berkembang pesat. Informasi Web diistribusikan malalui pendekatan hypertext, yang memungkinkan suatu teks pendek menjadi acuan untuk membuka dokumen yang lain. Dengan pendekatan hypertext ini seseorang dapat memperoleh informasi dengan meloncat dari suatu dokumen ke dokumen yang lain. Dokumen-dokimen yang diaksespun dapat tersebar diberbagai mesin dan bahkan di berbagai negara.

Bagai jejaring laba-laba, jejaring Web telah membentang ke seluruh penjuru dunia. Tidak hanya terbatas pada lembaga-lembaga penelitian yang ingin mempublikasikan hasil riset, Web juga banyak digunakan oleh perusahaan bisnis yang ingin mengiklankan produk atau untuk melakukan transaksi bisnisnya.

2.4 Sejarah Web

Sejarah Web dimulai pada tahun 1989 ketika tim Berner-Lee yang berkerja di laboraturium Fisika Partikel Eropa atau yang dikenal dengan nama CERN (Consei

European pour la Recherce Nuclaire) yang berada di genewa, swiss, mengajukan protocol (suatu tatacara untuk berkomunikasi) sistem distribusi informasi internet

yang digunakan untuk berbagai informasi diantara para fisikawan. Protocol inilah yang selanjutnya dikenal sebagai Protocol World Wide Web dan dikembangkan oleh

World Wide Web Consortium (W3C).

2.4.1 Aplikasi Web

Pada awalnya aplikasi Web dibangun hanya dengan menggunakan bahasa yang disebut HTML (HyperText Markup Language) dan protocol yang digunakan dinamakan HTTP (HyperText Transfer Protocol). Pada perkembangan berikut, sejumlah skrip dan objek dikembangkan untuk memperluas kemampuan HTML, antara lain yaitu PHP.

a. Web statis

b. Web dinamis

Web statis dibentuk dengan menggunakan HTML saja. Kekurangan aplikasi seperti ini

terletak pada keharusan untuk memelihara program secara terus-menerus untuk mengikuti setiap perubahan yang terjadi. Kelemahan ini diatasi dengan model aplikasi

Web dinamis.

Dengan memperluas kemampuan HTML, yakni dengan menggunakan perangkat lunak tambahan, perubahan informasi dalam halaman – halaman Web dapat ditangani melalui perubahan data, bukan melalui perubahan program. Sebagai implementasinya, aplikasi Web dikoneksikan ke basis data. Dengan demikian perubahan informasi dapat dilakukan oleh operator atau yang bertanggung jawab terhadap kemutakhiran data, dan tidak menjadi tanggung jawab pemograman atau

webmaster.

2.4.2 Web Server

Web Server adalah server yang melayani permintaan client terhadap halaman web. Middleware adalah perangkat lunak yang bekerja sama dengan web server dan

berfungsi menterjemahkan kode – kode tertentu, menjalankan kode – kode tersebut dan memungkinkan berinteraksi dengan basis data. Web browser adalah perangkat lunak di sisi client yang digunakan untuk mengakses informasi web. Contoh Internet

Explorer, Netscape, dan Mozilla.

2.5 Sejarah PHP

PHP adalah singkatan dari PHP Hypertext Preprocessor yang merupakan bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server. Hasilnya akan dikirim ke client, tempat pemakai menggunakan browser. Berbeda dengan Javascript, yang mana skrip diproses client.

PHP pertama kali dibuat pada musim gugur tahun 1994 oleh Ramus Lerdoff. Ini bermula saat Ramus Lerdoff membuat sejumlah skrip perl yang dapat mengamati siapa saja yang melihat – lihat daftar riwayat hidupnya . Skrip – skrip ini selanjutnya dikemas menjadi tool yang disebut “ Personal Home Page”. Paket inilah yang menjadi cikal bakal PHP. Pada tahun 1995, Ramus menciptakan PHP/FI (Personal

Home Page/Form Interpreter) versi 2.0. Sejak itulah PHP bersifat open source.

Pada bulan November 1997, PHP/FI versi 2.0 berhasil dirilis. Pada rilis ini interpreter sudah diimplementasikan dalam bahasa C. Masih pada tahun yang sama

sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih, lebih baik dan lebih cepat. Pada bulan Juni 1998 Zend kembali merilis interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0. Kemudian pada pertengahan tahun 1999, Zend merilis kembali interpreter PHP baru dengan nama PHP 4.0. PHP 4.0 merupakan versi PHP yang paling populer di kalangan programmer

website. Alasan yang menjadikan versi 4.0 ini begitu diminati adalah kemampuannnya

untuk membangun aplikasi website yang kompleks, namun tetap stabil dalam kecepatan proses dan stabilitas yang tinggi.

Mulai pada bulan Juni 2004, PHP 5.0 kembali dirilis oleh Zend. Versi ini adalah versi mutakhir dari PHP. Pada versi ini juga dikenalkan model pemrograman berorientasi objek baru untuk menjawab perkembangan bahasa pemrograman ke arah pemograman berorientasi objek.

2.5.1 Kelebihan PHP

Diantara maraknya pemrograman server web saat ini adalah ASP yang berkembang menjadi ASP.NET, JSP, CFML, dan PHP. Jika dibandingkan diantara 3 terbesar pemrograman web server diatas, terdapat kelebihan dari PHP yaitu:

1. PHP merupakan sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya. Tidak seperti halnya bahasa pemrograman aplikasi seperti Visual Basic dan sebagaimya.

2. PHP dapat berjalan pada web server yang dirilis oleh Microsoft, seperti IIS atau PWS juga pada Apache yang bersifat open source.

3. Karena sifatnya yang open source, maka perubahan dan perkembangan

interpreter pada PHP lebih cepat dan mudah, karena banyak milis – milis

dan developer yang siap membantu pengembangannya.

4. Jika dilihat dari segi pemahaman, PHP memiliki referensi yang sangat mudah dipahami.

5. PHP dapat berjalan pada 3 operating sisstem, yaitu: Linux, Unix dan

2.5.2 Penggabungan Script PHP dan HTML

Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih dahulu memberikan tanda tag buka dilanjutkan tanda tanya (<?) kemudian ditutup dengan tanda tanya dilanjutkan tanda tag tutup (?>). Ada dua tipe penggabungan antara PHP dan HTML yaitu:

1. Embedded Script

Yakni penulisan tag PHP di sela – sela tag HTML. Dengan cara ini, penulisan tag PHP digunakan untuk mengapit bagian – bagian tertentu dalam dokumen yang memerlukan script PHP untuk proses di dalam server. Embedded Script menempatkan PHP sebagai bagian dari script HTML.

Contoh penulisan Embedded Script dapat dilihat di bawah ini:

<html>

<head>

<title>coba</title> <head>

<body>

<? echo ” Hellow” ?> </body>

2. Non Embedded Script

Yakni cara penulisan tag PHP di bagian paling awal dan paling akhir dokumen. Dengan cara ini, penulisan tag php digunakan untuk mengawali dan mengakhiri keseluruhan bagian dalam sebuah dokumen. Non Embedded Script menempatkan

script HTML sebagai bagian dari script PHP.

Contoh Penulisan Non Embedded Script dapat dilihat dibawah ini:

<?

echo’<html>’; echo’<head>’;

echo’<title>coba</title>’; echo’< /head > <body>’; echo’Hellow’;

echo’</body>’; echo’</html>’; ?>

2.6 MySQL

MySQL adalah sebuah aplikasi Relational Database Managemen Server (RDBMS). Dengan menggunakan MySQL server, maka data dapat diakses oleh banyak pemakai secara bersamaan. MySQL menggunakan bahasa SQL ( structure Query Language ) yaitu bahasa pemrograman standar yang digunakan untuk mengakses server database.

Tiap database memiliki tabel-tabel, tiap table memiliki field-field. Umumnya informasi tersimpan dalam tabel-tabel yang secara logis merupakan struktur-struktur dimensi terdiri atas baris dan kolom. Field-field tersebut dapat berupa data seperti int, real, char, date, time, dan lainnya.

MySQL memiliki keunggulan, diantaranya :

a. Bekerja pada berbagai platform ( tersedia berbagai versi untuk berbagai sistem operasi ).

b. Pengaksesan database dapat dilakukan dengan mudah.

c. Memiliki jenis kolom yang cukup banyak sehingga memudahkan konfigurasi sistem database.

d. Mendukung record yang memiliki kolom dengan panjang tetap atau panjang bervariasi, dan masih banyak keunggulan lainnya.

e. MySQL dan PHP saling terintegrasi , maksudnya adalah pembuatan data base dengan menggunakan sintak PHP dapat dibuat. Sedangkan input yang dimasukkan melalui aplikasi web yang menggunakan skrip server side seperti PHP dapat langsung dimasukkan ke data base MySQL yang ada di

2.6.1 Pemakaian Dasar SQL

Pemakaian dasar SQL adalah sebagai berikut:

1. Mendefinisikan Tabel

CREATE TABLE NAMA_TABLE (DEFINISI_TABLE);

Contoh: CREATE TABLE MAHASISWA ( NAMA VARCHAR(20),

ALAMAT VARCHAR(255), PASSWORD VARCHAR(10) );

2. Menyimpan data

INSERT INTO NAMA_TABLE (DAFTAR_FIELD) VALUES (DAFTAR_NILAI);

Contoh: INSERT INTO MAHASISWA (NAMA, ALAMAT, PASSWORD) VALUES ('dina, 'jl. B.Katamso Gg.Perbatasan No. 60, '20158');

3. Mengambil data

SELECT DAFTAR_FIELD FROM NAMA_TABLE KONDISI;

Contoh: SELECT NAMA FROM MAHASISWA;

UPDATE NAMA_TABEL SET DATA_FIELD_LAMA WHERE DATA_FIELD_BARU;

Contoh:UPDATE MAHASISWA SET nama = 'dina' WHERE nama = 'andina';

5. Menghapus data

DELETE FROM NAMA_TABLE KONDISI

Contoh: DELETE FROM MAHASISWA WHERE NAMA='dina';

Data Flow Diagram (DFD)

Data Flow Diagram merupakan diagram yang menggunakan notasi-notasi untuk

menggambarkan arus dari data sistem. DFD sering digunakan untuk menggambarkan suatu sitem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir.

Keuntungan menggunakan DFD adalah memudahkan pemakai yang kurang menguasai bidang komputer untuk mengerti sistem yang sedang dikerjakan.

Tabel 2.1 Simbol Data Flow Diagram

NO. SIMBOL KETERANGAN

1.

External entity (kesatuan luar) adalah kesatuan

lingkungan luar sistem yang dapat berupa orang, organisasi atau sistem lainnya yang berada pada lingkungan luarnya yang akan memberikan input ataupun menerima output dari sistem.

2.

Attibute (proses) adalah kegiatan atau kerja yang

dilakukan oleh orang, mesin atau komputer dari hasil suatu arus data yang masuk ke dalam proses untuk dihasilkan arus data yang akan keluar dari proses.

3.

Storage (penyimpanan) adalah untuk

menggambarkan simpanan data yang dapat berupa file atau data base di dalam komputer

4.

Data Flow (Arus Data) adalah arus dari data yang

dapat berupa masukan (input) untuk sistem atau hasil (output) dari proses sistem.

Diagram Alir (Flowchart)

Flowchart merupakan gambar yang menampilkan struktur dan isi halaman per

halaman. Bagan alir (flowchart) ini menjelaskan secara rinci langkah-langkah dari proses program. Flowchart dibuat dengan menggunakan simbol-simbol tertentu yang menyatakan tiap langkah program. Simbol-simbol flowchart dapat dilihat pada tabel 2.2 berikut ini:

Tabel 2.2 Simbol-Simbol Flowchart

SIMBOL NAMA KEGUNAAN

Input/Output symbol

Simbol input/output digunakan mewakili data input/output

Process symbol Simbol proses digunakan untuk

mewakili suatu proses

Flow lines symbol Simbol garis arah digunakan

untuk menunjukkan arus dari proses

Connector symbol Simbol penghubung digunakan

untuk menunjukkan sambungan dari bagan alir yang terputus di

di halaman lainnya

Decision symbol

Simbol keputusan digunakan untuk suatu penyeleksian kondisi di dalam program

SIMBOL NAMA KEGUNAAN

Predifined process symbol

Simbol proses terdefenisi digunakan untuk menunjukan suatu operasi yang rincinya ditunjukan ditempat / halaman lain.

Magnetik disk symbol

Simbol yang menunjukkan penyimpanan data ke dalam

database Terminal point symbol

Simbol titik terminal digunakan untuk menunjukkan awal dan akhir dari suatu proses

2.9 CSS (Cascading Style Sheet)

Sebagai pelengkap pada HTML. Dan tugas utama CSS adalah adalah menetapkan aturan tampilan/style yang akan digunakan pada sebuah website. CSS dapat mengubah besar kecilnya text, mengganti warna background pada sebuah halaman, atau dapat pula mengubah warna border pada tabel, dan masih banyak lagi hal yang dapat dilakukan oleh CSS. Singkatnya, CSS digunakan untuk mengatur susunan tampilan pada halaman HTML.

.

2.10 Pengenalan Macromedia Dreamweaver 8

Versi terbaru Macromedia Dreamweaver di tahun 2005 adalah Macromedia

Dreamweaver 8 yang merupakan penyempurnaan dari versi sebelumnya dan tentu saja

semakin mudah pengunaannya. Fasilitas terbaru dari Macromedia Dreamweaver 8 adalah Zoom Tool and Guides, Panel CSS yang baru, Code collapse, Coding Toolbar dan Insert Flash Video. Tidak jauh beda dengan kemampuan versi sebelumnya,

Macromedia Dreamweaver 8 mendukung pemrograman Client Side yang terkenal,

yaitu JavaScipt dengan penggunaan yang sangat mudah. Macromedia dreamweaver 8 juga mendukung pemrograman Script Server Side, seperti Personal Home Page

(PHP), Active Server Pages (ASP), ASP.NET, ColdFusion dan Java Server Pages (JSP).

2.10.1 Membuka Program Aplikasi

Membuka program Macromedia Dreamweaver 8 tidak berbeda dengan membuka program Windows lainnya, yaitu Start - All Programs – Macromedia - Macromedia

Dreamweaver 8. Pada awal pembukaan akan tampil Start Page atau halaman awal

dari Dreamweaver 8.

BAB 3

GAMBARAN UMUM SMP NEGERI 22 MEDAN

3.1 Profil Sekolah

SMP Negeri 22 Medan berada di Jalan Pendidikan No. 36 Medan. Sekolah ini didirikan pada November 1980, dan secara resmi menerima murid baru pertama kalinya pada tanggal 20 Juli 1981. Seperti sekolah-sekolah lain pada umumnya SMP Negeri 22 Medan memiliki ruang kelas untuk kegiatan belajar mengajar siswa-siswanya serta dukungan laboratorium untuk pelaksanaan praktikum. Untuk pelaksanaan kegiatan olah raga sekolah ini sudah dilengkapi dengan lapangan basket, lapangan volley dan lapangan futsal, serta lapangan untuk lompat jauh.

Untuk mendukung kegiatan siswa dalam belajar terdapat perpustakaan, laboratorium komputer, laboratorium bahasa dan laboratorium IPA serta fasilitas lainnya untuk menunjang kegiatan belajar siswa dengan tidak mengesampingkan moral dan ahlak siswa dengan adanya tempat ibadah seperti mushola dan

kegiatan-kegiatan keagamaan seperti pengajian setiap hari Jumat, pesantren kilat dan kebakitan rohani yang diharapkan mampu meningkatkan akhlak dan moral siswa.

SMP Negeri 22 Medan memiliki organisasi siswa intra sekolah (OSIS) yang berperan aktif untuk menampung seluruh aspirasi dan memfasilitasi seluruh rancangan kegiatan siswa yang dilakukan di sekolah ini dengan tetap di dukung oleh guru-guru pembimbing yang berkompeten di bidangnya masing-masing.

3.2 Struktur Organisasi

3.3 Uraian Tugas dan Fungsi Organisasi

1. Komite Sekolah, membantu dalam hal peningkatan mutu sekolah dan kesejahteraan guru dan pegawai

2. Koperasi Sekolah, menyediakan segala kelengkapan yang dibutuhkan di lingkungan sekolah

3. Kepala Sekolah bertanggung jawab sebagai pemimpin, edukator, dan pengambil keputusan dalam program pendidikan.

4. Wakil Kepala Sekolah bertanggung jawab langsung kepada kepala sekolah dalam beberapa hal, antara lain :

a. Mengatur dan mengembangkan hubungan dengan masyarakat. b. Mengatur dan mengawasi penyelenggaraan program pendidikan. c. Mengatur mutasi siswa.

5. Tata Usaha bertanggung jawab langsung terhadap kepala sekolah dalam hal : a. Penyusunan program kerja tata usaha sekolah.

b. Pengolahan keuangan sekolah.

d. Penyusunan laporan pelaksanaan kegiatan pengurusan ketatausahaan secara umum.

6. Urusan Kurikulum bertanggung jawab pada : a. Penyusunan kurikulum

b. Mengatur penyusunan bahan pengajaran dan pengembangan kurikulum.

7. Urusan Sarana dan Prasarana bertanggung jawab pada perencanaan dan kelengkapan kebutuhan sarana dan prasarana.

8. Urusan Keisiswaan bertanggung jawab pada : a. Segala program kesiswaan.

b. Penyusunan program kegiatan intra / ekstrakurikuler. c. Pembinaan disiplin sekolah.

9. Wali Kelas bertanggung jawab pada : a. Penyelenggaraan administrasi kelas. b. Pembuatan catatan khusus tentang siswa. c. Penyusunan statistik bulanan siswa. d. Penyusunan nilai siswa.

10. Guru Mata Pelajaran, bertanggung jawab kepada kepala sekolah dan mempunyai tugas melaksanakan kegiatan proses belajar mengajar secara efektif dan efisien.

3.4 Visi dan Misi Sekolah 3.4.1 Visi Sekolah

“ Membentuk manusia intelek, beriman dan bertaqwa serta berakhlak mulia untuk meraih keunggulan ”.

3.4.2 Misi Sekolah

“ Memberi bekal kemampuan peningkatan pengetahuan dan keterampilan untuk

mengembangkan kehidupannya sebagai pribadi, anggota masyarakat dan warga negara, serta mengikuti perkembangan Nasional dan Internasional “.

Dengan indikator sebagai berikut :

1. Melaksanakan pembelajaran dan bimbingan secara baik dan tepat sesuai dengan kebutuhan siswa.

2. Menumbuhkan semangat untuk berpacu dalam memperoleh kebaikan secara intensif kepada seluruh warga sekolah.

3. Mendorong dan mebantu setiap siswa untuk mengenali potensi dirinya sehingga dapat dikembangkan secara optimal.

4. Menumbuhkan penghayatan dan pengalaman terhadap ajaran agama yang dianut dan juga budaya bangsa sehingga menjadi sumber kearifan dalam bertindak.

5. Merupakan manajemen partisipasif dalam melibatkan seluruh warga sekolah dan kelompok kepentingan yang terkait dengan sekolah.

3.4.3 Tujuan

Untuk mencapai manusia yang cerdas, cekatan, mengabdi kepada orang tua dan bangsa negaranya serta bertaqwa kepada Tuhan Yang Maha Esa sesuai dengan agamanya.

BAB 4

ANALISIS DAN PERANCANGAN SISTEM

4.1Analisis

Sebelum merancang sebuah aplikasi yang akan dibangun, faktor yang harus diperhatikan adalah tahap analisis.Tahap analisis merupakan tahap pemahaman dengan perangkat lunak yang akan digunakan, kebutuhan fungsional, diagram alir data, kamus alir data dan enkripsi proses. Tahap analisis bertujuan untuk mengetahui mekanisme sistem, proses –proses yang terlibat dalam sistem serta hubungan antara proses tersebut.

4.1.1 Analisis Sistem Yang Sedang Berjalan (Current System)

Pengelolaan Sistem Informasi SMP Negeri 22 Medan masih dilakukan secara manual, penyampaian informasi akademik maupun umum terhadap seluruh elemen sekolah

ditempel di dinding-dinding sekolah. Penyampaian informasi seperti ini sudah tidak efektif mengingat tidak semua siswa atau guru memiliki keinginan yang besar untuk memperhatikan dinding-dinding yang dipenuhi oleh tulisan-tulisan yang tidak menarik tentunya.

a. Proses Penyampaian Informasi

Siswa Tata Usaha Guru Bidang Studi

Gambar 4.1 Proses Penyampaian Informasi

1. Tata usaha mengumpulkan informasi yang akan disampaikan kepada siswa 2. Informasi di proses dan diseleksi, kemudian disampaikan kepada siswa dan

guru. Informasi Arsip Informasi Mulai Pengump ulan Informasi Informasi Akhir Arsip Melaksa nakan Tugas Mencatat Informasi

b. Proses Belajar Mengajar

Belajar mengajar

Guru

Gambar 4.2 Proses Bimbingan Belajar

1. Siswa datang kesekolah kemudian masuk ke kelas sesuai jadwal.

2. Setelah itu siswa mengisi absensi, setalah itu guru bidang studi memeriksa absensi.

4.2 Perencanaan dan Perancangan Sistem

Perencanaan dan perancangan merupakan sebuah tahap awal dalam membangun sebuah situs. Membuat suatu situs memerlukan persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan yang berulang-ulang karena menyangkut semua elemen yang membentuk situs. Situs ini dirancang dengan menggunakan PHP sebagai bahasa pemogramannya dan MySQL sebagai databasenya, serta Dreamweaver 8 digunakan sebagai media untuk membuat layout dari situs yang telah dirancang.

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

2. Siapa saja pengunjung yang diharapkan berkunjung ke situs tersebut? 3. Apa saja aktivitas yang dapat pengunjung lakukan dalam situs tersebut? 4. Apa target yang ingin dicapai dari pembuatan situs tersebut?

Untuk semakin memperjelas dan mempermudah dalam membangun situs, maka jawaban dari pertanyaan-pertanyaan di atas akan sangat membantu 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-pertanyaan di atas sebagai berikut:

a. Situs akan dibuat adalah sistem informasi sekolah berbasis web, dalam hal ini adalah SMP Negeri 22 Medan, yang menyediakan informasi-informasi tentang sekolah tersebut dan kegiatan yang dilakukan sekolah.

b. Pengunjung dari website tersebut diharapkan adalah para siswa siswi, guru, wali siswa SMP Negeri 22 Medan serta masyarakat luas yang ingin tahu mengenai segala sesuatu tentang sekolah ini.

c. Aktivitas yang akan dijumpai di dalam situs tersebut adalah pengunjung dapat mengetahui informasi mengenai SMP Negeri 22 Medan, mengetahui data guru, serta informasi penting lainnya.

d. Target yang ingin dicapai dari situs tersebut adalah pengunjung mendapatkan informasi tentang SMP Negeri 22 Medan, dan dapat memberikan kemudahan bagi para siswa, guru, maupun wali siswa dalam memperoleh informasi yang dibutuhkan serta dapat membantu sekolah dalam mempromosikan sekolahnya.

4.3Perancangan Data Flow Diagram (DFD)

Data Flow Diagram (DFD) merupakan diagram yang menggunkan notasi-notasi

(simbol-simbol) untuk menggambarkan arus dari data sistem. DFD sering digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir. Gambaran ini tidak tergantung pada perangkat keras, lunak, struktur data atau organisasi. Adapun Data Flow Diagram yang penulis ajukan, yaitu:

Profile Struktur Organisasi

Visi dan Misi OSIS

Fasilitas Info Terbaru

Ekstrakurikuler Galeri Foto

Gambar 4.3 Diagram Konteks

Struktur Organisasi Profile

Desain Sistem Informasi SMP

Negeri 22 Medan

OSIS Visi dan Misi

Fasilitas

Kepala Sekolah

Galeri Info Terbaru

Profile Struktur Organisasi

OSIS Visi dan Misi

Fasilitas Info Terbaru

Ekstrakurikuler Galeri Foto

Gambar 4.4 Diagram Konteks Level 0 (Nol)

Struktur Organisasi Profile

Desain Sistem Informasi SMP

Negeri 22 Medan

OSIS Visi dan Misi

Fasilitas

Kepala Sekolah Pembuatan

Laporan

Info Terbaru

4.4Perancangan Flowchart

Tahap selanjutnya adalah tahap pembuatan flowchart (diagram alir) atau aliran informasi dari situs tersebut. Flowchart atau diagram alir adalah gambaran yang menampilkan struktur, hierarki, dan isi halaman per halaman. Dengan adanya

flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman

situs tersebut. Dengan pembuatan flowchart dalam suatu situs dapat membantu mempermudah dalam pemeliharaan dan pembaharuan isi situs. Hal ini sangat penting dilakukan karena isi situs harus selalu diperbaharui sehingga pengunjung tidak bosan.

Berikut adalah flowchart dari sistem informasi SMP Negeri 22 Medan yang penulis rancang:

Index / Halaman Utama

Struktur Organisasi Visi dan

Misi

Fasilitas Ekstrakuri-kuler Login

Admin

Mading

1. Flowchart Halaman Utama Menampilkan Halaman Utama Admin

Visi & Misi

Ekstrakurikuler Struktur OSIS Mading Digital Info Terbaru Login Admin Ekstrakurikuler Mading Digital B C E H Visi dan Misi

Fasilitas Fasilitas D

ya tidak tidak tidak tidak tidak tidak tidak tidak ya ya ya ya ya ya START Halaman Utama Memilih Daftar LInk

OSIS G

Struktur Organisasi F

Galeri

ya

Info Terbaru I

Profile Profile

A ya

tidak

2. Flowchart Halaman Admin

Gambar 4.7 Flowchart Halaman Admin Keluar

END ya A

Login Admin

Halaman Utama Admin

Administrator & Password Salah tidak

tidak

If True

Input Username dan Password

B ya

3. Flowchart Halaman Artikel

Gambar 4.8 Flowchart Halaman Artikel B

Pilih Artikel

Halaman Edit

Keluar ya

ya

tidak

Halaman Hapus

tidak

END

ya

ya Masukkan Data

Halaman tampil

Edit

Hapus

4. Flowchart Halaman Tag All About

Gambar 4.9 Flowchart Halaman Tag All About Visi dan Misi

Fasilitas

Struktur

OSIS

Halaman Visi dan Misi

Halaman Struktur Visi dan Misi Fasilitas Struktur Halaman Fasilitas

Eks.kul _{Halaman Ekstrakurukuler Ekskul}

ya tidak tidak tidak tidak ya ya ya END C Keluar

Halaman OSIS _OSIS

ya

4.5Mempersiapkan Database Server

Pada tahapan ini dipersiapkan tempat untuk menampung data di server, data tersebut nantinya akan diproses oleh program yang kita buat pada tahap pemrograman, baik penambahan, pengeditan, panghapusan dan menampilkan isi database ke halaman

website. Database terdiri atas tabel-tabel yang dibuat dengan menggunakan program MySQL.

Adapun database yang dibuat oleh penulis adalah database smp22 dengan tabel-tabel sebagai berikut:

Tabel 4.1 Artikel

Nama Field Type Size Keterangan

ID INTEGER 4 primary key

NAMA TEXT

KETERANGAN TEXT

URUTAN INTEGER 4

Tabel 4.2 Mading

Nama Field Type Size Keterangan

4.6 Perancangan Halaman Website

Adapun halaman - halaman yang dibangun oleh penulis adalah:

a. Halaman index merupakan halaman yang pertama kali muncul pada saat

website dibuka. Halaman ini berisikan artikel dan link-link menuju halaman

berikutnya.

b. Halaman profile merupakan halaman yang berisikan sepatah kata dari kepala sekolah SMP Negeri 22 Medan

c. Halaman visi dan misi merupakan halaman berisikan tentang visi dan misi SMP Negeri 22 Medan.

d. Halaman fasilitas merupakan halaman yang berisikan fasilitas yang ada di SMP Negeri 22 Medan.

e. Halaman ekstrakurikuler merupakan halaman yang berisikan ekstrakurikuler yang ada di SMP Negeri 22 Medan.

f. Halaman OSIS merupakan halaman yang berkaitan dengan program kerja OSIS SMP Negeri 22 Medan.

h. Halaman link merupakan halaman yang berisikan halaman-halaman website eksternal yang berkaitan dengan dunia pendidikan.

i. Halaman info terbaru merupakan halaman yang berisikan informasi terbaru baik informasi akademik maupun umum.

j. Halaman kalender pendidikan berisi sebuah kalender yang diterbitkan oleh dinas pendidikan kota medan.

k. Halaman galeri merupakan kumpulan dokumentasi foto di SMP Negeri 22 Medan.

l. Halaman admin merupakan halaman yang hanya dapat diakses oleh admin yang mempunyai tugas untuk mengolah data informasi. Tidak hanya itu admin juga dapat melihat apakah sistem yang di buat dapat berjalan dengan ketentuan atau tidak.

Tahap-tahap yang dilakukan penulis dalam membangun halaman website adalah sebagai berikut:

1. Membuka Macromedia Dreamweaver 8 sebagai software pengatur letak layout dan penulisan skrip-skrip PHP dalam membangun halaman. Tampilannya dapat

Gambar 4.10 Tampilan Macromedia Dreamweaver 8

2. Mengatur letak layout dengan memanfaatkan tool dan perintah yang terdapat pada

Macromedia Dreamweaver yaitu dengan meletakkan link-link, grafik, isi berita

dan modul-modul lainnya di tempat yang telah ditentukan.

3. Menulis dan meletakkan skrip-skrip PHP dan HTML yang diperlukan pada tempat yang sesuai yang dikerjakan di jendela Code pada Macromedia Dreamweaver. 4. Mengerjakan halaman-halaman berikutnya.

4.7 Perancangan User Interface

Tampilan utama situs ini dirancang dengan bantuan software Dreamweaver. Perancangan tampilan utama pada situs ini dibagi menjadi dua bagian yaitu header dan isi halaman. Header adalah merupakan dari halaman yang terletak pada bagian atas yang berisikan nama website SMP Negeri 22 Medan, sedangkan bagian isi adalah merupakan bagian terpenting karena pada pada bagian ini merupakan tempat menampilkan informasi yang akan disampaikan. Secara keseluruhan desain header yang dirancang adalah sebagai berikut:

BAB 5

IMPLEMENTASI SISTEM

5.1Pengertian Implementasi Sistem

Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menguji, menginstall dan memulai sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang lama.

5.2 Tujuan Implementasi Sistem

Tujuan Implementasi sistem adalah sebagai berikut:

1. Menyelesaikan desain sistem yang telah disetujui sebelumnya.

5.3 Komponen Utama dalam Sistem

Dalam pembuatan sistem informasi SMP Negeri 22 Medan yang sudah dirancang membutuhkan perangkat keras (hardware), perangkat lunak (software), dan tenaga pelaksana (brainware).

a. Perangkat keras (hardware)

Perangkat keras yang dibutuhkan dalam pembuatan sistem informasi ini antara lain:

1. Prosesor 2. Harddisk 3. Memori 4. Monitor

5. Keyboard 6. Mouse

7. Dan lain-lain

b. Perangkat Lunak (software)

1. PHP, MySQL, dan Macromedia Dreamweaver 8

c. Tenaga Pelaksana (Brainware)

Yaitu orang yang memiliki keahlian yang baik dan mengerti sistem operasi komputer untuk menjalankan program.

5.4 Instalasi Apache, PHP dan MySQL

Dalam menginstalasi Apache, PHP dan MySQL dilakukan secara satu per satu.

Adapun softwarenya dapat diperoleh dari situs

instalasinya dimulai dengan menginstalasi Apache, kemudian disusul dengan menginstalasi PHP dan MySQL. Setelah instalasi selesai dilanjutkan dengan melakukan pengaturan konfigurasi yang diberikan setelah instalasi selesai. Namun hal ini memerlukan pengaturan yang sedikit rumit.

5.4.1 Menjalankan Apache, MySQL, dan PHP

Untuk Menjalankan ketiga software yang digunakan dapat dilakukan dengan cara sebagai berikut:

2. Kemudian untuk melihat Apache telah ter-install dengan baik, tuliskan

ini:

Gambar 5.1 Uji Apache

3. Uji apakah PHP telah dapat dijalankan dengan cara tuliskan script berikut pada notepad :

<?php phpinfo(); ?>

Gambar 5.2 Uji PHP

5. Uji apakah MySQL telah dapat dijalankan dengan cara jalankan command prompt dan ketikan seperti gambar berikut:

5.4.2 Pengujian Website di Browser

Setelah selesai mengerjakan semua halaman website yang dibuat, maka website tersebut harus di uji terlebih dahulu di browser sebelum di-upload di internet. Adapun cara menguji website di browser sebagai berikut:

1. Simpan website yang telah dibuat pada folder htdocs yang terdapat pada apache dalam folder tersendiri, misalnya C:\Program Files\Apache Group\Apache2\htdocs\sma

2. Buka mozilla firefox kemudian ketikan http://localhost/smp22 pada URL. Jika berhasil akan tampil seperti berikut ini:

5.5 Memperbarui Web

Memperbarui situs web adalah salah satu cara untuk mempertahankan situs agar tetap dikunjungi oleh pengunjung. Dalam memperbarui situs kita harus melihat dan mengetahui apa yang sekiranya dibutuhkan oleh pengunjung. Ada beberapa hal yang dapat kita lakukan dalam memperbarui web kita yaitu :

1. Memperbarui Isi Web

Suatu situs web yang baik akan selalu memperbarui isi (content) dengan baik. Dengan semakin seringnya content diperbarui (ditambah, diganti, dikoreksi) menunjukkan kepada pengunjung situs bahwa situs kita memang benar-benar terpelihara.

2. Mengubah Tampilan Desain Web

Situs dengan wajah baru dapat menyegarkan rasa bosan pengunjung terhadap situs yang telah kita buat. Mengubah desain situs web sangat disarankan terutama jika situs web kita banyak dikunjungi dan memiliki banyak artikel didalamnya.

3. Menambah Fitur-Fitur Yang Menarik

penasaran dan mengeksplorasi lebih lanjut situs web kita. Karena mungkin pengunjung akan senang dengan inovasi yang kita terapkan pada situs kita.

5.6Demonstrasi Program

Adapun tampilan program yang dirancang penulis adalah sebagai berikut:

5.6.1 Tampilan Homepage

5.6.2 Tampilan Bagian Login Admin

Gambar 5.6 Tampilan Bagian Login Admin

5.6.3 Tampilan Halaman Admin

Gambar 5.7 Tampilan Halaman Admin

5.6.5 Tampilan Halaman Visi dan Misi

Gambar 5.9 Halaman Visi dan Misi

5.6.7 Tampilan Halaman Ekstrakurikuler

Gambar 5.11 Halaman Ektrakurikuler

5.6.9 Tampilan Halaman OSIS

Gambar 5.13 Halaman OSIS

5.6.11 Tampilan Halaman Kalender Pendidikan

Gambar 5.15 Halaman Kalender Pendidikan

5.6.13 Tampilan Halaman Edit Artikel

Gambar 5.17 Halaman Edit Artikel

BAB 6

KESIMPULAN DAN SARAN

6.1.Kesimpulan

Dalam penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan sistem dalam pembangunan website SMP Negeri 22 Medan. Maka dapat penulis simpulkan :

1. Website merupakan sarana informasi online yang dapat diakses oleh siapapun.

2. Dalam membangun sebuah website tidak harus terhubung dengan internet. Internet diperlukan pada saat upload file dan pengaksesan website.

3. Layout/header yang bagus dan menarik dapat menambah daya tarik website

sehingga banyak dikunjungi para pengunjung.

4. Website yang baik adalah website yang selalu meng-update informasinya dengan

6.2.Saran

1. Senantiasa menjaga dan memperbaharui website agar pengunjung tidak merasa bosan dan mendapatkan informasi-informasi yang up-to-date.

2. Pemeliharaan keamanan terhadap data-data pada server perlu diperhatikan dan dijaga agar data-data pada server tidak bisa diakses oleh orang yang tidak berhak mengaksesnya.

DAFTAR PUSTAKA

Aditya, Antonius 2006. Sistem Akademik. 2009

Al Fatta, Hanif. 2007. Analisis dan Perancangan Sistem Informasi untuk keunggulan

Bersaing Perusahaan dan Organisasi Modern. Yogyakarta : Andi.

Hakim, Lukmanul, Uus Musalini. 2004. Cara Mudah Memadukan Web Design dan Web Programming. Jakarta : PT Elex Media Komputindo

Iskandar Pohan, Husni, Saiful Bahan, Kusnasriyanto.1997. Pengantar Perancangan

Sistem. Jakarta :Erlangga

Kadir, Abdul. 1998. Basis Data. Yogyakarta : Andi.

Perangin-angin, Kasiman. Aplikasi Web dengan PHP dan MySQL. Jakarta. Yogyakarta : Andi.

A. Config 1. Koneksi.php <? $connhost="localhost"; $connuser="root"; $connpass=""; $conndb="smp22"; $conn_sys=mysql_connect($connhost,$connuser,$connpass)or die("Can't connect to system....");

$connsel_db=mysql_select_db($conndb)or die("Can't connect to database...."); ?>

B. Menu Utama (smp22) 1. Index.php <?php header('location:home.php?kategori=home'); ?> 2. Home.php <?php include"config/koneksi.php"?> <html> <head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>SMP Negeri 22 Medan</title>

<meta name="keywords" content="" /> <meta name="description" content="" />

<link href="default.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrapper"> <div id="header"> </div> <div id="pages"> <h2>Pages</h2> <ul>

<li class="current_page_item"><a href="?kategori=home" class="first">Profile</a></li>

<li><a id="page2" href="?kategori=info">Info terbaru</a></li> <li><a target="_blank" href="images/kalender.pdf">Kalender

<? include"konten.php"?> </div>

</div>

<div id="search" class="boxed">

<h2 class="heading">Ruang Admin</h2> <div class="content"> <ul> <a href="?kategori=login">Login</a> </ul> </div> </div>

<div id="archives" class="boxed">

<h2 class="heading">All About </h2> <div class="content">

<ul>

<? include"visi.php"?> </ul></div></div> <div id="categories" class="boxed">

<h2 class="heading">forum</h2> <div class="content">

<ul>

<li class="first"><a href="?kategori=hubungi">Mading Digital</a></li>

</ul> </div> </div>

<div id="blogroll" class="boxed"> <h2 class="heading">LINK</h2> <div class="content">

<ul>

<li class="first"><a target="_blank" href="http://www.usu.ac.id/">Kampus USU </a>

</li>

<li><a target="_blank" href="http://disdik.sumutprov.go.id/"> Dinas PendidikanSumatera Utara</a></li>

<li><a target="_blank" href="http://e-dukasi.net/">Edukasi.Net</a></li> </ul>

</div></div> </td> </tr> <tr>

3. Konten.php

<?php

include "config/koneksi.php"; if($_GET[kategori]=='home'){

echo " <div class=post><h2 class=title><marquee> Selamat datang di Website SMP Negeri 22 Medan</marquee> </h2>

<div class=story><p>

<h3>Assalamu'alaikum Wr. Wb.<p>

<img src='admin/images/imgb.jpg' width=150 hspace=10 align=left> Setapak demi setapak, SMP Negeri 22 Medan berupaya menggapai cita-citanya, yakni meningkatkan kualitas anak didiknya yang berarti pula meninggikan derajat manusia Indonesia agar setara dengan bangsa lain. Dari sebutan SMA Teladan, sekolah unggulan, sekolah berwawasan keunggulan,sampai sekolah yang membuka program Akselerasi dan kelas bertaraf internasional, upaya itu tak pernah berhenti sesaat pun.

Untuk membuka akses dengan masyarakat luar, telah dibuka layanan WEB. Tujuannya, selain memberikan informasi, juga ingin menyerap berbagai masukan positif dari kalangan masyarakat demi kemajuan SMP Negeri 22 Medan.</p><P> Untuk itu kami mengucapkan terimakasih dengan tulus hati atas peran dan bantuan dari semua pihak khususnya Komite Sekolah. Semoga Teknologi Informasi sebagai wujud peradaban manusia saat ini senantiasa membawa kemuliaan bagi kita semua. Amin.

Wassalamu'alaikum Wr. Wb.</p> <p><h2> Hj. Rahmawati.S</h2></p> </div>";

}elseif($_GET[kategori]=='home'){ include "home.php";

}elseif($_GET[kategori]=='visimisi'){

$menu=mysql_query("SELECT * FROM about WHERE id='1'"); while($r=mysql_fetch_array($menu)){

echo " <div class=post>

<h2 class=title>Visi dan Misi</h2> <div class=story>

<p align='justify' class='style13'>$r[isi]</p> </div>";

}

}elseif($_GET[kategori]=='info'){

$menu=mysql_query("SELECT * FROM artikel order by id"); while($r=mysql_fetch_array($menu)){

$menu=mysql_query("SELECT * FROM artikel where id='$id'"); while($r=mysql_fetch_array($menu)){

echo "$r[keterangan]<p>"; echo "<td class=kembali><br>

[ <a href=javascript:history.go(-1)>Kembali</a> ]</td></tr>"; }

//fasilitas

}elseif($_GET[kategori]=='fasilitas'){ $kol=3;

$menu=mysql_query("SELECT * FROM gambar"); echo" <div class=post>

<h2 class=tittle>Fasilitas</h2> <div class=story> <table><tr>"; $i=0; while($r=mysql_fetch_array($menu)){ if($i>=$kol){ echo"</tr><tr>"; $i=0; } $i++;

echo "<td align center><br> <a href=home.php?kategori=daf&id=".$r['id'].">

<img src='admin/images/$r[gambar]' width=150 hspace=10 vspace=5> <br><i> $r[nama]</i></td>"; } echo"</tr></table> </div>"; }elseif($_GET[kategori]=='daf'){ $id=$_GET['id'];

$hasil = mysql_query("SELECT * FROM gambar where id='$id'"); while ($dt = mysql_fetch_array($hasil))

{

echo "<div class=post> <h2 class=tittle>Fasilitas</h2> <div class=story>";

echo "<p align=center>$dt[keterangan]</p>"; }

$menu=mysql_query("SELECT * FROM gambar"); echo" <div class=post>

<h2 class=tittle>Fasilitas</h2> <div class=story> <table><tr>"; $i=0; while($r=mysql_fetch_array($menu)){ if($i>=$kol){ echo"</tr><tr>"; $i=0; } $i++;

echo "<td align center><br> <a href=home.php?kategori=daf&id=".$r['id'].">

<img src='admin/images/$r[gambar]' width=180 hspace=15 v5space=15> <br><i> $r[nama]</i></td>"; } echo"</tr></table> </div>"; }elseif($_GET[kategori]=='daf'){ $id=$_GET['id'];

$hasil = mysql_query("SELECT * FROM gambar where id='$id'"); while ($dt = mysql_fetch_array($hasil))

{

echo "<div class=post> <h2 class=tittle>Fasilitas</h2> <div class=story>";

echo "<p align=center>$dt[keterangan]</p>"; }

echo "<td class=kembali><br>

[ <a href=javascript:history.go(-1)>Kembali</a> ]</td></tr>"; echo "</div>";

}elseif($_GET[kategori]=='eks'){ $kol=2;

$menu=mysql_query("SELECT * FROM gambar2"); echo" <div class=post>

<h2 class=tittle>Ekstrakurikuler</h2> <div class=story>

<table><tr>"; $i=0;

} $i++;

echo "<td align center><br> <a href=home.php?kategori=ket&id=".$r['id'].">

<img src='admin/images/$r[gambar]' width=180 hspace=20 vspace=10> <br><i> $r[nama]</i></td>"; } echo"</tr></table> </div>"; }elseif($_GET[kategori]=='ket'){ $id=$_GET['id'];

$hasil = mysql_query("SELECT * FROM gambar2 where id='$id'"); while ($kt = mysql_fetch_array($hasil))

{

echo "<div class=post>

<h2 class=tittle>Ekstrakurikuler</h2> <div class=story>";

echo "<p align=center>$kt[keterangan]</p>"; }

echo "<td class=kembali><br>

[ <a href=javascript:history.go(-1)>Kembali</a> ]</td></tr>";

echo "</div>"; //galeri

}elseif($_GET[kategori]=='galeri'){ $kol=3;

$menu=mysql_query("SELECT * FROM gambar3"); echo" <div class=post>

<marquee>Galeri Photo</marquee> <div class=story> <table><tr>"; $i=0; while($r=mysql_fetch_array($menu)){ if($i>=$kol){ echo"</tr><tr>"; $i=0; }

.'<textarea name=keterangan cols=94

rows=25>'.$data['keterangan'].'</textarea><br><br>' .'<input type="submit" value="Edit Data"><br>' .'</form>'

.'<p><a href="home.php?proses=artikel"> Tampilkan Daftar </a></p>'; break;

case 'proses_edit': $id = $_GET['id'];

$nama = $_POST['nama'];

$keterangan = $_POST['keterangan'];

$query = "UPDATE artikel SET nama='$nama', keterangan='$keterangan' WHERE id='$id'";

$hasil = mysql_query($query); if (!$hasil)

echo 'Error: Gagal mengupdate database'; else

echo " $nama";

echo 'Berhasil diupdate. <a href="home.php?proses=artikel">Tampilkan Daftar</a>';

break;

case 'tambah':

echo '<h2>Tambah</h2><hr>'

.'<form action="artikel.php?proses=proses_tambah" method="post">' .'Nama : <br>'

.'<input type="text" name="nama" size="50"><br><br>' .'Urutan : <br>'

.'<input type="text" name="urutan" size="50"><br><br>' .'Keterangan : <br>'

.'<textarea name="keterangan" cols=94 rows=30></textarea><br><br>'

.'<tr><td><input type="submit" value="TAMBAH"></td></tr>' .'</form>'

.'<p><a href="home.php?proses=artikel">Tampilkan Daftar</a></p>'; break;

case 'proses_tambah':

$nama = $_POST['nama']; $urutan = $_POST['urutan'];

$keterangan = $_POST['keterangan']; foreach ($_POST as $field)

{

exit ('Error : Ada data yang masih kosong'); }

$query = "INSERT INTO artikel (nama, urutan, keterangan) VALUES ('$nama', '$urutan', '$keterangan')";

$hasil = mysql_query($query); if (!$hasil)

echo 'Error: Tidak dapat memasukkan ke dalam database.'; else

echo 'Berita berhasil ditambah ke database. <a href="home.php?proses=artikel">Lihat</a>'; break;

}

mysql_close(); ?>

5. Log out.php <?php

session_start(); session_destroy(); ?>

<script language="JavaScript"> location.href="../index.php"; </script>

6. From_login.php <?php

echo "<form method=POST action=cek_login.php> <table>

<tr><td>Username</td><td> : <input type=text name=username></td></tr> <tr><td>Password</td><td> : <input type=password

name=password></td></tr>

<tr><td colspan=2><input type=submit value=Login></td></tr> </table>

</form>"; ?>

7. Mading.php <?php

include "../config/koneksi.php"; $proses = $_GET['proses']; if ($proses == 'mading')

$proses = 'lihat'; switch ($proses) {

case 'lihat':

echo '<div id="page">' .'<div id="content">'

.'<div id="welcome" class="post">'

.'<div class="title"><h2>Daftar Mading</h2></div>' .'<div class="story">'

.'<table border="1" width="500" align="center">' .'<tr align="center" bgcolor="#000000">'

.'<th>Nama</th>' .'<th>Judul</th>' .'<th>Isi</th>' .'<th>Edit</th>' .'<th>Hapus</th>' .'</tr>';

$query=mysql_query("select * from mading ORDER BY id"); while($a=mysql_fetch_array($query))

{

$hapus='<a

href="mading.php?proses=hapus&id='.$a['id'].'">hapus</a>';

$edit='<a href="mading.php?proses=edit&id='.$a['id'].'">edit</a>'; echo '<tr align="center">'

.'<td align="left">'.$a['nama'].'</td>' .'<td align="left">'.$a['judul'].'</td>' .'<td align="left">'.$a['isi'].'</td>' .'<td>'.$edit.'</td>'

.'<td>'.$hapus.'</td>' .'</tr>';

}

echo '</table>';

echo '<br><a href="mading.php?proses=tambah"><b>Tambah Data</b></a>'

.'</div></div>' .'</div><br>'; break;

case 'hapus':

$id = $_GET['id'];

$hasil = mysql_query("DELETE FROM mading WHERE id='$id'"); if (!$hasil)

echo "Error: Gagal menghapus dari database."; else

echo 'berhasil di hapus <p><a

href="home.php?proses=mading">klik di sini</a></P>'; break;

case 'edit':

$id = $_GET['id'];

$hasil = mysql_query("SELECT * FROM mading WHERE id='$id'"); $data = mysql_fetch_array($hasil);

echo '<h2>Edit </h2><hr>'

.'<form action="mading.php?proses=proses_edit&id='.$id.'" method="post">'

.'<input type="hidden" name"id" value="'.$data['id'].'">' .'Nama : <br>'

.'<textarea name="nama" cols=50 rows=1>'.$data['nama'].'</textarea><br><br>'

.'Judul : <br>'

.'<textarea name="judul" cols=50 rows=1>'.$data['judul'].'</textarea><br><br>'

.'Isi : <br>'

.'<textarea name=isi cols=94 rows=25>'.$data['isi'].'</textarea><br><br>'

.'<input type="submit" value="Edit Data"><br>' .'</form>'

.'<p><a href="home.php?proses=mading"> Tampilkan Daftar </a></p>';

case 'proses_edit': $id = $_GET['id'];

$nama = $_POST['nama']; $judul = $_POST['judul']; $isi = $_POST['isi'];

$query = "UPDATE mading SET nama='$nama', judul='$judul', isi='$isi' WHERE id='$id'";

$hasil = mysql_query($query); if (!$hasil)

echo 'Error: Gagal mengupdate database'; else

echo " $nama";

echo 'Berhasil diupdate.

<a href="home.php?proses=mading">Tampilkan Daftar</a>'; break;

case 'tambah':

echo '<h2>Tambah</h2><hr>'

.'<form action="mading.php?proses=proses_tambah" method="post">'

.'Nama : <br>'

.'<input type="text" name="nama" size="50"><br><br>' .'Judul : <br>'

.'<input type="text" name="judul" size="50"><br><br>' .'Isi : <br>'

.'<textarea name="isi" cols=94 rows=30></textarea><br><br>' .'<tr><td><input type="submit" value="TAMBAH"></td></tr>' .'</form>'

.'<p><a href="home.php?proses=mading">Tampilkan Daftar</a></p>'; break;

case 'proses_tambah':

$nama = $_POST['nama']; $judul = $_POST['judul']; $isi = $_POST['isi'];

foreach ($_POST as $field) {

if ($field == '' || !isset($field))

exit ('Error : Ada data yang masih kosong'); }

$query = "INSERT INTO mading (nama, judul, isi) VALUES ('$nama', '$judul', '$isi')";

$hasil = mysql_query($query); if (!$hasil)

echo 'Error: Tidak dapat memasukkan ke dalam database.'; else

echo 'Berita berhasil ditambah ke database. <a href="home.php?proses=mading">Lihat</a>';

break; }

mysql_close(); ?>