Perancangan Web Profile pada SMP Muhammadiyah 03 Medan

JURNAL ILMIAH CORE IT e-ISSN: 2548-3528 p-ISSN: 2339-1766IJCCS, Vol.x, No.x, JSSN: 0251-8791

Perancangan Web Profile pada SMP Muhammadiyah 03 Medan


Conrad Bombongan, Nanda Gozalio

STMIK IBBI e-mail: [email protected], [email protected]

Abstrak

Perkembangan teknologi informasi pada saat ini memberikan dampak besar bagi kehidupan manusia, perkembangan teknologi itu memudahkan manusia dalam mengambil keputusan yang tepat. Website merupakan media informasi dari pemanfaatan internet dalam bentuk penyebaran informasi dan promosi. Perancangan Web Profile Pada SMP Muhammadiyah 03 Medan merupakan salah satu instansi pendidikan Negeri yang berdiri pada tahun 1966 dan sampai sekarang masih belum memiliki sebuah website sebagai media informasi resmi kepada masyarakat luas. Penelitian ini bertujuan untuk membangun website SMP Muhammadiyah 03 Medan sebagai media publikasi untuk penyampaian dan memperoleh informasi tanpa batasan waktu dan tempat. Pembuatan website menggunakan Adobe Dreamweaver dan penyimpanan data menggunakan PHP MySQL sebagai database. Pengembangan perangkat lunak dilakukan dengan penerapan SDLC(System Development Life Cycle) menggunakan metodologi pendekatan formal Structured Design Waterfall, tahap analisa dan perancangan menggunakan Object Oriented Analysis dan metode pengujian menggunakan Black Box Testing. Website yang dirancang terdiri dari halaman utama, sejarah, fasilitas, pengumuman, galeri dan kontak. Perancangan website dilakukan secara lengkap sehingga mampu mencakup semua kebutuhan. Hasil yang diharapkan dari penelitian berupa website SMP Muhammadiyah 03 Medan yang mampu memberikan informasi yang cepat dan akurat. Kata Kunci : Informasi, website, PHP, MySQL, SDLC, Waterfall 1. Pendahuluan

Perkembangan dunia teknologi informasi saat ini memberikan kontribusi besar di berbagai aspek kehidupan manusia terutama di bidang infrastruktur kelistrikan dan bisnis. Teknologi informasi tersebut menjadi suatu hal yang dibutuhkan manusia guna untuk mendapatkan informasi yang efektif, efisien serta memberikan kemudahan kepada manusia dalam pengambilan keputusan yang akan berdampak besar bagi masa depan.

Sekolah Menengah Pertama (SMP) Muhammadiyah 03 Medan, Sumatera Utara adalah sebagai salah satu instansi Pendidikan Swasta yang berada dibawah naungan Dinas Pendidikan Kota Medan dan Kementerian Pendidikan dan Kebudayaan Republik Indonesia dan merupakan sekolah berstandar nasional (SSN), diharapkan dalam penyampaian informasi khususnya akademik dapat lebih cepat. Hal ini sesuai dengan Undang-undang Nomor 20 Tahun 2003 yang menyebutkan standar nasional pendidikan mencakup standar isi, proses, kompetensi lulusan, tenaga kependidikan, sarana-prasarana, pengelolaan, pembiayaan, dan penilaian pendidikan. Dan untuk memenuhi anjuran dari pemerintah bahwa sekolah yang berstandar nasional dianjurkan untuk memiliki sebuah media informasi.

Tujuan yang ingin dicapai dalam pengajuan penelitian ini adalah menghasilkan rancangan web profile pada Sekolah Menengah Pertama (SMP) Muhammadiyah 03 Medan yang dapat memudahkan masyarakat untuk mencari informasi yang efektif dan efisien serta menampilkan informasi penting dan agenda mengenai kegiatan yang dilakukan oleh Sekolah Menengah Pertama (SMP) Muhammadiyah 03 Medan.

