DESAIN DAN IMPLEMENTASI WEBSITE
PROGRAM STUDI KOMPUTERISASI AKUNTANSI
UNIVERSITAS BINA DARMA PALEMBANG
Merry Agustina
Dosen Universitas Bina Darma
Jalan Jenderal Ahmad Yani No.12 Palembang
Pos-el: athayacalmod@yahoo.com
Abstract: With the information through the website that people can easily find out information with the distance and a short time. Website is one way to provide information to the community. Disebuah educational institutions, especially universities, passing over the information via the WebSite will greatly assist in the delivery of good information about students, faculty, syllabi, course, announcements, articles, advice and other matters at the institution tersebut.Universitas Bina Darma Palembang is one of the famous university that provides information using a media website. Diploma Program Computerized Accounting III study is one of the courses contained in the University Binadarma who also need a website as a medium for delivery of information to faculty, students and the general public. To achieve these objectives, the study aims to build a website computerized accounting course in this case the author uses the method of Web Engineering and programming PHP applications with Dreamweaver MX 2004.
Keywords: Website, Web Engineering, PHP, Dreamweaver MX 2004
Abstrak: Dengan adanya informasi melalui website masyarakat dapat dengan mudah mengetahui informasi dengan jarak dan waktu yang singkat. Website adalah salah satu cara untuk memberikan informasi pada masyarakat. Disebuah lembaga pendidikan terutama universitas, penyampian informasi melalui WebSite akan sangat membantu dalam penyampaian informasi baik mengenai mahasiswa, dosen, silabus, matakuliah, pengumuman, artikel, saran dan hal lainnya pada lembaga tersebut.Universitas Bina Darma Palembang merupakan salah satu Universitas yang terkenal yang memberikan informasi dengan menggunakan sebuah media website. Program Studi Komputerisasi Akuntansi Diploma III merupakan salah satu program studi yang terdapat pada Universitas Binadarma yang juga membutuhkan sebuah website sebagai media penyampaian informasi kepada dosen, mahasiswa serta masyarakat umum. Untuk mencapai tujuan tersebut, maka penelitian ini bertujuan membangun website program studi komputerisasi akuntansi dalam hal ini penulis menggunakan metode Web Engineering dan aplikasi pemrograman PHP dengan DreamWeaver MX 2004.
Kata kunci: Website, Web Engineering, PHP, Dreamweaver MX 2004
- PENDAHULUAN
Perkembangan teknologi komputer sekarang ini semakin pesat, baik dari sisi perangkat keras maupun dari sisi perangkat lunak. Yang dapat kita rasakan perkembangan teknologi tersebut antara lain, ribuan byte data yang kita miliki bisa disimpan pada sebuah removable disk yang begitu kecil. Pengolahan data yang banyak bisa diselesaikan dengan cepat oleh karena kemampuan proses dari CPU (Central Processing Unit). Berbagai macam aplikasi komputer telah banyak dijual ditoko-toko software, sehingga sangat membantu dalam dunia kerja. Penyebaran informasi dalam dunia internet pun semakin berkembang pesat. Fasilitas internet seperti Website adalah salah satu hal yang sangat penting, karena dengan menggunakan Website, user dapat dengan mudah mengakses dengan jarak dan waktu tak terbatas. Disebuah lembaga pendidikan terutama universitas, penyampian informasi melalui WebSite akan sangat membantu dalam penyampaian informasi baik mengenai mahasiswa, dosen, silabus, matakuliah, pengumuman, artikel, saran dan hal lainnya pada lembaga tersebut. Menurut Peranginangin (2006:450). Website merupakan koleksi dokumen HTML pribadi atau perusahaan dalam server web. Sebuah server web dapat berisi lebih dari satu situs. Seiring dengan perkembangan teknologi khususnya teknologi informasi dan perkembangan program studi, kebutuhan akan suatu konsep dan mekanisme penyampaian informasi kepada mahasiswa, dosen serta masyarakat pada umumnya sangat diperlukan oleh Program Studi Komputerisasi Akuntansi Universitas Bina Darma. Untuk menyampaikan informasi tersebut Program Studi Komputerisasi Akuntansi Universitas Bina Darma selama ini menggunakan website yang telah ada namun website tersebut tidak mengkhususkan untuk Program Studi Komputerisasi Akuntansi Universitas Bina Darma, oleh karena itu adanya website khusus program studi menjadi suatu cara yang tepat untuk mewujudkan penyampaian informasi.
Tidak semua mahasiswa mempunyai kesempatan untuk menanyakan langsung kepada para dosen atau staff yang tidak memungkinkan melayani para mahasiswa secara langsung dengan jumlah yang begitu banyak. Publik tentunya ingin mengetahui banyak hal mengenai Program Studi Komputerisasi Akuntansi Universitas Bina Darma hal itu menjadi suatu kendala karena jarak atau waktu jika datang ke Universitas Bina Darma tidak memungkinkan, maka website menjadi sangat penting. Berkaitan dengan kondisi tersebut, maka masalah dalam penelitian ini dapat dirumuskan sebagai berikut bagaimana merancang dan membangun website Program Studi Komputerisasi Akuntansi Universitas Bina Darma Palembang.
Adapun tujuan dari penelitian ini adalah 1) merancang sebuah WebSite Program Studi Komputerisasi Akuntansi Universitas Bina Darma agar dapat menyampaikan informasi berita, artikel, matakuliah, dan hal lain secara cepat, 2) menyajikan informasi kepada para mahasiswa, dosen dan masyarakat yang ingin mengetahui informasi Program Studi Komputerisasi Akuntansi Universitas Bina Darma.
Sedangkan manfaat penelitian ini adalah 1) menyampaikan informasi, pengumuman tentang Program Studi Komputerisasi Akuntansi Universitas Bina Darma secara cepat dan mudah sehingga informasi yang diberikan dapat segera diketahui, 2) menyampaikan informasi, pengumuman tentang Program Studi Komputerisasi Akuntansi Universitas Bina Darma secara cepat dan mudah sehingga informasi yang diberikan dapat segera diketahui.
- 2. METODOLOGI PENELITIAN
2.1 Lokasi Penelitian
Penelitian ini dilaksanakan di Universitas Bina Darma Jl. Jendral Ahmad Yani No. 12 Plaju Palembang.
2.2 Metode Pengumpulan Data
Dalam melakukan penelitian ini untuk mendapat data dan informasi metode yang digunakan dalam pengumpulan data dilakukan sebagai berikut:
1) Metode Observasi
Yaitu metode pengumpulan data dengan pengamatan dan pencatatan secara langsung agar dapat mempelajari permasalahan pembuatan website secara nyata yang ada dilapangan. Disini penulis melakukan pengamatan yaitu pada bagian program studi yang bersangkutan.
2) Metode Dokumentasi
Yaitu metode yang dilakukan dengan mengambil data-data yang berkaitan atau mendukung dalam penyelesaian masalah ini melaui dokumentasi dari Program Studi yang erat kaitannya dengan masalah yang dibahas.
3) Metode studi Pustaka
Metode yang dilakukan adalah dengan mencari bahan yang berkaitan atau mendukung dalam penyelesaian masalah melalui buku-buku, majalah, dan internet yang erat kaitannya dengan masalah yang sedang dibahas.
2.3 Metode Pengembangan Sistem
Dalam pengembangan system ini menggunakan metode rekayasa web (Web Engineering). Rekayasa web adalah suatu proses yang digunakan untuk menciptakan suatu sistem apikasi berbasis web dengan menggunakan ilmu rekayasa, prinsip-prinsip manajemen dan pendekatan sistematis sehingga dapat diperoleh sistem dan aplikasi web dengan kualitas tinggi. Tujuannya untuk mengendalikan pengembangan, minimalisasi risiko dan meningkatkan kualitas sistem berbasis web. Walaupun rekayasa web banyak mengambil dari prinsip-prinsip rekayasa perangkat lunak, rekayasa web memiliki banyak pendekatan, metode, alat bantu, teknik dan panduan yang memenuhi persyaratan pembuatan sistem berbasis web. Pengembangan sistem berbasis web berbeda dengan pengembangan perangkat lunak konvensional, dimana pengembangan sistem berbasis web lebih banyak menghadapi tantangan. Pengembangan web adalah gabungan dari print publishing dan pengembangan perangkat lunak, diantara marketing dan perhitungan diantara seni dan teknologi.
Alur kerja dari model rekayasa web adalah sebagai berikut:
2.3.1 Formulasi (Formulation)
Kegiatan yang berfungsi untuk merumuskan tujuan dan ukuran dari aplikasi berbasis web serta menentukan batasan sistem.
2.3.2 Perencanaan (Planning)
Perencanaan adalah kegiatan yang digunakan untuk menghitung estimasi biaya proyek pembuatan aplikasi berbasis web ini, estimasi jumlah pengembang, estimasi waktu pengembang, evaluasi risiko pengembangan proyek, dan mendefinisikan jadwal pengembangan untuk versi selanjutnya (jika diperlukan).
2.3.3 Analisis (Analysis)
Kegiatan untuk menentukan persyaratan-persyaratan teknik dan mengidentifikasi informasi yang akan ditampilkan pada aplikasi berbasis web.
- Analisis isi informasi
Mengidentifikasi isi yang akan ditampilkan pada aplikasi berbasis web ini. Isi informasi tersebut bisa dilihat dari menu artikel yang diinput oleh dosen dan dapat di download oleh user guest, dan informasi dari menu berita yang diinput oleh admin dan dosen untuk user guest.
- Analisis interaksi
Analisis yang menunjukkan hubungan antara web dengan pengguna. Yaitu pengguna yang bisa Log in adalah Admin dan Dosen, sedangkan mahasiswa hanya bisa melihat informasi dari menu utama. Menu dosen terdiri dari artikel, berita, dan ubah password, dan menu admin terdiri dari berita, matakuliah, dosen, dan lowongan kerja.
- Analisis fungsional
Analisis tentang proses bagaimana aplikasi berbasis web ini akan menampilkan informasi kepada pengguna. Yaitu berupa website program studi komputerisasi akuntansi yang berisi tentang home, sejarah Universitas Bina Darma, visi dan misi Program Studi Komputerisasi Akuntansi, Lokasi Kampus, buku tamu, artikel, profil dosen, alumni, lowongan kerja dan matakuliah.
- Analisis konfigurasi
Adanya konfigurasi yang digunakan pada aplikasi berbasis web. Berikut adalah spesifikasi hardware dan software. Perangkat Keras (Hardware). Spesifikasi hardware-nya adalah 1) Sebuah PC minimal Pentium 4Mhz atau sebuah PC yang stabil apabila menjalankan Sistem Operasi Windows XP. Memory minimal 1 GB. 2) Harddisk minimal 10 GB dengan ruang free space sebesar 2 GB. c. VGA Card minimal 64 MB. d. Cd-Rom Drive / CDR-Drive (optional) untuk mengekstrak paket program PHP.
Spesifikasi software-nya adalah 1) sistem operasi bisa berjalan di multi platform yaitu Linux, Unix, Windows XP Professional, dan Macintosh. 2) Web Editor: Macromedia Dreamweaver MX 2004 atau bisa Microsoft FrontPage XP sesuai desain awal membuat web. 3) Web Server : Internet Information Service (IIS) seperti Apache. 4) Browser : Microsoft Internet Explorer atau localhost-nya untuk melihat http://localhost/nama_folder/nama_file. 5) Bahasa Pemrograman : PHP 2.2.1 atau yang terbaru, database MySQL dan PhpMyAdmi
2.3.4 Rekayasa (Engineering)
Pada tahap ini yang dilakukan yaitu arsitektur website yang mencakup rancangan sistem website dan desain isi informasi website. Adapun tahap perancangan dan desain isi informasi sistem website yang dibangun adalah sebagai berikut: 1) Unified Modelling Language (UML) Menurut Fowler (2003 : 1-3) Unified Modelling Language (UML) merupakan sistem arsitektur yang bekerja dalam Object-Oriented Analysis/Design (OOAD) dengan satu bahasa yang konsisten untuk menentukan visualisasi, mengkontruksi, dan mendokumentasikan artifact (sepotong informasi yang digunakan atau dihasilkan dalam suatu proses rekayasa software, dapat berupa model, deskripsi, atau software) yang terdapat dalam software. 2) Rancangan Database, tabel yang dibutuhkan dalam perancangan website adalah tabel Artikel, tabel Alumni, tabel Berita, tabel Buku Tamu, tabel Dosen, tabel Lowongan Kerja, tabel Matakuliah, tabel User.
2.3.5 Implementasi (Page Generation) dan pengujian (Testing)
Suatu kegiatan untuk mewujudkan desain menjadi suatu website. Teknologi yang digunakan tergantung dengan kebutuhan yang telah dirumuskan pada tahap analisis. Pengujian dilakukan setelah implementasi selesai dilaksanakan. Pengujian meliputi beberapa parameter yang akan menentukan standar aplikasi berbasis web yang telah dibuat. Hal ini bertujuan untuk menemukan kesalahan kemudian memperbaikinya. Pengembang suatu aplikasi berbasis web mendapat tantangan besar untuk melakukan pengujian karena karakter aplikasi ini yang beropeasi pada jaringan dengan berbagai macam pengguna, berbagai macam sistem informasi, perangkat keras, browser, protokol komunikasi, dan lain-lain.
- 3. HASIL
Hasil penelitian ini hanya sebatas pada tahap pembuatan web. Dengan adanya Website ini diharapkan dapat memberikan informasi kepada mahasiswa Program Studi Komputerisasi Akuntansi Universitas Bina Darma, penulis menggunakan bahasa pemrograman PHP (PHP Hypertext Preprocesor) dan Database MySql.
Menurut Simarmata (2006:32) PHP (PHP HyperText Preprocessor) adalah Suatu bahasa scripting yang ditempelkan ketika digunakan dalam halaman web. Maksudnya adalah bahwa kode PHP ditempelkan didalam kode HTML. Software PHP bekerja bersama dengan web server. Sedangkan MySQL adalah Database yang cepat, mudah digunakan (easy to use) dan sebagai sistem manajemen database relasional (RDBMS) yang digunakan untuk Database pada beberapa Website. MySQL lebih mudah dalam instalasi dan penggunaannya dibidang pesaing komersialnya. Didalam harga, MySQL benar-benar murah (Simarmata (2006:28-30))
Website yang dihasilkan dari penelitian ini adalah berupa tampilan dalam sistem operasi windowsXP. Pengoperasiannya dilakukan dengan menggunakan mouse dan tombol-tombol dari keyboard. Website ini digunakan untuk membantu memberikan informasi kepada mahasiswa Program Studi Komputerisasi Akuntansi Universitas Bina Darma, seperti home, sejarah, visi dan misi, lokasi, buku tamu artikel, berita, profil dosen, matakuliah, alumni, maupun daftar lowongan kerja.
3.1 Home (Index)
Home (index) ini hanya tampilan awal website berisi halaman pembuka website pengguna yang mengakses halaman website. Dari menu akan memberikan informasi yang
Gambar 1. Tampilan Home
3.2 Sejarah
Berikut ini adalah tampilan menu sejarah yang berisi tentang sejarah dari Universitas Bina Darma dan sejarah Program Studi Komputerisasi Akuntansi.
Gambar 2. Tampilan Menu Sejarah
3.3 Visi dan Misi
Berikut ini adalah tampilan menu visi dan misi Program Studi Komputerisasi Akuntansi.
Gambar 3. Tampilan Menu Visi dan Misi
3.4 Lokasi
Berikut ini adalah tampilan website halaman lokasi kampus. Menu ini adalah tampilan halaman website yang akan memberkan informasi peta lokasi kampus Universitas Bina Darma.
Gambar 4. Tampilan Menu Lokasi Kampus
3.5 Buku Tamu
Berikut ini adalah tampilan menu Buku Tamu, dimana User Guest dapat mengisi nama, email, dan pesan yang akan tampil di menu utama.
Gambar 5. Tampilan Menu Buku Tamu
3.6 Artikel
Berikut ini adalah tampilan menu artikel yang diinput oleh dosen yang dapat dilihat dan di download oleh User Guest.
Gambar 6. Tampilan Menu Artikel
3.7 Dosen
Berikut ini adalah tampilan menu dosen yang berisi tentang profil dosen Program Studi Komputerisasi Akuntansi.
Gambar 7. Tampilan Menu Dosen
3.8 Alumni
Berikut ini adalah tampilan menu Alumni yang berisi tentang profil alumni Program Studi Komputerisasi Akuntansi.
Gambar 8. Tampilan Menu Alumni
3.9 Lowongan Kerja
Berikut ini adalah tampilan halaman menu Lowongan Kerja yang diinput oleh Admin untuk User Guest.
Gambar 9. Tampilan Menu Lowongan
Kerja
3.10 Mata Kuliah
Berikut ini adalah tampilan halaman menu matakuliah Program Studi Komputerisasi Akuntansi.
Gambar 10. Tampilan Menu Mata Kuliah
3.11 Home Login Admin
Sebelum Admin men-input dan meng-edit data-data sistem informasi Program Studi Komputerisasi Akuntansi, terlebih dahulu admin melakukan login, username dan password yang memiliki hak akses sebagai admin diperbolehkan untuk melakukan penambahan data, penghapusan serta meng-edit data yang ada. Adapun halaman menu login admin yang digambarkan adalah sebagai berikut:
Gambar 11. Tampilan Login Admin
3.12 Home Input Dosen
Halaman ini berisi form input data dosen yang terdiri dari fileld yaitu nip, nama, alamat, jenis kelamin, agama, pendidikan terakhir, foto, tempat lahir, tanggal lahir, bidang keahlian dan terdapat tombol browse, simpan, edit, dan delete yang digunakan saat mengeksekusi perintah data isi dosen. Berikut ini desain form data dosen :
Gambar 12. Tampilan Form Input Dosen
3.13 Home Input Mata Kuliah
Tampilan halaman menu input matakuliah adalah form input matakuliah, halaman ini digunakan untuk menginput matakuliah mahasiswa Program Studi Komputerisasi Akuntansi
Gambar 13. Tampilan Form Input Mata
Kuliah
3.14 Home Input Berita
Tampilan menu berita dibawah ini adalah halaman ini digunakan untuk memberikan berita kepada user guest.
Gambar 14. Form Input Berita
3.15 Home Input Lowongan Kerja
Tampilan form input lowongan kerja ini digunakan untuk menginput lowongan kerja.
Gambar 15. Tampilan Form Input Lowongan Kerja
3.16 Home Dosen
Tampilan home dosen adalah halaman utama yang digunakan untuk mengolah data seperti ubah password, input artikel, dan input berita. Berikut ini adalah tampilan home dosen.
Gambar 16. Tampilan Menu Dosen
3.17 Home Input Ubah Password
Berikut ini adalah form ubah password, halaman ini digunakan untuk mengubah password dosen.
Gambar 17. Tampilan Form Input Ubah Password
3.18 Home Input Artikel
Tampilan menu artikel dibawah ini adalah halaman ini digunakan untuk memberikan informasi berupa artikel kepada user guest
Gambar 18. Tampilan Form Input Artikel
3.19 Home Input Berita
Tampilan menu berita dibawah ini adalah halaman ini digunakan untuk memberikan berita kepada user guest.
Gambar 19. Tampilan Form Input Berita
- 4. KESIMPULAN
Berdasarkan analisa dan pemecahan masalah yang ada maka penulis dapat menyimpulkan:
1) Website yang dihasilkan adalah Website Program Studi Komputerisasi Akuntansi Universitas Bina Darma
2) Website ini mampu memberikan informasi mengenai program studi Komputerisasi Akuntansi dan bisa digunakan untuk memasukkan data oleh Admin dan Dosen.
3) Pada website ini disediakan juga fasilitas untuk menghapus dan mengedit data oleh Admin dan Dosen.
DAFTAR RUJUKAN
Fowler, Martin. 2004. Panduan Singkat Bahasa Pemodelan Objek Standar. Andi Yogyakarta.
Peranginangin, Kasiman. 2006. Aplikasi WEB dengan PHP dan MySQL. Andi: Yoyakarta.
Simarmata, J. 2006. Aplikasi Mobile Commerce Menggunakan PHP dan MySQL. Andi Yogyakarta. Yogyakarta.