ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA PROMOSI PADA DJALEEPRODUKTAMA FREELANCE GRAPHIC PARTNER YOGYAKARTA Naskah Publikasi Diajukan oleh : FERI PARIYANTO 09.21.0467 kepada JURUSAN TEKNIK INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2010
2
ABSTRACT ANALYSIS AND DESIGN WEB AS A MEDIUM OF PROMOTION ON DJALEEPRODUKTAMA FREELANCE GRAPHIC PARTNER YOGYAKARTA BY: FERI PARIYANTO 09.21.0467 The Internet is a medium of information very fast and efficient in providing the information widely to the user without knowing the space, distance and time. One of the media that it is suitable for the www (world wide web). The application site is one way of delivering an information in the form of visual media. Djaleeproduktama Freelence Graphic Partner as a business engaged in the field of graphic design in internet technology to build a website to support the promotion and delivery of information related to the field of business run. Web built using PHP as programmer language and MySQL as database. Keywords: web, information, promotion, php, MySQL 3
1. Pendahuluan Pada zaman teknologi yang berkembang pesat sekarang ini, kebutuhan untuk informasi yang cepat, tepat dan efisien sangat diharapkan dalam segala kegiatan manusia. Sebab informasi dapat digunakan sebagai landasan dalam menentukan pengambilan keputusan. Sedangkan untuk memperoleh informasi yang dibutuhkan dapat menggunakan beberapa cara dan media. Salah satu yang dapat diandalkan adalah dengan menggunakan media komputer. Teknologi komputer yang setiap saat berkembang dengan cepat, baik dari segi perangkat keras (hardware) maupun perangkat lunak (software). Oleh karena itu, komputer semakin memberikan kemudahan dan kecepatan untuk mengelola dan memperoleh berbagai macam bentuk informasi. Salah satu dari perkembangan teknologi komputer adalah internet, yang membawa manusia pada suatu komunitas maya. Internet merupakan media informasi yang sangat cepat dan efisien dalam penyebaran informasi dan tidak terlepas oleh jarak dan waktu. Internet dapat memberikan informasi yang seluas-luasnya kepada pemakai tanpa mengenal ruang, jarak dan waktu. Salah satu media yang cocok untuk itu adalah WWW (World Wide Web). Website merupakan salah satu sebuah aplikasi pada Internet yang berupa informasi hypertext. Situs (website) yang terdiri dari salah satu atau beberapa homepage yang dibuat dengan bahasa HTML (Hypertext Markup Language) merupakan sumber informasi tersebut baik, buruk, atau bahkan menyesatkan, sehingga keberadaan media ini telah membentuk suatu budaya masyarakat yang baru. Website sebagai bagian dari teknologi internet berperan penting dalam penyebaran informasi, berbagai kegiatan yang bersifat online, berbagai aktivitas lain yang membutuhkan kemampuan website serta memungkinkan untuk para penjelajah web mengakses informasi yang dibutuhkan kapanpun dan dimanapun selama terkoneksi dengan internet. Aplikasi website merupakan salah satu cara penyampaian suatu informasi tertentu dalam bentuk media visual dalam dunia internet untuk kemudahan dan kenyaman pengguna akses. Dengan keunggulan website, peneliti bermaksud melakukan analisis dan perancangan website pada Djaleeproduktama Freelance Graphic Partner Yogyakrta, sebuah usaha yang bergerak di bidang desain grafis. Perancangan web ini dimaksudkan untuk mengenalkan perusahaan serta sebagai media promosi. 2. Landasan Teori 2.1. Konsep Dasar Sistem Suatu sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran tertentu. 4
2.2. Konsep Dasar Informasi Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerima. 2.3. Siklus Hidup Pengembangan Sistem Tahapan-tahapan dalam pengembangan sistem antara lain : 1. Perencanaan sistem (system planning) 2. Analisis sistem (system analysis) 3. Desain sistem (system design) 4. Implementasi sistem (system implementation) 5. Perawatan sistem (system maintenance) 2.4. Flowchart Flowchart adalah teknik penyusunan instruksi untuk penulisan program komputer terstruktur dengan menggunakan gambar-gambar/simbol-simbol. Tujuan utama dari penggunaan flowchart adalah untuk menggambarkan suatu tahapan penyelesaian masalah secara sederhana, terurai, rapi dan jelas dengan menggunakan simbol-simbol standar. 2.5. Diagram Alir Data DFD sering digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir atau lingkungan fisik dimana data itu akan disimpan. DFD merupakan alat yang digunakan pada metodologi pengembangan sistem yang terstruktur. 2.6. Basis Data Basis data adalah kumpulan data, umumnya mendeskripsikan aktivitas suatu organisasi yang berhubungan atau lebih. 2.7. Internet Internet secara umum merujuk kepada gabungan jaringan computer yang berkomunikasi menggunakan sistem pertuturan yang dikenal sebagai TCP/IP (Transmission Control Protocol/Internet Protocol). Ini berfungsi sebagai satu rangkaian yang besar yang menghubugkan badan pemerintahan, komersial, institusi pendidikan dan individu di seluruh dunia. 5
2.8. Bahasa Pemrograman Yang digunakan Bahasa pemrograman yang digunakan untuk membangun sistem ini antara lain: 1. HTML 3. CSS 2. PHP 4. Javascript 2.9. Perangkat Lunak Yang digunakan Perangkat lunak yang digunakan untuk membangun sistem ini antara lain: 1. XAMPP 4. Macromedia Dreamweaver 2. Apache 5. Adobe Photoshop 3. MySQL 2.10. Kriteria Website Yang Baik Menurut CNET/Builder ada 7 kriteria yang menentukan sebuah website termasuk website yang baik/tidak, yaitu : 1. Usability 5. Kompatibilitas 2. Sistem navigasi 6. Loading time 3. Graphic Design 7. Functionality 4. Content 3. Analisis dan Perancangan 3.1. Flowchart Flowchart ini digunakan untuk menggambarkan proses yang terjadi dalam sistem. Dalam flowchart ini terdapat 2 level pengguna yaitu Admin dan User. Flowchart yang diusulkan dapat dilihat pada gambar 1 Gambar 1 Flowchart Sistem 6
3.2. Diagram Konteks Dalam diagram konteks terdapat 2 entitas luar yang menyusun sistem ini, yaitu : 1. Admin Admin adalah orang yang memiliki akses penuh terhadap sistem ini. Admin bertugas mengelola web. Untuk dapat masuk ke sistem seorang admin memiliki akun untuk login ke sistem. Tugas admin adalah melakukan pengelolaan data. Admin dapat melakukan penambahan, perubahan, serta menghapus data di sistem. 2. User User adalah pengguna umum. User dapat mengakses seluruh informasi yang terdapat di web. User juga dapat melakukan order. Diagram konteks dapat dilihat dalam gambar 2. Gambar 2 Diagram Konteks 3.3. Rancangan Basisdata Dalam pembuatan web ini dibutuhkan rancangan tabel. Tabel-tabel yang diperlukan antara lain : 1. Tabel Admin Tabel admin digunakan untuk menyimpan data admin. Tabel admin terdiri dari 2 field antara lain username, dan password. Tabel admin dapat dilihat pada tabel 1. Tabel 1 Tabel Admin username varchar 50 Username admin password varchar 50 Password admin 7
2. Tabel Kategori Tabel kategori digunakan untuk menyimpan data kategori. Tabel kategori terdiri dari 2 field antara lain id_kategori dan kategori. Tabel kategori dapat dilihat pada tabel 2. Tabel 2 Tabel Kategori id_kategori integer 5 ID kategori kategori varchar 50 Nama kategori 3. Tabel Desain Tabel produk digunakan untuk menyimpan data desain. Tabel admin terdiri dari 5 field antara lain id_desain, id_kategori, nama, image, deskripsi. Tabel desain dapat dilihat pada tabel 3 Tabel 3 Tabel Desain id_desain integer 5 ID desain nama varchar 255 Nama desain id_kategori integer 5 ID kategori image varchar 255 Gambar desain deskripsi text - Deskripsi 4. Tabel Berita Tabel berita digunakan untuk menyimpan data berita. Tabel berita terdiri dari 5 field antara lain id_berita, judul, intro, deskripsi, image, dan tgl_posting. Tabel berita dapat dilihat pada tabel 4. Tabel 4 Tabel Berita id_berita integer 5 ID berita judul text - Judul berita intro text - Pengantar berita deskripsi text - Deskripsi berita image varchar 255 Gambar berita tgl_posting date - Tanggal posting 5. Tabel Gallery Tabel gallery digunakan untuk menyimpan data gallery. Tabel gallery terdiri dari 3 field antara lain id_gallery, nama, image. Tabel gallery dapat dilihat pada tabel 5. 8
Tabel 5 Tabel Gallery Nama Field Tipe data Ukuran Keterangan id_gallery integer 5 Id gallery nama varchar 50 Nama gallery image varchar 255 Gambar 6. Tabel Order Tabel order digunakan untuk menyimpan data order. Tabel order terdiri dari 11 field antara lain id_order, tgl_order, id_desain, nama, alamat, kota, telp, email, jumlah, pesan, status. Tabel order dapat dilihat pada tabel 6. Tabel 6 Tabel Order id_order integer 5 ID order tgl_order date Tanggal order id_desain integer 5 ID desain ornama varchar 50 Nama pemesan oralamat text - Alamat pemesan orkota varchar 50 Kota telp varchar 20 Telepon pemesanan email varchar 255 Email pengiriman jumlah decimal 13 Jumlah Order pesan text - Pesan status varchar 255 Status order 7. Tabel History Order Tabel order digunakan untuk menyimpan data history order. Tabel history order terdiri dari 10 field antara lain id_order, nama, ornama,oremail, oralamat, orkota, orjumlah, alamatkirim, dan pesan. Tabel order dapat dilihat pada tabel 7. Tabel 7 Tabel History Order id_order integer 5 ID Order id_desain integer 5 ID Desain tgl_order date - Tanggal order tgl_selesai date - Tanggal selesai ornama varchar 50 Nama pemesan oralamat text - Alamat pemesan orkota varchar 50 Kota telp varchar 255 Nomor telepon pemesan email varchar 255 Email pemesan jumlah decimal 13 Jumlah pesanan 9
4. Implementasi dan Pembahasan 4.1. Halaman Utama Admin Gambar 3 Halaman Utama Admin 4.2. Halaman Utama User Gambar 4 Halaman Utama User 10
5. Kesimpulan Berdasarkan hasil implementasi sistem terhadap pembuatan web pada Djaleeproduktaman Freelance Graphic Partner, maka dapat mengambil kesimpulan sebagai berikut: 1. Penyampaian informasi yang masih mengunakan sistem tradisional dirasa kurang efektif dan kurang memiliki daya tarik bagi konsumen. 2. Web dapat membantu dan memperbaiki sistem penyampaian dengan tampilan lebih menarik karena disampaikan dalam bentuk visualisasi. 3. Dengan menggunakan web dalam bidang usaha dapat membawa kemajuan bagi dunia bisnis selain membantu produsen juga akan lebih menarik minat konsumen terhadap produk/jasa yang ditawarkan. 6. Daftar Pustaka Fatta, Hanif Al. 2007. Analisis dan Perancangan Sistem Informasi untuk Keunggulan bersaing Perusahaan dan Organisasi Modern. Yogyakarta : Penerbit Andi. Hariningsih, SP. 2005. Teknologi Informasi. Yogyakarta : Graha Ilmu. Hariyanto, Bambang Ir, MT. 2004. Sistem Manajemen Basisdata. Bandung : Informatika. http://blog.re.or.id/analisis-sistem-informasi.htm. diakses pada tanggal 10 November 2010. http://id.wikipedia.org/wiki/adobe_photoshop. diakses pada tanggal 27 Oktober 2010. http://id.wikipedia.org/wiki/apache_http_server. diakses pada tanggal 27 Oktober 2010. Information and Communication Technology, STIE Perbanas Surabaya. 2009. http://ict.perbanas.ac.id/article/apa-kriteria-website-yang-baik.php. diakses pada tanggal 2 November 2010. Jogiyanto, H.M. 2005. Analisis dan Desain Sistem Informasi : Pendekatan Terstruktur, Teori dan Praktik Aplikasi Bisnis. Yogyakarta : Penerbit Andi. Kadir, Abdul. 2007. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta : Penerbit Andi. 11