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
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
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
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
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
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
DAFTAR ISI
BAB 1 PENDAHULUAN
1.1 Latar Belakang 1
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
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
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
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
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.
c. Laporan data hasil penilaian, absensi siswa, dan jadwal mata pelajaran yang
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,
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
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,
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-
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
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
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
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.
3. Mempunyai interface (jalinan).
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
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
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
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
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
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
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
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.
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
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
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 )
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
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
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
(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
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.
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
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
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
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
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
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,
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
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
Fasilitas Fasilitas D
ya
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
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
Eks.kul Halaman Ekstrakurukuler Ekskul
ya
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
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
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.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.
2. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru.
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
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
Dari berbagai teknologi web yang telah dikenal maka kita dapat membuat
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