BERANDA ONLINE NUSANTARA

BERANDA ONLINE NUSANTARA

Budi Arto Simamora1, Husni Lubis2

Jurusan Sistem Informasi Sekolah Tinggi Teknik Harapan Medan

Jl.H.M. Jhoni No.70 C, Medan 20217

Email : budiarto.simamora@yahoo.co.id1, husni.lubis82@gmail.com2

ABSTRAK

Perkembangan teknologi informasi khususnya perangkat lunak telah banyak memberikan pengaruh dalam kehidupan manusia. Pada studi ini dibuat sebuah mediayangakan menjadi media promosi dari sejarah perkembangan Nusantara di Indonesia. Sejarah perkembangan Nusantara telah banyak dilupakan oleh masyarakat terutama para generasi muda. Untuk menjaga kelestariannya maka dibangunlah sebuahmedia online yangdapat memberikan informasi sejarah perkembangan Nusantara. Media ini diharapkan dapat menjadi media informasi khususnya sejarah Nusantara sehingga sejarah masa lampauyang merupakan salah satu identitas negara dapat terus dilestarikan keberadaannya.Dalam implementasinya, media ini akan di onlinekan atau di hosting, web ini dibangun dengan PHP dan MySQL

Kata Kunci : Beranda, Nusantara, Online.

ABSTRACT

The development of information technology, especially software has a lot of influence in people's lives. In this study created a media that will be a media campaign of the historical developments in the Indonesian archipelago. Historical development of the archipelago has been largely forgotten by the public, especially the younger generation. To maintain continuity, he built an online media that can provide the history of the archipelago information. The media is expected to become a medium of information, especially the history of the archipelago that past history which is one of the country's identity can continue to preserve its existence. In its implementation, this application will be put online or on the hosting, the web is built with PHP and MySQL with Dreamweaver tool

Keywords: Home, Archipelago, Online. .

1. Pendahuluan

Pada zaman purba, kepulauan Indonesia disebut dengan beragam nama. Dalam catatan bangsa Tionghoa kawasan kepulauan tanah air dinamai Nan-hai (Kepulauan Laut Selatan). Berbagai catatan kuno bangsa India menamai kepulauan ini Dwipantara (Kepulauan Tanah Seberang), nama yang diturunkan dari kata Sansekerta dwipa (pulau) dan antara (luar, seberang). Kisah Ramayana karya pujangga Walmiki menceritakan pencarian terhadap Sinta, istri Rama yang diculik Rahwana, sampai ke Suwarnadwipa (Pulau Emas, yaitu Sumatra sekarang) yang terletak di Kepulauan Dwipantara. Semua nama di atas sekarang telah dikenal dengan nama Nusantara.

Nusantara dalam perkembangannya telah

meninggalkan ragam sejarah serta peninggalan-peninggalan yang saat ini informasinya sulit didapatkan. Sebelum sampai saat ini Nusantara telah dilalui oleh berbagai era. Prasejarah, Kerajaan Hindu-Budha dan Kerajaan Islam merupakan salah satu dari era tersebut dimana pada masing-masing era telah banyak menghasilkan adat, budaya serta kepercayaan yang dianut oleh masyarakat pada saat itu. Pada saat ini Beranda tempat informasi Sejarah Nusantara sangat minim adanya hal ini lah diharapkan dapat menjadi solusi

permasalahan tersebut. Dimana tujuan dari

penelitian ini ialah untuk membangun sebuah Beranda berupa “Beranda Online Nusantara” tempat informasi Sejarah Perkembangan Nusantara

Beranda yang akan dibangun pada penelitian ini berbasis website

dan akan dibangun secara online dengan

memanfaatkan media internet.

Kebudayaan Balai Pustaka arti dari Beranda

adalah ruang beratap yang terbuka (tidak

berdinding) dibagian samping atau depan rumah. Beranda dalam dunia komputer sama artinya dengan laman, dimana laman sendiri berarti halaman depan atau halaman muka.[1]

Nusantara merupakan sebutan untuk Negara kepulauan yang terletak di Kepulauan Indonesia

saat ini.Catatan bangsaTionghoa menamakan

kepulauan ini dengan Nan-hai yang berarti

