Buletin Sariputra, Februari 2015 Vol. 2 (1)
PEMBANGUNAN SISTEM INFORMASI BERBASIS WEBSITE PADA SMA NEGERI 1 SERUI DEVELOPMENT OFWEB-BASED INFORMATION SYSTEM AT HIGH SHCOOL1 IN SERUI Dharma Surya Mahasthavira, Don Kabo, Hans Korwa Rektor Universitas Sariputra Indonesia Tomohon Dosen Fakultas Teknik Universitas Sariputra Indonesia Tomohon Mahasiswa Fakultas Teknik Jurusan Teknik Informatika Univeristas Sariputra Indonesia Tomohon
ABSTRACK Development of science and information very quick, especially in the fieldsofeducation, therefore it is necessary to obtain information and provide information communicatively. The best solution in providing information at the present time is the development of web-based information systems. In areas far from the capital of the State, such as the City Serui more specifically SMA Negeri 1 Serui require a website as a means of communication of information faster and easier for the access without being limited by time and space to support the education world and how people get information about the school. Building a websitebased information system the authors use the methodology of system development Framework for the Application System Techniques (FAST), which through the stages of scope definition phase, requirements analysis, decision analysis, design, construction, implementation and maintenance phases of the system. The results of the design of this website uses Macromedia Dreamwever 8 and as a web server so the website XAMPP SMA Negeri 1 Serui can be operated and accessed throughout the world. Keywords: Information Systems, Website.
ABSTRAK Perkembangan ilmu pengetahuan dan informasi sangat cepat terutama pada bidang pendidikan, oleh karena itu perlu mendapatkan informasi dan member informasi secara komunikatif. Solusi yang terbaik dalam memberikan informasi pada masa sekarang ini adalah dengan pembangunan system informasi berbasis website. Pada daerah yang jauh dari ibukota Negara, seperti Kota Serui lebih khusus SMA Negeri 1 Serui memerlukan suatu website sebagai sarana informasi komunikasi yang lebih cepat dan mudah untuk di akses tanpa dibatasi oleh waktu dan ruang untuk menunjang dunia pendidikan serta bagaimana masyarakat mendapatkan informasi tentang sekolah. Membangun system informasi berbasis website penulis menggunakan metodologi pengembangan sistem yaitu Framework for the Application System Techniques (FAST), yang melalui tahapan fase definisi lingkup, analisis persyaratan, analisis keputusan, perancangan, konstruksi, penerapan, dan fase perawatan sistem. Hasil perancangan website ini menggunakan Macromedia Dreamwever 8 dan sebagai web server XAMPP sehingga website SMA Negeri 1 Serui dapat dioperasikan dan diakses diseluruh dunia. Kata kunci: Sistem Informasi, Website.
61
Buletin Sariputra, Februari 2015 Vol. 2 (1)
PENDAHULUAN Dapat memberikan informasi yang jelas dan akurat serta mempermudah dalam proses penyampaian informasi.
Sekolah merupakan lembaga pendidikan yang memberikan didikan menyeluruh dari berbagai aspek yaitu jasmani, rohani, emosi dan intelek. Seiring dengan perkembangan teknologi saat ini, kebutuhan akan informasi semakin meningkat. Dengan bantuan teknologi informasi diharapkan sekolah dapat membawa perkembangan dalam kehidupan masyarakat dan menciptakan siswa-siswa yang siap dan bersaing dalam persaingan globalisasi. Sekolah sebagai sarana menuntut ilmu, tempat balajar mengajar, dan tempat memperoleh informasi haruslah didukung oleh sarana dan prasarana yang menunjang untuk memperoleh berbagai informasi terkini maupun untuk mengelola inormasi menjadi lebih menarik dan terkemuka. Untuk memberikan pelayanan yang maksimal kepada masyarakat, maka sekolah membutuhkan suatu sarana penunjang yang berupa website sekolah. Website adalah kumpulan dari halaman-halaman situs yang biasanya terangkum dalam sebuah domain yang tempatnya berada dalam WWW (World Wide Web) di internet. Karena dengan adanya website dapat mempermudah dan memperlancar penyampaian informasi sekolah secara tepat dan cepat. Berdasarkan uraian dari latar belakang maka permasalahan yang diangkat dalam penelitian ini adalah :Bagaimana merancang suatu website di Sekolah Menengah Atas Negeri I Serui menjadi lebih mudah dan cepat dalam penyampaian informasi secara tepat? Dalam hal ini masih terbatas pada halhal yaitu pembuatan website tentang pengenalan sekolah dan juga Penyampaianpenyampaian informasi tentang sekolah tersebut, yang bertujuan:
TINJAUAN PUSTAKA Www atau World Wide Web maupun Web saja adalah sebuah sistem yang saling terkait dalam sebuah dokumen berformat hypertext yang berisi beragam informasi, baik tulisan, gambar, suara, video, dan informasi multimedia lainnya dan dapat diakses melalui sebuah perangkat yang disebut web browser. Untuk menterjemahkan dokumen hypertext kedalam bentuk dokumen yang dapat dipahami oleh Manusia, maka web browser melalui web client akan membaca halaman web yang tersimpan di sebuah webserver melalui protokol yang sering disebut HTTP atau Hypertext Transfer Protocol. Sedangkan software atau perangkat lunak web browser saat ini tersedia dalam berbagai produk dengan kelebihan dan kekurangannya masing-masing. Beberapa web browser yang paling terkenal saat ini adalah Mozilla Firefox, Internet Explorer, Opera, Safari dan lain sebagainya. Dokumen hypertext yang tersimpan didalam sebuah webserver memiliki banyak link atau sambungan antara satu dokumen hypertext dengan dokumen hypertext lainnya. Dengan adanya link antar dokumen hypertext, maka hal tersebut dapat memudahkan pengakses untuk mengunjungi atau mendapatkan dokumen-dokumen terkait yang diinginkannya. Selebihnya dengan semakin banyaknya situs internet yang dapat diakses melalui browser dengan format http dan di ikuti dengan www , dan alamat url web yang hendak diakses, maka muncullah sebuah situs pencari atau search engine, seperti halnya google.com dan yahoo.com sebagai sarana memudahkan pengguna internet untuk mencari berbagai dokumen yang tersedia melalui jutaan web di sebuah jaringan internet global. (Tim Pengembangan Wahana Komputer Semarang, 2003) HTML (Hyper Text Markup Language) merupakan sebuah bahasa markup (tanda) yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi didalam sebuah browser internet. Bermula dari bahasa yang sebelumnya banyak digunakan
1. Merancang dan membuat suatu website untuk mempermudah pihak sekolah dalam penyajian informasi. 2. Mempercepat dan mempermudah masyarakat untuk mendapatkan informasi tentang sekolah.
Sehingga memberikan manfaat tehadap penulis maupun bagi sekolah antara lain: 1. Bagi penulis : Menambah pengetahuan dan pengalaman dalam merancang dan membuat suatu website sebagai bekal memasuki dunia kerja. 2. Bagi Sekolah :
62
Buletin Sariputra, Februari 2015 Vol. 2 (1)
di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language).(Jahja Kristianto, 1996)
Fase ini merupakan awal proses pengembangan sistem. Pada tahap ini dilakukan penelitian awal tentang proyek yang akan dikerjakan. Penelitian ini bertujuan untuk menjelaskan masalah yang dihadapi. Ada beberapa langkah yang akan dilakukan; Pertama, mendefinisikan dan mendaftarkan masalah, kesempatan dan petunjuk awal. Tiap masalah dinilai dengan acuan urgensi, visibilitas, manfaat nyata atau keuangan, dan prioritas. Kedua, menegosiasikan ruang lingkup awal. Menentukan batasan proyek, aspek apa saja yang akan dimasukan dalam sistem, misalnya data-data apa yang dibutuhkan sistem dan proses kegiatan yang terjadi didalamnya termasuk juga antar muka dari sistem nantinya. Ketiga, menilai kelayakan proyek awal, memutuskan apakah proyek layak dikerjakan. Keempat, rencana dan anggaran proyek
Macromedia Dreamweaver 8 adalah sebuah aplikasi web editor yang berbasis “what you see is what you get” (apa yang anda lihat adalah yang anda dapatkan). Macromedia Dreamweaver 8 juga dalam membuat aplikasi web menggunakan berbagai bahasa pemrograman seperti JPS (Java Server Pages), ASP (Active Server Pages), PHP, Coldfusion dan mendukung Client SidesepertiJava Scriptdan lainlain.(NugrohoBunafit, 2008) XAMPP yaitu Apache, PHP, MySQL dan phpMy Admin. XAMPP merupakan tool yang menyediakan paket perangkat lunak kedalam satu buah paket. Dengan menginstall XAMPP maka tidak perlu lagi melakukan instalasi dan konfigurasi web server Apache, PHP dan MySQL secara manual. XAMPP akan menginstalasi dan mengkonfigurasikannya secara otomatis untuk anda atau auto konfigurasi.
Fase Analisis Persyaratan Mencermati apa yang harus dilakukan dan yang dibutuhkan oleh sistem baru. Sistem baru harus memenuhi sasaran dan persyaratan awal terutama harus menunjang proses kegiatan. Cakupan tugas-tugas dari fase ini adalah: Mengidentifikasi dan menyatakan persyaratan sistem. Merumuskan sasaran menjadi persyaratan fungsional yaitu input, output, proses, data dan persyaratan non fungsional meliputi performs, anggaran biaya, tengat waktu. Membuat prioritas persyaratan sistem. Memperbaharui rencana atau m em perluas proyek . Ada kemungkinan sasaran akan berubah atau bertambah, untuk melakukan penyesuaian harus mempertimbangkan anggaran dan jadwal keda atau kontrak kerja. Mengkomunikasikanpersyaratan.
METODE PENELITIAN Metodologi Pengembangan Sistem Metodologi adalah suatu cara yang disarankan untuk melakukan suatu hal. Pengembangan sistem adalah metodologi dasar untuk memecahkan masalah. Terdapat dua kelompok metodologi dalam membangun sebuah sistem yaitu metode siklus hidup sistem dan metodologi pengembangan sistem. Dan dalam perancangan Website SMA Negeri 1 Serui, penulis menggunakan metodologi pengembangan sistem yaitu Framework for the Application System Techniques (FAST). Tahapan Pengembangan Sistem Dalam FAST Menurut Bantey et. al (2004), fast adalah metode pengembangan sebuah sistem yang dikembangkan sebagai gabungan dari metodologi-metodologi yang ada. Fast cukup fleksibel,sistematis dan terdapat kontrol kemajuan untuk diterapkan kedalam berbagai tipe proyek dan strategi.
Fase Analisis Keputusan Setelah persyaratan terpenuhi, selanjutnya merancang sistem yang akan diimplementasikan dengan mempertimbangkan solusi alternatif yang kemungkinan ada. Tugas-tugas pada fase ini adalah :
Fase Definisi Lingkup
63
Buletin Sariputra, Februari 2015 Vol. 2 (1)
Prosedur Pengumpulan Data
Mengidentifikasisolusialternatif Menganalisis solusi alternatif Membandingkan solusi alternatif Memperbaharuirencanaproyek Merekomendasikansolusisistem
Dalam perancangan sistem inform asi ini, pengum pulan data dilakukan melalui beberapa cara:
1. Studi Literatur, melakukan pengumpulan
Fase Perancangan
data melalui literatur dan s itus - s itus inter net deng an m em pelaj ar i, m engk aj i s er ta membandingkan halhal yang berkaitan dengan objek rancangan. Wawancara, melakukan kegiatan wawancara dengan perangkat pemerintah dari Desa Rerami dan berkonsultasi kepada Dosen Pembimbing.
Tujuan tahap ini adalah mengubah daftardaftar kebutuhan dari analisa kebutuhan ke dalam spesifikasi perancangan untuk konstruksi. hasilnya berupa perancangan secara fisik. langkah-langkah dalam fase ini: Merancang arsitektur aplikasi Mendesain basis data Rancang antar muka Pengemasan spesifikasi sistem Memperbaharui rencana proyek
2.
Fase Konstruksi
HASIL DAN PEMBAHASAN
Membangun dan melakukan pengujian terhadap sistem yang telah memenuhi persyaratan bisnis dan spesifikasi antarmuka. hasilnya berupa sistem yang siap untuk diimplementasikan. langkah-langkah dalam fase ini: Bangun dan uji jaringan Bangun dan uji basis data Instal dan uji perangkat lunak baru Tulis dan uji program baru
Perancangan Sistem Fase ini bertujuan untuk menspesifikasikan secara detail solusi yang berbasis teknologi komputer meliputi arsitektur dan konfigurasi sistem berdasarkan hasil analisis. Dalam metodologi FAST ada tiga tahapan perancangan yaitu perancangan arsitektur aplikasi, perancangan basis data, dan perancangan antar muka. Seperti yang dijelaskan sebelumnya bahwa perangkat lunak utama yang dibutuhkan untuk membangun sistem ini yaitu Macromedia Dreamweaver 8 dan XAMPP.
Fase Penerapan Membawa hasil yang dicapai dari tahap sebelumnya ke dalam proses pengoperasian. hasilnya berupa suatu sistem produksi. langkah- langkah dalam tahap penerapan: Pengujian terakhir Menyiapkan rencana konversi Instal basis data Pelatihan kepada user Peralihan ke sistem baru
1. Struktur Menu Homepage User. Home
Fase Perawatan Sistem
Profil e
Memberikan dukungan bagi pemilik dan pengguna secara teknis seperti memperbaiki kesalahan yang muncul dalam penggunaan. Menjaga kemutakhiran sistem jika terjadi perubahan dalam lingkungan sistem. Langkah-langkah yang ditempuh diantaranya : Pemeliharaan program Pemulih sistem Memberikan dukungan teknikal Penambahan sistem
StrukturOr ganisasi
Data Pegawa i Visi& Misi
Data Sisw a
Ad min
Lihat Data
Gambar 1: Struktur Menu Homepage User Struktur Menu Homepage Setelah Login Admin
64
Buletin Sariputra, Februari 2015 Vol. 2 (1)
home.Pada halam home ini terdapat beberapa navigasi yaitu Profile, data pegawai, data siswa dan Admin. Pada halaman ini juga berisikan tentang ucapan selamat dating kepada pengunjung.
Home
Profile
Data Pegawai
StrukturOrga nisasi Visi&Mi si
Data SiswasS iswa
Edit Data
Lihat Data
Gambar 2: Struktur Menu Homepage Setelah Login Admin Pada gambar diatas di gambarkan untuk pembuatan website system informasi Pada SMA Negeri 1 Serui.Pada gamabar diatas dimulai dengan penggambaran menu pertama yaitu Home. Home adalah menu pertama yang akan ditampilkan ketika kita membuka halaman Web SMA Negeri 1 Serui, Yang Berisikan tentang ucapan selamat dating dari SMA Negeri 1 Serui Kepada pengunjung ketika halaman home ditampilkan. Yang kedua adalah halam profile yang berisikan tentang sejarah singkat SMA Negeri 1 Serui, tujuan serta visi dan misi Sekolah tersebut, pada halaman selanjutnya yaitu Data, pada halaman ini, agar pengunjung dapat melihat data pegawai serta data siswa yang ada pada database. Ini digambarkan pada Gambar.1. untuk Gambar2. Atau struktur homepage setelah login admin, disini ditambahkan sebuah link untuk mengisi data atau mengedit data. Untuk mengisi data atau mengedit data, diharuskan admin melakukan login terlebih dahulu.
Gambar 4: Halaman Profile
Halaman profile ini akan muncul apabila pengunjung mengklik link profile. Pada halaman ini terdapat sejarah singkat SMA Negeri 1 Serui.
Hasil Design Antar Muka Sistem
Gambar 5: HalamanStrukturOrganisasi
Halaman data Struktur organisasi ini, dapat ditampilkan apabila pengunjung mengklik link struktur organisasi.
Gambar 3: Halaman Home Ini adalah halaman pertama saat user pertama kali masuk, yaitu halaman
65
Buletin Sariputra, Februari 2015 Vol. 2 (1)
Gambar 6: Halaman Visi & Misi
Gambar 9: Halaman Admin
Halaman Visi & Misi ini juga akan di tampilkan apabila user atau admin mengklik link halaman Visi & Misi, maka Visi dari SMA Negeri 1 Serui, akan di tampilkan.
Halaman ini akan ditampilkan apabila admin memilih link admin, untuk login.
Gambar 10: Halaman isi Data Pegawai Gambar 7: Halaman Data Pegawai Halaman data pegawai ditampilkan apabila user atau mengkliklink halaman data pegawai.
Halaman ini dikhususkan hanya untuk administrator.Untuk itu agar halaman ini ditampilkan admin, harus melakukan login terlebih dahulu. Ketika admin melakukan login halaman ini dapat dilihat melalui halaman data. Halaman ini mempunyai fungsi untuk administrator apabila ingin menambahkan data pegawai kedalam database.
akan admin
Gambar 8: Halaman Data Siswa Gambar 11: Halaman isi data siswa Halaman data siswa ini juga akan ditampilkan apabila user atau admin mengklik link halaman data siswa.
Halaman ini dikhususkan hanya untuk administrator.Untuk itu agar halaman ini ditampilkan admin, harus melakukan login terlebih dahulu.Ketika admin melakukan login
66
Buletin Sariputra, Februari 2015 Vol. 2 (1)
DAFTAR PUSTAKA
halaman ini dapat dilihat melalui halaman data. Halaman ini mempunyai fungsi untuk administrator apabila ingin menambahkan data siswa kedalam database.
Gunawan, Ibnu. (2008). Cara Mudah Mempelajari PHP, Apache, MySQL.GrahaIlmu.Yogyakarta. Hakim, Lukmanul dan Musalini.(2007). Buku Sakti Menjadi Programmer Sejati PHP, Solusi Media, Jakarta. McLeod, Raymond. (1997). Sistem Informasi Manajemen.Prenhallindo, Jakarta. Muhardi, Endi. (2003). PHP Programming Fundamental dan MySQL Fundamental.http://www.ilmukomputer.c om. MySQL Documentation Team.(2006). MySQL Reference Manual, http://dev.mysql.com/doc/. Nugroho,Bunafit. (2008). Latihan Membuat Aplikasi Web PHP dan MySQL dengan dreamweaver MX (6,7,2004) dan 8. Yogyakarta: Gava Media. Pangestu, Danu Wira.(2007). Teori Dasar Sistem Informasi Manajemen.http://www.ilmukomputer.com. PHP Documentation Group. (2006). PHP Manual.http://www.php.net/docs.php. Purbo, Onno W. dan Wahyudi, Aang Arif. (2001). Mengenal E-Commerce. Elex Media Komputindo, Jakarta. Rusmanto.(2005). Petunjuk Praktis Membangun Aplikasi PHP Point of Sale, Dian Rakyat, Jakarta. Subana, M. (2001). Dasar-dasar Penelitian Ilmiah.Pustaka Setia, Bandung. Sutarman.(2003).Membangun Aplikasi Web dengan PHP dan MySQL, GrahaIlmu, Yogyakarta. Whitten,J.L.,Bentley,L.D., Dittman,K.C., (2001). Systems analysis and design methods, 5th edition, McGraw-Hill, USA. Subana,M. (2001). Dasar-dasar Penelitian Ilmiah. Pustaka Setia, Bandung.
KESIMPULAN DAN SARAN Kesimpulan yang dapat diambil yaitu system informasi berbasis website ini kiranya dapat memenuhi tujuan dan manfaat dengan sedikit resiko kesalahan pada sistem. Sistem informasi ini juga diharapkan agar dapat meningkatkan penyaluran informasi kepada masyarakat banyak, tanpa perlu lagi membagikan selebaran-selebaran dan juga diharapkan system informasi ini bias meningkatkan efektivitas kinerja dan efisiensi waktu dalam penyebaran informasi.Dan juga, dengan adanya Web ini, di harapkan dapat bersaing dengan sekolah-sekolah lain. Dari sistem yang diusulkan, saran yang diberikan diharapkan dapat berguna untuk perkembangan system selanjutnya, agar dapat mendukung pemberian informasi bagi masyarakat.Beberapa saran yang bias menjadi acuan adalah : 1. Menyediakan informasi yang up to date. 2. Menyebarkan informasi kepada publik. 3. Memberikan informasi kepada instansiinstansi masyarakat sosial yang lain. 4. Sistem informasi ini bias menjadi acuan untuk pengembangan selanjutanya, karena sistem informasi ini dirasa masih memiliki kekurangan. 5. Diharapkan dilakukan back up data untuk recovery sistem agar data tidak mudah hilang diserang virus.
67