2. Metode Penelitian Penelitian pada skripsi ini adalah penelitian perancangan atau disebut juga dengan penelitian, pengembangan, dan metodologi pengembangan sistem yang digunakan adalah SDLC (System Development Life Cycle) atau metode waterfall. Model waterfall ini merupakan salah satu metode yang ada pada SDLC yang memiliki ciri khas pengerjaan, setiap tahap dalam metode waterfall ini harus diselesaikan terlebih dahulu sebelum melanjutkan ke tahap berikutnya.

�


246

Gambar 1. Metode Waterfall

3. Analisa dan Perancangan

a. Analisa Sistem Analisa sistem adalah mempelajari masalah-masalah yang timbul dan menentukan kebutuhan-

kebutuhan pemakai sistem untuk mengidentifikasi pemecahan masalah. Sebelum melakukan perancangan

sistem maka peneliti terlebih dahulu melakukan proses analisa sistem yang sedang berjalan untuk

mengetahui dengan jelas permasalahan yang ada, maka peneliti merancang sistem usulan. Pada tahap

analisa sistem, akan dilakukan analisa dari suatu sistem yang sedang berjalan pada SMP Muhammadiyah

03 Medan untuk mengetahui permasalahan yang ada, kemudian akan disusun rencana dan solusi untuk

penyelesaian masalah dalam merancang sebuah sistem yang lebih efektif dan efisien.

1. Analisa Sistem Berjalan

Analisa sistem yang sedang berjalan dibuat dengan tujuan untuk menguraikan dari sistem

informasi yang utuh kedalam bagian-bagian komponen dengan maksud untuk mengidentifikasi dan

mengevaluasi permasalahan-permasalahan, yang terjadi dan kebutuhan yang diharapkan sehingga

diusulkan perbaikan. Analisa sistem berjalan digambarkan untuk mengetahui bagaimana calon

masyarakan/pabrik atau masyarakat ingin mendapatkan informasi tentang perusahaan. Proses

masyarakat/pabrik atau masyarakat mendapatkan informasi saat ini yaitu:

1. Calon masyarakat/pabrik/masyarakat mendatangi langsung SMP Muhammadiyah 03

Medan.

2. Calon masyarakat/pabrik menanyakan langsung informasi yang dibutuhkan ke pihak SMP

Muhammadiyah 03 Medan.

3. Pihak SMP Muhammadiyah 03 Medan memberikan informasi yang dibutuhkan.

�


247

Gambar 1. Analisa Sistem Berjalan

2. Sistem Usulan

Analisa sistem usulan bertujuan untuk menemukan kekurangan atau kelemahan sistem yang akan

diperbaiki tentang analisa sistem website profile yang sedang berjalan di SMP Muhammadiyah 03

Medan. Maka Sistem yang coba diusulkan oleh peneliti adalah sebuah sistem yang mampu menjawab

kekurangan dan kelemahan yang diuraikan sebelumnya.

Gambar 2. Analisa sistem usulan

3. Rancangan Sistem Usulan

Penggunaan sistem dengan cara manual yang ada pada saat ini dinilai kurang efektif dan efisien.

Untuk itu peneliti mengembangkan sistem yang ada ke suatu sistem yang lebih baik dengan

menggnakan bahasa pemograman PHP dan database MySQ .

1. Use Case Diagram

�


248

Use Case Diagram merupakan pemodelan untuk kelakuan (behavior) sistem informasi yang

akan dibuat. Use Case Diagram mendeskripsikan sebuah interaksi antar salah satu atau

lebih aktor dalam sistem informasi yang dibuat. Use Case Diagram digunakan untuk

mengetahui fungsi apa saja yang ada di dalam sebuah informasi dan siapa saja yang berhak

menggunakan fungsi-fungsi itu.

Gambar 3. Use Case Diagram SMP Muhammadiyah 03 Medan

2. Activity diagram menggambarkan berbagai alur aktivitas dalam sistem yang sedang

dirancang, bagaimana masing-masing alur berawal, desicion yang mungkin terjadi dan

bagaimana mereka berakhir. Activity diagram juga dapat menggambarkan proses pararel

yang mungkin terjadi pada beberapa eksekusi dilihat pada Gambar 4.

