MEMBANGUN SISTEM INFORMASI BERBASIS WEB SLTP NEGERI 9 MEDAN MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memnuhi syarat memperoleh Ahli Madya
SILVIANI HASIBUAN 052406085
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA
DEPARTEMEN PENDIDIKAN NASIONAL
UNIVERSITAS SUMATERA UTARA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM(FMIPA)
Jl. Bioteknologi No.1 Kampus USU Telp. (061) 8211050 Fax (061) 8214290 MEDAN – 20155, Email : Dekanat@FMIPA.USU.ac.id
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA
Nama Mahasiswa : Silviani Hasibuan Nomor Induk Mahasiswa : 052406085
Judul Tugas Akhir : Membangun Sistem Informasi Berbasis Web SLTP Negeri 9 Medan Menggunakan PHP dan MySQL
Dosen Pembimbing : Dr. Tulus, M.Si Tanggal Mulai Bimbingan :
Tanggal Selesai Bimbingan :
No TANGGAL
1 17-04-2008 Proposal Tugas Akhir
2 Bab I
* Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai.
Diketahui: Disetujui
Ketua Departemen Matematika, Pembimbing Utama/
Penanggung Jawab
ABSTRAK
PENGHARGAAN
Bismillahirrahmanirrahim,
Alhamdulillahirabbil ‘alamin, shalawat dan salam kita panjatkan kepada Rasulullah Muhammad SAW semoga kita dapat menjadi hamba Allah yang pandai bersyukur, sabar, serta tawakkal kepada-Nya dalam mengarungi kehidupan ini, Amin.
Dengan selalu mengharapkan rihdo Allah SWT, penulis Tugas Akhir ini akhirnya dapat diselesaikan. Dengan demikian berjudul “ Membangun Sistem Informasi Berbasis Web SLTP Negeri 9 Medan Menggunakan PHP Dan MySQL” untuk melengkapi dan memenuhi syarat memperoleh Ahli Madya pada Jurusan Matematika Program Studi Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
DAFTAR ISI
1.1 Latar Belakang 1
1.2 Rumusan Masalah 2
1.3 Batasan Masalah 3
1.4 Maksud dan Tujjuan 4
1.5 Metodologi Penelitian 5
1.6. Tinjauan Pustaka 5
1.7 Sistematika Penulisan 7
Bab 2 Landasan Teori 10
2.1 Pengertian Sistem Informasi 10
2.1.1 Sistem 10
2.1.2 Informasi 11
2.2 PengenalanKomputer 12
2.3 Pengenalani Internet 13
2.3.1 Network 14
2.3.2 Web Server 15
2.3.3 World Wide Web (WWW) 15
2.3.4 Hyper Text Transfer Protocol (HTTP) 17
2.4 Pengenalan Personal Home Page (PHP) 19
2.4.1 Sejarah Personal Home Page (PHP) 19 2.4.2 Konsep Dasar Personal Home Page (PHP) 20 2.4.3 Keistimewaan Personal Home Page (PHP) 22
2.5 MySQL 23
2.6 Macromedia Dreamweaver MX 2004 23
2.6.1 Memulai Macromedia Dreamweaver MX 2004 24 2.6.2 Area Kerja Macromedia Dreamweaver MX 2004 24
2.6.3 Menu Bar Area Kerja 25
2.7. Macromedia Fireworks MX 2004 27
Bab 3 GambaranTentang SLTP Negeri 9 Medan 30 3.1 Sejarah Berdirinya SLTP Negeri 9 Medan 30
3.1.1 SMP Negeri 9 Medan (Lama) 30
3.6 Program Kerja SLTP Negeri 9 Mean 34
3.7 Pelayanan jasa SLTP Negeri 9 Medan 34
3.8 Pembinaan Mental/Fisik 35
3.9 Kegiatan SLTP Negeri 9 Medan 35
3.10rana dan Prasarana Sarana 36
Bab 4 Perancangan Sistem 37
4.1 Pengertian Perancangan Sistem 37
4.2 Data Flow Diagram (DFD) 38
4.3 Kamus data 41
4.4 Struktur Database 42
4.5 Algoritma 44
Bab 5 Implementasi Sistem 49
5.1 Pengertian Implementasi Sistem 49
5.2 Tujuan Implementasi Sistem 49
5.3 Spesifikasi Sistem 50
5.3.1 Perangkat Keras (Hardware) 51
5.3.2 Perangkat Lunak (Software) 51
5.3.3 Sumber Daya Manusia (Brainware) 52
5.4 Instalasi Apache, PHP dan MySQL 53
5.4.1 Instalasi Apache 53
5.4.2 Instalasi PHP 57
5.4.3 Instalasi MySQL 62
5.5 Demonstrasi Program 66
5.5.1 Tampilan Menu Utama (Index.php) 66 5.5.2 Tampilan Menu Profil (profil.php) 67 5.5.3 Tampilan Menu Gallery (gallery.php) 67 5.5.4 Tampilan Menu Siswa (siswa.php) 68
Bab 6 Kesimpulan dan Saran 69
6.1 Kesimpulan 69
6.2 Saran 70
Daftar Pustaka Lampiran A
A.2 Skrip Halaman Buku Tamu 9
A.3 Skrip Buku Tamu Proses 18
A.4 Skrip Pencarian Guru 19
A.5 Skrip Pencarian Guru Proses 28
A.6 Skrip Pencarian Siswa 32
A.7 Skrip Pencarian siswa Proses 39
A.8 Skrip Tampilan Prestasi 44
A.9 Skrip Halaman Siswa Kelas X 52
A.10 Skrip Halaman Siswa Kelas XI 60
A.11 Skrip Halaman Siswa Kelas XII 69
A.12 Skrip Halaman Visi dan Misi 77
A.13 Skrip Polling Proses 86
A.14 Skrip Login Proses 96
A.15 Skrip Halaman Admin 97
A.16 Skrip Halaman Input Guru 102
A.17 Skrip Input Guru Proses 108
A.18 Skrip Halaman Input Siswa 109
A.19 Skrip Input Siswa Proses 115
A.20 Skrip Update Siswa 117
A.21 Skrip Update Guru 117
A.22 Skrip Delete Siswa 117
A.23 Skrip Delete Guru 118
A.24 Skrip Halaman Prestasi 118
A.25 Skrip Prestasi Proses 119
A.26 Skrip Delete Prestasi 119
A.27 Skrip Update Prestasi 120
A.28 Skrip Logout 120
A.29 Skrip Koneksi Database 120
Lampiran B
DAFTAR TABEL
Halaman
Tabel 4.1 Tabel Admin 42
Tabel 4.2 Tabel Data Siswa 43
Tabel 4.3 Tabel Data Guru 43
x
DAFTAR GAMBAR
Halaman Gambar 3.3 Struktur Organisasi SLTP Negri 9 Medan 33 Gambar 4.1 Diagram Konteks sistem yang sedan berjalan 38 Gambar 4.2 Diagram Konteks SLTP Negeri 9 Medan 39 Gambar 4.3 DFD level nol Sistem yang sedang berjalan 40 Gambar 4.4 DFD level nol SLTP Negeri 9 Medan 41
Gambar 4.5 Flowchart Menu Utama 49
Gambar 5.1 Server Information 54
Gambar 5.2 Setup Type 55
Gambar 5.3 Destination Folder 56
Gambar 5.4 Apache Servise Monitor 56
Gambar 5.5 Destination Folder 58
Gambar 5.6 Pemilihan Web Server 58
Gambar 5.7 Setup Wizard 59
Gambar 5.8 Baris Tambahan 61
Gambar 5.9 Selamat Datang 63
Gambar 5.10 Setup Type 63
Gambar 5.11 Destination Folder 64
Gambar 5.12 Wizard Complete 65
Gambar 5.13 Konfigurasi MySQL 65
Gambar 5.14 Tampilan Menu Utama (index.php) 66
ABSTRAK
BAB I PENDAHULUAN
1.1 Latar Belakang Masalah
Perkembangan aplikasi web saat ini begitu pesat terutama sejak munculnya teknologi internet yang sangat membantu dalam kemudahan serta kecepatan pengiriman, penyampaian dan penerimaan informasi. Mulai dari perusahaan-perusahaan, sekolah-sekolah, perguruan tinggi, dan lembaga atau organisasi lainnya telah banyak memanfaat aplikasi web dalam kegiatan penjualan, promosi, proses belajar mengajar dan kegiatan lainnya dimana dibutuhkan pengiriman, penyebaran dan penerimaan informasi sehingga memberikan kemudahan bagi pengguna (user) yang membutuhkan.
PHP (Hypertext Preprocessor) merupakan bahasa server side script yaitu bahasa berbentuk script yang terletak dan dieksekusi di server untuk kemudian hasilnya (berupa kode HTML) dikembalikan ke browser pengguna/klien. PHP dirancang untuk membentuk suatu web yang bersifat dinamis yang artinya halaman yang akan ditampilkan dibuat saat halaman itu diminta oleh pengguna/klien. Misalnya dapat mengakses database dan menampilkannya di halaman web dengan cepat dan mudah. PHP juga dapat berinteraksi dengan hampir semua teknologi web yang telah ada dan sifatnya yang open source (bebas pakai) memberikan kesempatan buat semua user dan programmer untuk menggunakan dan mengembangkannya.
Dengan pertimbangan tersebut dan pribadi penulis yang ingin menerapkan pengetahuan yang telah diperoleh maka penulis memutuskan untuk membuat suatu aplikasi web dengan judul : “Membangun Sistem Informasi Berbasis Web SLTP Negeri 9 Medan Menggunakan PHP dan MySQL”.
1.2 Rumusan Masalah
1.3 Batasan Masalah
Agar masalah yang akan dibahas dalam pembuatan tugas akhir ini tidak menyimpang terlalu jauh, maka penulis membatasi masalah hanya pada perancangan sistem informasi berbasis web SLTP Negeri 9 Medan sebagai suatu website yang memberikan informasi bagi user/pengguna baik dari kalangan masyarakat umum maupun dari kalangan pihak sekolah itu sendiri yang membutuhkan informasi dari SLTP Negeri 9 Medan. Aplikasi web ini dibangun di bawah sistem operasi Windows XP yang mencakup aplikasi web server Apache 2.2, web scripting PHP 5.2 dan database MySQL 5.0.
Selain itu, aplikasi web ini juga didukung bahasa pemrograman web lainnya seperti HTML (Hypertext Markup Language), CSS (Cascading Style Sheets) dan menggunakan website editor Macromedia Dreamweaver 8, dan Macromedia Fireworks MX 2004 sebagai aplikasi perancangan layout.
1.4 Maksud dan tujuan
1.4.1 Maksud
1.4.2 Tujuan Penulisan
Tujuan penulisan tugas akhir ini dilakukan untuk :
Memenuhi salah satu persyaratan dalam menyelesaikan perkuliahan pada
Fakultas Matematika dan Ilmu Pengetahuan Alam, Program D3 Ilmu Komputer Universitas Sumatera Utara.
Merancang sistem informasi berbasis web sekolah SLTP Negeri 9 Medan dalam
upaya mempromosikan SLTP Negeri 9 Medan melalui media internet, serta
hubungannya dengan bahasa pemrograman web dan aplikasi lainnya dalam
menyebarkan dan menyediakan informasi bagi user/pengguna yang membutuhkan.
1.5 Metode Penelitian
Adapun Metode penelitian yang digunakan penulis adalah :
1. Tinjauan pustaka, mempelajari buku, dan situs yang terkait dengan sistem informasi.
2. Melakukan riset langsung ke SLTP Negeri 9 Medan yang berada di Jl. Letjend. T.B. Simatupang No. 118 Medan, untuk pengambilan data yang diperlukan. 3. Pengolahan data yang terdiri dari mengumpulkan data dan menganalisis data. 4. Membuat layout konsep website sesuai dengan yang direncanakan.
1.6 Tinjauan Pustaka
PHP adalah skrip pemrograman yang terus berkembang mengikuti semua kebutuhan pemrograman web berbasis server side. Hingga saat ini , PHP telah berkembang hingga versi ke-5. PHP 5 menjadi salah satu pilihan yang sangat menggiurkan bagi semua web programmer atau web developer. PHP 5 memiliki ratusan peningkatan dan sebuah keunggulan utama dibandingkan pendahulunya, yaitu dukungan yang penuh terhadap Object Oriented Programming (OOP). Sifatnya yang gratis serta kompatibilitas terhadap banyak aplikasi database telah membuat PHP 5 menjadi sangat fleksibel.
(Arief Ramadhan, S.Kom dan Hendra Saputra, S.Kom, PHP 5 dan MySQL, 2005).
PHP, sebagai bahasa pemrograman berbasis web, mempunyai lebih banyak kelebihan dibanding bahasa sejenis lainnya. Selain gratis, PHP juga mempunyai fungsi-fungsi yang cukup lengkap, multiplatform serta mampu berinteraksi dengan berbagai macam database. Pada PHP, banyak komponen atau fungsi yang dapat digunakan untuk berbagai macam kebutuhan. Tidak hanya FTP, fungsi mengakses e-mail dapat pula digunakan dengan gratis. Keunggulan PHP yang lain adalah dukungan terhadap berbagai jenis webserver. Hampir semua webserver didukung oleh PHP, tetapi yang paling umum ialah penggabungan PHP dengan Apache, webserver gratis.
Situs-situs yang ada pada dasarnya dibangun oleh tag HTML. Dengan tag-tag HTML dapat membangun situs-situs yang menarik minat pengunjung untuk betah berlama-lama menjelajah isi web yang dikunjungi. Tetapi, tag-tag HTML yang digunakan mulai dirasakan tidak mencukupi lagi untuk menangani suatu perubahan informasi suatu situs yang dinamis. Sebagai contoh, bila kita berkunjung ke suatu situs yang menyajikan informasi tentang harga penjualan beberapa barang. Senantiasa informasi yang diperoleh sesuai dengan situasi pasar. Untuk mengatasi hal tersebut, dikembangkan suatu bahasa pemrograman yang disebut web programming. Salah satu web programming yang dikembangkan adalah PHP.
(Bambang P.,Ibnu Mahardhika, Zaharuddin G.Djalle, Flash MX : 3 in 1, 2005).
Cukup banyak software yang terlibat dalam membangun suatu web dinamis, diantaranya adalah dalam perancangan tampilan sebagai interface terhadap user, pembuatan database serta dalam pemrogramannya. Dalam hal ini penulis memilih bahasa pemrograman PHP dan MySQL sebagai databasenya serta Macromedia Dreamweaver MX sebagai text editornya. Alasan penulis memilih software diatas adalah :
1. Pemrograman PHP mudah dibuat dan mempunyai kecepatan akses yang tinggi.
2. Pemrograman PHP merupakan bahasa yang dapat diletakkan dalam tag HTML.
3. Sistem database yang didukung PHP cukup banyak.
1.7 Sistematika Penulisan
Agar pembaca dapat lebih memahami dan mengerti dari maksud da tuuan tugas akhir ini, maka penulis melakukan sistematika penulisan. Adapun sistematika penulisan dari tugas akhir ini adalah sebagai berikut :
BAB 1 : PENDAHULUAN
Dalam bab ini penulis menguraikan mengenai Pengantar, Latar Belakang, Rumusan Masalah, Batasan Masalah, Maksud dan Tujuan, Jadwal Kegiatan, Metode Penelitian, Tinjauan Pustaka, serta Sistematika Penulisan.
BAB 2 : LANDASAN TEORI
8
BAB 3 : GAMBARAN TENTANG SLTP NEGERI 9 MEDAN
Dalam bab ini menjelaskan tentang sejarah singkat Sekolah SLTP Negeri 9 Medan, struktur organisasi, serta penjelasan lain tentang pengolahan yang berkaitan dengan judul tugas akhir ini.
BAB 4 : PERANCANGAN SISTEM
Dalam bab ini menjelaskan tentang sistem yang dibangun, perangkat yang digunakan, algoritma, dan tabel perancangan.
BAB 5 : IMPLEMENTASI SISTEM
Dalam bab ini menjelaskan tentang pengertian implementasi sistem, tujuan implementasi sistem, spesifikasi sistem, instalasi Apache dan PHP, dan demonstrasi program.
BAB 6 : KESIMPULAN DAN SARAN
BAB 2
LANDASAN TEORI
2.1 Pengerian Sistem Informasi
Sistem informasi adalah aplikasi komputer untuk mendukung operasi dari suatu organisasi : operasi, instalasi dan perawatan komputer, perangkat lunak dan data. Dapat juga diartikan bahwa Sistem Informasi adalah sekumpulan hardware, software, brainware, prosedur dan aturan yang diorganisasikan secara integral untuk mengolah data menjadi informasi yang bermanfaat guna memecahkan masalah dan pengambilan keputusan (Jogianto Hartono, MBA, Ph.D, 1999). Memproses data menjadi informasi, memberikan sinyal kepada manajemen terhadap kejadian-kejadian dari dalam dan dari luar yang penting serta menyediakan suatu dasar informasi untuk mencapai tujuan atau sasaran tertentu.
2.1.1 Sistem
Elemen yang mewakili system secara umum adalah masukan (input), pengolahan (processing), dan keluaran (output). Suatu sistem juga mempunyai cirri-ciri yaitu:
1 Mempunyai ruang lingkup
2 Mempunyai elemen-elemen sistem
3 Mempunyai manajemen terpadu diantara elemen-elemen sistem 4 Mempunyai keterkaitan antar elemen-elemen sistem
(Jogianto Hartono, MBA, Ph.D, 1999)
2.1.2 Informasi
Informasi adalah sekumpulan data atau fakta yang telah diolah lebih lanjut yang dapat berfungsi untuk mencapai suatu tujuan tertentu serta dapat bermanfaat dalam pengambilan keputusan saat ini dan mendatang. Sumber dari informasi adalah data, karena data yang diinput akan menghasilkan suatu informasi yang baik dan lengkap.
Data merupakan bentuk jamak dari bentuk tunggal datum atau data item. Data adalah kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan nyata. Data merupakan bentuk mentah yang belum dapat bercerita banyak,sehingga perlu diolah lebih lanjut. Data diolah melalui suatu model untuk dihasilkan informasi. Syarat-syarat infomasi yang baik dan lengkap adalah:
a. Ketersediaan (availability)
d. Relevan e. Bermanfaat f. Tepat waktu g. Akurat h. Konsisten
2.2 Pengenalan Komputer
Komputer (computer) berasal dari bahasa Latin computare yang berarti menghitung. Komputer mempunyai arti yang sangat luas dan berbeda untuk orang yang berbeda. Komputer adalah sistem elektronik untuk memanipulasi data yang cepat dan tepat serta dirancang dan diorganisasikan supaya secara otomatis menerima dan menyimpan data input, memprosesnya dan menghasilkan output dibawah pengawasan suatu langkah-langkah instruksi-instruksi program yang tersimpan di memori (stored program). Sehingga dapat disimpulkan bahwa komputer adalah :
a. Alat elektronik
b. Dapat menerima input data c. Dapat mengolah data
d. Dapat memberikan informasi
e. Menggunakan suatu program yang tersimpan di memori komputer (stored program)
Sedangkan yang disebut dengan program adalah kumpulan instruksi atau perintah terperinci yang sudah dipersiapkan supaya komputer dapat melakukan fungsinya dengan cara yang sudah tertentu.
(Pengenalan Komputer, Jogiyanto Hartono, MBA, Ph.D, 1999)
2.3 Pengenalan Internet
Internet berasal dari kata interconnection networking yang mempunyai arti hubungan berbagai komputer dan berbagai tipe komputer yang membentuk sistem jaringan yang mencakup seluruh dunia (jaringan global) dengan melalui jalur telekomunikasi seperti telepon, wireless dan lainnya (Mico Pardosi, 2004).
Jaringan internet menyediakan beberapa aplikasi yang dapat digunakan user internet :
a. E-mail
b. Mailling list
c. Newsgroup
d. File Transfer Protocol (FTP)
e. Gospher
f. Telnet
g. Talk, Chat
h. World Wide Web
2.3.1 Network
Network adalah jaringan dari sistem komunikasi data yang melibatkan sebuah alat atau lebih sistem komputer yang dihubungkan dengan jalur transmisi alat komunikasi membentuk satu sistem (Mico Pardosi, 2004).. Dengan network, komputer yang satu dapat menggunakan data di komputer lain, dapat mencetak laporan di printer ke komputer lain, dapat memberi berita ke komputer lain walaupun berlainan area. Network merupakan cara yang sangat berguna untuk mengintegrasikan sistem informasi dan menyalurkan arus informasi dari satu area ke area lain (Mico Pardosi, 2004).
2.3.2 Web Server
Web server adalah komputer yang mengirimkan halaman-halaman web (Mico Pardosi, 2004). Setiap web server mempunyai alamat IP dan nama. Komputer dapat dijadikan sebagai Web server dengan diinstal software server dan menghubungkannya dengan internet. Terdapat banyak software server, baik yang gratis, seperti yang dibuat oleh NCSA dan Apache, maupun yang komersial, seperti yang dibuat oleh Microsoft dan Netscape.
informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari website-website tersebut dapat membentuk sebuah jaringan informasi yang sangat besar. Halaman-halaman dari website akan bisa diakses melalui sebuah URL yang biasa disebut Homepage. URL ini mengatur halaman-halaman situs untuk menjadi sebuah hirarki, meskipun hyperlink-hyperlink yang ada di halaman tersebut mengatur para pembaca dan memberitahu mereka sususan keseluruhan dan bagaimana arus informasi ini berjalan (Mico Pardosi, 2004). Beberapa website membutuhkan subskripsi (data masukan) agar para user bisa mengakses sebagian atau keseluruhan isi website tersebut. Contohnya, ada beberapa situs-situs bisnis, situs-situs e-mail gratisan, yang membutuhkan subkripsi agar kita bisa mengakses situs tersebut.
2.3.3 World Wide Web
Pada mulanya internet adalah sebuah proyek yang dimaksudkan untuk menghubungkan para ilmuwan dan peneliti di Amerika, namun saat ini telah tumbuh menjadi media komunikasi global yang dipakai oleh semua orang di seluruh dunia. Pertumbuhan ini membawa beberapa masalah penting yang mendasar, diantaranya kenyataan bahwa internet tidak diciptakan pada zaman graphical user interface (GUI) seperti sekarang ini (Mico Pardosi, 2004).
.
berwarna (Mico Pardosi, 2004). Kemudian orang mulai berpikir untuk membuat sesuatu yang lebih baik. Popularitas internet mulai berkembang pesat setelah standar baru yaitu HTTP dan HTML diperkenalkan kepada masyarakat luas. HTTP (Hypertext Transfer Protocol) membuat pengaksesan informasi melalui protokol TCP/IP menjadi lebih mudah dari sebelumnya. HTML (Hypertext Markup Language) memungkinkan penyajian informasi secara visual lebih indah dan menarik. Pemunculan HTTP dan HTML kemudian membuat orang mengenal istilah baru dalam internet yang sekarang menjadi sangat populer, bahkan dengan kepopulerannya itu sehingga sering dianggap identik dengan internet itu sendiri, yaitu World Wide Web (WWW).
Pada prinsipnya World Wide Web (selanjutnya disebut web) bekerja dengan cara menampilkan file-file HTML yang berasal dari server web pada program client khusus, yaitu browser web (Mico Pardosi, 2004). Program browser pada client mengirimkan permintaan (request) kepada server web, yang kemudian akan dikirimkan oleh server dalam bentuk HTML. File HTML berisi instruksi-instruksi yang diperlukan untuk membentuk tampilan. Perintah-perintah HTML ini kemudian diterjemahkan oleh browser web sehingga isi informasinya dapat ditampilkan secara visual kepada pengguna dilayar komputer (Mico Pardosi, 2004).
2.3.4 Hyper Text Transfer Protocol (HTTP)
dokumen-dokumen di internet. Link-link itu sendiri bisa mengacu kepada dokumen-dokumen web, server FTP, email dan layanan lainnya.
Server dan browser web berkomunikasi satu sama lain dengan protokol yang memang dibuat khusus, yaitu HTTP. HTTP bertugas menangani permintaan – permintaan dari browser untuk mengambil dokumen web (Mico Pardosi, 2004). HTTP bisa dianggap sebagai sistem yang bermodel client-server. Browser web sebagai clientnya, mengirimkan permintaan kepada server web untuk mengirimkan permintaan kepada server web untuk mengirimkan dokumen-dokumen web yang dikehendaki pengguna. Server web lalu memenuhi permintaan ini dan mengirimkannya melalui jaringan kepada browser (Mico Pardosi, 2004).
Semua dokumen web dikirim sebagai file teks biasa. Sewaktu mengirimkan sedikit informasi tentang dirinya, termasuk jenis-jenis file yang bisa dibaca olehnya. Informasi ini lalu digunakan oleh server web untuk menentukan apakah dokumen yang diminta bisa dikirimkan kepada browser atau tidak.
proses penyambungan antara client dan server, baru kemudian datanya ditransfer. Setelah data selesai ditransfer, koneksi antara server dan client akan diputus. Sifatnya ini membuat HTTP sering disebut dengan istilah protokol hit and run (Mico Pardosi, 2004). Suatu halaman web sering kali berisi beberapa file gambar,atau beberapa file lain. HTTP memaksa server untuk menjalin hubungan baru setiap kali hendak mengirim satu buah file, Ini tidak menguntungkan dan efisien, mengingat proses hubung – putus – hubung semacam ini menyebabkan beban bagi jaringan.
2.4 Pengenalan Personal Home Page (PHP)
PHP merupakan bahasa standar yang digunakan di dalam dunia website. PHP adalah bahasa pemrograman yang berbentuk script yang diletakkan di dalam server. Ada beberapa pengertian tentang PHP, akan tetapi PHP dapat diartikan sebagai Hypertext Preeprocessor. Ini merupakan bahasa yang hanya dapat berjalan pada server yang pada sisi server yang disebut server side, berbeda dengan mesin maya Java yang mengeksekusi program pada sisi klien (client-server) ( Sutarman, S.Kom, 2003).
2.4.1 Sejarah Personal Home Page (PHP)
PHP diciptakan oleh Rasmus Lerdorf, seorang pemrograman C yang handal. Semula PHP hanya digunakan untuk mencatat jumlah pengunjung pada homepagenya. Rasmus adalah seorang pendukung open source. Karena itulah ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis. Setelah mempelajari YACC dan GNU Bison, Rasmus menambah kemampuan PHP 1.0 dan menerbitkan PHP 2.0. PHP 2.0 mampu berhubungan dengan database dan dapat diintegrasikan dengan HTML. Pada tahun 1996, PHP telah digunakan oleh banyak website di dunia. Sebuah kelompok pengembang software yang terdiri dari Rasmus, Zeew Suraski, Andi Gutman, Stig Bakken, Shane Caraveo dan Jim Winstead bekerja sama selama tujuh bulan untuk menyempurnakan PHP 2.0. Akhirnya pada tanggal 6 Juni 1998, PHP 3.0 resmi dikeluarkan. PHP adalah salah satu bahasa server side yang paling populer, setara dalam jumlah pemakaian dengan mod_perl, di bawah CGI dan ASP ( Sutarman, S.Kom, 2003).
2.4.2 Konsep Dasar Personal Home Page (PHP)
Kode PHP diawali dengan tanda lebih kecil (<) dan diakhiri dengan tanda lebih besar (>). Ada empat cara untuk menuliskan script PHP yaitu :
4. <SCRIPT LANGUAGE=”php”>Hallo</SCRIPT>
Pemisah antar instruksi adalah titik koma (;) dan untuk membuat atau menambahkan komentar/standar penulisan adalah : /* komentar */, // komentar, # komentar. Cara penulisan dibedakan menjadi Embeded dan Non Embeded script ( Sutarman, S.Kom, 2003).
a. Embeded Script
Contoh dari Embeded script : <html>
<head>
<title>Coba</title> </head>
<body>
<?php”web master”?> </body>
</html> ( Sutarman, S.Kom, 2003).
Script diatas merupakan script yang sederhana. Script PHP disisipkan diantara tag-tag html.
b. Non Embeded Script
Contoh Non Embeded Script : php
echo”<title>”; echo”Me and web”; echo”</title>”; echo”</head>”; ”<body>”;
echo”<p> My web design </p>”; echo”</body>”;
echo”</html>”; ?>
( Sutarman, S.Kom, 2003).
Script ini digunakan murni pembuatan program dengan PHP, tag HTML yang dihasilkan untuk membuat dokumen merupakan bagian dari script PHP.
2.4.3 Keistimewaan Personal Home Page (PHP)
Ada beberapa keunggulan PHP, diantaranya :
a. Life Cyle yang disingkat, sehingga PHP selalu up to date mengikuti
perkembangan teknologi internet.
b. PHP banyak mendukung paket database baik yang komersil maupun yang non – komersil, seperti Postgresql, mysql, oracle, informix, dan hasil karya Microsoft yaitu sql server.
pada berbagai sistem operasi seperti Linux, FreeBSD, Unix, Solaris maupun Window.
(Pemrograman Web dengan PHP, Yudhi Purwanto, 2001).
2.5 Pengenalan MySQL
MySQL merupakan salah satu perangkat lunak system pengelola basis data (Data Base Management System). MySQL juga dapat dikategorikan sebagai Relational Data Base Management System (RDBMS), karena dalam pembuatan basis data pada MySQL terdiri atas lajur horizontal dan lajur vertical.
MySQL pada saat ini, banyak digunakan oleh pemrogram web untuk membangun situs yang memerlukan basis data dan pengolahan data.
2.6 Macromedia Dreamweaver MX 2004
Saat ini untuk membuat website bukanlah hal yang sulit untuk dilakukan, karena kegiatan mendesain sebuah website tidak lagi dengan menuliskan tag-tag HTML satu persatu melainkan melalui metode click dan drag yag dikenalkan oleh web editor terpopuler saat ini yaitu Macromedia Dreamweaver MX.
Dreamweaver yaitu Dreamweaver MX, dengan penambahan beberapa fasilitas baru di dalamnya. Dreamweaver tidak hanya dapat digunakan oleh para desainer web, namun juga dapat digunakan oleh programer untuk membangun halaman interaktif karena Dreamweaver MX mendukung pula PHP, ColdFusion, Java Server Page (JSP), dan ASP.NET (Wahana Komputer, 2006).
2.6.1 Memulai Dreamweaver MX 2004
Seperti halnya dengan program-program lain, untuk menjalankan Macromedia Dreamweaver MX 2004, mulailah dengan memilih tombol Strat pada taskbar, kemudian pilih All Program pada tampilan Strat Menu Program, pilih folder Macromedia dan klik Macromedia Dreamweaver MX 2004. Pada saat pertama kali menggunakan Dreamweaver setelah penginstallan, kita akan mendapatkan tampilan kotak dialog yang menanyakan pilihan layout ruang kerja yang ingin kita gunakan, sebaiknya kita gunakan ruang kerja designer.
2.6.2 Area Kerja Macromedia Dreamweaver MX 2004
Komponen yang terdapat pada ruang kerja Dreamweaver MX 2004 adalah :
2. Document Window merupakan jendela kerja dokumen terdiri atas layar kerja kertas serta fasilitasnya. Yang dimaksud dengan fasilitas adalah tool untuk mengatur layar kerja atau sering disebut Document Toolbar, antara lain Cooding tool dan Zoom & Guide tool. Disamping Document Toolbar, tersedia fasilitas, yaitu Tag Selection.
3. Panel Groups merupakan suatu media yang berfungsi sebagai fasilitator. Kumpulan berbagai panel disebut Panel Groups, terletak pada sebelah kanan layar kerja. Panel-panel tersebut di antaranya CSS, Aplication, Tag Inspector, Files dan History yang masing-masing memiliki bagian dan fungsi. Untuk dapat memilihnya dengan cara mengetik nama panel.
4. Properti Inspector digunakan untuk melihat dan mengubah berbagai property dari tiap objek terpilih yang ada di area kerja. Setiap objek memiliki properti yang berbeda-beda.
5. Tag Selector merupakan tag-tag HTML yang terpilih sesuai dengan objek yang ada di area kerja.
6. Document Toolbar berisi tombol-tombol dan menu pop-up dari dokumen yang sedang kita gunakan.
7. Menu Utama berisi semua perintah yang dapat digunakan untuk bekerja pada Dreamweaver
.
2.6.3 Menu Bar Area Kerja
Dreamweaver MX 2004 terdiri dari beberapa komponen yang dapat kita gunakan yaitu :
1. Menu File
Menu file terdiri dari perintah untuk membuat dokumenbaru, membuka dokumen yang telah tersimpan, dn lain-lain
2. Menu Edit
Menu edit terdiri dari perintah untuk mengcopy. Memindahkna, serta perintah untuk pemilihan seperti Select All, dan lain-lain.
3. Menu View
Berisi perintah untukl menampilkan beberapa macam tampilan jendela dari area kerja Dreamweaver MX 2004. Seperti jendela Code dan View, sertauntuk menampilkan dan menyembunyikan beberapa elemen halaman dan toolbar.
4. Menu Insert
Berisikan alternative baris untuk menyisipkan objek di dalam dokumen.
5. Menu Modify
Berfungsi untuk melakukan perubahan property pada item atau halaman terpilih. Dengan menggunakan menu ini kita dapat mengedit atribut tag, mengganti tabel dan elemen tabel, dan bermacam bentuk aksi untuk item library dan template.
6. Menu Text
7. Menu Commands
Berisi akses ke beberapa perintah, format code yang sesuai dengan format pilihan kita, membuat photo album, dan melakukan pengeditan gambar dengan menggunakan Macromedia Fireworks.
8. Menu Site
Berisi item untuk mengelola situs seperti mendefenisikan situs baru, menghapus situs, menduplikasikan situs yang telah didefenisikan.
9. Menu Window
Menyediakan akses keseluruh panel, inspector, dan jendela di dalm Dreamweaver.
10. Menu Help
Menyediakan fasilitas membantu kita dalam menggunakan Dreamweaver.
2.7 Macromedia Fireworks MX 2004
Seiring dengan pesatnnya perkembangan teknologi informasi dan dunia internet, berkembang pula software aplikasi desain grafis yang nantinya banyak digunakan untuk mendesain web. Untuk membangun web – setelah membuat desain – dibutuhkan program aplikasi lain yang menyediakan tool-tool web grafik, seperti button, menu, slice, hotspot dan animasi untuk mempercantik suatu halaman web.
kode HTML (Hypertext Markup Language) yang secara otomatis terbangun ketika sebuah web dibangun (Mutmainah, Siti, 2006)
Halaman web yang berbasis web biasanya menggunakan HTML untuk membangunnya. Terdapat beberapa aplikasi yang khusus menyediakan fasilitas pembangun web yang berbasis WYSWYG (What You See is What You Get), seperti Macromedia Dreamweaver, Adobe GoLive, Microsoft FrontPage, atau Adobe PageMill.
Ada dua hal penting yang dapat dikerjakan oleh Macromedia Fireworks, yaitu: 1. Mendesain grafis halaman Web.
2. Membuat elemen yang interaktif.
Ketika Anda membuka sebuah Homepage, disana akan ditemui banyak elemen (button, text atau gambar), yang dapat digunakan untuk link ke halaman lain. Biasanya, desain web berisi gambar yang terpotong-potong dan disusun menggunakan table yang tidak terlihat (invisible). Karena itu, sebelum memasukkan image ke sebuah web, kita perlu membuat table dahulu sebagai tempat gambar yang sudah kita potong-potong menggunakan software pengedit gambar.
Kelebihan Fireworks untuk kasus ini adalah, kita tidak perlu memotong-motong gambar untuk meletakkan obyek image ke dalam halaman web, sebab kita dapat menggunakan slice dan hotspot yang akan secara otomatis memotong tergantung garis vertical dan horizontal yang dihasilkan.
28
Dibandingkan dengan versi sebelumnya, Macromedia MX memiliki beberapa kelebihan baik itu interfacenya ataupun penyediaan tool yang lebih lengkap.
Beberapa kelebihan dari versi sebelumnya:
- Interface yang lebih mudah digunakan user, misalnya peletakan tool dengan fasilitas minimize.
- Fasilitas penjawab apabila Anda mengalami kesulitan pada penggunaan. - Pemisahan tool bitmap, vector dan pemilih, yang mempermudah penggunaan.
Bagi peumula, ini akan mempermudah membedakan mode gambar yang dibuat.
- Penggabungan garis dan teks. Anda dapat membuat teks mengikuti bentuk garis atau bentuk objek.
- Mempercepat dalam mengeksport dengan penambahan tool-eksport ke bentuk lain.
BAB 3
GAMBARAN TENTANG SLTP NEGERI 9 MEDAN
3.1 Sejarah Berdirinya SLTP Negeri 9 Medan
3.1.1 SMP Negeri 9 Medan (Lama)
Sekolah Menengah Pertama (SMP) yang lama berdiri pada tanggal 31 Juli 1964 yang masih milik swasta bernama SmP Sunggal Medan karena sekolah ini masih Kabupaten Deli Serdang yang beralamat di Jalan Pinang Baris No. 118 Medan.
3.1.2 SLTP Negeri 9 Medan (Baru)
Sekolah Menengah Pertama (SMP) Sunggal Medan dinegerikan pada tahun 1965. MENDIKBUD RI. NO 034/C/1997/ dan MENDIKBUD RI No. 035/C/1997, pada tanggal 7 Maret 1999 terjadinya SMP menjadi SLTP, sehingga SMP Sunggal Medan menjadi SLTP Negeri 9 Medan.
3.2 Landasan Hukum
Landasan hukum SLTP Negeri 9 Medan adalah sesuai dengan pendidikan nasional yang tertuang dalam Garis-Garis Besar Haluan Negara (GBHN) pengacara pembangunan dalam bidang pendidikan tersebut. Pelaksanaannya dijabarkan oleh Depdiknas melalui Hirarki Struktur dan Fungsional sampai institusi pelaksanaan pendidikan di Sekolah dengan memperhatikan konstitusi dengan pendidikan yaitu :
1. Pancasila dan UUD 1945
2. UU No. 2 Tahun 1989 tentang UU SPM
3. Kurikulum (landasan, program dan pengembangan GBPP dan JUKLAK). 4. Surat Keputusan
5. Hasil Rapat Dewan Guru dan Pegawai
3.3 Tujuan SLTP Negeri 9 Medan
a. Terwujudnya mutu lulusan yang nilai Ebta dan Ebtanasnya semakin tinggi setiap tahun.
b. Terciptanya perilaku sopan santun dikalangan warga sekolah. c. Terwujudnya kesejahteraan guru dan pegawai.
32
3.4 Visi Dan Misi SLTP Negeri 9 Medan
3.4.1 Visi
Terwujudnya suber daya manusia yang beriman, cerdas, terampil, berbudaya, dan berlingkungan yang sejuk.
3.4.2 Misi
1. Meningkatkan kinerja sesuai dengan Tupoksi
2. Meningkatkan Pelayanan
3.Meningkatkan nilai ketercapaian
4. Menyiapkan siswa untuk mencintai buku dan pendidikan
5. Menyiapkan siswa untuk melanjutkan ketingkat yang lebih tinggi
6.Memberdayakan siswa yang beriman dan bertaqwa
3.6 Program Kerja SLTP Negeri 9 Medan
- Pelaksanaan les tambahan - Peningkatan disiplin siswa - Mengabsen kehadiran guru - Mengabsen kehadiran siswa
- Mengadakan pentas seni dalam waktu semester - Mengadakan upacara bendera setiap hari Senin - Razia siswa setiap 1 bulan sekali
- Peningkatan Belajar - Peningkatan Disiplin - Pencapaian nilai 7,5
3.7 Pelayanan Jasa SLTP Negeri 9 Medan
- Aspek layanan perpustakaan - Aspek layanan kamar mandi/WC - Aspek layanan laboratorium komputer - Aspek layanan ruang kelas
- Aspek layanan keamanan - Aspek layanan kantin
3.8 Pembinaan Mental/Fisik
Pembinaan mental / fisik di SLTP Negeri 9 Medan dalam suatu kegiatan dan olahraga yang memenuhi kebutuhan fisik dan mental di SLTP Negeri 9 Medan.
3.9 Kegiatan SLTP Negeri 9 Medan
Kegiatan SLTP Negeri 9 Medan yang praktikan alami oleh para siswa pada tanggal 10 Maret 2008 s/d 25 April 2008, menurut observasi praktiakan kegiatan cukup padat, antara lain :
a. Kegiatan proses belajar mengajar (KBM) dengan menggunakan 2 sistem, yaitu : - Kurikulum Berbasis Kompetensi (KBK) dan,
- Kurikulum tingkat satuan pendidikan (KTSP) yang dilengkapi dengan sarana komputer, VCD, OHP dan belajar diluar kelas.
b. Kegiatan ekstrakurikuler terdiri dari kegiatan Pramuka, PMR, pelajaran tambahan, basket, kesenian, vooly dilaksanakan pada hari Sabtu dan hari-hari lain.
c. Kegiatan bimbingan konseling selama praktikan di SLTP Negeri 9 Medan praktikan telah :
- Mengawasi siswa yang hadir - Mengawasi siswa yang piket - Mengikuti senam pagi
- Mengawasi siswa yang pulang - Mengawasi siswa yang bermasalah
36
3.10 Sarana Dan Prasarana
- Ruang kelas
- Ruang Kepala Sekolah - Ruang Wakil Kepala Sekolah - Ruang Pertemuan/guru - Ruang Komite
- Ruang Tata Usaha - Ruang BK
BAB 4
PERANCANGAN SISTEM
4.1 Pengertian Perancangan Sistem
Menurut Jogiyanto, 2005, hal: 196, perancangan system atau desain system dapat didefenisikan
1. Penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi.
2. Tahap setelah analisis dari siklus pengembangan sistem, pendefinisian dari kebutuhan-kebutuhan fungsional dan persiapan untuk rancang bangun implementasi, menggambarkan bagaimana suatu sistem dibentuk.
instalasi dari sistem akan benar-benar memuaskan rancang bangun yang telah ditetapkan pada akhir tahap analisis sistem.
4.2 Data Flow Diagram (DFD)
Dalam penulisan tugas akhir ini, penulis melengkapinya dengan data flow diagram (DFD) dari sistem yang penulis bangun, adapun DFD yang penulis buat adalah sistem yang sedang berjalan dan sistem yang penulis rancang seperti gambar DFD bawah ini:
Data flow diagram dari sistem yang sedang berjalan pada SLTP Negeri 9 Medan yang penulis ajukan dibagi menjadi dua bentuk yaitu :
a Diagram Konteks sistem yang sedang berjalan saat ini, pengolahan datanya masih manual, baik siswa dan guru memberikan informasi, kemudian informasi tesebut diolah oleh admin dan dilaporkan kepada kepala sekolah, seperti gambar dibawah ini:
Pencatatan
b Diagram Konteks portal web SLTP Negeri 9 Medan adalah perubahan yang penulis bangun, Bedanya dengan sistem yang berjalan adalah pengolahan data sudah terkomputerisasi, siswa dan guru dapat melihat kembali informasi yang telah diolah oleh admin sebelum dilaporkan kepada kepala sekolah, seperti gambar dibawah :
Gambar 4.2 Diagram Konteks SLTP Negeri 9 Medan
pengolahan data yang dilakukan oleh admin, bentuk jelasnya dapat dilihat pada - Informasi / Laporan
Informasi
Gambar 4.3 DFD level nol sistem yang sedang berjalan
kesalahan informasi akibat pengolahan data. Untuk lebih jelasnya dapat dilihat pada
Gambar 4.4 DFD Level Nol Portal Web SLTP Negeri 9 Medan
3. Tabel guru = {nip + nama + jenis kelamin + agama + alamat} 4. Tabel bukutamu = { nama + alamat + email + telepon + pesan}
4.4 Struktur Database
Sebelum membangun sebuah web dinamis, maka diperlukan pembuatan database. Pada tahap ini dipersiapkan tempat untuk menampung data di server, data teresebut nantinya akan diproses oleh program yang kita buat pada tahap pemrograman, baik penambahan, pengeditan, penghapusan, dan menampilkan isi database ke halaman web. Database terdiri atas tabel-tabel yang dibuat dengan menggunakan program MySQL.
Adapun database yang dibuat oleh penulis adalah database forsi dengan tabel-tabel sebagai berikut:
4.1 Tabel Admin
Field Jenis
Username Varchar(30)
4.2 Tabel Siswa
Field Jenis Nama Vachar(40)
Tempat Tanggal Lahir Varchar(30)
Nomor Induk Varchar(30)
Jenis Kelamin Varchar(30)
Kelas Varchar(20)
Jenis Kelamin Varchar(100)
Agama Varchar(30)
Alamat Varchar(30)
4.5 Algoritma
Algoritma adalah urutan langkah-langkah berhingga untuk memcahkan masalah logika atau matematika. Adapun algoritma dari website yang penulis rancang adalah sebagai berikut:
1. Algoritma Index
Langkah 1 : Jika diklik button home maka akan tampil halaman utama dari situs SLTP Negeri 9 Medan yang berisikan kata sambutan, kumpulan artikel dan login untuk admin.
Langkah 2 : Jika diklik button profil, maka akan tampil halaman yang berisikan Visi, Misi dari SLTP Negeri 9 Medan.
Langkah 3 : Jika diklik galeri, maka akan tampil struktur organisasi dari SLTP Negeri 9 Medan, dan bila diklik sub menu ekstrakulikuler, maka akan tampil ekstrakulikuler yang ada di SLTP Negeri 9 Medan, dan sub menu foto-foto, maka akan tampil halaman album foto-foto dari berbagai jenis kegiatan.
Langkah 4 : Jika diklik button buku tamu, maka akan tampil form pengisian buku tamu.
bagi pengunjung website.
Langkah 6 : Jika diklik button siswa, maka akan tampil form registrasi siswa.
Langkah 7 : Jika diklik button guru, maka akan menampilkan guru-guru dan staf pegawai yang mengajar di SLTP Negeri 9 Medan.
Langkah 8 : Selesai.
2. Algoritma profil
Langkah 1 : Klik button profil maka akan tampil profil SLTP Negeri 9 Medan yang berisikan visi, misi dari SLTP Negeri 9 Medan..
Langkah 2 : Klik button menu artikel akan menampilkan kumpulan bermacam-macam artikel.
Langkah 3 : Selesai.
3. Algoritma galery
Langkah 1 : Klik button galery, maka akan tampil struktur dari organisasi SLTP Negeri 9 medan.
Langkah 3 : Jika diklik sub menu foto-foto, maka akan tampil album foto kegiatan yang dilakukan SLTP Negeri 9 Medan.
Langkah 4 : Selesai.
4. Algoritma Buku Tamu
Langkah 1 : Klik button buku tamu, maka akan tampil formulir pengisian komentar
bagi pengunjung website SLTP Negeri 9 Medan.
Langkah 2 : Jika diklik sub menu home, maka akan tampil halaman home.
Langkah 3 : Jika diklik sub menu back, maka akan kembali ketampilan formulir pengisian buku tamu.
Langkah 4 : Jika diklik menu lihat buku amu, maka akan tampil komentar dari para pengunjung website.
Langkah 5 : Selesai.
5. Algoritma Siswa
diproses,maka akan tampilsiswa yang telah terdaftar sesebagai siswa SLTP Negri 9 Medan.
Langkah 2 : Selesai.
6. Algoritma Guru
Langkah 1 : Jika diklik button guru, maka akan menampilkan guru-guru dan staf pegawai yang mengajar dan bekerja di SLTP Negeri 9 medan.
Langkah 2 : Selesai.
7. Algoritma Admin
Langkah 1 : Klik menu admin, maka anda akan masuk ke halaman admin.
Langkah 2 : Masukkan username dan password.
Langkah 3 : Klik tombol login.
Langkah 4 : Jika username dan password yang dimasukkan benar, maka akan masuk
ke halaman penambahan, pengubahan, dan penghapusan data siswa,
data guru, data para pengunjung.
48
pesan password yang Username dan Password belum terisi..
Langkah 6 : Selesai.
BAB 5
IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem
Implementasi Sistem adalah langkah-langkah atau prosedur-prosedur yang dilakukan dalam menyelesaikan desain sstem 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 Implemetasi system adalah sebagai berikut :
3. Menulis, menguji dan mendokumentasikan program-program dan prosedur-prosedur yang dilakukan oleh dokumen desain sistem yang disetujui
4. Memastikan bahwa sistem memenuhi permintaan yaitu dengan menguji sistem secara menyeluruh.
5. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru dan melatih pemakai
6. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat rencana, mengontrol dan melakukan instalasi baru secara benar.
Langkah-langkah yang dilakukan dalam implementasi sistem adalah : 1. Menyelesaikan desain sistem,
2. Mendapatkan hardware dan software,
3. Menulis, menguji, mengontrol, dan mendokumentasikan program, 4. Menyelesaikan manual pemakai,
5. Mendapatkan persetujuan.
5.3 Spesifikasi Sistem
5.3.1 Perangkat Keras (Hardware)
Hardware merupakan komponen yang sangat dibutuhkan dalam mewujudkan sistem yang diusulkan. Dalam hal ini penulis merinci spesifikasi komponen hardware yaitu :
a. PC dengan processor minimal Intel Pentium III 733 MHz. b. Hard disk 20 GB.
c. Monitor Super VGA. d. Memory Minimal 128 MB. e. Keyboard.
f. Mouse. g. Printer
5.3.2 Perangkat Lunak (Software)
Hardware tidak akan dapat memecahkan suatu masalah tanpa adanya komponen software. Adapun software yang digunakan dalam pembuatan website ini adalah :
Software ini berfungsi sebagai text editor dalam penulisan script PHP dalam pembuatan website.
f. Macromedia Fireworks MX 2004
Software ini berfungsi sebagai fasilitas dalam pendisainan website.
5.4.3. Sumber Daya Manusia (Brainware)
Brainware adalah semua pihak yang bertanggung jawab dalam pengembangan sistem informasi, pemrosesan dan penggunaan keluaran sistem informasi.
Brainware dalam sistem informasi ini terbagi atas:
a. Sistem analis, yaitu seorang yang profesional yang bergerak dalam bidang pengembangan sistem yang akan membentuk dan membangun fasilitas desain sistem.
b. Programmer, yaitu orang yang akan menyusun instruksi bagi komputer agar dapat digunakan oleh pemakai serta merancang antar muka pemakai (interface) pada program.
d. Data Entry Operator, yaitu orang yang akan melakukan pengurusan terhadap data yang akan diolah, mulai dari pengumpulan data, perekaman data ke dalam komputer hingga pemeriksaan dan pengiriman informasi yang dihasilkan oleh komputer.
5.4 Instalasi Apache, PHP, dan MySQL
Dalam menginstalasi Apache, PHP dan MySQL dilakukan secara satu per satu. Adapun softwarenya dapat diperoleh dari situs http://www.apache.org untuk Apache,
http://www.php.net untuk PHP dan http://www.mysql.com untuk MySQL. Tahap
instalasinya dimulai dengan menginstalasi Apache, kemudian disusul dengan menginstalasi PHP dan MySQL.
5.4.1 Instalasi Apache
Untuk melakukan instalasi web server Apache, lakukan langkah–langkah sebagai berikut:
2. Tunggu sampai proses penyiapan sistem selesai, sehingga Anda masuk pada tampilan selamat datang.
3. Selanjutnya klik Next untuk melanjutkan proses dan Anda akan masuk pada tampilan License Agreement
4. Baca baik – baik License Agreement tersebut, sehingga Anda mengerti tentang lisensi penggunaan software yang diterapkan pada Apache. Jika Anda setuju dengan lisensi ini, klik tombol “I Accept…” dan tekan tombol Next untuk melanjutkan proses
5. Selanjutnya Anda akan masuk pada tampilan pengisian data server seperti gambar berikut ini
6. Isikan data Server Information seperlunya seperti Network Domain:localdomain, Server Name:localhost dan Email Address. Tekan tombol Next untuk melanjutkan proses
7. Anda akan masuk ke bagian Setup Type. Pilih opsi Typical, dan lanjutkan proses dengan menekan tombol next
8. Pilih setup tipe Typical, dan kemudian lanjutkan dengan next.
Gambar 5.2 Setup Type
Gambar 5.3 Destination folder
10.Pilih folder tujuan untuk meletakkan file – file yang akan diinstal sesuai keinginan Anda. Secara default, folder yang dituju adalah C:\Program Files\Apache Software Foundation. Klik Next untuk ke tampilan berikutnya
11.Klik tombol install untuk memulai proses instalasi
12.Jika proses instalasi selesai, akan muncul pesan Installation Wizard Completed
13.Setelah selesai instalasi, di sistem tray akan muncuk ikon Apache Service Monitor seperti gambar berikut ini
14.Gambar di atas menunjukkan Apache sudah dijalankan oleh sistem. Jika ikon di atas belum muncul, coba me-restart sistem komputer Anda. Jika sudah muncul, Anda bisa melihat status Apache dengan mengklik ikon dua kali
15.Gambar di atas menunjukkan apache sudah aktif dalam sistem. Untuk membuktikan, Anda juga dapat membuka browser internet Anda dan ketikkan http://localhost. Jika Apache aktif, akan muncuk tampilan seperti berikut ini
5.4.2 Instalasi PHP
Untuk melakukan instalasi PHP, lakukan langkah–langkah sebagai berikut:
1. Klik ganda file php-5.2.0-win32-installer, kemudian akan muncul tampilan selamat datang di php 5.2.0 setup wizard, klik tombol next untuk melanjutkannya 2. Kemudian akan muncul jendela informasi License Agreement, pilih I accept … ,
kemudian klik tombol next
3. Tentukan letak folder php yang akan diinstal dengan mengklik tombol browse 4. Sebaiknya php diinstal di dalam folder apache yang terletak di “C:\Program
Gambar 5.5 Destination Folder
5. Pilih jenis apache yang Anda install, klik tombol next
Gambar 5.6 Pemilihan web server
7. File konfigurasi apache terletak di dalam “C:\Program Files\Apache Software Foundation\Apache2.2\conf\default”, klik OK, klik Next
8. Klik tombol install untuk memulai proses instalasi, kemudian klik Next
9. Jika proses instalasi sudah selesai maka akan muncul jendela seperti di bawah ini, kemudian klik finish
Gambar 5.7 Setup wizard
1. Kopi file php5ts.dll dari folder PHP ke folder C:\Program Files\Apache Software Foundation\Apache2.2\bin
2. Kopi file php5apache2_2.dll dari folder PHP ke folder C:\Program Files\Apache Software Foundation\Apache2.2\bin
3. Kopi file php.ini dari folder PHP ke folder C:\Program Files\Apache Software Foundation\Apache2.2\Apache2
4. Edit file php.ini gunakan aplikasi Notepad dan sesuaikan dengan keterangan berikut ini:
. . . .
Output_buffering = 4096
. . . .
Zlib.output_compression = On
. . . .
Extension_dir = “C:/Apache Software Foundation/Apache2.2/php/extensions”
a. Edit file httpd.conf yang berada dalam folder C:\Program Files\Apache Software Foundation\Apache 2.2\conf\ dengan menggunakan Notepad
Gambar 5.8 Baris Tambahan
b. Seperti pada gambar di atas tambahkan baris berikut di awal bagian LoadModule:
LoadModule php5_module php/php5apache2_2.dll
Addtype application/x-httpd-php .php
c. Cari bagian DirectoryIndex, lalu ubah menjadi :
d. Pastikan baris berikut sudah benar:
ServerRoot “C:/Program Files/Apache Software Foundation/Apache2.2”
DocumentRoot“C:/Program Files/Apache Software Foundation / Apache2.2 /
htdocs”
6. Lakukan restart Apache untuk menguji apakah PHP sudah berjalan sebagai modul Apache. Untuk melakukan restart, Anda cukup menggunakan Apache Service Monitor, klik ikon Apache Service Monitor, dan pilih tombol Restart.
7. Jika tidak ada pesan error apa pun, berarti PHP sudah diinstal dengan baik sebagai modul Apache
5.4.3 Instalasi MySQL
Jika Anda mendapatkan file master MySQL dalam format kompresi seperti Winzip atau lainnya, maka Anda harus melakukan ekstraksi terlebih dahulu. Jika tidak, Anda bisa langsung melakukan setup dengan mengklik ganda file Setup.exe.
Gambar 5.9 Selamat datang
1. Setelah muncul tampilan di atas, tekan tombol Next untuk melanjutkan proses instalasi.
Gambar 5.10 Setup type
3. Kemudian akan masuk ke jendela untuk memilih Destination Folder seperti tampilan berikut ini, klik tombol install
Gambar 5.11 Destination Folder
4. Proses instalasi akan dijalankan dan Anda cukup menunggu indikator proses menunjukkan angka 100%
5. Kemudian pilih skip sign up, klik Next
Gambar 5.12 Wizard complete
7. Kemudian akan masuk ke jendela konfigurasi MySQL, klik next
Gambar 5.13 Konfigurasi MySQL
9. Di dalam “Install As Window Service, pilih MySQL5”, dan berikan tanda check pada kotak Include Bin Directory in Window PATH, klik Next
10.Masukkan password MySQL Anda, kemudian klik Next
11.Kemudian klik tombol Execute dan proses instalasi akan segera dimulai.
5.5 Demonstrasi Program
5.5.1 Tampilan Menu Utama (index.php)
Gambar 5.14 Tampilan Menu Utama
5.5.2 Tampilan Menu Profil (profil.php)
Gambar 5.15 Tampilan Menu Frofil
Halaman menu profil ini menjelaskan gambaran tentang SLTP Negeri 9 Medan secara umum baik itu tentang visi, misi sekolah tersebut, hingga target-target yang ingin dicapai oleh sekolah tersebut.
5.5.3 Tampilan Menu Galery (galery.php)
Gambar 5.16 Tampilan Menu gallery
68
dan pada sub menu foto-foto merupakan album kenangan SLTP Negeri 9 dari kegiatan-kegiatan yang diadakan di SLTP Negeri 9 Medan.
5.5.4 Tampilan Menu Siswa (siswa.php)
Gambar 5.17 Tampilan Menu Siswa
BAB 6
KESIMPULAN DAN SARAN
6.1 Kesimpulan
Adapun kesimpulan yang penulis peroleh selama melakukan penelitian dan perancangan sistem dalam pembuatan sistem informasi berbasis web di SLTP Negeri 9 Medan adalah :
1. Dengan adanya situs SLTP Negeri 9 Medan ini, maka penerimaan informasi online yang didapat menjadi lebih mudah serta bisa diakses oleh siapa saja. 2. Dalam pembuatan website ini, penulis menggunakan bahasa pemrograman
PHP, Apache sebagai Web Server dan MySQL, juga didukung bahasa pemrograman web lainnya Macromedia Dreamweaver MX 2004 dan Macromedia Fireworks sebagai penata letak layout serta penggabungan antara desain dan programming.
3. Dengan menggunakan komputer sebagai media informasi akan mengefisienkan tenaga dan waktu.
6.2 Saran
70
2. Komputer yang digunakan dalam membangun suatu aplikasi web sebaiknya memiliki spesifikasi level menengah karena penggunaan software-software yang banyak membutuhkann sumber daya komputer yang besar.
DAFTAR PUSTAKA
Hartono, Jogiyanto, MBA, Ph.D. 1999. Analisis & Diasain. Yogyakarta : Andi. Lenawati, Mei. 2007. Macromedia Dreamweaver 8 dengan PHP. Yogyakarta : Andi Mutmainah, Siti. 2006. Proyek Desain Web Berbasis Grafis dengan Dreamweaver
dan Fireworks. Yogyakarta : Andi.
Nugroho, Bunafit. 2004. Aplikasi Pemograman Web Dinamis dengan PHP dan MySQL. Yogyakarta : Gava Media.
___________.2006. Membuat Website Interaktif dengan Macromedia Dreamweaver 8. Yogyakarta: Andi.
Sutarman. 2003. Membangun Aplikasi web dengan PHP dan MySQL. Yogyakarta: Graha Ilmu.
