SISTEM INFORMASI PORTAL AKADEMIK PADA SMK SWASTA DWIWARNA 2 MEDAN TUGAS AKHIR IKA AYU KARTIKA LUBIS 072406162 PROGRAM STUDI D3 ILMU KOMPUTER DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2010
SISTEM INFORMASI PORTAL AKADEMIK PADA SMK SWASTA DWIWARNA 2 MEDAN TUGAS AKHIR Diajukan untuk melengkapi tugas dan memenuhi syarat Memperoleh gelar Ahli Madya IKA AYU KARTIKA LUBIS 072406162 PROGRAM STUDI D3 ILMU KOMPUTER DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2010
PERSETUJUAN Judul : SISTEM INFORMASI PORTAL AKADEMIK PADA SMK SWASTA DWIWARNA 2 MEDAN Kategori : TUGAS AKHIR Nama : IKA AYU KARTIKA LUBIS Nomor Induk Mahasiswa : 072406162 Program Studi : D3 ILMU KOMPUTER Departemen : MATEMATIKA Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA Diluluskan di Medan, Mei 2010 Diketahui Departemen Matematika FMIPA USU Ketua Pembimbing, Dr. Saib Suwilo, M.Sc. Drs. Henry Rani Sitepu, Msi NIP. 19640109 198803 1 004 NIP. 19530303 198303 1 002
PERNYATAAN SISTEM INFORMASI PORTAL AKADEMIK PADA SMK SWASTA DWIWARNA 2 MEDAN TUGAS AKHIR Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya. Medan, Mei 2010 Ika Ayu Kartika Lubis 072406162
PENGHARGAAN Assalamu alaikum Wr Wb Puji dan syukur penulis panjatkan atas kehadirat Allah SWT, karna berkat rahmat dan karunia-nya Penulis dapat menyelesaikan Tugas Akhir yang berjudul SISTEM INFORMASI PORTAL AKADEMIK PADA SMK SWASTA DWIWARNA 2 MEDAN dengan baik dan dalam keadaan sehat. Dalam menyelesaikan Tugas Akhir ini Penulis telah banyak mendapatkan bantuan dan bimbingan, baik moril maupun material dari berbagai pihak. Pada kesempatan ini juga dengan segala kerendahan hati, penulis sampaikan ucapan terima kasih kepada : 1. Bapak Dr. Eddy Marlianto, M.Sc sebagai Dekan FMIPA USU. 2. Bapak Dr. Saib Suwilo, M.Sc sebagai Ketua Departemen Program Studi D3 Ilmu Komputer FMIPA USU. 3. Bapak Drs. Henry Rani Sitepu, Msi sebagai Dosen Pembimbing yang telah rela meluangkan waktunya untuk dapat memberikan bimbingan, arahan, dan semangat kepada penulis. 4. Bapak Drs. Undang Siregar sebagai Kepala SMK Swasta Dwiwarna 2 Medan beserta dengan stafnya, yang telah memberikan kesempatan kepada penulis untuk memperoleh data riset seakurat mungkin guna keberhasilan dari Tugas Akhir ini. 5. Bapak H.Rizal Hasan Lubis dan Ibu Dra. Hj Sukmawaty Nasution, kedua orang tua yang telah memberikan restu, dorongan, semangat, dan bantuan baik moril maupun material beserta do a yang tak henti-hentinya. 6. Rekan-rekan seperjuangan di D3 Ilmu Komputer dan khususnya stambuk 2007. 7. Abang, kakak, dan adik-adikku tercinta : Bang Ricki, Kak Erat, Ade, dan Dinda, atas kasih sayang, do a, dukungan, dan kebahagiaan yang mengisi harihari serta menciptakan keluarga yang seindah ini. 8. Sahabat setiaku Sheila dan Listia, yang selalu setia membantu segala masalah yang dihadapi sampai dengan terselesaikannya tugas akhir ini. 9. Tidak ketinggalan kepada Ma arif (Mamak), Bang Eka, yang selalu setia menemani dari mulai ospek sampai tamat dan setia setiap saat menjalankan tugas dengan penuh tanggung jawab.
10. Seluruh pihak-pihak yang tidak bisa disebutkan satu persatu. Penulis menyadari bahwa Tugas Akhir ini masi jauh dari kesempurnaan namun penulis tetap berharap dapat berguna untuk menambah pengetahuan bagi penulis khususnya dan umumnya bagi pembaca dan untuk lebih memahami ilmu pengetahuan tentang kegiatan di lapangan kerja nyata. Billahittaufik wal hidayah Wassalamu alaikum Wr Wb Medan, Mei 2010 Ika Ayu Kartika Lubis 072406162 ABSTRAK
Tulisan ini bertujuan untuk membangun sebuah aplikasi website yang dinamis. Sistem perancangan dalam membangun website SMK Swasta Dwiwarna 2 Medan ini dikembangkan dengan menggunakan software yakni Xampp-win32-1.4.6-installer dan menggunakan bantuan Macromedia Dreamweaver 8 untuk penulisan script program, dan Adobe Photoshop 7.0, Macromedia Fireworks 8 sebagai aplikasi untuk mendisain tampilan halaman website, serta menggunakan web browser Mozilla Firefox. Tujuan dari aplikasi web ini adalah untuk menyajikan dan menyebarkan informasi mengenai profil sekolah, struktur organisasi, visi dan misi sekolah, informasi mengenai data guru, pegawai, dan siswa, serta pengolahan nilai siswa dan segala hal yang berhubungan dengan SMK Swasta Dwiwarna 2 Medan. DAFTAR ISI
Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Tabel Daftar Gambar Halaman ii iii iv vi vii ix x BAB I PENDAHULUAN 1 1.1 Latar Belakang 1 1.2 Perumusan Masalah 2 1.3 Tujuan Penelitian 3 1.4 Pembatasan Masalah 3 1.5 Metode Penelitian 4 1.6 Lokasi dan Waktu 5 1.7 Sistematika Pembahasan 6 BAB II LANDASAN TEORI 8 2.1 Pengertian Sistem 8 2.2 Pengertian Informasi 9 2.3 Pengertian Sistem Informasi 9 2.3.1 Komponen Sistem Informasi 11 2.3.2 Jenis Sistem Informasi 13 2.4 Pengenalan Internet 14 2.4.1 Fasilitas dari Internet 15 2.4.2 Perangkat untuk Mengakses Internet 18 2.5 World Wide Web (WWW) 19 2.5.1 Cara Kerja WWW 20 2.6 Browser Web 21 2.6.1 Cara Kerja Browser Web 21 2.6.2 Istilah-istilah dalam Pemrograman Web 22 2.7 Data Flow Diagram (DFD) 23 2.8 Flowchart 25 2.9 Hyper Text Markup Language (HTML) 26 2.9.1 Penamaan Dokumen HTML 27 2.9.2 Elemen dan Tag pada Dokumen HTML 28 2.9.3 Struktur Dokumen HTML 29 2.10 Pre Hypertext Prepage (PHP) 29 2.10.1 Sintaks PHP 30 2.11 MySQL 31 BAB III PROFIL SMK SWASTA DWIWARNA 2 MEDAN 34 3.1 Sejarah SMK Swasta Dwiwarna 2 Medan 34 3.2 Visi dan Misi Sekolah 35 3.3 Struktur Organisasi 36
BAB IV PERANCANGAN SISTEM 38 4.1 Pengertian Perancangan Sistem 38 4.1.1 Diagram Konteks 41 4.1.2 Diagram Level 0 42 4.2 Algoritma Perancangan Sistem 43 4.3 Perancangan Halaman Website 45 4.4 Diagram Alir (flowchart) Website 46 4.5 Perancangan Database 52 4.6 Desain Header Website 57 BAB V IMPLEMENTASI SISTEM 58 5.1 Pengertian Implementasi Sistem 58 5.2 Tujuan Implementasi Sistem 58 5.3 Spesifikasi Sistem 59 5.3.1 Perangkat Keras (Hardware) 59 5.3.2 Perangkat Lunak (Software) 59 5.3.3 Sumber Daya Manusia (Brainware) 60 5.4 Instalasi Software 60 5.5 Pengujian di Browser 64 BAB VI KESIMPULAN DAN SARAN 65 6.1 Kesimpulan 65 6.2 Saran 66 DAFTAR PUSTAKA 67 Lampiran A : Lampiran B : Lampiran C : Listing Program Tampilan Halaman Website Surat DAFTAR TABEL
Halaman Tabel 2.1 Tabel Simbol Simbol Yang Digunakan Pada DFD 24 Tabel 2.2 Tabel Simbol Simbol Yang Digunakan Pada Flowchart 25 Tabel 4.1 Tabel Buku Tamu 52 Tabel 4.2 Tabel Catatan 52 Tabel 4.3 Tabel Data Pegawai 53 Tabel 4.4 Tabel Data Siswa 54 Tabel 4.5 Tabel Pesan 55 Tabel 4.6 Tabel Rapot 55 DAFTAR GAMBAR
Halaman Gambar 2.1 Pengertian Sistem Informasi 11 Gambar 2.2 Komponen Sistem Informasi 12 Gambar 3.1 Struktur Organisasi SMK Swasta Dwiwarna 2 Medan 37 Gambar 4.1 Struktur Website Sekolah 40 Gambar 4.2 Diagram Konteks 41 Gambar 4.3 Diagram Level Nol 42 Gambar 4.4 Flowchart Halaman Utama 47 Gambar 4.5 Flowchart Halaman Siswa 48 Gambar 4.6 Flowchart Halaman Admin 49 Gambar 4.7 Flowchart Administrator Siswa 50 Gambar 4.8 Flowchart Administrator Guru dan Pegawai 51 Gambar 4.9 Disain Header Website 57 Gambar 5.1 Installer Language 61 Gambar 5.2 Xampp Setup Wizard 61 Gambar 5.3 Xampp License Agreement 62 Gambar 5.4 Xampp Choose Install Location 62 Gambar 5.5 Xampp Installing 63 Gambar 5.5 Comleting The Xampp 63 Gambar 5.6 Pengujan di Browser 64