ISBN: 978-602-72850-6-4 SNIPTEK 2015 JURNAL ILMIAH PERANCANGAN SISTEM INFORMASI SEKOLAH BERBASIS WEB PADA SMP CEMPAKA JAKARTA Agus Yulianto STMIK Nusa Mandiri Jakarta Agus_yto@gmail.com ABSTRAK Perkembangan dunia informasi saat ini berkembang dengan begitu cepatnya, ini terjadi karena kebutuhan akan informasi itu semakin tinggi dan informasi yang di dapat itu semakin cepat, tepat dan mudah. SMP Cempaka Jakarta saat ini masih menggunakan sistem informasi konvensional dalam penyampaian informasi, baik informasi sekolah maupun informasi akademik siswa. Hadirnya website sistem informasi sekolah ini, diharapkan dapat membantu siswa-siswi, guru dan masyarakat umum untuk mendapatkan informasi tentang SMK Cempaka, Jakarta. Website ini dirancang menggunakan UML(Unified Modelling Language) sebagai tool program. Penulis juga menggunakan metode observasi, wawancara dan studi pustaka dalam penyusunan penelitian. Website ini diharapkan dapat membantu para siswa, guru dan masyarakat dalam mencari informasi tanpa perlu datang ke sekolah karena dapat diakses dimana saja selama komputer terhubung dengan internet.untuk itu, penulis mencoba membuat sistem informasi sekolah berbasis website dengan tujuan memberikan informasi tentang sekolah secara tepat, cepat dan update kepada para siswa, guru maupun masyarakat. Kata Kunci : Sistem Informasi, Website, Sistem Informasi Akademik PENDAHULUAN Perkembangan dunia website saat ini berkembang dengan begitu luar biasa cepatnya. Ini terjadi karena informasi yang dibutuhkan itu semakin penting dan mudah untuk di dapat. Website saat ini merupakan sebuah fenomena di dunia teknologi, karena di dalam website itu terdapat segala macam informasi yang bisa di akses dimana saja selama komputer atau perangkat telekomunikasi terhubung dengan internet. SMP Cempaka Jakarta adalah Sekolah Menengah Pertama yang mencetak siswa-siswa Fuad Jen STMIK Nusa Mandiri Jakarta fuad_j3n@gmail.com berprestasi, dengan perkembangan dunia teknologi di SMP Cempaka sedikit demi sedikit menggunakan komputer tapi penggunaan teknologi hanya sampai pada mempermudah dalam pengolahan nilai dan masih ada informasi yang di kelola secara konvensional, yaitu informasi pengumuman tentang sekolah dan nilai akademik siswa-siswa. Untuk pengumuman tentang sekolah di SMP Cempaka ini masih di lakukan dengan menempelkan pengumuman di mading atau melalui guru pada waktu mengajar sedangkan untuk informasi nilai akademik sekolah siswa-siswi harus menunggu sampai raport dibagikan. Tentunya ini kurang efisien dan memakan waktu yang cukup lama, apalagi di zaman sekarang ini dimana informasi yang cepat dan tepat itu adalah hal yang biasa. Mengikuti perkembangan dunia teknologi yang berkembang dengan pesat adalah hal yang mutlal dalam dunia pendidikan maka dari sistem informasi sekolah berbasis web ini sangat praktis digunakan karena dapat diakses dimana saja tanpa perlu datang ke sekolah dalam mendapatkan informasi terbaru di SMP Cempaka Jakarta. Tentunya dengan adanya Website sebagai ssstem informasi sekolah di SMP Cempaka ini dapat menghemat dari segi waktu, biaya dan informasi yang selalu update. BAHAN DAN METODE A. Teknik Pengumpulan Data 1. Observasi Dalam hal ini penulis mendatangi bagian terkait di dalam perusahaan tersebut dan mengamati secara langsung proses kegiatan sehari-hari seperti proses pemasangan baru dan penawaran layanan komunikasi data, penanganan gangguanan layanan INF-330
SNIPTEK 2015 ISBN: 978-602-72850-6-4 dan proses lain yang berkaitan dengan proses-proses tersebut. 2. Wawancara Dalam hal ini penulis melakukan proses tanya jawab, tatap muka secara langsung dan mengajukan pertanyaan-pertanyaan yang ditujukan kepada narasumber, dalam hal ini wawancara dengan Account Manager atau Pemasaran Ibu. Reni Suryati dan Support Account Manager Pak. Teno 3. Studi Pustaka Metode pengumpulan data yang bersumber dari berbagai literatur seperti pada buku, jurnal, e-book maupun dari internet yang berkaitan dengan judul penelitian B. Model Pengembangan Sistem 1. Analisa Kebutuhan Software Pada tahap berikutnya ini dilakukan pemilihan spesifikasi support software dan hardware untuk mendukung program adapun yang penulis gunakan kali ini yaitu, software: Microsoft Windows 7 Ultimate 32-Bit, Xampp Versi 1.7.3, Dreamweaver CS 5 dan Hardware: Processor Intel Core-i3, Memori 2 GB, Hard Disk 500 GB, Monitor 14. 2. Desain a. Perancangan media tatap muka (interface) Merancang bentuk tampilan yang ramah (user friendly) dan mudah dalam pemakaiannya dengan mempertimbangkan bentuk dan design dari interface program. b. Perancangan basis data Merancang spesifikasi database yang dibutuhkan oleh sistem seperti menentukan jenis database yang sesuai sehingga mempermudah dalam hal pemilihan bahasa pemrograman yang sesuai. c. Perancangan fungsi-fungsi aplikasi yang menggunakan basis data tersebut. Berdasarkan kebutuhan pengguna di dalam sistem yang diambil dari aktivitas yang sedang berlangsung maka dirancanglah aplikasi-aplikasi yang memiliki fungsi tertentu yang mampu memenuhi standar proses yang mungkin terjadi di dalam sistem yaitu dengan membuat web sistem informasi akademik. 3. Code Generation Bahasa pemrograman PHP karena dalam pembuatan situs sistem informasi akademik ini membutuhkan website yang dinamis dan menggunakan database MySql serta dengan bantuan aplikasi pendukung phpmyadmin. Tahap ini meliputi penentuan unsur-unsur yang perlu dimuat di dalam sebuah sistem usulan berdasarkan dari hasil analisa kebutuhan. Proses dari tahap ini akan diurai dengan menggunakan peralatan pendukung (Tools System) guna memberikan gambaran yang jelas dan rancang bangun yang lengkap.4. Testing Setelah sistem dianalisis dan didesain secara rinci serta teknologi telah di seleksi dan di pilih, tahap testing sistem merupakan tahap meletakkan sistem supaya siap untuk di operasikan. Tahap testing ini menggunaka tahap testing Black Box. Pada tahap ini dilakukan proses pengenalan terhadap sistem baru melalui pelatihankepada setiap pemakai sistem agar dapat beroperasi sesuai dengan yang diharapkan. 5. Support Pada tahap berikutnya ini dilakukan pemilihan spesifikasi support software dan hardware untuk mendukung program adapun yang penulis gunakan kali ini yaitu, software: Microsoft Windows 7 Ultimate 32-Bit, Xampp Versi 1.7.3, Dreamweaver CS 5 dan Hardware: Processor Intel Core-i3, Memori 2 GB, Hard Disk 500 GB, Monitor 14. HASIL DAN PEMBAHASAN Berdasarkan hasil analisa tentang kebutuhankebutuhan yang diperlukan, maka dapat diidentifikasikan serta diimplementasikan melalui rancangan sistem, serta rancangan Tampilan. A. Rancangan Sistem Rancangan Usecase Halaman Admin INF-331
ISBN: 978-602-72850-6-4 SNIPTEK 2015 uc Use Case Halaman Admin Rancangan Usecase Halaman Guru Username dan Password Login Lihat Data Siswa Lihat Data Guru Lihat Data Calon Siswa Baru Lihat Berita uc Use Case Halaman Guru Login Username dan Password Tampilkan Data Diri Lihat Jadwal Lihat Admin Pilih Data Diri Admin Lihat Kelas Lihat Mata Pelajaran Pilih Nilai Tampilkan Nilai Guru Gambar 1.Usecase Halaman Admin Gambar 2. Usecase Halaman Guru INF-332
SNIPTEK 2015 ISBN: 978-602-72850-6-4 Rancangan Usecase Halaman Siswa uc Use Case Halaman Siswa Username dan Passord Tanpilkan Nilai Login Lihat Nilai Tampilkan Data Diri Lihat Data Diri Lihat Jadwal Tampilkan Jadwal Siswa Gambar 3. Usecase Halaman Siswa Gambar 4. Rancangan Uecase Halaman Siswa Rancangan Usecase Halaman Siswa B. Rancangan Entity Relationship Diagram INF-333
ISBN: 978-602-72850-6-4 SNIPTEK 2015 Gambar 6. Entity Relationship Diagram INF-334
SNIPTEK 2015 ISBN: 978-602-72850-6-4 C. Rancangan lampiran Gambar 7. Tampilan Halaman Home Gambar 10. Tampilan Halaman Struktur Organisasi Gambar 8. Tampilan Halaman Profil Gambar 11. Tampilan Halaman Galery Gambar 9. Tampilan Halaman Visi Misi Sekolah Gambar 12. Tampilan Alur PSB 3..3. Lampiran Merupakan Output yang dihasilkan dari sistem informasi yang telah dibuat sebagai acuan siswa untuk mendapatkan informasi akademik. INF-335
ISBN: 999-888-777-6-5 SNIPTEK 2015 5. Administrator dalam hal ini TU bertugas untuk manajemen website informasi akademik sekolah seperti Membuat, menjaga dan mengupdate website, bekerja sama dan mensupport anggota lain dalam maintaining website, membuat website lebih ramah dan mudah (users friendly), memastikan server website tetap hidup, kualitas dan style website dalam sistem. REFERENSI Gambar 15. Nilai Siswa Anhar. 2010. Panduan Menguasai PHP & MySQL Secara Otodidak. Jakarta: Media Kita. KESIMPULAN Dari uraian pada bab sebelumnya, penulis mencoba untuk menyimpulkan semua pembahasan secara singkat. Penerapan sistem informasi sekolah ini bertujuan untuk mendapatkan informasi seputar sekolah sehingga tidak perlu lagi datang langsung ke sekolah. Berikut ini beberapa kesimpulan yang dapat penulis ambil, yaitu : 1. Sistem informasi ini dapat diakses dari mana saja, kapan saja melalui jaringan internet. 2. Meningkatkan efisiensi dan efektifitas proses manajemen pengolahan informasi. 3. Dikarenakan keunggulan dan kemudahan dalam pemakaian, PHP dapat dijadikan sebagai salah satu pilihan utama dalam pembuatan aplikasi berbasis web. 4. Dengan adanya sistem informasi akademik berbasis web ini siswa bisa mengetahui informasi seputar kegiatan belajar mengajar di sekolah pengumuman sekolah, informasi nilai sekolah yang bisa diakses secara online dan informasi pendaftaran siswa baru secara online... Imansyah, Muhammad. 2010. Membangun Toko Online dengan Wordpress. Jakarta: PT Elex Media Komputindo Kusrini dan Koniyo. 2007. Tuntunan Praktis Membangun Sistem Informasi Akuntansi dengan Visual Basic dan Microsoft SQL Server. Yogyakarta. Andi Nugroho, Bunafit. 2009. Aplikasi Pemrograman Web Dinamis dengan PHP dan MySQL. Yogyakarta: Gava Media. Prasetio, Adhi. 2012. Buku Pintar Pemrograman Web. Jakarta: Mediakita. Raymond Mcleod. Jr, George P. Schell, 2008. Sistem Informasi Manajemen,Edisi 10. Jakarta: Salemba Empat Rosa, AS dan M. Shalahuddin 2010. Modul Pembelajaran Berorientasi Objek. Bandung: Modula. Wicaksono,Yogi.2008. Membangun Bisnis Online Dengan Mambo.Jakarta. PT Elex Media Komputindo INF-336