SISTEM INFORMASI PORTAL AKADEMIK PADA SMK SWASTA DWIWARNA 2 MEDAN TUGAS AKHIR IKA AYU KARTIKA LUBIS

Transkripsi

1 SISTEM INFORMASI PORTAL AKADEMIK PADA SMK SWASTA DWIWARNA 2 MEDAN TUGAS AKHIR IKA AYU KARTIKA LUBIS PROGRAM STUDI D3 ILMU KOMPUTER DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2010

2 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 PROGRAM STUDI D3 ILMU KOMPUTER DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2010

3 PERSETUJUAN Judul : SISTEM INFORMASI PORTAL AKADEMIK PADA SMK SWASTA DWIWARNA 2 MEDAN Kategori : TUGAS AKHIR Nama : IKA AYU KARTIKA LUBIS Nomor Induk Mahasiswa : 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 NIP

4 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

5 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 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.

6 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 ABSTRAK

7 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-win 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

8 Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Tabel Daftar Gambar Halaman ii iii iv vi vii ix x BAB I PENDAHULUAN Latar Belakang Perumusan Masalah Tujuan Penelitian Pembatasan Masalah Metode Penelitian Lokasi dan Waktu Sistematika Pembahasan 6 BAB II LANDASAN TEORI Pengertian Sistem Pengertian Informasi Pengertian Sistem Informasi Komponen Sistem Informasi Jenis Sistem Informasi Pengenalan Internet Fasilitas dari Internet Perangkat untuk Mengakses Internet World Wide Web (WWW) Cara Kerja WWW Browser Web Cara Kerja Browser Web Istilah-istilah dalam Pemrograman Web Data Flow Diagram (DFD) Flowchart Hyper Text Markup Language (HTML) Penamaan Dokumen HTML Elemen dan Tag pada Dokumen HTML Struktur Dokumen HTML Pre Hypertext Prepage (PHP) Sintaks PHP MySQL 31 BAB III PROFIL SMK SWASTA DWIWARNA 2 MEDAN Sejarah SMK Swasta Dwiwarna 2 Medan Visi dan Misi Sekolah Struktur Organisasi 36

9 BAB IV PERANCANGAN SISTEM Pengertian Perancangan Sistem Diagram Konteks Diagram Level Algoritma Perancangan Sistem Perancangan Halaman Website Diagram Alir (flowchart) Website Perancangan Database Desain Header Website 57 BAB V IMPLEMENTASI SISTEM Pengertian Implementasi Sistem Tujuan Implementasi Sistem Spesifikasi Sistem Perangkat Keras (Hardware) Perangkat Lunak (Software) Sumber Daya Manusia (Brainware) Instalasi Software Pengujian di Browser 64 BAB VI KESIMPULAN DAN SARAN Kesimpulan Saran 66 DAFTAR PUSTAKA 67 Lampiran A : Lampiran B : Lampiran C : Listing Program Tampilan Halaman Website Surat DAFTAR TABEL

10 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

11 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