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:
2.9.
1. HTML
3. CSS
2. PHP
4. Javascript
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 Nama Field username password
Tipe Data varchar varchar
Ukuran 50 50
7
Keterangan Username admin Password admin
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 Nama Field id_kategori kategori
Tipe Data integer varchar
Ukuran 5 50
Keterangan ID kategori 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 Nama Field id_desain nama id_kategori image deskripsi
Tipe Data integer varchar integer varchar text
Ukuran 5 255 5 255 -
Keterangan ID desain Nama desain ID kategori Gambar desain 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 Nama Field id_berita judul intro deskripsi image tgl_posting
Tipe Data integer text text text varchar date
Ukuran 5 255 -
Keterangan ID berita Judul berita Pengantar berita Deskripsi berita Gambar berita 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 id_gallery nama image
Tipe data integer varchar varchar
Ukuran 5 50 255
Keterangan Id gallery Nama gallery 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 Nama Field id_order tgl_order id_desain ornama oralamat orkota telp email jumlah pesan status
Tipe Data integer date integer varchar text varchar varchar varchar decimal text varchar
Ukuran 5 5 50 50 20 255 13 255
Keterangan ID order Tanggal order ID desain Nama pemesan Alamat pemesan Kota Telepon pemesanan Email pengiriman Jumlah Order Pesan 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 Nama Field id_order id_desain tgl_order tgl_selesai ornama oralamat orkota telp email jumlah
Tipe Data integer integer date date varchar text varchar varchar varchar decimal
Ukuran 5 5 50 50 255 255 13
9
Keterangan ID Order ID Desain Tanggal order Tanggal selesai Nama pemesan Alamat pemesan Kota Nomor telepon pemesan Email pemesan Jumlah pesanan
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