Kepulauan Laut Selatan

.

[2]

Internet yang berasal dari kepanjangan Interconnected Network adalah sebuah sistem

komunikasi global yang menghubungkan

komputer-komputer dan jaringan-jaringan komputer di seluruh dunia.[3]

PHP yang merupakan singkatan dari PHP

Hypertext Processor.PHP merupakan bahasa

berbentuk skrip server–side dalam pengembangan web yang disisipkan pada dokumen HTML yang ditempatkan dalam server dan diproses di server.[4]

MySQL merupakan software RDBMS (server database yang dapat mengelola database dengan cepat, dapat menampung data dalam jumlah sangat besar, dapat diakses oleh banyak user (multi-user) dan dapat melakukan suatu proses secara sinkron atau berbarengan (multi-threaded).[5]

Unified Modelling Language (UML) adalah sebuah “bahasa” yang telah menjadi standar dalam

industri untuk visualisasi, merancang dan

mendokumentasikan sistem piranti lunak. UML menawarkan sebuah standar untuk merancang model sebuah system.[6]

2. Metode Penelitian

Metodologi penyelesaian masalah yang penulis gunakan adalah sebagai berikut :

2.1 Studi Dokumentasi

Mencari data dan informasi yang dibutuhkan dengan mempelajari, membaca teori-teori buku serta bahan refrensi lainnya yang mempunyai kaitan dengan topik yang diangkat dalam tugas akhir ini. Data yang diperoleh dari studi dokumentasi ini merupakan data sekunder yang teoritis dan ilmiah serta diharapkan dapat menjadi landasan teori yang dapat digunakan sebagai bahan penulisan tugas akhir ini. 2.2 Perancangan Sistem

Merancang program yang diimplementasikan kedalam program komputer seperti : antar muka (interface), menu, dan sebagainya. 2.3 Implementasi Sistem/Coding

Mengimplementasikan kedalam bentuk

program komputer. Program yang akan dibangun menggunakan bahasa pemrograman PHP dan MySQL.

2.4 Pengujian perangkat lunak dengan melakukan pengujian program agar terbebas dari error dan hasilnya sesuai dengan kebutuhan yang telah di definisikan.

Analisis dan Perancangan Sistem

Analisis ini dilakukan untuk mengetahui serta mengidentifikasi kebutuhan-kebutuhan apa saja yang diperlukan dalam pembangunan sebuah sistem. Kebutuhan itu meliputi kebutuhan dasar sistem, kebutuhan perangkat lunak maupun kebutuhan perangkat keras. Dengan mengetahui kebutuhan sistem maka akan mempermudah proses perancangannya.

Ruang lingkup pada penelitian ini ialah

membangun sebuah media informasi yang

mengupas secara detail mengenai sejarah

perkembangan Nusantara Indonesia. Media

informasi ini berisi rentetan sejarah perkembangan

Nusantara dalam beberapa zaman meliputi

prasejarah, kerajaan Hindu-Budha, kerajaan Islam, Kolonial hingga Zaman Kemerdekaan. Beranda digunakan sebagai istilah dari media informasi ini, hal ini sebab dalam proses penyajiannya, informasi akan disampaikan dalam beberapa halaman website

dengan pertimbangan tertentu sehingga

menyebabkan Beranda berperilaku sebagai sistem informasi. Beranda ini nantinya akan terkoneksi dengan jaringan internet sehingga data yang ada pada laman tersebut dapat diakses oleh masing-masing komputer yang terhubung/online.

Analisis Kebutuhan Aplikasi

Analisis kebutuhan sistem dimaksudkan untuk menganalisa kebutuhan perangkat lunak maupun kebutuhan informasi dari sistem yang akan di bangun. Dalam implementasinya, beranda online

ini dibangun menggunakan Macromedia

Dreamweaver sebagai serta bahasa pemrograman PHP dan database MySQL yang di simpan pada sebuah web hosting.

Selain perangkat lunak diatas, sistem ini juga membutuhkan data maupun informasi yang nantinya akan disajikan pada laman website. Beranda Online ini merupakan media informasi

yang berisi rentetan sejarah perkembangan

Nusantara dalam beberapa zaman meliputi

Prasejarah, Kerajaan Hindu-Budha, Kerajaan

Perancangan Tabel Tabel Kerajaan

Tabel Kerajaan berfungsi untuk menampung data Kerajaan pada masa Hindu/Budha dan Islam di Nusantara, seperti pada Tabel1.

Tabel 1 Tabel Kerajaan

Tabel Masa

Tabel Masa berfungsi untuk menampung data masa kerajaan terletak dimana yang ada pada Beranda Online Nusantara, seperti pada Tabel 2 berikut ini.

Tabel 2 Tabel Masa

No. Nama Field Type

Data

Size

1 Id_Masa Int 35

2 Nama_Masa Char 50

Tabel Non Kerajaan (Prasejarah, Kolonial dan Kemerdekaan)

Tabel 3 Tabel Non Kerajaan

No .

Nama Field Typ

e

Siz e

Keteranga n

1 Id_NonKerajaan Int 35 Id Non

Kerajaan 2 Nama_NonKeraja an Cha r 50 Nama Non Kerajaan

3 Isi Cha - Isi

r

4 Gambar Cha

r

- Gambar

5 Id_Masa Int 35 Id Masa

UML (Unified Modelling Languange)

Dalam perancangan sistem kali ini, penulis akan memaparkan bagaimana gambaran umum sistem dengan menggunakan UML (Unified Modelling Languange) sebagai media visualisasi sistem yang akan

Use Case Diagram

Use case akan menggambarkan secara grafis

bagaimana interaksi antara sistem dengan

pengguna. Berikut use case diagram beranda online Nusantara Sistem Pengunjung Mencari Informasi Nusantara Kelola Informasi Nusantara Admin Login Lihat Informasi Nusantara <<include>>

Gambar 1 Use Case Diagram Class Diagram

Class akan menggambarkan struktur sistem dari segi pendefinisian kelas-kelas yang dibuat untuk membangun sistem. Berikut class diagram Beranda Online Nusantara.

No. Nama Field Type

Data

Size Keterangan

1 Id_Kerajaan Int 35 Id Kerajaan

2 Nama_Kerajaan Char 50 Nama

Kerajaan

3 Ibukota Char 50 Ibukota

Kerajaan

4 Bahasa Char 30 Bahasa

Kerajaan

5 Agama Char 30 Agama dianut

6 Pemerintahan Char 30 Pemerintahan

7 Isi Char - Isi

8 Gambar Char - Gambar

+Tambah() +Hapus() +Edit() -Id_Kerajaan : int -Nama_Kerajaan : char -Ibukota : char -Bahasa : double -Agama : double -Pemerintahan : char -Isi : char -Gambar : char -Id_Masa : int Kerajaan -Id_Masa : int -Nama_Masa : char Masa 1 0..* +Tambah() +Hapus() +Edit() -Id_NonKerajaan : int -Nama_NonKerajaan : char -Isi : int -Gambar : char -Id_Masa : int NonKerajaan 0..* 1

Gambar 2 Class Diagram Activity Diagram Login Admin

Sistem Admin

Input username dan password Validasi Username dan password

Masuk ke Menu Utama [ tidak valid ]

[ valid ]

End Start

Gambar 3 Activity Diagram Login Admin

Pada Activity Login Admin diawali dengan memasukkan username dan password admin, jika data yaitu username dan password tidak valid maka proses input diulangi. Dan jikadata yaitu username dan valid maka masuk ke menu utama

administrator kemudian proses selesai

.

Activity Diagram Kelola Informasi Nusantara

Admin Sistem

Cek Data Nusantara

Update Data [ ada ]

End Start

Input Informasi Nusantara

Insert Data [ tidak ada ]

Gambar 4 Activity Diagram Kelola Informasi Nusantara

Pada Activity Kelola Informasi Nusantara proses diawali dengan input informasi Nusantara, jika data belum ada maka proses insert data dilakukan dan data disimpan. Pilihan kedua ialah update data, proses ini dilakukan apabila data telah tersedia kemudian proses selesai.

3. Hasil dan Pembahasan

Implementasi merupakan tahap untuk

menerapkan beranda yang baru saja dirancang.

Implementasi ini dilakukan agar proses

pengoperasian beranda dapat berjalan dengan baik, untuk itu dibutuhkan beberapa perangkat sebagai pelengkap aplikasi.

Halaman beranda merupakan halaman yang pertama sekali muncul ketika seorang pengunjung berkunjung pada Beranda Online Nusantara. Berikut tampilan halaman beranda

Gambar 5 Tampilan Halaman Beranda

Tampak pada tampilan halaman berandayaitu isi dari menu home yang berisi uacapan selamat datang di halaman website yang juga berisikan informasi seputar Nusantara. Apabila kita klik menu selanjutnya yaitu menu kerajaan maka akan muncul halaman kerajaan dengan informasi yang lebih lengkap, seperti gambar 6 berikut ini :

Gambar 6 Halaman Kerajaandan Non Kerajaan

Pada halaman beranda website juga terdapat menu ”Tentang Kami”, di dalam halaman ini

pengunjung melihat informasi tentang kami yaitu mengenai Beranda Online Nusantara.

Gambar 7 Halaman Tentang Kami

Pada halaman menu utama website juga terdapat menu Kontak Kami, di dalam halaman ini

pengunjung dapat mengirimkan pesan dan

komentar kepada adminstrator. Berikut ini adalah gambar 8 tampilan halaman Kontak Kami :

Gambar 8 Tampilan Halaman Kontak Kami Halaman Administrator

Hasil pengujian program dari tugas akhir ini terdapat juga halaman login khusus untuk admin. Adapun untuk masuk ke halaman administrator admin di minta login dengan memasukan password dan username yang telah di tentukan oleh admin. Berikut gambar tampilan menu login administrator

Gambar 9 Tampilan Login Administrator

Setelah terjadinya verifikasi username dan password, maka akan menampilkan halaman utama administrator Beranda Online Nusantara. Pada halaman ini adaministrator dapat melakukan

penginputan, pengeditan dan penghapusan data. Berikut tampilan halaman utama adminsitrator

Gambar 10 Tampilan Halaman Admin

Pada halaman website administrator Beranda

Online Nusantara ini juga terdapat menú

”KerajaanNusantara”, untuk mengupdate atau meng input informasi kerajaan-kerajaan Nusantara ini adalah Gambar 11 tampilan halaman tambah kerajaan Nusantara.

Gambar 11Tampilan Halaman Daftar Kerajaan Nusantara

Tampilan halaman administrator Daftar Kerajaan Nusantara dimana administrator dapat melihat daftar data Kerajaan Nusantara yang telah diinput oleh admin sebelumnya, administrator juga dapat melakukan penghapusan data Kerajaan Nusantara, berikut gambarTampilan administrator Daftar Kerajaan Nusantara :

Gambar 12 Tampilan Halaman Daftar Kerajaan Nusantara

4. Kesimpulan

Daribeberapa penjelasan dan uraian pada bab sebelumnya dapat diambil kesimpulan sebagai berikut :

1. Beranda Online Nusantara berhasil dibangun dengan menggunakan bahasa pemrograman web berupa PHP, CSS dan JavaScript yang terintegrasi dengan database MySQL.

2. Beranda Online Nusantara dibangun dengan maksud untuk menjadi sebuah media informasi

yang mengupas sejarah perkembangan

Nusantara.

3. Dalam penyajian informasi dan update informasi website, baik itu pengunjung

maupun administrasi, beranda online

Nusantara telah dapat diakses secara online dengan memanfaatkan sebuah web hosting.

DAFTAR PUSTAKA

[1] Endarmoko,Eko.2006.Kamus Besar Bahasa

Indonesia,Departemen Pendidikan dan

KebudayaanBalaiPustaka.Jakarta:Publishing [2]Samantho.2011.AtlantisNusantara.Jakarta:Ufuk [3] Suryatiningsih dan Wardhani, Muhammad.

2009.Pemrograman Web.Bandung : Program Studi Manajemen Informatika

[4] Kadir,Abdul.2008.Desain Pemrograman Web Dinamis.Yogyakarta:Andi Publishing

[5] Raharjo,Budi.2011.Belajar Otodidak Membuat

Database Menggunakan

MySQL.Bandung:Informatika

[6] Sugiarti,Yuni.2013.Analisis Perancangan