Konferensi Nasional Ilmu Sosial & Teknologi (KNiST) Maret 2014, pp. 148~154 PERANCANGAN WEB SEBAGAI MEDIA PROMOSI PENERBITAN BUKU MENGGUNAKAN WATERFALL PADA PT. AKASIA PRIMA 148 Azmas Arvinaldy 1, Dwi Yuni Utami 2 1 AMIK BSI e-mail: narti_unna@yahoo.com 2 Institusi/Afiliasi e-mail: dwi.dyu@nusamandiri@ac.id Abstrak PT. Akasia Prima membutukan sekali adanya suatu sistem informasi website yang menunjang dan memberikan pelayanan yang memuaskan bagi para customer. PT. Akasia Prima berupa perusahaan yang bergerak dalam bidang penerbitan buku pelajaran sekolah. Sistem Promosi yang ada pada PT. Akasia ini masih dilakukan secara manual, mulai dari promosi yang dilakukan oleh para marketer serta guru-guru sekolah yang mempromosikan langsung kepada muridnya. Sehingga dirasa kurang efektif. Promosi berbasis web merupakan solusi yang terbaik untuk memecahkan permasalahan-permasalahan yang ada pada perusahaan ini, serta dengan adanya suatu website dapat tercapai suatu kegiatan yang efektif dan efisien dalam menunjang aktifitas pada perusahaan ini. Maka dari itu dengan adanya website lebih baik dari sistem promosi yang manual agar berjalan lebih efektif dan efisien serta sistem penjualan yang sekarang lebih kondusif dibandingkan dengan sistem yang terdahulu. Kata Kunci : Promosi Berbasis Web, Sistem Promosi Buku 1. Pendahuluan Perkembangan Teknologi komputer yang semakin modern, cepat dan praktis sangat mempengaruhi kehidupan masyarakat luas. Kecepatan dan keakuratan informasi yang biasanya memerlukan waktu yang lama, kini hanya dalam hitungan detik informasi tersebut telah dapat kita terima. Dengan adanya kebutuhan informasi yang tak terbatas dan juga didukung oleh kemampuan komputer yang semakin canggih maka terciptalah pengetahuan yang disebut situs web (Website) yag dioperasikan menggunakan suatu jaringan komputer global atau lebih kita kenal dengan sebutan Internet. Internet sebagai teknologi yang meyatukan dunia, teknologi yang mengaburkan bahkan menghilangkan batas jarak, waktu dan tempat, menjadi sebuah teknologi yang menjanjikan dalam segala bidang. PT. Akasia Prima adala suatu perusahaan yang bergerak di bidang penerbitan buku pelajaran sekolah yang bernaung dibawah kepengurusan MGMP (Musyawarah Guru Mata Pelajaran). Didirikan pada tahun 2004 oleh bapak H.Fuad Ismail, perusahaan ini bertujuan untuk menerbitkan buku-buku mata pelajaran yang murah, dapat terjangkau oleh kalangan atas maupun bawah di Indonesia, tanpa merusak kualitas dalam mata pelajaran itu sendiri. Permasalahan yang dimiliki oleh PT. Akasia Prima sendiri adalah kurangnya media promosi yang lebih luas dan mudah dilihat banyak orang dalam memperkenalkan profil perusahaan yang dimiliki. Jika melalui media cetak atau media lainnya, informasi yang didapatkan sangat terbatas dan kurang update, serta biaya yang dikeluarkan untuk promosi tersebut cukup mahal. Agar terciptanya rekanan yang baik antara relasi maupun rekanan untuk itulah penulis mengetengahkan permasalahan yang ingin dimanfaatkan oleh PT. Akasia Prima dalam hal mempromosikan dirinya melalui website. Sehingga diharapkan terciptanya suatu brand image perusahaan yang baik. Karena dengan adanya promosi melalui website ini, diharapkan informasi mengenai website promosi PT. Akasia Prima yang bergerak di bidang penerbitan buku sekolah yang dibutuhkan oleh para masyarakat Diterima 18 Januari, 2014; Revisi 12 Februari, 2014; Disetujui 15 Maret, 2014
pada umumnya dan para pelajar khususnya, dapat diakses dengan cepat dan mudah karena data yang diperoleh lebih akurat. 2. Metode Penelitian Metode Waterfall 1. Analisis Proses pengumpulan kebutuhan dilakukan secara intensif untuk menspesifikasikan kebutuhan perangkat lunak agar dapat dipahami perangkat lunak seperti apa yang dibutuhkan oleh user. 2. Desain Desain perangkat lunak adalah proses multi langkah yang fokus pada desain pembuatan program perangkat lunak termasuk struktur data, arsitektur perangkat lunak, representasi antarmuka, dan prosedur pengkodean. 3. Pengkodean Desain harus ditranslasikan ke dalam program perangkat lunak. Hasil dari tahap ini adalah program komputer sesuai dengan desain yang telah dibuat pada tahap desain. 4. Pengujian Pengujian fokus pada perangkat lunak secara dari segi lojik dan fungsional dan memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk meminimalisir kesalahan (error) dan memastikan keluaran yang dihasilkan sesuai dengan yang diinginkan. 5. Pendukung (support) atau pemeliharaan (maintenance) Tahap pendukung atau pemeliharaan dapat mengulangi proses pengembangan mulai dari analisis spesifikasi untuk perubahan perangkat lunak yang sudah ada, tapi tidak untuk membuat perangkat lunak baru. Teknik Pengumpulan Data 1. Metode Observasi (Pengamatan Langsung) Melalui metode ini penulis melakukan pengamatan langsung pada PT. Akasia Prima 2. Metode Wawancara Metode wawancara yang dilakukan berupa metode Tanya jawab salah satu karyawan PT. Akasia Prima mengenai desain web yang diperlukan mengenai promosi penerbitan buku. 3. Metode Studi Pustaka Metode studi pustaka ini dilakukan dengan mengambil sumber data dari buku-buku dan makalah-makalah yang berhubungan dengan studi literature pada buku atau referensi yang berkaitan dengan perancangan desain web, artikel-artikel dan lain sebagainya serta situs-situs internet yang menunjang. Landasan Teori 1. Internet Menurut Shalahuddin (2008:3) internet adalah hubungan banyak komputer dengan berbagai tipe yang membentuk suatu jaringan global yang terbentuk dari jaringan-jaringan komputer local maupun regional yang memungkinkan adanya komunikasi data antar komputer tersebut melalui jalur komunikasi telepon. Menurut Oetomo (2007b:24), adapaun fasilitas yang tersedia dalam internet adalah sebagai berikut : a. Web Adanya fasilitas hypertext untuk menampilkan data berupa text, gambar, bunyi, animasi dan multimedia lainnya. Dimana diantaranya data tersebut saling berhubungan satu sama lain dan berinteraktif dengan pemakainya. Hal ini dimungkinkan dengan adanya teknologi World Wide Web (WWW). Informasi WWW ini disimpan pada web server untuk dapat diakses dari jaringan internet b. World Wide Web (WWW) Agar salah satu sumber daya informasi luar biasa yang sangat popular digunakan pemakai jaringan internet, World Wide Web ini bekerja menggunakan teknologi yang dikenal sebagai yang dikenal sebagai hypertext, yang kemudian dikembangkan menjadi suatu protocol aplikasi yang disebut Hyper Text Transfer Protocol (HTTP) yang digunakan untuk mengakses suatu informasi yang disimpan pada situs web, dengan teknologi hypertext akan menggabungkan beberapa jenis representasi dan metode pengaksesan informasi dan menyajikan dalam bentuk informasi seperti text, grafik, suara, animasi, video dan lainnya. Dan fasilitas ini menjadikan web sebagai aplikasi yang paling luas untuk menjelajahi internet. c. Website (Situs Web) Situs ini merupakan tempat penyimpanan data informasi dengan berdasakan topik tertentu. d. Web Pages Merupakan file text yang berisi tag tag dengan format Hyper Text Markup Language (HTML), link ke file file grafik atau halaman web lain. File text ini disimpan dalam server. e. Homepage 149
Homepage merupakan halaman pembuka atau halaman pertama dari suatu web organisasi pemilik situs web tersebut. f. Browser Merupakan program aplikasi yang digunakan untuk memudahkan melakukan navigasi berbagai data dan informasi pada WWW dan mengakses layanan WWW. g. Universal Resource Locator (URL) Pada penggunaan WWW, penunjuk suatu informasi menggunakan metode Universal Resource Locator (URL) yang merupakan konsep penamaan lokasi standar dari suatu file, direktori, komputer, lokasi komputernya dan untuk menentukan alamat yang akan kita pakai, untuk mengakses internet khususnya situs web. URL mengantarkan browser ke alamat yang dituju. h. Hyper Text Transfer Protocol (HTTP) HTTP ini akan digunakan jika hendak mengakses suatu informasi pada suatu situs web tertentu. HTTP mempunyai tugas mentransfer dokumen berupa hypertext atau yang biasa disebut HTML. Dengan demikian HTTP akan mentransfer HTML ke browser dari server tempat HTML tersebut disimpan. i. Hyper Text Markup Language (HTML) Menurut. Shalahuddin (2008:19), HTML adalah suatu sistem penulisan perintah dan formatting hypertext sederhana yang ditulis dalam dokumen text ASCII agar dapat menghasilkan tampilan visual yang integrasi. Dengan kata lain, dokumen yang dibuat dalam aplikasi. j. File Transfer Protocol (FTP) Untuk dapat mengirimkan dan mengambil data yang disimpan dalam bentuk file, digunakan apliaksi FTP antara pemakai dengan FTP server. 2. Macromedia Dreamweaver Menurut Wahana Komputer (2009:2), Macromedia Dreamweaver adalah program aplikasi web editor yang cukup popular saat ini. Selain tampilannya yang lebih menarik, kemampuan dan fitur fitur baru akan mempermudah para pemakainya untuk menciptakan halaman web dengan cepat dan mudah tanpa harus berlama lama menuliskan baris baris kode Hyper Text Markup Language (HTML). Salah satu kelebihan Dreamweaver adalah memiliki kemampuan untuk mendukung pemrograman Script Server Side seperti Active Server Page (ASP), Java Server Page (JSP), Coldfusion, ASP.net dan PHP. Selain itu, Dreamweaver juga mendukung pemrograman Client Side seperti HTML dan Java Script. 3. PHP Menurut Kadir (2008), PHP merupakan singkatan Hypertext Prerocessor. Ia merupakan bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server. Hasilnya akan dikirimkn ke klien. Tempat pemakai pengguna browser. 4. MySQL Menurut Solichin (2009:4) MySQL merupakan suatu bahasa (language) yang digunakan untuk mengakses database. MYSQL digunakan oleh banyak portal-portal internet sebagai basis data dari informasi yang ditampilkan pada situs web. 5. Struktur Navigasi Menurut Prihatna (2005:51) struktur navigasi adalah susunan menu atau hirarki dari suatu situs yang menggambarkan isi dari setiap halaman dan link atau navigasi setiap halaman pada suatu situs web. Struktur navigasi suatu situs web yang akan dibuat.struktur navigasi dapat digolongkan menurut kebutuhan akan objek, kemudahan pemakaian dan kemudahan pemakaian dan kemudahan membuatnya yang berpengaruh terhadap waktu pembuatan suatu situs web. Bentuk dasar dari struktur navigasi adalah sebagai berikut ini : 1. Linear (Satu Alur) Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang berurut yang menampilkan satu demi satu tampilan layar secara berurut menurut urutannya. Tampilan yang dapat ditampilkan pada sruktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya, tidak dapat dua halaman sebelumnya. Sumber : Prihatna (2005:52) Gambar 1 Struktur Navigasi Linear 2. Hierarchical (Hirarki) Struktur navigasi hirarki biasa disebut struktur bercabang, merupakan suatu struktur yang mengandalkan percabangan untuk menampilkan data berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai Master Page (halaman utama pertama), halaman utama 150
ini mempunyai halaman percabangan yang disebut Slave Page (halaman pendukung). Jika salah satu halaman pendukung dipilih atau diaktifkan, maka tampilan tersebut akan bernama Master Page (halaman utama kedua), dan seterusnya. Pada struktur navigasi ini tidak diperkenankan adanya tampilan secara linier. Sumber : Prihatna (2005:57) Gambar 4. Struktur Navigasi Composite Sumber : Prihatna (2005:53) Gambar 2. Struktur Navigasi Hirarki 3. Non Linear (tidak berurut) Struktur navigasi non-linier atau struktur tidak berurut merupakan pengembangan dari struktur navigasi linier. Pada struktur ini diperkenankan membuat navigasi bercabang. Percabangan yang dibuat pada struktur nonlinier ini berbeda dengan percabangan pada struktur hirarki, karena pada percabangan nonlinier ini walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan. 3. Pembahasan A. Analisa Kebutuhan 1. Analisa Kebutuhan Admin a) Mengelola Halaman Admin b) Admin dapat mengubah, menghapus, dan menambahkan data karyawan c) Admin dapat mengedit About d) Admin dapat mengubah, menghapus, dan menambahkan Headline e) Admin dapat mengubah, menghapusbuku tamu 2. Analisa Kebutuhan Pengunjung (User) a) Pengunjung bisa melihat halaman utama web b) Pengunjung bisa melihat book list (daftar buku yang telah diterbitkan) web c) Pengunjung bisa melihat Informasi tentang isi web d) Pengunjung bisa memberikan komentar tentang isi web B. Desain 1. Rancangan Antar Muka Web Sumber : Prihatna (2005:55) Gambar 3. Struktur Navigasi NonLinear 4. Composite (campuran) Composite (campuran) atau disebut juga struktur penjejakan bebas merupakan gabungan dari ketiga sttruktur sebelumnya yaitu, linear, non linear, hierarchical. Jika dalam percabangan tersebut terdapat suatu tampilan yang sama keudukannya maka dapat dibuat struktur linear dalam percabangan tersebut. Gambar 5. Rancangan Halaman Index (Home) 151
Gambar 9. Rancangan Halaman Buku Tamu Gambar 6. Rancangan Halaman Book List Gambar 10. Rancangan Halaman Kontak Kami Struktur Navigasi Gambar 11. Struktur Navigasi User Web Site PT. Akasia Prima (Front-End) Gambar 7. Rancangan Halaman Galeri Gambar 12. Struktur Navigasi Admin Web Site PT. Akasia Prima (Back-End) Gambar 8. Rancangan Halaman Info Spesifikasi File Dalam pembuatan website buku tamu ini membuat satu database yang bernama: Bukutamu_akasia dengan nama table bukutamu Adapun spesifikasi file-file tersebut antara lain : a. Tabel Buku Tamu Tabel II.1. File Buku Tamu 152
Gambar 16. Tampilan Form Contact Us b. Tabel Admin Tabel 2. File Admin e) Tampilan Form Gallery Gambar 17. Tampilan Form Gallery 4. Spesifikasi Tampilan Web a) Tampilan Form Index f) Tampilan Form Book List Gambar 13. Tampilan Form Index b) Tampilan Form Kritik dan Saran Gambar 14. Tampilan Kritik dan Saran c) Tampilan Form Headline Gambar 15. Tampilan Form Headline d) Tampilan Form Contact Us Gambar 18. Tampilan Form Book List 4. Simpulan a. Dengan adanya website informasi online, diharapkan informasi mengenai PT. Akasia Prima yang bergerak dibidang penerbitan buku pelajaran sekolah yang dibutuhkan oleh karyawan, relasi maupun rekanan dapat di akses dengan cepat dan mudah tanpa harus datang langsung ke kantor. b. Dapat mempermudah relasi maupun rekanan untuk mengetahui Sistem Informasi PT. Akasia Prima. c. Dengan menggunakan sarana website informasi online, bisnis dapat berjalan dengan mudah dan perkembangan bisnis dapat berkembang lebih cepat. d. Dengan adanya website informasi online, kebutuhan relasi maupun rekanan dapat terpenuhi dengan mudah dan kapan saja e. Dengan adanya website informasi online, hal inilah yang ingin dimanfaatkan PT. Akasia Prima dalam hal mempromosikan buku-buku sekolah melalui internet sehingga diharapkan terciptanya brand image perusahaan yang baik. 153
Referensi Budi Sutedjo Dharma Oetomo, Ester Wibowo, Eddy Hartono dan Samuel Prakoso. 2007. Pengantar Teknologi Informasi Internet, Konsep dan Aplikasi. Yogyakarta: Andi. Febrian, Jack. 2008. Menggunakan Internet. Bandung: Informatika. Kadir, Abdul. 2008. Dasar Pemrograman Web Dinamis Menggunakan PHP (Revisi). Yogyakarta: Andi. M. Shalahuddin, Rosa A.S. 2008. Java di Web. Bandung: Informatika. Prihatna, Hengky 2005. Kiat Praktis Menjadi Webmaster Profesional. Jakarta: Elex Media Komputindo. Sistem Belajar Singkat 2009. Design Web Menggunakan Macromedia Dreamweaver 8 Wahana, Komputer 2009. Panduan Praktis Macromedia Dreamweaver 8 Wibowo, Angga. 2007. 16 Aplikasi PHP Gratis untuk Pengembangan Situs Web. Yogyakarta : Andi; dan Semarang: SmitDev Community. Yuliano, Triswansyah. 2009. Pengenalan PHP. Diambil dari: http://ilmukomputer.org/2009/03/28/ pengenalan-php/ (28 Maret 2009). 154