Gambar 4. Activity Diagram SMP Muhammadiyah 03 Medan

3. Class Diagram

Setelah memodelkan sistem utama dengan class diagram, langkah selanjutnya peneliti

menganalisa class-class yang dapat disimpulkan dalam class diagram. Adapun diagram

kelas yang digunakan dalam perancangan sistem informasi website profile SMP

Muhammadiyah 03 Medan pada Gambar 5.

�


249

Gambar 5. Class Diagram SMP Muhammadiyah 03 Medan

4. Perancangan Halaman Profile Perusahaan

Gambar 6. Perancangan Halaman Profil

Pada Gambar 6. adalah halaman yang menggambarkan halaman dimana pengguna website dapat

melihat informasi mengenai sejarah, fasilitas, dan pengumuman SMP Muhammadiyah 03 Medan.

b. Hasil Perancangan 1. Implementasi Sistem Pada tahap ini implementasi sistem yang dilakukan sesuai dengan prosedur yang telah dijalankan menguji

apakah sistem yang berjalan sesuai dengan kebutuhan dan memastikan admin dapat mengkonversi sistem

lama ke sistem baru yang akan dipakai dapat berjalan dengan baik dan benar pada Gambar 7.

�


250

Gambar 7. Halaman Login Admin

2. Halaman Dasboard Admin

Gambar 8. Halaman Dasboard Admin

Gambar 8. menunjukkan halaman dimana admin akan masuk ke halaman dashboard

administrator setelah melakukan login. Halaman dashboard yang terdiri dari dari menu profile,

fasilitas, pengumuman, galeri, berita, halaman user untuk mengelola data yang dibutuhkan pada

setiap menu yang tersedia pada website user.

3. Halaman Beranda (Home) Website

�


251

Gambar 9. halaman beranda (home)

Gambar 9. menunjukkan halaman awal saat user masuk ke halaman website Pada bagian atas

halaman website terdapat menu yang dapat diakses oleh user yaitu beranda, profile, tingkat pendidikan,

galeri, dan kontak. pada bagian tengah terdapat tombol klik disini, yang berfungsi sebagai tombol yang

akan mengarahkan ke isi dari informasi halaman beranda.

c. Kinerja Sistem Berdasarkan hasil pengujian yang terdapat pada penerapan sistem usulan maka didapat perbandingan

kinerja sistem yang berjalan sebelumnya dengan sistem usulaan yang ditunjukkan pada Tabel 1

Tabel 1. Tabel kinerja sistem

No Sistem yang berjalan sebelumnya Penerapan sistem usulan

1 Area promosi SMP Muhammadiyah 03

Medan terbatas dan memerlukan waktu yang

relatif lama

Area promosi SMP Muhammadiyah 03

Medan yang lebih luas dan tidak terikat

waktu

2

Informasi perusahaan yang didapatkan kurang

efektif dan belum teruji kebenaranya.

Informasi yang didapatkan lebih efektif dan

terpercaya

4. Kesimpulan Kesimpulan yang dapat diambil dari “Perancangan Web Profile pada SMP Muhammadiyah 03

Medan” ini adalah:

1. Melalui website ini, maka SMP Muhammadiyah 03 Medan dapat mempermudah dan mengenalkan

informasi seperti profil, fasilitas, tingkat pendidikan yang ditujukan kepada pengakses website.

2. Melalui website ini, SMP Muhammadiyah 03 Medan sekarang sudah memiliki website sebagai

media penyampaian informasi yang efektif dan efisien, sehingga jangkauan penyebaran

informasinya lebih luas, tidak terbatas.

3. Melalui website ini, SMP Muhammadiyah 03 Medan dapat memenuhi anjuran dari PLN, bahwa

sebuah instansi pendidikan memiliki website resmi.

Daftar Pustaka

1. Adiyanto, Suraya, &Sutanta, E. (2013). Integrasi Aplikasi Web Dan Sms Gateway Pada Tpi

Gempolsari Menggunakan Php Dan Mysql. Jarkom Issn, 17.

