Sistem Informasi Akademik Berbasis Web Pada Smp Muhammadiyah 16 Lubuk Pakam.
SISTEM INFORMASI PORTAL AKADEMIK PADA SMP
MUHAMMADIYAH 16 LUBUK PAKAM
TUGAS AKHIR
ALAMSYAH PUTRA
072406067
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
(2)
PERSETUJUAN
Judul : SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA SMP MUHAMMADIYAH 16 LUBUK PAKAM
Kategori : TUGAS AKHIR
Nama : ALAMSYAH PUTRA
Nomor Induk Mahasiswa : 072406067
Program Studi : DIPLOMA 3 ILMU KOMPUTER Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA
Diluluskan di
Medan, Mei 2010
Komisi Pembimbing :
Diketahui/Disetujui oleh
Departemen Matematika FMIPA USU Pembimbing,
Ketua,
Dr. Saib Suwilo, M.Sc Drs. Open Darnius, M.Si Nip. 196401091988031004 Nip. 196410141991031004
(3)
PERNYATAAN
SISTEM INFORMASI PORTAL AKADEMIK PADA SMP MUHAMMADIYAH 16 LUBUK PAKAM
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Mei 2010
ALAMSYAH PUTRA 072406067
(4)
PENGHARGAAN
Puji dan syukur penulis panjatkan kehadirat Allah SWT yang telah memberikan rahmat dan karunia-Nya sehingga penulis dapat menyelesaikan Tugas Akhir ini tepat pada waktunya. Pembuatan Tugas Akhir ini merupakan salah satu syarat untuk menyelesaikan Program Studi Diploma III Ilmu Komputer pada Universitas Sumatera Utara. Adapun judul Tugas Akhir ini adalah “SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA SMP MUHAMMADIYAH 16 LUBUK PAKAM”.
Selama mempersiapkan Tugas Akhir ini penulis banyak mendapat bantuan, dorongan, dan motivasi baik secara langsung maupun tidak langsung, maka pada kesempatan ini penulis ingin mengucapkan terimakasih kepada :
1. Bapak Prof. Dr. Eddy Marlianto, M.Sc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
2. Bapak Dr. Saib Suwilo, M.Sc selaku ketua Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
3. Bapak Drs. Open Darnius, M.Si selaku pembimbing penulis yang telah banyak memberikan saran dan masukan dalam penyelesaian Tugas Akhir ini.
4. Ibu Weni Zahara S.Si Selaku kepala sekolah SMP Muhammadiyah 16 Lubuk Pakam yang telah mengizinkan penulis melakukan penelitian dan membantu penulis selama penelitian.
5. Seluruh staf pengajar di Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara khususnya program studi D3 Ilmu Komputer yang telah benyak memberikan ilmu selama perkuliahan.
(5)
6. Ayahanda Turijan dan Ibunda Sofrida Hanum atas doa restunya dan kasih sayangnya yang tiada habisnya diberikan pada penulis serta dukungan moril maupun materil yang tanpa jasanya tak mungkin penulis sampai pada saat sekarang.
7. Seluruh rekan mahasiswa Jurusan D3 Ilmu Komputer khususnya Kom C 2007, Andi hazri Hsb, Fitria Sari, APC(Anak Parkir Comunity) dan teman-teman yang telah banyak memberikan dorongan semangat. Dan terimakasih atas semua dukungannya.
Penulis menyadari bahwa Tugas Akhir ini masih banyak mendapati kekurangan dan kesalahan, untuk itu penulis mengharapkan kritik dan saran dari semua pihak guna penyempurnaan Tugas Akhir di masa yang akan datang. Akhir kata, semoga Tugas Akhir ini dapat berguna dan bermanfaat bagi kita semua dan penulis pada khususnya.
Medan, Mei 2010
(6)
ABSTRAK
Teknologi di bidang komputer saat ini sangat berkembang pesat sehingga dapat meningkatkan efisien dan efektifitas dalam melakukan setiap pekerjaan. Komputer bukan hanya sekedar pengolah data dan gambar saja tetapi penggunaanya semakin luas menjadi salah satu sarana komunikasi, media informasi dan edukasi. Perkembangan teknologi tersebut sangat mempengaruhi setiap badan usaha maupun perusahaan-perusahaan dalam hal mengenai masalah yang timbul dalam kegiatan operasionalnya. Demikian juga halnya dengan SMP Muhammadiyah 16 Lubuk Pakam khususnya website yang masih sederhana yang perlu dikembangkan dan dimodifikasi. Untuk itu perlu penulis mencoba untuk merancang suatu sistem yang berbasis komputer yang diharapkan dapat mengatasi kelemahan dari sistem kerja yang selama ini berjalan, khususnya informasi mengenai sekolah SMP Muhammadiyah 16 Lubuk Pakam.
(7)
DAFTAR ISI
Halaman
Persetujuan ii
Pernyataan iii
Penghargaan iv
Abstrak vi
Daftas Isi vii
Daftar Tabel ix
Daftar Gambar x
Bab 1 Pendahuluan 1
1.1 Latar Belakang 1
1.2 Identifikasi Masalah 3
1.3 Ruang Lingkup Masalah 4
1.4 Maksud dan Tujuan 4
1.5 Metodelogi Penelitian 5
1.6 Sistematika Penulisan 6
Bab 2 Landasan Teori 8
2.1 Pengertian Komputer 8
2.1.1 Sistem Komput er 9
2.2 Pengertian Data, DFD (Data Flow Diagram), Flowchart
(Diagram Alir), Informasi dan Sistem 10
2.2.1 Pengertian Data 10
2.2.2 Pengertian DFD (Data Flow Diagram) 11
2.2.3 Diagram Alir (flowchart) 12
2.2.4 Pengertian Informasi 15
2.2.5 Pengertian Sistem 16
2.3 Sistem Informasi 17
2.3.1 Komponen sistem informasi 17
2.3.2 Perangkat sistem informasi 19
2.4 Internet 20
2.4.1 Manfaat internet 21
2.5 Website 22
2.5.1 Web statis 22
2.5.2 Web dinamis 23
(8)
2.7 PHP 25
2.7.1 Sejarang singkat PHP 25
2.7.2 Kelebihan PHP 26
2.7.3 Sintaks PHP 28
2.8 MySQL 29
2.9 Apache 32
2.10 Cassading Style Sheet (CSS) 32
2.11 JavaScript 33
2.12 Macromedia Dreameaver 33
Bab 3 Sekilas SMP Muhammadiyah 16 Lubuk Pakam 35
3.1 Profil 35
3.1.1 Identitas Sekolah 35
3.1.2 Identitas Kepala Sekolah 36
3.2 Struktur Organisasi 36
3.3 Uraian Tugas dan fungsi organisasi 37
3.3.1 Kepala Sekolah 37
3.3.2 Wakil Kepala Sekolah 37
3.3.3 Guru 37
3.3.4 Wali Kelas 38
3.3.5 Guru Pembimbing dan Konseling 38
3.3.6 Pustakawan Sekolah 38
3.3.7 Pengelola Laboratorium 39
3.4 Visi dan Misi 39
3.4.1 Visi Sekolah 39
3.4.2 Misi Sekolah 39
Bab 4 Perancangan Sistem 43
4.1 Perencanaan dan Perancangan 43
4.2 Perancangan Halaman Website 45
4.2.1 Halaman Home 45
4.2.2 Halaman Profil 45
4.2.3 Halaman Guru dan Siswa 45
4.2.4 Halaman Buku Tamu 45
4.2.5 Halaman Portal Akademik 46
4.2.6 Halaman Admin 46
4.3 Perancangan Data Flow Diagram (DFD) Website 46 4.4 Perancangan Diagram Alir (Flowchart)Website 48
4.4.1 Flowchart Menu Utama 48
(9)
4.4.3 Flowchart Admin 50
4.4.4 Flowchart Administrator Siswa 52
4.4.5 Flowchart Administrator Guru 53
4.5 Merancang Database Server 53
4.6 Design Website 58
4.6.1 Design halaman home 58
4.6.2 Design header website 58
4.7 Gambaran Umum Perancangan Sistem 59
4.7.1 Administrator Website 59
4.7.2 Pengunjung website 61
Bab 5 Implementasi Sistem 63
5.1 Pengertian Implementasi Sistem 63
5.2 Tujuan Implementasi Sistem 63
5.3 Komponen Dalam Implementasi Sistem 64
5.4 Instalasi Apache, PHP, dan MySQL 65
Bab 6 Kesimpulan dan Saran 71
6.1 Kesimpulan 71
6.2 Saran 72
Daftar Pustaka Lampiran A Lampiran B
(10)
DAFTAR TABEL
Halaman Tabel 2.1 Simbol-simbol Data Flow Diagram 11
Tabel 2.2 Simbol-simbol Flowchart 12
Tabel 4.1 Tabel Admin 52
Tabel 4.2 Tabel Siswa 52
Tabel 4.3 Tabel Nilai 53
Tabel 4.4 Tabel Guru 54
Tabel 4.5 Tabel Buku Tamu 54
Tabel 4.6 Tabel Informasi Akademik 55
(11)
DAFTAR GAMBAR
Halaman Gambar 3.1 Struktur Organisasi SMP Muhammadiyah 16 Lubuk Pakam 37
Gambar 4.1 Struktur Website 44
Gambar 4.2 Diagram Konteks Website 47
Gambar 4.3 Flowchart Menu Utama 49
Gambar 4.4 Flowchart Portal Akademik 50
Gambar 4.5 Flowchart Admin 51
Gambar 4.6 Flowchart Admin Siswa 52
Gambar 4.7 Flowchart Admin Guru 53
Gambar 4.8 Tampilan Halaman Home 58
Gambar 4.9 Tampilan Header Website 59
Gambar 4.10 Tampilan Halaman Administrator 60
Gambar 5.1 Instalasi Apache2triad 66
Gambar 5.2 Menentukan Direktori Instalasi Apache2triad 67 Gambar 5.3 Masukkan Password Instalasi Apache2triad 67 Gambar 5.4 Autentifikasi Instalasi Apache2triad 68 Gambar 5.5 Proses Instalasi Apache2triad 68 Gambar 5.6 Proses Instalasi Apache2triad 69 Gambar 5.7 Proses Instalasi Apache2triad 69 Gambar 5.8 Proses Instalasi Apache2triad 70 Gambar 5.9 Instalasi Apache2triad Sukses 70
(12)
ABSTRAK
Teknologi di bidang komputer saat ini sangat berkembang pesat sehingga dapat meningkatkan efisien dan efektifitas dalam melakukan setiap pekerjaan. Komputer bukan hanya sekedar pengolah data dan gambar saja tetapi penggunaanya semakin luas menjadi salah satu sarana komunikasi, media informasi dan edukasi. Perkembangan teknologi tersebut sangat mempengaruhi setiap badan usaha maupun perusahaan-perusahaan dalam hal mengenai masalah yang timbul dalam kegiatan operasionalnya. Demikian juga halnya dengan SMP Muhammadiyah 16 Lubuk Pakam khususnya website yang masih sederhana yang perlu dikembangkan dan dimodifikasi. Untuk itu perlu penulis mencoba untuk merancang suatu sistem yang berbasis komputer yang diharapkan dapat mengatasi kelemahan dari sistem kerja yang selama ini berjalan, khususnya informasi mengenai sekolah SMP Muhammadiyah 16 Lubuk Pakam.
(13)
BAB I
PENDAHULUAN
1.1 Latar Belakang
Teknologi di bidang komputer saat ini sangat berkembang pesat sehingga dapat meningkatkan keefisienan dan efektifitas dalam melakukan setiap pekerjaan. Komputer bukan hanya sekadar pengolah data dan gambar saja tetapi penggunaannya semakin meluas menjadi salah satu sarana komunikasi, media informasi dan edukasi. Saat ini adalah zamannya internet dimana batasan waktu dan jarak tidak berarti lagi bagi media yang satu ini. Kita dapat berkomunikasi dengan siapa saja dan dimana saja di seluruh dunia ini dengan menggunakan fasilitas e-mail maupun dengan cara chatting. Mungkin pada saat ini hampir setiap orang sudah memiliki e-mail untuk dapat bergabung di internet. Namun, bagaimana dengan yang memiliki website pribadi? Apalagi website yang merupakan hasil karya sendiri, mungkin tidak semua
(14)
orang memilikinya. Padahal dengan memiliki website kita dapat mengenalkan diri kita pada semua orang yang ada di seluruh dunia, baik mengenai diri kita, perusahaan kita atau segala sesuatu yang ingin kita sampaikan. Tidak mustahil juga kita dapat memperoleh uang dengan memiliki website pribadi, asalkan kita dapat mengelolanya dengan baik.
Pengembangan jaringan komunikasi data antar komputer menjadikan internet muncul dengan berbagai macam aplikasi. internet dengan berbagai aplikasinya pada dasarnya adalah media yang digunakan untuk mengefesienkan proses komunikasi. Untuk dapat memaksimalkan penggunaan internet, harus dapat kita tentukan dan artikan tentang kebutuhan komunikasi dari seseorang.
Salah satu aplikasinya yaitu World Wide Web (WWW). Di awal perkembangannya World Wide Web hanya digunakan untuk kalangan akademisi dan riset, namun sekarang World Wide Web digunakan untuk bisnis dan hiburan. Oleh karena itu, dengan berkembangnya kemajuan teknologi ini, SMP Muhammadiyah 16 Lubuk Pakam perlu mempromosikan dirinya melalui sebuah website yang online di internet. Dengan sebuah website yang online di internet, masyarakat dapat dengan mudah mengakses dan mengetahui segala sesuatu mengenai SMP Muhammadiyah 16 Lubuk Pakam dengan cepat tanpa memerlukan waktu yang banyak. Peranan website ini juga tidak terlepas dari penggunaan peralatan yang mampu mengatasi kelemahan-kelemahan yang mengandalkan tenaga manusia.
(15)
Informasi tentang sekolah yang dapat di akses oleh semua orang melalui internet memberikan ide buat penulis untuk membuat suatu website sekolah yang bisa memberikan informasi bagi para pengunjungnya.
Atas dasar pertimbangan itu, maka penulis tertarik membuat suatu website pendidikan (sekolah) dengan judul : ”SISTEM INFORMASI PORTAL
AKADEMIK PADA SMP MUHAMMADIYAH 16 LUBUK PAKAM”.
Penulis berharap semoga penulisan tugas akhir ini dapat memberikan kemudahan bagi seluruh masyarakat terutama siswa-siswi SMP Muhammadiyah 16 Lubuk Pakam melalui sebuah website yang online di internet dan umumnya bagi siapa saja yang ingin tahu mengenai SMP Muhammadiyah 16 Lubuk Pakam.
(16)
Kegiatan penelitian penulis lakukan di SMP Muhammadiyah 16 Lubuk Pakam yang berada di Jl.R.A. Kartini No.1 Lubuk Pakam. Mengingat jumlah siswa-siswi, staf pengajar dan pegawai dan keingintahuan masyarakat yang tinggi, maka penulis mencoba mengidentifikasi permasalahan :
1. Sejauh mana website ini dapat dirancang dengan semenarik mungkin sehingga dapat memenuhi keingintahuan masyarakat mengenai SMP Muhammadiyah 16 Lubuk Pakam.
2. Memberikan kemudahan bagi para alumni untuk mengetahui tentang keberadaan dari semua teman – temannya semasa sekolah dulu dengan menggunakan website yang telah online di internet.
1.3 Ruang Lingkup Masalah
Adapun batasan dari tugas akhir ini adalah membahas pembuatan desain web dinamis sebagai suatu website yang memberikan informasi bagi pengguna baik kalangan masyarakat umum maupun dari pihak sekolah itu sendiri yang membutuhkan informasi tentang SMP Muhammadiyah 16 Lubuk Pakam.
(17)
Aplikasi web ini dibangun dibawah sistem operasi Windows XP yang mencakup aplikasi Macromedia Dreamweaver MX 2004, Web Server Apache, Web Scripting PHP dan MySQL. Selain itu, aplikasi web ini juga didukung bahasa pemrograman web lainnya seperti HTML (Hypertext Markup Language), CSS (Cascading Style Sheet), dan bahasa pemrograman web lainnya.
1.4 Maksud dan Tujuan
Dengan semakin berkembangnya perangkat komputer baik hardware maupun software membuat seluruh aspek kehidupan menuntut suatu manajemen yang baik dalam meningkatkan efisiensi dan efektivitas kerja. Salah satu cara penerapannya adalah dengan membuat website SMP Muhammadiyah 16 Lubuk Pakam.
Adapun maksud dan tujuan dari penelitian ini adalah :
1. Mempromosikan dan mengenalkan SMP Muhammadiyah 16 Lubuk Pakam agar para orang tua mau menyekolahkan anak – anak mereka disekolah ini.
(18)
2. Membuat homepage pendidikan SMP Muhammadiyah 16 Lubuk Pakam yang dapat diakses oleh siapa saja dan untuk memberikan kemudahan bagi siswanya dalam menikmati layanan yang disediakan dalam situsnya.
1.5 Metode Penelitian
Adapun metodologi penelitian yang digunakan penulis dalam mengumpulkan data adalah:
1. Penelitian dilakukan langsung ke SMP Muhammadiyah 16 Lubuk Pakam untuk mendapatkan data, dimana penulis melakukan pengumpulan data dengan cara bertanya langsung kepada kepala sekolah pada sekolah tersebut. Adapun data yang diperoleh dari penelitian tersebut adalah data siswa, data guru, kurikulum sekolah, visi misi sekolah, struktur organisasi sekolah, profil sekolah, gambar sekolah, dan sejarah berdiri sekolah. Untuk lebih detailnya mengenai kurikulum, profil dan visi misi sekolah dijelaskan terperinci pada bab 3. Sedangkan untuk field-field yang dipakai pada data siswa dan data guru dicantumkan pada perancangan database di bab 4.
2. Setelah memperoleh data dari sekolah SMP Muhammadiyah 16 Lubuk Pakam penulis merancang website ini sesuai dengan data dari sekolah tersebut. Dimana pada website akan ditampilkan seluruh informasi tentang SMP
(19)
Muhammadiyah 16 Lubuk Pakam seperti sejarah berdiri, profil, struktur organisasi, visi misi, galeri sekolah, data siswa, dan data guru.
3. Untuk data yang bersifat dinamis seperti data guru dan data siswa, dimana setiap saat data tersebut bisa berganti. Data tersebut dapat dimanipulasi oleh administrator dengan login terlebih dahulu ke halaman admin website.
1.6 Sistematika Penulisan
Secara garis besar tugas akhir ini terdiri dari 6 (enam) bab dan beberapa lampiran. Adapun setiap bab terdiri dari sub-sub bab. Adapun sistematika penulisan tugas akhir ini adalah :
BAB I : PENDAHULUAN
Pada bab ini diuraikan secara ringkas pembahasan tentang Latar Belakang, Identifikasi Masalah, Ruang Lingkup Masalah, Maksud dan Tujuan, Metode Penelitian, dan Sistematika Penulisan.
BAB II : LANDASAN TEORI
Bab ini menjelaskan landasan teori yang meliputi pengertian data, informasi, sistem informasi, uraian singkat tentang bahasa pemograman HTML, PHP dan MySQL.
(20)
BAB III : SEKILAS SMP MUHAMMADIYAH 16 LUBUK PAKAM
Bab ini berisikan tentang profil SMP Muhammadiyah 16 Lubuk Pakam, struktur organisasi SMP Muhammadiyah 16 Lubuk Pakam, uraian tugas dan fungsi organisasi, serta visi dan misi SMP Muhammadiyah 16 Lubuk Pakam.
BAB IV : PERANCANGAN SISTEM
Bab ini menjelaskan tentang perancangan sistem yang diusulkan meliputi data flow diagram, struktur database, sertifikasi input, sertifikasi output dan flowchart.
BAB V : IMPLEMENTASI
Pada bab ini dibahas tentang implementasi sistem yang dirancang.
BAB VI : KESIMPULAN DAN SARAN
Bab ini merupakan bab terakhir yang mencakup kesimpulan dan saran.
(21)
BAB II
LANDASAN TEORI
2.1 Pengertian Komputer
Secara ringkas komputer dapat diartikan sebagai mesin yang melakukan tugas-tugas tertentu yang dikontrol oleh instruksi-instruksi digital. Komputer berasal dari bahasa latin yaitu computare yang mengandung arti menghitung. Komputer adalah mesin penghitung elektronik yang cepat dan dapat menerima informasi input digital, kemudian memprosesnya sesuai dengan program yang tersimpan dalam memori dan menghasilkan output berupa informasi.
Komputer juga berasal dari bahasa inggris, to compute yang artinya menghitung. Jadi, komputer dapat diartikan sebagai alat untuk menghitung. Perkembangan teknologi dan ilmu komputer memberikan penigkatan pada kegunaan komputer, sehingga defenisi komputer juga mengalami perubahan. Sekarang ini, proses menghitung hanyalah merupakan sebagian kecil dari kegunaan komputer.
(22)
Banyak fungsi lain yang dapat dilakukan dengan menggunakan komputer, seperti pengolahan data, permainan, pengontrol mesin, membuat grafik, mengedit data dan lain sebagainya.
2.1.1 Sistem komputer
Sistem komputer adalah kumpulan beberapa perangkat komputer yang saling mendukung dan mengerjakan masing-masing fungsinya untuk melakukan suatu pekerjaan. Tujuan dari sistem komputer adalah mengolah data untuk menghasilkan informasi. Agar tujuan tersebut dapat tercapai maka elemen-elemen dari komputer harus lengkap.
Elemen-elemen dari sistem komputer adalah sebagai berikut :
1. Perangkat Keras (Hardware), yaitu perangkat pada komputer yang secara fisik dapat dilihat dan dapat disentuh, seperti keyboard, monitor dan casing.
2. Perangkat Lunak (software), yaitu program yang berisi perintah-perintah pengolahan data, seperti Microsoft Office dan sebagainya.
3. Brainware adalah manusia yang terlibat dalam mengoperasikan serta mengatur sistem komputer.
(23)
Ketiga elemen komputer di atas harus saling berhubungan dan membentuk suatu kesatuan. Hardware tanpa adanya software, maka komputer tidak akan berfungsi seperti yang diharapkan, hanya berupa benda mati saja. Hardware yang telah didukung oleh software juga tidak akan berfungsi jika tidak ada manusia yang mengoperasikannya. Akan tetapi jika ketiga elemen sistem komputer tersebut sudah berhubungan dan berinteraksi dengan baik, maka komputer akan berfungsi sesuai dengan yang kita harapkan.
2.2 Pengertian Data, Data Flow Diagram (DFD), Diagram Alir (Flowchart) dan Sistem.
2.2.1 Pengertian data.
Beberapa pengertian tentang data sebagai berikut :
a. Menurut berbagai kamus bahas Inggris-Indonesia, data diterjemahkan sebagai istilah yang berasal dari kata datum yang berarti fakta atau bahan keterangan.
b. Pengertian yang lain mengatakan bahwa data merupakan deskripsi dari sesuatu kejadian yang kita hadapi.
c. Menurut Gordon B. Davis dalam bukunya Management Information System : Conceptual Foundation, Structures, and Development menyebutkan data
(24)
sebagai bahan mentah dari informasi, yang dirumuskan sebagi sekelompok lambang-lambang acak yang menunjukkan jumlah atau tindakan atau hal-hal lain.
Dari beberapa pengertian di atas, dapat disimpulkan bahwa data adalah bahan baku informasi, didefenisikan sebagai sekelompok simbol yang mewakili kuantitas, tindakan, dan sebagainya. Data terbentuk dari karakter, dapat berupa alphabet, angka, maupun simbol khusus. Data disusun untuk diolah dalam betuk struktur data, struktur file, dan basisdata.
2.2.2 Pengertian data flow diagram (DFD)
Data flow diagram adalah suatu gambaran grafis dari suatu sistem yang dapat menggambarkan arus data di dalam sistem dengan struktur, jelas dan menggunakan sejumlah bentuk-bentuk simbol untuk menggambarkan bagaimana data mengalir melalui suatu proses yang saling berkaitan.
Data Flow Diagram (DFD) terdiri dari 4 (empat) simbol, yaitu :
Tabel 2.1 Simbol-simbol Data Flow Diagram No Demarco And
Yourdan Symbols Keterangan
Gane And Sarson Symbols
(25)
1 Eksternal Entity (Kesatuan Luar) merupakan kesatuan dilingkungan luar sistem yang dapat berupa orang, organisasi atau sistem lainnya yang akan memberikan input atau menerima output.
Sambungan Tabel 2.1
No Demarco And
Yourdan Symbols Keterangan
Gane And Sarson Symbols
2
Proses adalah kegiatan atau
kerja yang dilakukan oleh orang, mesin atau computer dari hasil suatu arus data yang masuk kedalam proses untuk dihasilkan arus data yang akan keluar dari proses…………...
3 Arus data (Data Flow) diberi
simbol panah. Arus data ini mengalir diantara proses, yang dapat dilakukan dari atas ke bawah, dari bawah ke atas, dari kiri kekanan dan dari kanan kekiri.
4 Storage (simpanan data)
merupakan tempa penyimpanan dari data yang dapat berupa file atau database disistem komputer.
(26)
2.2.3 Diagram alir (Flowchart)
Diagram alir program (program flow chart) adalah suatu diagram yang menggambarkan arus logika dari data yang akan diproses dalam suatu program dari awal sampai akhir. Diagram alir terdiri dari simbol-simbol yang mewakili fungsi-fungsi langkah program dan garis alir (flow line) menunjukkan urutan dari simbol-simbol yang akan dikerjakan.
Tabel 2.2 Simbol-simbol Flowchart
No Simbol Fungsi
1 Simbol titik terminal digunakan untuk
menunjukkan awal dan akhir dari suatu proses.
2 Simbol proses digunakan untuk mewakili suatu proses atau untuk pengolahan aritmatika dan pemindahan data
3 Simbol input-output digunakan untuk mewakili data imput/output dan menunjukkan hasil dari
(27)
suatu proses.
4 Simbol keputusan (Decision) digunakan untuk suatu penyeleksian (perbandingan logika) kondisi di dalam program.
5 Simbol persiapan (Predefined) digunakan untuk pemberian nilai awal suatu variable atau counter. 6 Simbol penghubung (Connector) digunakan untuk
menunjukkan hubungan arus proses yang terputus masih dalam halaman yang sama.
Sambungan Tabel 2.2
No Simbol Fungsi
7 Simbol Off-page connector digunakan untuk
menunjukkan hubungan arus proses yang terputus masih dalam halaman yang berbeda
8 Simbol proses terdefenisi digunakan untuk
menunjukkan suatu operasi yang rinciannya ditunjukkan di tempat lain.
9 Simbol display digunakan untuk output yang
ditunjukkan/ditampilkan di monitor.
10 Simbol dokumen yang digunakan untuk
(28)
untuk proses manual, mekanik atau komputer. 11 Simbol garis alir (Flow line) yang digunakan untuk
menunjukkan arus dari suatu proses.
12 Simbol storage yang digunakan untuk menyimpan data.
2.2.4 Pengertian informasi
Beberapa pengertian tentang informasi sebagai berikut :
a. Menurut Gordon B. Davis dalam bukunya Managemen Information System : conceptual Foundation, Structures, and Development menyebut informasi sebagai data yang telah diolah menjadi bentuk yang berguna bagi penerimanya dan nyata, berupa nilai yang dapat dipahami di dalam keputusan sekarang maupun masa mendatang.
b. Menurut Barry E. Cushing dalam buku Accounting Information System and business Organization, dikatakan bahwa informasi merupakan suatu yang
(29)
menunjukkan hasil pengolahan data yang diorganisasi dan berguna bagi orang yang menerimanya.
c. Menurut Robert N. Anthony dan Jhon Dearden dalam buku Management Control System, menyebutkan informasi sebagai suatu kenyataan, data, item, yang menambah pengetahuan bagi penggunanya.
d. Menurut Stephen A. Moscope dan Mark G. Simkin dalam bukunya Accounting information System : Concepts and Practise mengatakan informasi sebagai kenyataan atau bentuk-bentuk yang berguna yang dapat digunakan untuk pengambilan keputusan.
Dari beberapa pengertian di atas, dapat disimpulkan bahwa informasi merupakan hasil dari pengolahan data menjadi bentuk yang lebih berguna bagi yang menerimanya yang menggambarkan suatu kejadian nyata dan dapat digunakan sebagai alat bantu untuk pengambilan keputusan.
2.2.5 Pengertian sistem
(30)
a. Dalam kamus Inggris-Indonesia-nya Jhon M. Echols dan Hassan Shadily, system diartikan sebagai susunan.
b. Menurut M. Alexander dalam buku Information System Analisyst : Theory and Application, sistem merupakan suatu grup dari elemen-elemen baik yang berbentuk fisik maupun non-fisik yang menunjukkan suatu kumpulan saling berhubungan dan berinteraksi bersama menuju suatu tujuan, sasaran atau akhir dari sebuah sistem.
Dari pengertian sistem di atas dapat disimpulkan bahwa sistem adalah suatu kesatuan utuh terdiri dari beberapa bagian yang saling berhubungan dan berinteraksi untuk mencapai tujuan tertentu.
2.3 Sistem Informasi
Pada dasarnya sistem informasi merupakan suatu sistem yang dibuat oleh manusia yang terdiri dari komponen-komponen dalam organisasi untuk mencapai sutau tujuan yaitu menyajikan data informasi. Sistem informasi menerima masukan data dan instruksi, mengolah data tersebut sesuai dengan instruksi, dan mengeluarkan hasilnya.
(31)
2.3.1 Komponen sistem informasi
Sistem informasi memiliki komponen-komponen yang saling berinteraksi membentuk satu kesatuan dalam mencapai sasaran sistem. Adapun komponen-komponen dari sistem informasi adalah sebagai berikut :
a. Blok Masukan ( Input Block)
Blok masukan dalam sebuah sistem informasi meliput i metode-metode dan media untuk menangkap data yang akan dimasukkan, dapat berupa dokumen-dokumen dasar.
b. Blok Model ( Model Block)
Blok model ini terdiri dari kombinasi prosedur, logika dan model matematik yang berfungsi memanipulasi data untuk keluaran tertentu.
c. Blok Keluaran (Output Block)
Blok keluaran berupa data-data keluaran seperti dokumen output dan informasi yang berkualitas.
(32)
Blok teknologi digunakan untuk menerima input, menjalankan model, menyimpan data dan mengakses data, menghasilkan dan mengirimkan keluaran serta membantu pengendalian dari sistem secara keseluruhan. Blok teknologi ini merupakan komponen bantu yang memperlancar proses pengolahan yang terjadi dalam sistem.
e. Blok Basisdata (Database Block)
Merupakan kumpulan data yang berhubungan satu dengan lainnya, tersimpan di perangkat keras komputer dan perangkat lunak untuk memanipulasinya. f. Blok Kendali (Control Block)
Meliputi masalah pengendalian terhadap operasional sistem berfungsi mencegah dan menangani kesalahan/kegagalan sistem.
2.3.2 Perangkat sistem informasi
(33)
a. Hardware
Bagian ini merupakan bagian perangkat keras sistem informasi. Sistem informasi modren memiliki perangkat keras seperti komputer, printer dan teknologi jaringan komputer.
b. Software
Bagian ini merupakan bagian perangkat lunak sistem informasi. Sistem informasi modren memiliki perangkat lunak untuk memerintahkan komputer dalam melaksanakan tugas yang harus dikerjakannya.
c. Data
Merupakan komponen dasar dari sistem informasi yang akan diproses lebih lanjut untuk menghasilkan informasi.
d. Prosedur
Merupakan bagian yang berisikan dokumentasi prosedur atau proses-proses yang terjadi dalam sistem.
e. Manusia
Manusia merupakan bagian utama dalam suatu sistem informasi. Yang terlibat dalam komponen manusia adalah sebagai berikut :
(34)
1. Cleciral personal : untuk menangani transaksi dan pemrosesan data dan melakukan incuiry (operator).
2. First level manager : untuk mengolah pemrosesan data didukung dengan perencanaan, penjadwalan, identifikasi situasi out-of control dan pengambilan keputusan level menengah kebawah.
3. Staff specialist : untuk menganalisis perencanaan dan pelaporan.
4. Management : untuk pembuatan laporan berkal, permintaan khusus, analisis khusus, laporan khusus, pendukung analisis pengambilan keputusan level atas.
2.4 Internet
Internet (International Networking) adalah sutu kumpulan jaringan komputer dari berbabagai tipe, yang saling berkomunikasi dengan menggunakan suatu standar komunikasi. Saat ini ada jutaan sistem komputer dengan puluhan juta pengguna di seluruh dunia telah bergabung dengan internet.
Secara teknis internet merupakan dua komputer atau lebih yang saling berhubungan membentuk jaringan komputer hingga meliputi jutaan komputer di
(35)
dunia, yang saling berinteraksi dan bertukar informasi. Sedangkan dari segi ilmu pengetahuan, internet merupakan sebuah perpustakaan yang di dalamnya terdapat jutaan bahkan miliaran informasi atau data yang dapat berupa teks, grafik, suara maupun animasi untuk melakukan pertukaran informasi jarak jauh.
2.4.1 Manfaat internet
Sejalan dengan meningkatnya peranan informasi dalam bisnis maupun teknologi, akses terhadap sumber dan jaringan informasi semakin penting bagi pengguna. Internet adalah jaringan informasi komputer mancanegara yang berkembang sangat pesat dan pada saat ini dapat dikatakan sebagai jaringan informasi terbesar di dunia. Sehingga manfaat internet sangat terasa bagi pengguna.
Adapun manfaat yang bisa diperoleh dari internet adalah sebagai berikut: a. Informasi yang didapat lebih cepat dan murah dengan menggunakan aplikasi
fasilitas internet seperti e-mail, www, newsgroup dan lain sebagainya.
b. Mengurangi biaya kertas dan biaya distribusi, dengan adanya koran, majalah dan brosur di dalam internet.
c. Sebagai media promosi, misalnya pengenalan dan pemesanan produk perusahan.
(36)
d. Komunikasi interaktif melalaui e-mail, video conferencing, dan sebagainya.
e. Sebagai alat penelitian dan pengembangan.
f. Sebagai alat pertukaran data.
2.5 Website
Website atau world wide web sering disingkat sebagai www atau web, yaitu sebuah sistem dimana informasi dalam bentuk teks, gambar, suara, dan lain-lain direpresentasikan dalam bentuk hypertext dan dapat diakses oleh perangkat lunak yang disebut browser.
Kemampuan di atas telah menjadikan web sebagai service yang paling cepat pertumbuhannya. Web mengijinkan pemberian highlight (penyorotan) pada kata-kata atau gambar dalam sebuah dokumen untuk menghubungkan atau menunjuk dari sembarang tempat pada dokumen lain. Dengan sebuah browser yang memiliki graphical user interface (GUI), link-link dapat dihubungkan ke tujuannya dengan menunjuk link tersebut dengan mouse dan meng-klik link tersebut. Menurut kemampuannya, web dapat dibedakan menjadi 2 (dua), yaitu web statis dan web dinamis.
(37)
Web statis adalah web yang berisi informasi yang sifatnya statis (tetap). Disebut statis karena pengguna tidak dapat berinteraksi dengan web tersebut. Untuk mengetahui web tersebut statis atau dinamis dapat dilihat dari tampilannya. Jika suatu web hanya berhubungan dengan halaman web lain berisi suatu informasi yang tetap maka web tersebut statis.
Pada web statis, pengguna hanya dapat melihat isi dokumen pada halaman web yang berisi informasi yang tetap atau tidak berubah. Interaksi pengguna hanya terbatas dapat melihat informasi yang ditampilkan. Web statis biasanya merupakan HTML yang ditulis pada editor teks dan disimpan dalam bentuk .html atau .htm.
2.5.2 Web dinamis
Web dinamis adalah web yang menampilkan informasi serta berinteraksi dengan pengguna. Web yang dinamis memungkinkan pengguna untuk berinteraksi menggunakan form sehingga dapat mengolah informasi yang ditampilkan. Web dinamis bersifat interaktif, tidak kaku, dan terlihat lebih indah. Informasi di web pada umumnya ditulis dalam format HTML dan PHP.
(38)
Hypertext Markup Language (HTML) merupakan sebuah bahasa scripting yang berguna untuk menuliskan halaman web. Pada halaman web, html dijaikan sebagai bahasa script dasar yang berjalan bersama berbagai bahasa scripting pemograman lainnya.
Dalam penulisan script html dapat menggunakan editor biasa seperti notepad, edit plus ataupun editor lain yang berbasis GUI (Graphical User Interface) seperti Microsoft Frontpage dan yang digunakan penulis adalah Macromedia Dreameweaver 8. Dengan software ini kode html tidak perlu di ketik, karena semua perintahnya diwujudkan secara icon base. Tetapi bagi seorang pengembang aplikasi web, kemampuan penguasaan terhadap kode html sangat diperlukan, sehingga sangat disarankan untuk menguasai kode html dengan menggunakan editor teks seperti notepad.
Secara umum HTML dapat melakukan tugas-tugas sebagai berikut : a. Mengontrol tampilan halaman web dan isinya.
b.Mempublikasikan web secara online.
c. Membuat online form yang bisa digunakan untuk menangani pendaftaran buku tamu, dan transaksi online lainnya.
(39)
d.Menambahkan objek-objek seperti image, audio, video, dan juga applet dalam dokumen html.
Browser merupakan software yang diinstall di komputer client yang berfungsi untuk menerjemahkan tag-tag HTML menjadi halaman web. Browser yang biasa digunakan adalah internet explorer, opera, mozila fireworks dan lain sebagainya.
2.7 PHP
PHP singkatan dari hypertext preprocessor yang digunakan sebagai bahasa script server-side dalam pengembangan web yang disisipkan pada dokumen html. Penggunaan php memungkinkan web dapat dibuat dinamis sehingga maintanance situs web tersebut lebih mudah dan efisien. Php merupakan software open-source yang disebarkan dan dilisensikan secara gratis dan dapat didownload dari situs
resminya yaitu :
Php yang ditulis dengan menggunakan bahas C dapat dikembangkan sendiri dengan menambah fungsi-fungsi baru. Php adalah bahasa pemograman yang sangat populer. Sebagian besar sintak php mirip dengan sintak pada bahasa pemograman C dan Perl.
(40)
2.7.1 Sejarah singkat PHP
PHP pertama kali diciptakan oleh Rasmus Lerdof pada tahun 1994. Awalnya PHP digunakan untuk mencatat jumlah serta mengetahui siapa saja pengunjung pada homepage-nya. Rasmus Ledorf adalah salah satu pendukung open source. Oleh karena itu, ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis, kemudian menambah kemampuan PHP 1.0 dengan meluncurkan PHP 2.0.
Pada tahun 1996, PHP telah banyak digunakan di dunia. Sebuah kelompok pengembang software yang terdiri dari Rasmus, Zeew Suraski, Andi Gutman, Stig Bakken, Shane Caraveo, dan Jim Winstead bekerja sama untuk menyempurnakan PHP 2.0. Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan. Penyempurnaan terus dilakukan sehingga pada tahun 2000 dikeluarkan PHP 4.0. tidak terhenti sampai di situ, kemampuan PHP terus ditambah, dan versi terbaru yang telah di keluarkan adalah PHP 5.0.x.
2.7.2 Kelebihan PHP
PHP memiliki banyak kelebihan yang tidak dimiliki bahasa script sejenis. PHP difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yang
(41)
dapat dilakukan oleh GCI, sepeti mengumpulkan data dari form, menghasilkan isi halaman web dinamis, dan kemampuan mengirim dan menerima cookies bahkan lebih dari kemampuan CGI.
PHP dapat digunakan pada setiap sistem operasi, antara lain Linux, Unix, Windows, dan Macintosh. PHP juga mendukung banyak Web Server, seperti Apache, Microsoft Internet Information Server (MIIS), Personal Web Server (PWS), dan masih banyak lagi lainnya, bahkan PHP dapat bekerja sebagai suatu CGI processor.
PHP tidak terbatas pada hasil keluaran HTML. PHP juga memiliki kemampuan untuk mengolah keluaran gambar, file pdf, dan movies flash. PHP juga dapat menghasilkan teks seperti XHTML dan file XML lainnya.
Salah satu fitur yang dapat diandalkan oleh PHP adalah dukungannya terhadap banyak database. Berikut database yang dapat didukung oleh PHP :
a. Adabase D
b. dBase
c. Direct MS-SQL
(42)
e. FilePro (read only)
f. FrontBase
g. Hyperware
h. IBM DB2
i. Informix
j. Ingres
k. Interbase
l. MSQL
m. MySQL
n. ODBC
o. Oracle (OC17 dan OC18)
p. Ovrimos
q. PostgrSQL
r. Solid
(43)
t. Unix DBM
u. Velocis
2.7.3 Sintaks PHP
Sintaks PHP ditulis dalam apitan tanda khusus PHP. Ada empat macam pasangan tag PHP yang dapat digunakan untuk menandai blok script PHP.
1. <?php … ?>
2. <script language=”PHP”> … </script>
3. <? … ?>
4. <% … %>
Cara 1 dan 2 merupakan cara yang paling umum digunakan walaupun cara 3 tampak lebih praktis, karena cara 3 tidak selalu diaktifkan dalam konfigurasi file php.ini yang terdapat pada direktori C:\Program Files\Apache Software Foundation\Apache2.2\PHP.
Cara 4 juga dimungkinkan sebagai kemudahan bagi anda yang sudah terbiasa dengan Active Server Pages (ASP). Namun, bila cara tersebut tidak dikenal, maka
(44)
harus dilakukan pengaktifan pada file konfogurasi php.ini. Pengaktifan yang dilakukan pada file php.ini terdapat pada baris berikut :
Language options
Allow ASP-style <%%>tags. Asp_tags=off
Ubah off menjadi on, kemudian simpan dan restart kembali web server anda.
2.8 MySQL
MySQL adalah salah satu jenis database server yang sangat terkenal. Kepopulerannya disebabkan MySQL menggunakan Structure Query Language (SQL) sebagai bahasa dasar untuk mengakses databasenya. Selain itu, ia bersifat gratis (tidak peru membayar untuk menggunakannya) pada pelbagai platform (kecuali pada windows, yang bersifat shareware atau perlu membayar setelah melakukan evaluasi dan memutuskan untuk digunakan untuk kepeluan produksi). Perangkat lunak MySQL
sendiri bisa didownload dar
MySQL termasuk jenis Relation Database Management Sistem (DBMS). Pada MySQL, sebuah database mengandung satu atau sejumlah tabel. Tabel terdiri atas sejumlah baris dan setiap baris mengandung satu atau beberapa kolom.
(45)
a. MySQL merupakan sistem manajemen database. Database merupakan struktur penyimpanan data. Untuk menambah, mengakses, dan memproses data yang disimpan dalam sebuah database komputer, diperlukan sistem manajemen database MySQL server.
b. MySQL merupakan sistem manajemen database atau basis data terhubung (Relation Database Management System). Database terhubung menyimpan pada tabel-tabel terpisah. Kata SQL pada MySQL merupakan singkatan dari Structure Query Language. SQL merupakan bahasa standar yang digunakan untuk mengakses database dan ditetapkan oleh ANSI/ISO SQL Standart.
c. MySQL merupakan Software Open Source, berarti semua orang diizinkan menggunakan dan memodifikasi software ini. Semua orang dapat mendownload software MySQL dari internet dan menggunakannya tanpa membayar. Anda dapat mempelajari Source Code dan menggunakannya sesuai dengan kebutuhan.
d. Server database MySQL mempunyai kecepatan yang tinggi, mudah digunakan, dan handal. MySQL dikembangkan untuk menangani database yang besar secara cepat dan telah sukses digunakan selama bertahun-tahun. Konektifitas, kecepatan, dan keamanannya membuat server MySQL cocok untuk mengakses database di internet.
(46)
e. MySQL Server bekerja di client server atau sistem embedded. Software database MySQL merupakan sistem yang terdiri atas multitheread SQL Server yang mendukung software client dan library yang berbeda, tool administrative, dan sejumlah Application Programming Interfaces (APIs).
f. MySQL tersedia dalam beberapa macam bahasa.
Beberapa SQL command atau perintah SQL yang harus diketahui adalah : 1. CREATE DATABASE, untuk membuat sebuah database.
2. DROP DATABASE, untuk menghapus sebuah database. 3. CREATE TABLE, untuk membuat sebuah table.
4. ALTER TABLE, untuk memodifikasi sebuah table. 5. DROP TABLE, untuk menghapus sebuah table. 6. SELECT, untuk menampilkan data dari database. 7. UPDATE, untuk memodifikasi data dari database. 8. INSERT INTO, untuk menambah data di database. 9. DELETE, untuk menghapus data dari database.
(47)
2.9 Apache
Apache merupakan software yang dikeluarkan oleh Group Apache. Group Apache terlibat dalam satu proyek yang disebut Proyek Apache untuk mengembangkan suatu software implementasi di server HTTP (web) yang handal, standar komersial, dan Source Code-nya didistribusikan secara gratis. Adapun alamat website Apache adalah
2.10 Cassading Style Sheet (CSS)
Cassading Style Sheet (CSS) banyak digunakan untuk memperluas kemampuan HTML dalam memformat dokumen web atau untuk mempercantik tampilan web, bahkan untuk pemosisian dan layoutting halaman web. Dengan mendefenisikan suatu style sekali saja dapat digunakan berulang kali.
CSS banyak didukung browser, terutama versi baru sehingga penempatan layout menjadi lebih fleksibel. Membuat HTML menggunakan tag minimal berpengaruh tehadap ukuran file, dapat menampilkan konten utama terlebih dahulu sementara gambar dan yang lainnya dapat ditampilkan sesudahnya. Selain itu,
(48)
penggunaan CSS pada file terpisah dapat mempermudah pengubahan tampilan situs secara keseluruhan.
2.11 JavaScript
JavaScript mulanya bernama LiveScript, dikembangkan pertama kali pada tahun 1995 di Netscape Communication. Pada akhir tahun 1995 Netscape Communication dan Sun Microsystem berkolaborasi dan mengganti nama LiveScript menjadi JavaScript.
JavaScript adalah bahasa script yang ditempatkan pada kode HTML dan diproses pada sisi client. Dengan adanya bahasa ini maka kemampuan dokumen HTML menjadi lebih luas. Sebagai contoh, digunakan untuk validasi masukan formulir sebelum diproses ke tahap selanjutnya. Bisa untuk membuat permainan interaktif dan juga bisa untuk menambah design web.
(49)
Saat ini Dreamweaver merupakan software utama yang digunakan oleh web server designer maupun web programmer dalam membangun suatu web. Dreamweaver memberikan kemudahan bagi penggunanya dalam menentukan ruang kerja yang diinginkan. Tipe ruang kerja, fasilitas dan kemampuan dreamweaver mampu meningkatkan produktivitas dan efektivitas dalam design maupun dalam membangun web.
Versi terbaru Macromedia Dreamweaver di tahun 2005 adalah Macromedia Dreameweaver 8 yang merupakan penyempurnaan dari versi sebelumnya dan semakin mudah dalam penggunaannya. Fasilitas terbaru dari Macromedia Dreamweaver 8 adalah Zoom Tool and Guides, Panel CSS yang baru, Code Collapse, Coding Toolbar, Insert Flash Video dan tampilan baru dalam Dreamweaver 8 membuat pekerjaan anda lebih cepat selesai.
Tidak jauh beda dengan versi sebelumnya, Macromedia Dreamweaver 8 mendukung pemograman Client Side yang terkenal, yaitu JavaScript dengan penggunaan yang sangat mudah. Macromedia Dreamweaver 8 juga mendukung pemograman Script Server Side, seperti PHP, ASP, ASP.NET, dan JSP.
(50)
BAB III
SEKILAS SMP MUHAMMADIYAH 16 LUBUK PAKAM
3.1Profil
IDENTITAS SEKOLAH
Nama Sekolah : SMP MUHAMMADIYAH 16
LUBUK PAKAM Nomor Identitas Sekolah : 2007010001
Alamat Sekolah : Jln. R.A. Kartini No.1
Telepon : 061-7956258
Kelurahan : Lubuk Pakam III
Kecamatan : Lubuk Pakam
Propinsi : Sumatera Utara
(51)
IDENTITAS KEPALA SEKOLAH
Nama Kepala Sekolah : WENI ZAHARA, S.Si Pendidikan Terakhir : S1/Sarjana sains Spesialisasi/Jurusan : Matematika
3.2Struktur Organisasi
Dinas P dan P Kab. Deli Serdang
Bid. Kur dan ADM Erizal Efendi Lbs, SPd
Kepala Sekolah Weni Zahara, S.Si
Wakil Kepala Sekolah
Bid. Kesiswaan Asrizal Tanjung, SHI
Tata Usaha Masniati, SH Majelis Dikdasmen PCM
(52)
Gambar 3.1 Struktur Organisasi SMP Muhammadiyah 16 Lubuk Pakam.
3.3Uraian Tugas dan Fungsi Organisasi
3.3.1 Kepala Sekolah
Kepala Sekolah berfungsi dan bertugas sebagai edukator, manejer, administrator, supervisor serta pemimpin/Leader inovator.
3.3.2 Wakil Kepala Sekolah
Wakil Kepala Sekolah bertugas membantu Kepala Sekolah dalam kegiatan: 1. Menyusun kurikulum
2. Mengatur segala program kesiswaan.
Guru BP Asrizal Tanjung, SHI
Keterangan.
: Garis Komando
Wali Kelas 1.Siti Arbaiah,S.Si VII 2.Rubinem VIII 3.Sirman Siri, Spd IX-A 4.Bambang Sutejo IX-B Siswa / Siswi
(53)
3. Merencanakan kebutuhan sarana dan prasarana.
4. Mengatur dan mengembangkan hubungan dengan masyarakat. 5. Mengatur dan mengawasi penyelenggaraan program pendidikan. 6. Mengatur mutasi siswa.
7. Menyusun program kegiatan ekstrakurikuler.
8. Mengatur penyusunan bahan pengajaran dan pengembangan kurikulum.
3.3.3 Guru
Guru bertanggung jawab kepada Kepala Sekolah dan mempunyai tugas melaksanakan kegiatan proses belajar mengajar secara efektif dan efisien.
3.3.4 Wali Kelas
Membantu Kepala Sekolah dalam kegiatan: 1. Pengelolaan kelas.
2. Penyelenggaraan administrasi kelas. 3. Pembuatan catatan khusus tentang siswa. 4. Penyusunan statistik bulanan siswa. 5. Penyusunan nilai siswa.
(54)
3.3.5 Guru Pembimbing dan Konseling.
Bertugas membantu Kepala Sekolah dalam penyusunan dan pelaksanaan pembimbingan dan konseling di sekolah.
3.3.6 Pustakawan Sekolah
Bertugas membantu Kepala Sekolah dalam kegiatan: 1. Perencanaan pengenalan buku-buku.
2. Pengurusan pelayanan perpustakaaan. 3. Perencanaan pengembangan perpustakaan.
4. Menyusun laporan pelaksanaan kegiatan perpustakaan secara berkala.
3.3.7 Pengelola Laboratorium
(55)
1. Perencanaan dan pengadaan alat laboratorium. 2. Menyusun jadwal laboratorium.
3. Menyusun laporan pelaksanaan kegiatan laboratorium.
3.4Visi dan Misi
3.4.1 Visi Sekolah
Unggul, Cerdas, dan Terampilyang dilandasi iman dan taqwa.
3.4.2 Misi Sekolah
1. Mengembangkan kurikulum satuan pendidikan 2. Meningkatkan profesionalisme tenaga pendidik/guru 3. Meningkatkan nilai ujian nasional
4. Mengembangkan kreativitas siswa dalam bidang seni dan olahraga 5. Memantapkan ibadah siswa sehingga tertib dan berdaya guna
(56)
` BAB IV
PERANCANGAN SISTEM
4.1 Perencanaan dan Perancangan
Tahap perencanaan dan perancangan merupakan tahap awal yang dilakukan penulis dalam membangun website ini. Pada tahap ini penulis akan menjabarkan awal perancangan sistem, diagram alur, tujuan dan isi dari situs yang akan dibangun. Situs ini dirancang dengan menggunakan PHP sebagai bahas pemogramannya, MySQL sebagai databasenya, Apache sebagai servernya, dan Deameamweaver 8 sebagai media untuk membuat layout dari situs yang akan dirancang.
Sebelum membangun sebuah website, ada beberapa pertanyaan sebagai identifikasi awal yang perlu dilakukan, antara lain :
a. Website apa yang akan dibangun ?
(57)
c. Apa saja aktivitas yang dapat dilakukan pengunjung dalam website ?
d. Apa saja yang ingin dicapai dari pembuatan website tersebut ?
Dengan menjawab beberapa pertanyaan di atas, maka akan semakin membantu dan mempermudah dalam membangun website ini karena dengan pertanyaan-pertanyaan tersebut akan terbentuk kata kunci untuk membangun dan mengembangkan website ke arah yang lebih lanjut.
Berkaitan dengan website yang akan dibangun, maka jawaban dari penulis untuk beberapa pertanyaan di atas sebagai berikut :
a. Website yang akan dibuat adalah sistem informasi berbasis web, yang menyediakan informasi yang menyangkut pendidikan dan kegiatan yang dilakukan sekolah.
b. Pengunjung situs tersebut adalah para siswa SMP Muhammadiyah 16 Lubuk Pakam, namun tidak menutup kemungkinan bagi masyarakat umum yang ingin mengetahui tentang SMP Muhammadiyah 16 Lubuk Pakam.
c. Aktivitas yang dapat dilakukan dalam situs tersebut adalah pengunjung dapat mengetahui informasi mengenai berita pendidikan terbaru, membaca artikel
(58)
para siswa, mengetahui nilai siswa yang dapat diprint, mengetahui kegiatan yang dilakukan sekolah seta informasi penting lainnya.
d. Target yang ingin dicapai dalam pembuatan situs ini adalah dapat memberikan kemudahan bagi siswa dalam memperoleh informasi yang dibutuhkan serta dapat membantu sekolah dalam mempromosikan sekolahnya.
Tahap selanjutnya adalah tahap pembuatan bagan atau sruktur dari situs tersebut. Struktur website tersebut menampilkan struktur hirarki dan isi halaman per halaman. Dengan adanya struktur, akan sangat mudah untuk memvisualisasikan isi dari setiap halaman situs dan navigasi antar halaman.
Adapun struktur dari situs yang penulis buat ditunjukkan pada gambar berikut :
Home
Profil Guru dan Buku Portal Admin
Sejarah Data Data Identitas Visi dan Login Profil Siswa Nilai Siswa Informasi Login Edit Data Edit Data
(59)
Gambar 4.1 Struktur Website
4.2 Perancangan Halaman Website
4.2.1 Halaman Home
Halaman ini merupakan halaman utama dari website. Halaman ini berisikan beberapa informasi umum tentang sekolah dan link-link utama yang menuju ke halaman-halaman lainnya.
4.2.2 Halaman Profil
Halaman ini berisikan informasi sekilas tentang sekolah, alamat sekolah dan link-link yang menghubungkan ke halaman profil tentang sekolah lainnya, seperti Sejarah, Identitas, Visi dan Misi, Struktur Organisasi, serta Komponen dari sekolah dan fungsinya.
4.2.3 Guru dan Siswa
Halaman ini berisikan data guru dan data siswa.
4.2.4 Halaman Buku Tamu
Halaman ini berisikan form tamu untuk memberikan pesan dan kesan kepada sekolah. Isi pesan tersebut hanya dapat dilihat oleh pengirim pesan dan administrator website.
(60)
4.2.5 Halaman Portal Akademik
Merupakan halaman yang hanya dapat diakses oleh siswa yang memiliki nis dan password. Halaman ini berisikan tentang data pribadi siswa yang melakukan login tersebut. Selain data pribadi, halaman ini juga berisikan hasil studi atau nilai dari siswa.
4.2.6 Halaman Admin
Halaman admin berisikan login yang akan menghubungkan ke halaman administrator. Halaman ini khusus hanya dapat diakses oleh administrator website untuk melakukan pengaturan website seperti menambah, menghapus dan mengubah data.
4.3 Perancangan Data Flow Diagram (DFD)
Data flow diagram menggambarkan arus data di dalam sistem dengan struktur, jelas dan menggunakan sejumlah bentuk-bentuk simbol untuk menggambarkan bagaimana data mengalir melalui suatu proses yang saling berkaitan secara grafis. Berikut ini adalah bentuk Data FlowDiagram dari website SMP Muhammadiyah 16 Lubuk Pakam.
(61)
- Info Struktur Organisasi - Login Administrator - Info Visi Misi - Data Guru
- Info Kurikulum - Data Siswa dan Nilai Siswa - Info Data Guru - Data Informasi Beasiswa - Info Data Siswa - Data Informasi Akademik - Info Komponen Sekolah dan fungsinya - Data Buku Tamu
Buku Tamu
Buku Tamu
Laporan - Pengunjung - Info Data Siswa Pengunjung
0
Sistem Informasi Akademik Berbasis
Web Pada SMP Muhammadiyah 16
Lubuk Pakam
Administrator
Siswa Kepala Sekolah
(62)
Laporan - Administrator - Info Nilai Siswa
Laporan - Data Guru - Informasi Akademik
Laporan - Data Siswa dan Nilai Siswa - Informasi Beasiswa
Gambar 4.2 Diagram Konteks Website
4.4 Perancangan Diagram Alir (flowchart) Website
Diagram alir (flowchart) ini menjelaskan secara rinci langkah-langkah dari proses program. Flowchart dibuat dengan menggunakan simbol-simbol tertentu yang menyatakan setiap langkah program. Berikut ini adalah bentuk-bentuk flowchart dari website SMP Muhammadiyah 16 Lubuk Pakam.
4.4.1 Flowchart Menu Utama
Seorang pengunjung website dapat mengakses website SMP Muhammadiyah 16 Lubuk Pakam dan dapat berpindah dari halaman yang satu ke halaman yang lainnya. Masing-masing halaman utama memiliki link-link yang dapat dipilih oleh pengunjung. Flowchart menu utama dapat dilihat pada gambar 4.3 di bawah ini :
(63)
START
Tampilan Menu
Home
Profil
Guru dan Siswa
Buku Tamu
Portal Akademik
Admin
Keluar
Pilih link yang ada A
Pilih link yang ada
Pilih link yang ada
Pilih link yang ada
Prosedur Login Prosedur Login END B C D E Ya Ya Ya Ya Ya Ya Ya Tidak Tidak Tidak Tidak Tidak Tidak Tidak
Gambar 4.3 Flowchart Menu Utama 4.4.2 Flowchart Portal Akademik
Halaman portal akademik hanya bisa diakses oleh siswa dan administrator. Pada halaman ini terdapat data pribadi siswa dan juga daftar nilai dari siswa. Pada halaman
(64)
ini pengunjung hanya bisa melihat informasi dan tidak bisa mengubah atau mengeditnya. Namun jika nis dan password salah maka pengunjung tidak akan bisa masuk atau error dan diminta untuk login kembali. Flowchart portal akademik dapat dilihat pada gambar 4.4 di bawah ini :
D
Pilih login siswa
Input nis & password
Nis & Password Nis & Password salah
Halaman depan Portal Akademik
Profil siswa
Informasi Hasil Studi
Informasi Akademik
Ganti Password
Logout
Tampil Profil Siswa
Tampil Nilai Siswa
Tampil Informasi Akademik Prosedur Ganti Password D Tidak Ya Ya Ya Ya Ya Tidak Tidak Tidak Tidak Tidak Ya
Gambar 4.4 Flowchart Portal Akademik 4.4.3 Flowchart Admin
(65)
Halaman admin hanya bisa diakses oleh administrator. Username dan password dari administrator harus sesuai dengan tabel admin. Jika username dan password sesuai maka admin akan masuk ke halaman administrator dan jika username atau password salah maka akan timbul pesan error dan diminta untuk login kembali. Flowchart admin dapat dilihat pada gambar 4.5 di bawah ini.
(66)
E
Buka Halaman Admin
Input username & password
Cek Username &
password Username & password salah
Tampil Menu Admin
Halaman Data Siswa
Halaman Data Guru
Logout
E
Tampil Halaman Siswa
Tampil Halaman Guru
F G Ya Ya Ya Ya Tidak Tidak Tidak Tidak
(67)
4.4.4 Flowchart Administrator Siswa
F
Halaman Admin siswa
Input Siswa Baru
Input Nilai Siswa
Edit Data Siswa
Logout
Form Input Siswa
Form Input Nilai
Edit Hapus Form Edit Update Simpan Data Data Tersimpan Data Sudah Dihapus Simpan Simpan Data Data Tersimpan Simpan Simpan Data Data Tersimpan E Ya Ya Ya Ya Ya Ya Ya Ya Ya Tidak Tidak Tidak Tidak Tidak Tidak Tidak Tidak
(68)
4.4.5 Flowchart Admin Guru G
Halaman Admin Guru
Input Guru Baru
Edit Data Guru
Logout
Form Input Guru
Edit Hapus Form Edit Update Simpan Data Data Tersimpan Data Sudah Dihapus Simpan Simpan Data Data Tersimpan E Ya Ya Ya Ya Tidak Tidak Tidak Tidak Tidak Ya Ya Tidak Tidak
Gambar 4.7 Flowchart Admin Guru
4.5 Merancang Database Server
Database merupakan tempat penyimpanan data yang terstruktur sehingga dapat diakses dengan cepat dan mudah. Tahap mempersiapkan database ini merupakan
(69)
tahap dimana penulis mempersiapkan tempat untuk menampung data di server. Data tersebut akan diproses oleh program yang kita buat pada tahap pemograman baik menambah, mengubah, penghapusan, dan menampilkan database itu sendiri.
Database terdiri dari tabel-tabel yang dibuat menggunakan program MySQL. Database yang dirancang penulis adalah database sekolah yang terdiri dari 7 (tujuh) tabel sebagai berikut :
1. Tabel Admin
Tabel 4.1 Tabel Admin
Field Name Type Width Description
id Int 10 No.Urut (auto_increment, primary key)
user Varchar 45 Nama User
password Varchar 45 Password User
2. Tabel Siswa
Tabel 4.2 Tabel Siswa
Field Name Type Width Description
id int 10 No Urut (auto_increment, primary key) password varchar 20 Password Siswa Untuk Login Ke Portal
(70)
nama varchar 40 Nama Siswa kelamin varchar 15 Jenis Kelamin Siswa tgl_lahir varchar 15 Tanggal Lahir Siswa
agama varchar 20 Agama Siswa
alamat varchar 60 Alamat Siswa ortu varchar 40 Nama Orang Tua Siswa 3. Tabel Nilai
Tabel 4.3 Tabel Nilai
Field Name Type Width Description
id int 10 No.Urut (auto_increment, primary key) nis varchar 15 Nomor Induk Siswa
semester int 4 Semester
fisika int 4 Fisika
mm int 4 Matematika
bi int 4 Bahasa Indonesia
kesenian int 4 Keseniaan
(71)
kwn int 4 Kewarganegaraan
sosiologi int 4 Sosiologi
bing int 4 Bahasa Inggris
biologi int 4 Biologi
sejarah int 4 Sejarah
agama int 4 Agama
keterampilan int 4 Keterampilan
Sambungan Tabel 4.3
Field Name Type Width Description
penjas int 4 Penjaskes
seni int 4 Kesenian
eko int 4 Ekonomi
geokrafi int 4 Geografi
(72)
akutansi int 4 Akutansi
mlokal int 4 Muatan Lokal
4. Tabel Guru
Tabel 4.4 Tabel Guru
Field Name Type Width Description
id int 4 No Urut (auto_increment, Primary Key) nig varchar 20 Nomor Induk Guru
nama varchar 45 Nama Guru
kelamin varchar 15 Jenis Kelamin Guru tanggal_lahir varchar 15 Tanggal Lahir Guru
alamat varchar 60 Alamat Guru lulusan varchar 45 Pendidikan Terakhir Guru
agama varchar 15 Agama Guru
5. Tabel Buku Tamu
Tabel 4.5 Tabel Buku Tamu
Field Name Type Width Description
nama varchar 40 Nama Pengirim email varchar 45 Email Pengirim
(73)
pesan text - Pesan yang Ditinggalkan Pengirim
6. Tabel Informasi Akademik
Tabel 4.6 Tabel Informasi Akademik Field Name Type Width Description
id int 10 No.Urut (auto_increment, primary key)
informasi text - Informasi
tanggal date - Tanggal
7. Tabel Informasi Beasiswa
Tabel 4.7 Tabel Informasi Beasiswa
Field Name Type Width Description
id int 10 No.Urut (auto_increment, primary key)
beasiswa text - Informasi
tanggal date - Tanggal
4.6 Design Website
(74)
Dalam mendesign halaman ini, penulis menggunakan software Adobe Photoshop CS3 dan Macromedia Flash 8. Halaman home adalah halaman pembuka yang merupakan halaman yang akan tampil setelah masuk ke dalam situs SMP Muhammadiyah 16 Lubuk Pakam. Adapun tampilannya adalah sebagai berikut :
Gambar 4.8 Tampilan Halaman Home
4.6.2 Design header website
Header website adalah bagian paling atas dari website yang biasanya berisi gambar website, alamat, dan nama website. Pada perancangan website ini penulis juga mendesign header website dengan menggunakan software Adobe Photoshop CS3. Header ini berisikan tulisan SMP Muhammadiyah 16 Lubuk Pakam, nama web, dan
(75)
alamat sekolah. Secara keseluruhan design header yang penulis buat dapat dilihat pada gambar berikut ini :
Gambar 4.9 Tampilan Header Website 4.7 Gambaran Umum Perancangan Website
Sistem yang dibuat dalam situs ini bekerja dalam sebuah web server dan dapat diakses melalui jaringan interanet dan internet. Karena program ini berjalan dalam sebuah jaringan intranet dan internet, maka dapat dijalankan dengan multiuser, dapat diakses oleh banyak pengguna secara bersamaan dari komputer yang berbeda.
4.7.1 Administrator Website
Halaman administrator adalah kumpulan halaman web yang berfungsi sebagai ruang kerja seorang admin untuk memanage dan mengelola data dari website. Data yang ditampilkan pada website diambil langsung dari database. Ada 3 (tiga) cara dari seorang admin dalam mengelola database melalui halaman admin yaitu menambah
(76)
data, mengedit data, dan menghapus data. Untuk masuk ke halaman menu admin pengguna harus melakukan login terlebih dahulu dengan username : admin dan password : password.
Pada halaman administrator website SMP Muhammadiyah 16 Lubuk Pakam terdapat 3 (tiga) menu utama, yaitu Halaman Data Siswa, Halaman Data Guru dan Halaman Buku Tamu. Tampilan halaman Administrator dapat dilihat pada gambar berikut ini :
(77)
a. Halaman Data Siswa
Halaman ini berfungsi menyediakan ruang kerja bagi administrator untuk menambah, mengubah, menghapus, dan menambah data dan nilai siswa.
b. Halaman Data Guru
Halaman ini berfungsi menyediakan ruang kerja bagi administrator untuk menambah, mengubah, dan menghapus data guru yang mengajar di SMP Muhammadiyah 16 Lubuk Pakam. Seorang admin dapat melakukan penambahan data guru dengan meng-klik link input guru baru. Serta mengedit dan menghapus data guru dengan meng-meng-klik ling edit data guru.
Data guru yang dapat ditambah, diubah dan dihapus mencakup nama, tempat lahir, tanggal lahir, jenjang dan jurusan,
4.7.2 Pengunjung Website
Jenis pengunjung pada website SMP Muhammadiyah 16 Lubuk Pakam yang dibuat penulis dibagi atas dua jenis pengunjung yaitu pengunjung umum dan pengunjung khusus (siswa/siswi, guru dan pihak SMP Muhammadiyah 16 Lubuk Pakam).
(78)
Pengunjung umum adalah pengunjung biasa atau masyarakat umum yang ingin melihat website SMP Muhammadiyah 16 Lubuk Pakam maupun untuk memperoleh informasi yang disajikan pada website tersebut. Pengunjung umum ini hanya dapat melihat isi dari website tanpa dapat menambah, mengubah, dan menghapus isi website. Ada beberapa halaman website yang tidak dapat diakses oleh pengunjung umum yaitu halaman admin dan halaman portal akademik.
b. Pengunjung Khusus
Pengunjung khusus adalah siswa/siswi maupun pihak sekolah SMP Muhammadiyah 16 Lubuk Pakam. Siswa/siswi memiliki username dan password selain dapat melihat isi umum website juga dapat melihat halaman portal akademik dari siswa yang bersangkutan. Halaman portal akademik berisikan profil siswa, hasil study, dan informasi akademik dan informasi beasiswa.
(79)
BAB V
IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem
Implementasi sistem adalah langkah-langkah atau 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 ada dalam dokumen sistem yang disetujui, menysusun dokumen baru atau dokumen yang diperbaiki.
(80)
3. Memastikan bahwa sistem yang dibuat dapat digunakan oleh setiap pemakai tanpa mengalami kesulitan dalam penggunaannya.
4. Menguji apakah sistem baru tersebut sesuai dengan apa yang diinginkan oleh pemakai.
5.3 Komponen dalam Implementasi Sistem
Untuk mengetahui perancangan sistem yang telah kita kerjakan dapat berjalan dengan baik atau tidak, maka perlu dilakukan pengujian terhadap sistem yang telah kita buat. Untuk itu dibutuhkan beberapa komponen utama mencakup perangkat keras (hardware), perangkat lunak (software), dan perangkat otak (brainware).
Pada website SMP Muhammadiyah 16 Lubuk Pakam ini dibutuhkan beberapa komponen seperti yang disebutkan diatas, yaitu :
1. Perangkat Keras (Hardware) a. Monitor
b. CPU (Central Processing Unit) c. Harddisk
d. Memory minimal 256 MB. e. Keyboard dan Mouse
(81)
2. Pearangkat Lunak (Software) a. Sistem Operasi Windows XP.
b. MySQL sebagai pengelola database server. c. PHP sebagai bahasa pemograman serverside.
d. Apache Web Server sebagai server lokal dalam pengetesan halaman web.
e. Macromedia Dreamweaver 8 sebagai media mendesain web dan
menggabungkan antara layout dengan bahasa pemograman. f. Browser sebagai software untuk menjalankan website yang dibuat.
3. Perangkat Operator (Brainware) a. Administrator
b. Pengunjung
5.4 Instalasi Apache, PHP dan MySQL
Dalam menginstalasi Apache, PHP, dan MySQL dapat dilakukan secara satu persatu.
Software dapat didownload secara gratis dari situs
software Apache
(82)
Namun pada perancangan website ini penulis menggunakan software Apache2triad. Dimana pada software ini sudah terdapat Apache, PHP, dan MySQL. Dengan menggunakan software ini penulis mendapat beberapa kemudahan, yakni hanya perlu menginstall satu kali saja yakni Apache2triad dan tidak perlu lagi untuk konfigurasi.
Adapun tahap-tahap installasi Apache2triad adalah sebagai berikut : 1. Klik ganda pada file apache2triad 1.5.4 atau pada ikon
2. Maka akan muncul tampilan seperti Gambar 5.1. Klik Next untuk melanjutkan instalasi.
(83)
3. Setelah kita klik Next maka akan muncul tampilan seperti Gambar 5.2. Tentukan direktori tempat penginstalan Apache2triad, kemudian klik Next.
Gambar 5.2 Menentukan Direktori Instalasi Apache2triad
4. Setelah kita klik Next maka akan muncul tampilan seperti Gambar 5.3. Masukkan password yang anda inginkan dengan ketentuan minimal 8 karakter dan maksimal 32 karakter. Kemudian klik Next.
(84)
Gambar 5.3 Masukkan Password Instalasi Apache2triad
5. Setelah kita klik Next maka akan muncul tampilan seperti Gambar 5.4. klik I Agree untuk melanjutkan instalasi..
Gambar 5.4 Autentifikasi Instalasi Apache2triad
6. Setelah kita klik I Agree maka akan muncul tampilan seperti Gambar 5.5. Tunggu sampai proses selesai.
(85)
Gambar 5.5 Proses Instalasi Apache2triad
7. Setelah proses pada Gambar 5.5 selesai kemudian akan muncul tampilan seperti Gambar 5.6. Klik OK untuk konfigurasi dan melanjutkan instalasi.
Gambar 5.6 Proses Instalasi Apache2triad
8. Setelah kita klik OK maka akan muncul tampilan seperti Gambar 5.7. Kemudian masukkan kembali password yang di buat pada langkah ke 4 kemudian tekan Enter.
(86)
Gambar 5.7 Proses Instalasi Apache2triad
9. Setelah kita masukkan password dan tekan Enter, maka akan muncul tampilan seperti pada Gambar 5.8.
(87)
10.Setelah proses pada Gambar 5.8 selesai maka akan muncul tampilan pada Gambar 5.9. Klik OK maka komputer akan restart ulang dan proses instalasi selesai.
(88)
BAB VI
KESIMPULAN DAN SARAN
6.1 Kesimpulan
Dari keterangan dan bab-bab sebelumnya penulis dapat mengambil beberapa kesimpulan sebagai berikut :
1. Dalam pembuatan website ini ada beberapa tahapan yang dilakukan penulis yaitu tahap perencanaan, tahap perancangan diagram alir (flowchart), merancang dan mempersiapkan database server, dan tahap implementasi sistem.
2. Website ini dibuat dengan menggunakan bahasa pemograman PHP sebagai bahasa pemogramannya, MySQL sebagai database servernya dan apache sebagai server. 3. Pembuatan website ini dilakukan pada intranet atau komputer lokal tanpa
terkoneksi ke internet. Koneksi internet dibutuhkan pada saat menghosting website dan pengaksesan situs setelah di hosting.
(89)
6.2 Saran
Adapun beberapa saran penulis pada pembuatan website ini adalah :
1. Perlu dilakukan pembaharuan atau update berkala oleh administrator pada website ini guna memberikan informasi yang terbaru.
2. Untuk menarik minat pengunjung, perlu dibuat rancangan layout atau template dengan gambar dan animasi yang menarik.
3. Perlu dilakukan penggandaan (backup) database secara teratur ke dalam media penyimpanan lainnya untuk mencegah hal-hal yang tidak diinginkan seperti data hilang atau rusak
4. Dalam pembuatan situs, perlu dirancang dengan teliti agar dalam melakukan pembaharuan data tidak terjadi kesalahan.
5. Dengan adanya website ini dapat memotivasi siswa SMP Muhammadiyah 16 Lubuk Pakam dalam berprestasi dan terus meningkatkan ilmu pengetahuannya khususnya dalam bidang Teknologi Informasi.
(90)
DAFTAR PUSTAKA
Jogiyanto, H.M. 1988. Pengenalan Komputer : Dasar Ilmu Komputer, Pemograman, Sistem Informasi, dan Intelegensi Buatan. Yogyakarta : Andi Yogyakarta.
Kadir, Abdul. 2003. Pemograman Web. Yogyakarta: Andi Yogyakarta.
Lenawati, Mei. 2006. Macromedia Dreameaver 8 dengan PHP. Yogyakarta
Syafii, M. 2005. Membangun Aplikasi Berbasis PHP dan MySQL. Yogyakarta: Andi
Wahana, Komputer. 2006. Membuat Website Interaktif dengan Macromedia Dreamweaver 8. Yogyakarta: Andi.
(1)
<p> </p>
<ul class="plussbullets"> <font size="2px">
<li><a href="inputnilai.php"><img src="../images/bullet_plus.gif" /> Input Nilai</a></li>
</font><br />
<li><font size="2px"><a href="editnilai.php"><img src="../images/bullet_plus.gif" /> Edit Nilai </a></font></li>
<br />
<li><font size="2px"><a
href="datasiswa.php"><img src="../images/bullet_plus.gif" /> Kembali Ke Menu Admin </a></font></li>
<br />
<li><font size="2px"><a
href="../logout.php"><img src="../images/bullet_plus.gif" /> Logout </a></font></li>
<li></li>
<font size="2px"><li></li> </font>
</ul> </div>
<div class="clear"></div> </div>
</div>
<div id="footer"> <p><marquee>
<span class="style4">© 2010 <u>AF0708</u></span> </marquee></p>
</div> </body> </html>
Ubahnilai.php
<?phpinclude"../cek.php"; include"../server.php";
$admin=mysql_query("select * from admin order by id limit 1"); $user2=mysql_fetch_array($admin);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>
(2)
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>SMP Muhammadiyah 16 L.Pakam</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
<style type="text/css"> <!--
.style1 {
font-size: 18px; font-weight: bold; }
.style2 {font-size: 14px} .style3 {
color: #000000; font-weight: bold; }
.style4 {font-size: 12px} -->
</style> </head> <body>
<div id="wrapper"> <div id="header">
<h1><img src="../images/logo2.jpg" width="226" height="45" alt="Charity Trust"></h1>
<div id="nav">
<a href="#"><img src="../images/m112.jpg" width="76" height="41" alt="M1"></a>
<a href="#"><img src="../images/m21.jpg" width="87" height="41" alt="M2"></a>
<a href="#"><img src="../images/m32.jpg" width="83" height="41" alt="M3"></a>
<a href="#"><img src="../images/m43.jpg" width="111" height="41" alt="M4"></a>
<a href="#"><img src="../images/m51.jpg" width="151" height="41" alt="M5"></a><a href="#"></a>
<a href="#"><img src="../images/m62.jpg" width="131" height="41" alt="M6" /></a></div>
</div>
<div id="headline"> <div id="photo">
<img src="../images/15052010029.jpg" alt="" width="776" height="226" /> </div>
<div class="clear"></div> </div>
<div id="body">
(3)
<h2 align="center" class="style1">Edit Nilai Siswa </h2>
<p align="center" class="style1"><?php include ("../server.php");
$sql = "select*from nilai where nis='$nis' and semester='$semester'"; $query = mysql_query($sql,$db);
if (mysql_num_rows($query) == "0")
echo "Jangan sentuh-sentuh kecuali yang bertanggung jawab"; else
{ echo "
<form method=\"post\" action=\"updatenilai.php\" ENCTYPE=\"MULTIPART/FORM-DATA\">";
$user=mysql_fetch_array($query); echo "
<table border=\"0\" bordercolor=\"#dedede\" align=\"left\"> <tr><td colspan=\"2\"> </td></tr>
<tr><td>NIS</td><td><input type=\"text\" name=\"nis\"
value=\"$user[nis]\" maxlength=\"15\" size=\"15\"></td></tr> <tr><td>Semester</td><td><input type=\"text\" name=\"semester\" value=\"$user[semester]\" maxlength=\"5\" size=\"5\"></td></tr> <tr><td>Qur'an</td><td><input type=\"text\" name=\"quran\" value=\"$user[quran]\" maxlength=\"5\" size=\"5\"></td></tr> <tr><td>Agama (PAI)</td><td><input type=\"text\" name=\"pai\" value=\"$user[pai]\" maxlength=\"5\" size=\"5\"></td></tr> <tr><td>Agama (KMD)</td><td><input type=\"text\" name=\"kmd\" value=\"$user[kmd]\" maxlength=\"5\" size=\"5\"></td></tr> <tr><td>PPKN</td><td><input type=\"text\" name=\"ppkn\" value=\"$user[ppkn]\" maxlength=\"5\" size=\"5\"></td></tr> <tr><td>Bahasa Arab</td><td><input type=\"text\" name=\"ba\" value=\"$user[ba]\" maxlength=\"5\" size=\"5\"></td></tr>
<tr><td>Bahasa Indonesia</td><td><input type=\"text\" name=\"bi\" value=\"$user[bi]\" maxlength=\"5\" size=\"5\"></td></tr>
<tr><td>Bahasa Inggris</td><td><input type=\"text\" name=\"bing\" value=\"$user[bing]\" maxlength=\"5\" size=\"5\"></td></tr>
<tr><td>Matematika</td><td><input type=\"text\" name=\"mm\" value=\"$user[mm]\" maxlength=\"5\" size=\"5\"></td></tr> <tr><td>Biologi</td><td><input type=\"text\" name=\"biologi\" value=\"$user[biologi]\" maxlength=\"5\" size=\"5\"></td></tr> <tr><td>Fisika</td><td><input type=\"text\" name=\"fisika\" value=\"$user[fisika]\" maxlength=\"5\" size=\"5\"></td></tr> <tr><td>Kimia</td><td><input type=\"text\" name=\"kimia\" value=\"$user[kimia]\" maxlength=\"5\" size=\"5\"></td></tr> <tr><td>Ekonomi</td><td><input type=\"text\" name=\"ekonomi\" value=\"$user[ekonomi]\" maxlength=\"5\" size=\"5\"></td></tr> <tr><td>Geografi</td><td><input type=\"text\" name=\"geografi\" value=\"$user[geografi]\" maxlength=\"5\" size=\"5\"></td></tr>
(4)
<tr><td>Sejarah</td><td><input type=\"text\" name=\"sejarah\" value=\"$user[sejarah]\" maxlength=\"5\" size=\"5\"></td></tr> <tr><td>Seni Musik</td><td><input type=\"text\" name=\"musik\" value=\"$user[musik]\" maxlength=\"5\" size=\"5\"></td></tr> <tr><td>Tek. Informasi</td><td><input type=\"text\" name=\"ti\" value=\"$user[ti]\" maxlength=\"5\" size=\"5\"></td></tr>
<tr><td>Penjaskes</td><td><input type=\"text\" name=\"penjaskes\" value=\"$user[penjaskes]\" maxlength=\"5\" size=\"5\"></td></tr> <tr><td>Seni Rupa</td><td><input type=\"text\" name=\"rupa\" value=\"$user[rupa]\" maxlength=\"5\" size=\"5\"></td></tr> <tr><td>Elektronika</td><td><input type=\"text\" name=elektronika value=\"$user[elektronika]\" maxlength=\"5\" size=\"5\"></td></tr> <tr><td>PKK</td><td><input type=\"text\" name=\"pkk\"
value=\"$user[pkk]\" maxlength=\"5\" size=\"5\"></td></tr> <tr><td colspan=\"2\"> </td></tr>
<tr><td> </td><td><input type=\"submit\" value=\"Update\"> <input type=\"reset\" value=\"Hapus\">
</td>
</tr> </table>
</form>
<font size= \"2\" align= \"center\">*Silahkan perbaiki apabila ada yang salah </font>
"; } ?></p>
<p align="center" class="style2"> </p> <div></div>
</div>
<div id="body-right">
<h2 class="style3"><font size="+1">Link Menu</font></h2>
<ul class="plussbullets"><font size="2px"> </font></ul>
<p> </p>
<ul class="plussbullets"> <font size="2px">
<li><a href="inputnilai.php"><img src="../images/bullet_plus.gif" /> Input Nilai</a></li>
</font><br />
<li><font size="2px"><a href="editnilai.php"><img src="../images/bullet_plus.gif" /> Edit Nilai </a></font></li>
<br />
<li><font size="2px"><a
href="datasiswa.php"><img src="../images/bullet_plus.gif" /> Kembali Ke Menu Admin </a></font></li>
(5)
<li><font size="2px"><a
href="../logout.php"><img src="../images/bullet_plus.gif" /> Logout </a></font></li>
<li></li>
<font size="2px"><li></li> </font>
</ul> </div>
<div class="clear"></div> </div>
</div>
<div id="footer"> <p><marquee>
<span class="style4">© 2010 <u>AF0708</u></span> </marquee></p>
</div> </body> </html>
Update.php
<?phpif (($_POST['nama']) and ($_POST['nis']) and ($_POST['password']) ) {
include ("../server.php"); $nis= $_POST['nis'];
$password= $_POST['password']; $nama= $_POST['nama'];
$tanggal_lahir= $_POST['tanggal_lahir']; $kelamin= $_POST['kelamin'];
$alamat= $_POST['alamat']; $ortu= $_POST['ortu']; $agama= $_POST['agama'];
if((!empty($nama)) and (!empty($nis)) and (!empty($password))) {
mysql_query ("update siswa set
nis='$nis',password='$password',nama='$nama',tanggal_lahir='$tanggal_ lahir',kelamin='$kelamin',alamat='$alamat',ortu='$ortu',
agama='$agama' where nis='$nis'");
header ("location:editsiswa.php"); }else echo "Variabel kosong"; }
else echo "Fatal error"; ?>
(6)
Updatenilai.php
<?phpif (($_POST['nis']) and ($_POST['semester'])) {
include ("../server.php");
$nis=$_POST['nis'];
$semester=$_POST['semester']; $quran=$_POST['quran'];
$pai=$_POST['pai']; $kmd=$_POST['kmd']; $ppkn=$_POST['ppkn']; $ba=$_POST['ba'];
$bi=$_POST['bi']; $bing=$_POST['bing']; $mm=$_POST['mm'];
$biologi=$_POST['biologi']; $fisika=$_POST['fisika']; $kimia=$_POST['kimia']; $ekonomi=$_POST['ekonomi']; $geografi=$_POST['geografi']; $sejarah=$_POST['sejarah']; $musik=$_POST['musik']; $ti=$_POST['ti'];
$penjaskes=$_POST['penjaskes']; $rupa=$_POST['rupa'];
$elektronika=$_POST['elektronika']; $pkk=$_POST['pkk'];
if((!empty($nis)) and (!empty($semester))) {
mysql_query ("update nilai set quran='$quran', pai='$pai', kmd='$kmd', ppkn='$ppkn', ba='$ba', bi='$bi', bing='$bing', mm='$mm', biologi='$biologi', fisika='$fisika', kimia='$kimia',
ekonomi='$ekonomi', geografi='$geografi', sejarah='$sejarah', musik='$musik', ti='$ti', penjaskes='$penjaskes', rupa='$rupa', elektronika='$elektronika', pkk='$pkk' where nis='$nis' and semester='$semester'");
header ("location:editnilai.php"); }else echo "Variabel kosong"; }
else echo "Fatal error"; ?>