MEMBANGUN WEBSITE ENSIKLOPEDIA SEJARAH DI INDONESIA SEBAGAI MEDIA PEMBELAJARAN NASKAH PUBLIKASI diajukan oleh Nugroho Prasetyo 13.11.6942 kepada FAKULTAS ILMU KOMPUTER UNIVERSITAS AMIKOM YOGYAKARTA YOGYAKARTA 2017 NASKAH PUBLIKASI MEMBANGUN WEBSITE ENSIKLOPEDIA SEJARAH DI INDONESIA SEBAGAI MEDIA PEMBELAJARAN yang dipersiapkan dan disusun oleh Nugroho Prasetyo 13.11.6942 Dosen Pembimbing Rum Mohamad Andri Kr, Ir, M.Kom. NIK. 190302011 Tanggal, 20 Februari 2017 Ketua Program Studi S1 – Informatika Sudarmawan, M.T. NIK. 190302035 MEMBANGUN WEBSITE ENSIKLOPEDIA SEJARAH DI INDONESIA SEBAGAI MEDIA PEMBELAJARAN Nugroho Prasetyo1), Rum Mohamad Andri2) 1) Informatika UNIVERSITAS AMIKOM Yogyakarta Ilmu Komputer UNIVERSITAS GADJAH MADA Yogyakarta Jl Ringroad Utara, Condongcatur, Depok, Sleman, Yogyakarta Indonesia 55283 Email : [email protected]), [email protected]) 2) merupakan buku yang memiliki tingkat ketebalan yang tinggi, hal itulah yang membuat orang enggan memiliki buku ensiklopedia tersebut. Abstract - The development of the internet is growing very rapidly. Supported by information technology increase very significantly is an appropriate alternative for the public in accessing information. Various things are uploaded and accessible via the Internet anytime and anywhere. With the development and improvement of existing technology will be the development of a website. This website will explain the history of what is found in Indonesia. The website will be built using PHP scripts and MySQL as the database. Based on the above problems, the authors hope that the website will be built to provide convenience and advantages for users seeking information about the history of the internet. Dengan memanfaatkan perkembangan teknologi informasi yang semakin maju, tidak terelakan lagi proses transformasi pembelajaran kovensional ke bentuk digital. Internet dapat menjadi alternatif tepat dalam mengakses informasi. Berbagai hal diakses melalui internet kapanpun dan dimanapun serta memberikan kemudahan bagi pengguna untuk menemukan informasi yang diinginkan. Interaksi Manusia dan Komputer (IMK) pada dasarnya merupakan suatu interaksi timbal balik antara manusia dengan komputer yang mempunyai tujuan mempermudah manusia mengoperasikan komputer. Aplikasi dari IMK sangat banyak sekali jenisnya, salah satu aplikasi yang berhubungan sistem IMK yaitu perancangan website. Keywords: Internet, Information, Technology, Website, History 1. Pendahuluan 1.2 Rumusan Masalah 1.1 Latar Belakang Berdasarkan Rumusan masalah dalam membangun website ensiklopedia sejarah di Indonesia adalah bagaimana agar informasi mengenai sejarah berbasis web mampu memberikan kemudahan bagi pengguna untuk menyerap informasi? Saat ini pembelajaran tentang ilmu pengetahuan dan teknologi semakin berkembang, khususnya dalam pemanfaatan Teknologi Informasi dan Komunikasi (TIK). TIK dalam hal ini berperan penting dalam meningkatan kualitas sumber daya manusia dan mutu dunia pendidikan, contohnya internet. Internet menjadi media elektronik untuk pertukaran ataupun pencarian informasi secara efektif dan efisien. Manfaatnya yang lain yaitu untuk menawarkan kecepatan pertukaran informasi, kenyamanan komunikasi, dan kemudahan dalam penggunaanya. 2. Landasan Teori 2.1 Tinjauan Pustaka Penlitian pertama adalah penelitian yang berjudul ”Analisis dan Perancangan Sistem Pembelajaran dengan Jejaring Sosial pada Universitas Persada Indonesia Y.A.I” (Dennis Andrian, dkk, 2010) [1]. Ensiklopedia adalah buku (atau serangkaian buku) yang menghimpun keterangan atau uraian tentang berbagai hal dalam bidang seni dan ilmu pengetahuan, yang disusun menurut abjad atau menurut lingkungan ilmu. Ensiklopedia seharusnya dapat menjadi sesuatu yang dapat menunjang dalam memberikan penjelasan tentang kata/makna dari suatu kata yang belum kita ketahui. Dengan begitu kita bisa menambah wawasan dengan membuka buku ensiklopedia dalam mengembangkan pengetahuan. Penelitian yang ke dua adalah “Rancang Bangun Aplikasi E-learning dengan Materi TIK(Teknologi Informasi dan Komunikasi) untuk Kelas VII Berbasis Web” (Mufidah Nurul, 2012) [2]. Referensi penelitian lainnya “Analisis Penerapan Elearning Berbasis Web pada Pembelajaran Bahasa Prancis di Kelas XI SMA Negeri 13 Semarang” (Tukini, 2012) [3]. Namun, saat ini buku ensiklopedia sangat jarang ditemukan, sangat jarang pula dilihat keberadaan di rumah-rumah, mungkin hanya sebahagian orang saja yang mempunyai buku ensiklopedia. Bilapun ada, hanya berejejer rapi dalam rak yang disusun, tidak dimanfaatkan dengan baik. Hal ini dikarenakan buku ensiklopedia 2.2 Dasar Teori 2.2.1 Sejarah Internet Cikal bakal internet pertama kali diprakarsai sebuah proyek ARPA yang juga dikenal dengan ARPANET (Advance Research Project Agency Network) di Amerika 1 Serikat pada tahun 1969. Proyek tersebut menunjukkan bahwa dengan memanfaatkan sistem dan software berbasis Unix komunikasi bisa dilakukan tanpa batas jarak melalui jaringan telepon. Seiring perkembangan proyek tersebut muncullah cikal bakal TCP/IP (Transmission Control Protocol atau Internet Protocol) yang kita gunakan saat ini. Perkembangan rananganpun semakin mengarah ke arah positif, internet yang sebelumnya dirancang untuk kebutuhan militer lama kelamaan mulai dikembangakan untuk keperluan pendidikan dan umum [4]. record dari data tersebut. MySQL merupakan salah satu dari sekian banyak database server. Database MySQL banyak digunakan dalam pembuatan web dinamis karena kemudahan yang ditawarkan sehingga pengguna lebih memahami pemakaiannya secara cepat. 3. Analisis dan Perancangan 3.1 Analisis Sistem Analisis sistem merupakan tahapan yang penting dalam mengembangkan sebuah sistem baru maupun sistem yang telah ada. Karena pada tahapan ini seorang analis sistem dituntut untuk bisa mengidentifikasi dan mengevaluasi berbagai macam masalah atau hambatan yang timbul pada sistem yang ada sehingga nantinya bisa dilakukan penanggulangan, perbaikan dan juga pengembangansehingga dapat dibangun sistem baru yang mampu mengakomodir kebutuhan pengguna dengan baik. Untuk mengidentifikasi permasalahan penulis menggunakan metode yang dikenal dengan analisis SWOT (Strength, Weakness, Opportunity, Treath). 2.2.2 World Wide Web WWW (World Wide Web) adalah sebuah jaringan global situs internet multimedia untuk informasi, hiburan, pendidikan dan bisnis. WWW merupakan sistem hypertext yang dirangkai menjadi jaringan yang memungkinkan dokumen dibaca banyak orang melalui internet. WWW dikembangkan pertama kali di pusat penelitian fisika partikel Eropa (CERN), Jenewa, Swiss. Pada awalnya web ini dikembangkan untuk memudahkan para peneliti di seluruh dunia untuk mempelajari dokumen tanpa harus meninggalkan negaranya. Pertama kali diluncurkan sebuah web berisikan teks murni. Dewasa ini web telah berkembang sedemikian pesatnya. Tidak hanya berisikan teks saja namun berisikan komponen multimedia seperti gambar, audio, video, dan lain-lain [5]. 3.4 Flowchart Sistem Flowchart adalah adalah suatu bagan dengan simbolsimbol yang menggambarkan urutan proses secara mendetail dan hubungan antara suatu proses (instruksi) dengan proses lainnya. 2.2.3 Website Website atau situs web adalah dokumen-dokumen web yang terkumpul menjadi satu kesatuan yang memiliki URL (Uniform Resource Locator)/domain [6]. 2.2.4 PHP (Hypertext PreProcessor) PHP (Hypertext PreProcessor) adalah bahasa server side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis. Sintaks dan perintah-perintah PHP akan dieksekusi di server kemudian hasilnya dikirim dalam format HTML. Dalam hal ini PHP bersifat server side scripting, maksudnya adalah aplikasi yang dibangun akan ditampilkan pada web browser sedangkan secara keseluruhan prosesnya dilakukan oleh web server. Penggunaan PHP memungkinkan web dibuat secara dinamis sehingga memberikan kemudahan terhadap maintenance-nya. Gambar 1. Flowchart Sistem 3.5 Data Flow Diagram Sistem Level 0 Sistem 2.2.5 MySQL (My Structure Query Language) MySQL (My Structure Query Language) atau yang biasa disebut “mai-se-kuel” adalah sebuah program pembuat database yang bersifat open source, artinya siapa saja boleh menggunakannya dan tidak dicekal. Karena sifatnya yang open source, MySQL dapat dijalankan di semua platform baik wondows maupun linux. MySQL telah banyak digunakan hampir oleh semua programmer database, apalagi dalam pemrograman web. Database merupakan salahsatu aspek yang sangat penting dalam pembuatan web yang sifatnya dinamis. Dalam database berisikan tabel-tabel data yang terdri dari kolom dan baris Gambar 2. Data Flow Diagram Level 0 Sistem 2 3.6 Data Flow Diagram Sistem Level 1 Sistem 3.8 Data Flow Diagram Sistem Level 2 Sub Menu Gambar 5. Data Flow Diagram Sistem Level 2 Sub Menu 3.9 Data Flow Diagram Sistem Level 2 Halaman Gambar 6. Data Flow Diagram Sistem Level 2 Halaman 3.10 Data Flow Diagram Sistem Level 2 Artikel Gambar 7. Data Flow Diagram Sistem Level 2 Artikel Gambar 3. Data Flow Diagram Sistem Level 1 Sistem 3.11 Data Flow Diagram Sistem Level 2 Galeri 3.7 Data Flow Diagram Sistem Level 2 Menu Gambar 8. Data Flow Diagram Sistem Level 2 Galeri Gambar 4. Data Flow Diagram Sistem Level 2 Menu 3 3.12 Data Flow Diagram Sistem Level 2 Pesan 4.1 Implementasi Program Admin 4.1.1 Halaman Login Admin Berikut merupakan tampilan login admin yang perlu diisikan hanya username dan password: Gambar 9. Data Flow Diagram Sistem Level 2 Pesan 3.13 Entity Relationship Diagram ERD (Entity Relationship Diagram) adalah suatu model untuk menjelaskan hubungan antar data dalam database berdasarkan objek-objek dasar data yang mempunyai hubungan antar relasi. Gambar 12. Halaman Login Admin Apabila username atau password kosong, program akan menampilkan kotak dialog seperti berikut dibawah ini: Gambar 10. Entity Relationship Diagram Berikut tampilan relasi antar tabel dalam database: Gambar 13. Halaman Pesan Kesalahan Form Login Kosong Apabila username atau password salah, program akan menampilkan kotak dialog seperti berikut dibawah ini: Gambar 14. Halaman Pesan Kesalahan Form Login Salah 4.1.2 Halaman Control Panel Admin Gambar 11. Relasi Antar Tabel 4. Implementasi Implementasi merupakan tahapan setelah melakukan analisis dan perancangan dimana sistem siap dioperasikan untuk mengetahui apakah sistem yang dibangun sesuai atau belum dengan apa yang telah dijadikan tujuan. Sistem harus terbebas dari kesalahan sebelum sistem diterapkan. Kesalahan sistem yang mungkin terjadi adalah kesalahan dalam menulis syntax. Implementasi meliputi implementasi program dari sisi admin dan dari sisi visitor web. Gambar 15. Halaman Login Admin 4 4.2 Implementasi Program Visitor 4.2.3 Halaman Profil (Tentang Kami) Visitor 4.2.1 Halaman Home Visitor Halaman profil (tentang kami) merupakan salah satu halaman yang disediakan untuk pengunjung yang ingin mengetahui tentang website ini. Halaman home menampilkan serta mengakses halaman awal dari website. Pada halaman home seorang pengunjung website akan disuguhkan dengan beberapa menu meliputi profil (visi dan misi serta tentang kami), galeri, kontak kami. Gambar 18. Halaman Profil (Visi dan Misi) Visitor 4.2.4 Halaman Galeri Halaman galeri merupakan halaman bagi pengunjung yang ingin mengetahui foto-foto materi ensiklopedia sejarah di Indonesia dapat mengunjunginya. Gambar 16. Halaman Home Visitor 4.2.2 Halaman Profil (Visi dan Misi) Visitor Halaman profil (visi dan misi) merupakan salah satu halaman yang disediakan untuk pengunjung yang ingin mengetahui visi dan misi website ini. Gambar 19. Halaman Galeri Visitor 4.2.5 Halaman Kontak Kami Menu kontak kami merupakan menu yang disediakan kepada pengunjung untuk mengirim pesan kepada admin. Gambar 17. Halaman Profil (Visi dan Misi) Visitor 5 Gambar 20. Halaman Kontak Kami 5. [3] Tukini. 2012. Analisi Penerapan E-learning Berbasis Web pada Pembelajaran Bahasa Perancis di Kelas XI SMA Negeri 13 Semarang. Undergraduate Thesis. Semarang, Indonesia: Universitas Negeri Semarang. Kesimpulan dan Saran 5.1 Kesimpulan [4] Achmad A. Pengertian Internet dan Sejarah Internet. Disalin dari http://www.likethisya.com/pengertianinternet.html diakses pada 26 November 2016. Berdasarkan pembahasan pada bab-bab sebelumnya, maka menghasilkan kesimpulan sebagai berikut: 1. 2. 3. 4. Untuk dapat membangun website ensiklopedia sejarah ini perlu melakukan analisis sistem dengan metode analisis SWOT serta perancangan sistem yaitu flowchart, DFD, dan ERD, perancangan database yaitu perancangan database pada MySQL, serta perancangan interface. Website ini mampu menampilkan informasi mengenai sejarah yang ada di Indonesia. Website ini membantu pengguna/pengunjung untuk mencari kata dengan fitur pencarian yang ada di sistem. Dengan adanya sistem informasi berbasis website masyarakat dapat memperoleh informasi mengenai sejarah kapanpun dan dimanapun berada asal terhubung dengan internet. [5] M. Suyanto. 2003, 2005. Multimedia Alat untuk Meningkatkan Keunggulan Bersaing. Yogyakarta: Andi Offset. [6] M. Rudyanto Arief. 2011. Pemrograman Web Dinamis menggunakan PHP dan MySQL. Yogyakarta: Andi Offset. Biodata Penulis Nugroho Prasetyo, memperoleh gelar Sarjana Komputer (S.Kom.), Program Studi Informatika UNIVERSITAS AMIKOM Yogyakarta, lulus tahun 2017. Rum Mohamad Andri, memperoleh gelar Magister Komputer (M.Kom.), Program Studi Ilmu Komputer Fakultas Matematika dan IPA UNIVERSITAS GADJAH MADA Yogyakarta. 5.2 Saran Pada penulisan skripsi ini tentu masih banyak kekurangan dan masih diperlukan pengembangan lebih lanjut baik dari sisi penulisan laporan maupun dari sisi sistem. Maka diharapkan bahwa skripsi ini dapat dilanjutkan dengan penelitian lebih lanjut oleh pembaca. Terdapat beberapa saran untuk penyempurnaan dan pengembangan yang lebih baik terhadap website ini untuk kedepannya. Adapun saran yang ingin disampaikan adalah sebagai berikut: 1. 2. 3. Membuat tampilan yang lebih menarik mengikuti perkembangan teknologi dan informasi yang ada, sehingga pengguna/pengunjung tidak bosan menggunakan/mengunjungi website ini seiring berjalannya waktu. Penyempurnaan fitur-fitur yang sudah ada agar lebih mudah digunakan dan dapat bekerja lebih baik. Segi keamanan sistem harus selalu diperhatikan agar tidak terjadi hal-hal yang tidak diinginkan. Daftar Pustaka [1] Dennis Andrian, Dias Sri Handono, Chayati Aryatama. 2010. Analisis dan Perancangan Sistem Pembelajaran dengan Jejaring Sosial pada Universitas Persada Y.A.I. Undergraduate Thesis. Jakarta, Indonesia: Binus University. [2] Mufidah Nurul. 2012. Rancang Bangun Aplikasi Elearning dengan Materi TIK (Teknologi Informasi dan Komunikasi) untuk Kelas VII Berbasis Web. Undergraduate Thesis. Semarang, Indonesia: Universitas STIKUBANK (UNISBANK). 6