2. Afriansyah, A. (2015). Analisa Dan Perancangan Aplikasi Perpustakaan Pada Politeknik Sekayu

Menggunakan Pemograman Java. Jurnal Teknik Informatika Politeknik Sekayu (Tips) , 55-57.

�


252

3. Akbar, G., &Tjendrowaseno, T. I. (2015). Website Profil Sekolah Sebagai Media Informasi Dan

Promosi. Ijns, 34.

4. Anisya. (2013). Aplikasi Sistem Database Rumah Sakit Terpusat Pada Rumah Sakit Umum (Rsu)

‘Aisyiyah Padang Dengan Menerapkan Open Source (Php – Mysql). Jurnal Momentum, 51-52.

5. Aprianti, W., &Maliha, U. (2016). Sistem Informasi Kepadatan Penduduk Kelurahan Atau Desa

Studi Kasus Pada Kecamatan Bati-Bati Kabupaten Tanah Laut. Jurnal Sains Dan Informatika, 21-

25.

6. B, I. Y. (2014). Aplikasi Pengolahan Citra Berbasis Web Menggunakan Javascript Dan Jquery.

Teknik Vol.3, No. 3 , 2.

7. Binarso, Y. A., Sarwoko, E. A., &Bahtiar, N. (2012). Pembangunan Sistem Informasi Alumni

Berbasis Web Pada Program Studi Teknik Informatika. Jounal Of Informatics And Technology, 72-

84.

8. Dharwiyanti, S. (2013). Pengantar Unified Modeling. Kuliah Umum Ilmukomputer.Com, 3.

9. Enterprise, J. (2014). Html 5 Manual Book.Jakarta: Pt.Gramedia.

10. Faruq, U. A. (2015). Rancang Bangun Aplikasi Rekam Medis Poliklinik Universitas Trilogi. Jurnal

Informatika, 1018-1025.

11. Februariyanti, H., &Zuliarso, E. (2012). Rancang Bangun Sistem Perpustakaan Untuk Jurnal

Elektronik. Jurnal Teknologi Informasi Dinamik, 128.

12. Firmansyah, Y., &Udi. (2018). Penerapan Metode Sdlc Waterfall Dalam Pembuatan Sistem

Informasi Akademik Berbasis Web Studi Kasus Pondok Pesantren Al-Habi Sholeh Kabupaten Kubu

Raya, Kalimantan Barat. Jurnal Teknologi &Manajemen Informatika – Vol. 4 No.1 , 185.

13. G. A., &Tjendrowaseno, T. I. (2015). Website Profile Sekolah Sebagai Media Informasi Dan

Promosi. Ijsn, 2.

14. Hartanto, A., &Sukadi. (2014). Perancangan Web Profile Pada Commanditare Vennoontschap (Cv)

Impresso. Indonesian Journal On Computer Science, 2-3.

15. Iswandy, E. (2015). Sistem Penunjang Keputusan Untuk Menentukan Penerimaan Dana Santunan

Sosial Anak Nagari Dan Penyalurannya Bagi Mahasiswa Dan Pelajar Kurang Mampu Di

Kenagarian Barung – Barung Balantai Timur. Jurnal Teknoif, 72-73.

16. K, O. T., Irfan, M., &Nurpianti, A. (2013). Pembuatan Aplikasi Anbiyapedia Ensiklopedi Muslim

Anak Berbasis Web. Issn, 35-39.

17. Kadir, A., &Triwahyuni, T. C. (2013). Pengantar Teknologi Informasi (Edisi Revisi).Singapura:

Andi Offset.

18. L.Erawan. (2014, September 15). Pemograman Web.Diambil Kembali Dari Digitally Signed.

19. Lasmana, S. D., &Purba, F. R. (2013). Sistem Informasi Penjualan Motor Berbasis Web Pada

Showrom Tunggal Jaya Motorindo. Jurnal Teknik Dan Ilmu Komputer, 417.

20. Lasminiasih, P, S., Akbar, A., Andriansyah, M., &Utomo, R. B. (2016). Perancangan Sistem

Informasi Kredit Mikro Mahasiswa Berbasis Web. Jurnal Sistem Informasi (Jsi), Vol. 8, No. 1 , 884.

21. Lumbanbatu, M. D., &Novriyeni (2018). Perancangan Sistem Informasi Penyebaran Penduduk

Menggunakan Php My Sql Pada Kecamatan Binjai Selatan. Kaputama,Vol7 No 1 , 20.

22. Maudi, M. F., Nugraha, A. L., &Sasmito, B. (2014). Desain Aplikasi Sistem Informasi Pelanggan

Pdam Berbasis Webgis (Studi Kasus : Kota Demak). Jurnal Geodesi Undip, 101.

23. Membara, E. P., Yulianti, L., &Kanedi, I. (2014). Sistem Informasi Akademik Smp Negeri 2 Talang

Empat Berbasis Web. Jurnal Media Infotama, 73-74.

24. Pranata, D., Hamdani, &K, D. M. (2015). Rancang Bangun Website Jurnal Ilmiah Bidang

Komputer (Studi Kasus : Program Studi Ilmu Komputer Universitas Mulawarman. Jurnal

Informatika Mulawarman, 26.

25. Pulu Agus Eka Pratama, S. (2015). Handbook Jaringan Komputer.Bandung: Informatika.

26. R. H., Hidayat, A., &Utomo, V. G. (2015). Sistem Informasi Penjadwalan Kegiatan Belajar

Mengajar Berbasis Web (Studi Kasus : Yayasan Ganesha Operation Semarang). Jurnal Evolusi

Volume, 3-7.

27. Sanjani, L. A., Janu, S. H., &Sudarmaningtyas, P. (2014). Rancang Bangun Sistem Informasi

Penggajian Pegawai Dan Remunerasi Jasa Medis Pada Rumah Sakit Bedah Surabaya. Jurnal Sistem

Informasi, 88-89.

28. Sarwono, J. (2012). Metode Riset Online: Teori, Praktik, Dan Pembuatan Aplikasi Menggunakan

Html, Php, Dan Css.Jakarta: Pt Elex Media Komputindo.

29. Setyowibiwo, S., &Mumpuni, I. D. (2016). Aplikasi Sistem Informasi One Stop Pet Shop Berbasis

Web Pada Golden Pet. Jurnal Ilmiah Teknologi Dan Informasi Asia, 34.

30. Sulistya, C. S. (2013). Adobe Dreamweaver Cs6.Yokyakarta: Andi Offset.

�


253

31. Susanto, R., &Andriana, A. D. (2014). Perbandingan Model Waterfall Dan Prototyping Untuk

Pengembangan Sistem Informasi. Majalah Ilmiah Unikom, 42.

32. Suyatno, &Irianto, T. T. (2013). Pembuatan Website Profil Sekolah Dasar Negeri 03 Karangsari

Jatiyoso. Ijns, 46.

33. Syakur, M. L., &Wardati, I. U. (2017). Sistem Informasi Penyewaan Lapangan Futsal Pada

Grindulu Futsal Pacitan. Jurnal Bianglala Informatika – , 46-51.

34. Utomo, W. B., &Bakara, C. (2013). Pembuatan Web Profil Sekolah Menengah Pertama Negeri 1

Ngrampal Dengan Menggunakan Php Dan Mysql. Seminar Riset Unggulan Nasional Informatika

Dan Komputer Fti Unsa, 85-86.

35. W. A., &Maliha, U. (2016). Sistem Informasi Kepadatan Penduduk Kelurahan Atau Desa Studi

Kasus Pada Kecamatan Bati-Bati Kabupaten Tanah Laut. Jurnal Sains Dan Informatika, 22-23.

36. Winarno St, M. E., Zaki, A., &Community, S. (2013). Buku Sakti Pemograman Php.Jakarta:

Pt.Alex Media Komputindo.

37. Yusri. (2015). Sistem Informasi Perpustakaan Berbasis Web Pada Smp Frater Makassar. Yusri /

Jupiter Vol. Xiv No.2 , 67.

Documents

Perancangan Web Profile pada SMP Muhammadiyah 03 Medan