MEMBANGUN WEB SEBAGAI MEDIA PROMOSI DAN TRANSAKSI PRODUK UNDANGAN PERNIKAHAN PADA PERCETAKAN SALSA GRAFIKA PURWOREJO DENGAN PHP DAN JQUERY



dokumen-dokumen yang mirip
SISTEM INFORMASI PENJUALAN ONLINE SEPATU PADA TOKO STARS SHOP MEDAN

BAB III PERANCANGAN SISTEM

BAB 1 PENDAHULUAN. sering disebut dengan e-commerce (Electronic Commerce). E-Commerce

Perancangan Sistem Informasi Berbasis Web Sebagai Media. Informasi dan Promosi pada MM Studio Musik. Banjarnegara.

BAB I PENDAHULUAN. Toko Asysa merupakan sebuah toko yang bergerak di bidang penjualan

SISTEM PEMASARAN LAPTOP BERBASIS E-COMMERCE PADA CV. WAHOO COMPUTER MEDAN

Jurnal SCRIPT Vol. 3 No. 2 Juni 2016 PEMBUATAN SISTEM INFORMASI BERBASIS WEB DI SD ISLAM TERPADU AL-KHAIRAT MENGGUNAKAN PHP DAN MYSQL

PERANGKAT LUNAK PENJUALAN ACCESSORIES HANDPHONE BERBASIS WEB DI KONTER PRADANA CELLULAR BUSSINESS

BAB III ANALISIS DAN DESAIN SISTEM

MEMBUAT WEBSITE SEBAGAI SARANA INFORMASI DAN PROMOSI PADA UD. BAROKAH MENGGUNAKAN PHP DAN MYSQL. Naskah Publikasi

BAB 1 PENDAHULUAN. tersebut guna mencapai target yang diinginkan. Teknologi Internet merupakan. memasarkan produk yang dimiliki oleh perusahaan.

ABSTRAK. Kata kunci : website, hotel, reservasi, CRM. iii Universitas Kristen Maranatha

PERANCANGAN SISTEM INFOMASI RESELLER PADA TOKO GUDANG BUKU ACEH MENGGUNAKAN PHP DAN MYSQL

BAB III PERANCANGAN DAN PEMBUATAN SISTEM

SISTEM INFORMASI PENJUALAN BERBASIS WEB UNTUK CV. BINTANG FALAH. Naskah Publikasi

SISTEM JUAL BELI MOBIL DALAM BENTUK CASH AND CREDIT BERBASIS WEB TUGAS AKHIR RICKY LUMBANTOBING

BAB I PENDAHULUAN. Dinas Koperasi dan Usaha Mikro, Kecil dan Menengah Kabupaten Subang

BAB II TINJAUAN PUSTAKA

ABSTRACT. Keywords : Application, E-Commerce, Customer Relationship Management

PERANCANGAN WEBSITE PENJUALAN SECARA ONLINE MENGGUNAKAN PHP DAN MYSQL TUGAS AKHIR MIRA RIZKY S TANJUNG

RANCANG BANGUN E-COMMERCE UNTUK PROMOSI BATIK TULIS JAWA TIMUR DENGAN TEKNOLOGI AJAX

APLIKASI BERBASIS WEB PEMETAAN INFORMASI PADA GAMBAR BITMAP

BAB 1 PENDAHULUAN. pesat yang diindikasikan perkembangan teknologi telekomunikasi dan komputer.

ANALISIS DAN PERANCANGAN WEBSITE SEBAGAI MEDIA PROMOSI PADA LPK NAVITA NASKAH PUBLIKASI. diajukan oleh Hanif Abdan Syakuro

PERANCANGAN WEBSITE SEBAGAI SARANA PROMOSI PADA MTs MA ARIF NU 1 AJIBARANG. Oleh: Lina Rahmawati Sistem Informasi, STMIK Amikom Purwokerto ABSTRAKS

BAB I PENDAHULUAN. dunia Internet. Pengguna sistem ini sebenarnya dapat menguntukan banyak pihak,

Bab III. PERANCANGAN SISTEM

APLIKASI MANAJEMEN PERPUSTAKAAN BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL PADA SMA NEGERI 5 BINJAI TUGAS AKHIR FATIMAH

ABSTRAK. Kata kunci: baby shop, ecommerce, Nearest Neighbor. v Universitas Kristen Maranatha

RANCANG BANGUN E-COMMERCE UNTUK BISNIS PERCETAKAN DIGITAL

RANCANG BANGUN WEBSITE SOSIAL BOOKMARK UNTUK OPTIMALISASI DAN PENINGKATAN TRAFIK SEBUAH WEBSITE NASKAH PUBLIKASI

RANCANG BANGUN SISTEM INFORMASI PENJUALAN PRODUK KOPI PADA UD. TIARA GLOBAL COFFEE BERBASIS WEB

BAB 1 PENDAHULUAN. PT. Daya Anugrah Mandiri cabang Arjawinangun merupakan cabang

PERANCANGAN DAN IMPLEMENTASI SISTEM INFORMASI E_LEARNING UNTUK PEMBELAJARAN BAHASA PEMROGRAMAN PHP

PERANCANGAN SISTEM TELESHOPING TOKO BUKU AN-NOOR VIA HANDPHONE BERBASIS WAP NASKAH PUBLIKASI

BAB 3 PERANCANGAN SISTEM. sistem baik yang lama maupun untuk mulai memiliki sistem yang baru. Perancangan

BAB II LANDASAN TEORI. suatu maksud tertentu adalah bagian dari suatu sistem, yang mana sistem

BAB III LANDASAN TEORI

BAB 1 PENDAHULUAN 1. 1 Latar Belakang Masalah

Tutorial Menggunakan webpraktis profil bisnis

BAB 1 PENDAHULUAN. jurang kesenjangan digital (digital divide), yaitu keterisolasian dari perkembangan

BAB III ANALISIS DAN DESAIN SISTEM

IMPLEMENTASI E-COMMERCE BUSINESS TO COSTUMER (B2C) SEBAGAI SOLUSI PENJUALAN KOMPUTER PADA IT SOLUTION BANJARMASIN BERBASIS WEB.

BAB IV ANALISIS DAN PERANCANGAN SISTEM. yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk

WEBSITE PT. LUMENINDO GILANG CAHAYA MENGGUNAKAN METODE WATERFALL

3.2.1 Web Map Admin Web Map Member Web Map Guest Perancangan User Interface Desain Halaman Menu

BAB 1 PENDAHULUAN. Bekasi merupakan badan usaha yang bergerak dalam bidang penjualan bed cover, sprei bantal, sprei guling dan sprei untuk kasur.

ABSTRAK. Kata Kunci: Paris Online Shop, e-commerce, PHP, MySQL, penjualan dan pembelian, stock, tracking pengiriman. Universitas Kristen Maranatha

APLIKASI PENJUALAN PADA CV. ANANDAM KOMPUTER MAGELANG BERBASIS WEBSITE. Rizal Ari Ardianto. Program studi Teknik Informatika S-1

Keywords: e-commerce, mobile phone

PERANCANGAN APLIKASI SISTEM INFORMASI KEPENDUDUKAN DI KECAMATAN GONDOMANAN

MEMBANGUN E-COMMERCE UNTUK MENINGKATKAN JARINGAN PEMASARAN KERAJINAN KAIN KHAS PALEMBANG

MANUAL BOOK MADANI CMS KOTA SERANG

PEMANFAATAN SISTEM INFORMASI DALAM MENINGKATKAN PENJUALAN DI CV. JAPURAN KOTA TEGAL

BAB I Pendahuluan. dompet. Perkembangan bisnis distro khusunya di Bandung mengalami. perkembangan yang pesat. Perusahaan-perusahaan yang sejenis sudah

PENGEMBANGAN APLIKASI PENJUALAN OBAT APOTIK ADI SEHAT BERBASIS E-COMMERCE

BAB 2 LANDASAN TEORI. disebut HTML (HyperText Markup Langauge). Pada perkembangan berikutnya,

PERANCANGAN SISTEM INFORMASI PENJUALAN BERBASIS WEB DI PT. GARAM (PERSERO)

BAB 2 LANDASAN TEORI

DAFTAR ISI. Halaman ABSTRAK... i ABSTRACT... ii KATA PENGANTAR... iii DAFTAR ISI... v DAFTAR TABEL... ix DAFTAR GAMBAR... x

DAFTAR ISI. ABSTRAK... i. ABSTRACT... ii. KATA PENGANTAR... iii. DAFTAR ISI... vii. DAFTAR GAMBAR... xiii. DAFTAR TABEL... xviii

BAB 1 PENDAHULUAN. Toko alat musik Hafidz Pro Ard merupakan toko alat musik yang sudah

BAB IV ANALISIS DAN PERANCANGAN SISTEM

BAB 1 PENDAHULUAN. perubahan kultur kita sehari-hari. Dalam era yang disebut information age ini, media

FLEXIBLE & SIMPLE E-COMMERCE MANUAL SISTEM MANAJEMEN KONTEN (CMS) ONLINE SHOP. Copyright 2016 by Flimmerce

PENERAPAN CLOUD COMPUTING PADA WEBSITE PEMESANAN KAMAR KOST DENGAN MODEL LAYANAN SOFTWARE AS A SERVICE

Jurnal Ilmiah d ComPutarE Volume 2 Juni 2012

PEMBUATAN TOKO ONLINE DISTRO MOSFIT PROJECT BERBASIS WEB FRAMEWORK CAKEPHP TUGAS AKHIR. Oleh : ABDUL MUIZZ NPM JURUSAN TEKNIK INFORMATIKA

Aplikasi e-commerce Pada Layanan Toko Komputer Elektronik (e-computer Store)

PERANCANGAN E-COMMERCE PENJUALAN KOMPUTER DAN ALAT ELEKTRONIK BERBASIS WEB PADA TOKO DAMAR KOMPUTER PRINGSEWU

ABSTRAK. Kata Kunci : E-commerce, Website Penjualan buku, Customer, dan Error Handling. iii. Universitas Kristen Maranatha

BAB 1 PENDAHULUAN. Ria No. 9 Cimahi yang bergerak dibidang penjualan games. Tintin Game Shop ini

BAB I PENDAHULUAN. Perkembangan teknologi informasi saat ini telah menciptakan jenis-jenis dan

RANCANG BANGUN SISTEM INFORMASI PEMESANAN KATERING BERBASIS WEB (Studi Kasus Pada Katering Jelita)

WEBSITE PT. PEGADAIAN (PERSERO) PADA KANTOR WILAYAH III PALEMBANG MENGGUNAKAN PHP DAN MYSQL

BAB I PENDAHULUAN. Perkembangan Ilmu Pengetahuan dan Teknologi sekarang ini semakin

Perancangan Website Ujian. Teknik Elektro UNDIP Berbasis HTML

BAB 1 PENDAHULUAN. merupakan suatu toko yang memasarkan produk dari. beberapa home industri kulit seperti sepatu dan sandal.

ANALISIS DAN PERANCANGAN SISTEM PEMESANAN PADA PERCETAKAN BERBASIS WEB SKRIPSI

E-market Place Sebagai Sarana Transaksi Lelang Online

DESAIN WEBSITE CV PRIMA INDO TUNA MAKASSAR. Rusmala Dewi Dosen Universitas Cokroaminoto Palopo

E-COMMERCE BUTIK ANAYA COLLECTION BERBASIS WEB PHP DAN MENGGUNAKAN FRAMEWORK CODEIGNITER TUGAS AKHIR. Oleh : ASWIN ROSADI NPM.

BAB I PENDAHULUAN. Kenyataan telah menunjukan bahwa penggunaan media elektronik merupakan

PERANCANGAN DAN PEMBUATAN WEBSITE PERUSAHAAN EKSPEDISI

KATA PENGANTAR. bermanfaat bagi penulis sejak awal hingga terselesainya laporan ini.

BAB II LANDASAN TEORI Konsep Dasar Membangun Aplikasi Berbasis Web

JURNAL KHATULISTIWA INFORMATIKA, VOL. 2 NO. 1 JUNI 2014 PERANCANGAN SISTEM INFORMASI AKADEMIK SEKOLAH BERBASIS WEB DENGAN JAVA

BAB 4 IMPLEMENTASI DAN EVALUASI. Dalam mengimplementasikan sistem yang dijalankan, maka diperlukan beberapa

Key : Ecurrency, Website, Exchanger

BAB 1 PENDAHULUAN. Toko Jam Mellin adalah sebuah toko yang bergerak dalam penjualan jam

BAB 4 PERANCANGAN APLIKASI E-MARKETING

Penerapan Konsep One Layer Website Berbasis JavaScript

Pembahasan. 1. Membangun Aplikasi E-Commerce 2. Perangkat E-Commerce 3. Pemilihan Software E-Commerce

Kata kunci : rekayasa perangkat lunak, e-commerce, pt. kaila MJS

BAB 1 PENDAHULUAN. menjual berbagai jenis pakaian. Seiring dengan perkembangan fashion pakaian ini

TELEMATIKA, Vol. 06, No. 02, JANUARI, 2010, Pp ISSN X SISTEM INFORMASI GEOGRAFIS BERBASIS WEB LOKASI BAHAN GALIAN KABUPATEN PONOROGO

Aplikasi Pendataan Kendaraan Hilang Berbasis Web (Studi Kasus : Polres Cimahi)

BAB III ANALISIS DAN PERANCANGAN SISTEM

Manual Book For Customer

ANALISIS DAN PERANCANGAN WEB SEBAGAI MEDIA PROMOSI PADA DJALEEPRODUKTAMA FREELANCE GRAPHIC PARTNER YOGYAKARTA. Naskah Publikasi

Transkripsi:

MEMBANGUN WEB SEBAGAI MEDIA PROMOSI DAN RANSAKSI PRODUK UNDANGAN PERNIKAHAN PADA PERCEAKAN SALSA GRAFIKA PURWOREJO DENGAN PHP DAN JQUER NASKAH PUBLIKASI disusun Oleh : Fitryan Wisnu Pratama 08.01.2374 Dedy Kariadi 08.01.2393 SEKOLAH INGGI MANAJEMEN INFORMAIKA DAN KOMPUER AMIKOM OGAKARA 2011

BUILDING WEBSIE FOR PROMOION AND RANSACION MEDIA OF WEDDING INVIAION PRODUCS FOR PRINING SHOP SALSA GRAFIKA PURWOREJO WIH PHP AND JQUER MEMBANGUN WEB SEBAGAI MEDIA PROMOSI DAN RANSAKSI PRODUK UNDANGAN PERNIKAHAN PADA PERCEAKAN SALSA GRAFIKA PURWOREJO DENGAN PHP DAN JQUER Fitryan Wisnu Pratama Dedy Kariadi Jurusan Diploma III eknik Informatika SMIK AMIKOM OGAKARA ABSRAC Salsa Grafika as one of the companies engaged in printing wedding invitations have and information that must be managed properly. Salsa Grafika printing shop from its establishment just do promotions with a system that is personal selling promotions and by placing its logo on each wedding invitation. With this system customers who come only limited that customers can and want to visit the Salsa Grafika office directly. From the design of e-commerce website is expected to facilitate Salsa Grafika in expanding the marketing of products wedding invitations that include the entire region, both locally and nationally, even internationally include areas within the development. In addition making promotions website with an attractive and unique design will certainly be more value in a marketing effort, of course, to attract more customers. Web that is built must have a purpose or goal. An example is Salsa Grafika s web we built with the purpose of facilitating visitors to find information about wedding invitations and ordering them, with a web presence can facilitate Salsa Grafika to be easily recognized by people, both located in the city and outside city of Purworejo. A web can be said to be good one if the design, navigation and graphical elements are met. his meant that visitors who come can easily obtain the information presented in the web. PHP can be used in conjunction with HML so as to facilitate the development of web applications quickly. PHP can be used to update the base and create a base that allows website designers to design dynamic web pages quickly. After creating this website and from the research has been done, so the writer can conclude that, Using PHP and jquery, we can create a dynamic and interactive website. Dynamic and interactive website that can make visitors more easily find information on promotions and product information online at Salsa Grafika printing shop. Design factor have to be a consideration to make a promotion website because this is one of a success factor for a website. Keywords : website, e-commerce, wedding invitation, promotion and transaction

1. Pendahuluan Pengembangan aplikasi e-commerce bagi sebuah usaha merupakan proses yang cukup kompleks. Perangkat lunak aplikasi e-commerce dalam dunia bisnis dapat mendukung proses pemasaran berjalan dengan lebih cepat dan efisien. Jenis antarmuka web dipilih dengan pertimbangan fleksibilitas, implementasi, perangkat. Prosentase usaha percetakan yang menggunakan internet sebagai sarana promosi penjualan jasa percetakan tergolong masih kecil. Promosi yang dilakukan hanya melalui selebaran, pamflet maupun spanduk yang terbatas pada daerah-daerah tertentu. Setelah dilakukan perancangan website e-commerce dan diimplementasikan, maka promosi yang dilakukan oleh usaha percetakan akan lebih optimal yang berdampak pada meningkatnya penjualan jasa percetakan. Dengan website e-commerce ini, pelanggan dapat melakukan transaksi dimana saja dan kapan saja, serta dapatmelakukan pengecekan terhadap perkembangan proses pesanannya. Dari hasil perancangan website e-commerce ini diharapkan dapat mempermudah usaha PercetakanSalsa Grafika Purworejo dalam memperluas pemasaran produk undangan pernikahannya yang mencakup seluruh wilayah, baik lokal maupun nasional, bahkan mencakup wilayah internasional di dalam perkembangannya. Selain itu pembuatan website promosi dengan desain yang menarik dan unik tentunya akan menjadi nilai lebih dalam sebuah usaha pemasaran, tentunya untuk menjaring pelanggan yang lebih banyak. 2. Landasan eori 2.1 Pengertian E-commerce E-commerce atau Electronic Commerce menggambarkan cakupan yang luas mengenai teknologi, proses, dan praktek yang dapat melakukan transaksi bisnis tanpa menggunakan kertas sebagai sarana mekanisme transaksi. Hal ini bisa dilakukan dalam berbagai cara, melalui e-mail, EDI(Electronic Data Interchange), atau juga melalui website. E-Commerce is a dynamic set of technologies application, and business process that link eterprice, consumers, and communities through electronic transaction and the electronic exchange of goods, service, and information1 Dalam dunia modern seperti sekarang ini, E-commerce telah menjadikan pengaruh yang besar terhadap pertumbuhan atas tata sosial dan ekonomi masyarakat. E-commerce 1 Onno W. Purbo dan Aang Arif Wahyudi, Mengenal ecommerce (Jakarta, Elex Media Komputindo, 2001) hal 2.

talah menjadi bagian penting sektor bisnis khusus maupun umum. Hal ini dikarenakan e- commerce membuat biaya operasional bisa lebih efisien. 2.2 Jenis Pemrograman Web 2.2.1 Client-side Scripting Client-side scripting merupakan skrip/kode yang hanya dapat dilihat di browser. Client-side scripting dikerjakan secara urut dari bagian paling atas sampai bagian paling bawah tanpa ada lompatan, perulangan, dan sebagainya. Karena client-side scripting dapat dilihat secara langsung melalui browser, maka keamanan skripnya kurang terjaga. Beberapa contoh Client-side scripting adalah HML, CSS, Javascript, dan VBScript. 2.2.2 Server-side Scripting Server-side scripting merupakan kode program yang sepenuhnya akan dijalankan di sisi server, kemudian akan disertakan pada dokumen HML. Maksudnya ketika seorang pengguna internet (client) mengunjungi sebuah situs menggunakan fasilitas server side scripting maka terlebih dahulu server akan memproses semua kode program yang akan dikirimkan kepada client. Contoh server side scripting yaitu PHP, JSP dan ASP. 2.3 PHP PHP merupakan singkatan dari PHP Hypertext Preprocessor, yaitu sebuah bahasa scripting yang mirip dengan bahasa C dan Perl yang memiliki kesederhanaan dalam perintah. PHP dapat digunakan bersama dengan HML sehingga memudahkan dalam pembangunan aplikasi website dengan cepat. PHP dapat digunakan untuk meng-update base dan menciptakan base sehingga memungkinkan perancang website untuk merancang halaman website dinamik dengan cepat. 2.4 jquery Jquery adalah Javascript Library atau dapat dikatakan sebagai kumpulan kode/fungsi Javascript yang siap pakai. Peran jquery sebagai Javasrcipt Library adalah untuk menyederhanakan kode Javascript. Hal ini sesuai dengan slogannya Write less, do more, selain itu jquery merupakan program open source dengan lisensi dari GNU(General Public License) dan MI License. 2.5 Flowchart Flowchart merupakan teknik analitikal yang digunakan untuk mendeskripsikan beberapa aspek dari sistem informasi dalam wujud yang lebih jelas, ringkas, dan secara logika. Flowchart menggunakan serangkaian simbol standar untuk mendeskrpisikan dalam gambar, prosedur pemrosesan transaksi yang digunakan oleh perusahaan dan aliran dalam suatu sistem.

Flowchart terbagi menjadi dua, yaitu flowchart system dan flowchart program. 2.5.1 Flowchart Sistem aitu bagan yang menggambarkan suatu prosedur dan proses suatu file dalam suatu media menjadi file dalam media yang lain dalam suatu sistem.2 2.5.2 Flowchart Program aitu bagan yang menggambarkan urutan logika dari suatu prosedur pemecahan masalah.3 2.6 Data Flow Diagram (DFD) Data Flow Diagram (DFD) merupakan suatu grafik yang menunjukkan hubungan antar proses dalam suatu aliran. DFD menjelaskan aliran informasi dan transformasi yang bergerak dari pemasukan hingga keluar. DFD merupakan salah satu alat bantu yang digunakan dalam perancangan sistem. DFD terdiri dari 4 elemen dasar, yaitu: 1. Data source and destination. 2. Data flow. 3. ransformation processes. 4. Data stores. 3. injauan Umum 3.1 Sejarah Berdirinya Percetakan Salsa Grafika Salsa Grafika merupakan salah satu pelaku bisnis dibidang percetakan yang berdiri sejak tahun 2004. Salsa Grafika sendiri berlokasi di desa Baledono, Purworejo, Jawa engah. Pendirinya adalah Bagas Surya Praditya yang juga merupakan pemilik tunggal. Salsa Grafika bisa dikatakan sebagai home industry karena dioperasikan di kediaman pribadi sang pemilik, mulai dari tahap designing hingga finishing cetakannya. Salsa Grafika menerima berbagai macam jasa percetakan, antara lain undangan,baik undangan pernikahan maupun tasyakuran, pamflet, kartu nama, map, majalah, poster, banner, buku yaasin, brosur, spanduk, serta ijazah ataupun sertifikat. Diantara sekian jenis jasa yang ditawarkan, yang paling banyak diminati konsumen adalah jasa percetakan undangan pernikahan. Oleh karena itu Salsa Grafika memiliki slogan Salsa Grafika - he Art of Wedding Card. Hal tersebut selain dikarenakan harga yang terjangkau 2 Heri Sismoro, Pengantar Logika Informatika, Algoritma, dan Pemrograman Komputer (ogyakarta: Andi, 2005), hal 33. 3 Heri Sismoro, op.cit,. hal 34.

dalam harga per undangannya(berkisar dari Rp.700) Salsa Grafika juga menyediakan fasilitas desain dan foto pre-wedding gratis. Dengan usia yang dapat dikatakan sebagai pelaku bisnis lama, kini Salsa Grafika mulai berkembang sebagai usaha percetakan yang semakin besar. Walaupun selama ini promosi Salsa Grafika hanya dilakukan dari mulut ke mulut(personal selling) dan melalui logo Salsa Grafika yang dibubuhkan di setiap cetakan terutama undangan. Saat ini tidak hanya pelanggan dari dalam kota Purworejo saja yang menggunakan jasa Salsa Grafika tetapi juga ng pelanggan dari daerah sekitar, seperti ogyakarta, Magelang, dan Kebumen. Untuk melakukan transaksi pelanggan biasanya ng langsung ke kantor Salsa Grafika. 3.2 Profil Percetakan Salsa Grafika 1. Nama Perusahaan : Salsa Grafika 2. Jenis Usaha : Percetakan 3. Alamat : Baledono R 05 RW 06 No.2, Purworejo, Jateng 4. anggal Berdirinya : awal tahun 2004 5. Jumlah Karyawan : 5 3.3 Visi, Misi dan ujuan Perusahaan 1. Visi a. Menjadi perusahaan percetakan terbaik di Purworejo 2. Misi a. Memberikan pelayanan yang maksimal kepada konsumen b. Menyajikan design yang kreatif dan sesuai dengan perkembangan jaman 3. ujuan a. Mendapat keuntungan sebesarnya b. Memberikan pelayanan dengan baik c. Membuka kesempatan dan lapangan pekerjaan 4. Pembahasan 4.1 Flowchart Program yang diusulkan Dalam pembuatan sebuah sistem aplikasi diperlukan rancangan diagram alur (Flowchart). Flowchart adalah bagan yang menunjukan alur di dalam prosedur untuk menyelesaikan masalah. Adapun Flowchart yang diusulkan sebagai berikut :

Mulai Halaman Home Proses Pilih Menu Home ampil Detail Produk ampil Data Produk Pilih Detail Pilih Order ampil Keranjang Belanja Input Jumlah Undangan Ganti Design Pilih Lanjut Input Data Order Produk Gallery About Contact Map Selesai ampil Data Gallery ampil Data About Input Data Pesan ampil Data Map Proses Data Pesan Proses Pesanan Proses Data Order Gambar 4.1 Flowchart Program Users Mulai Username Password Proses Ulang Proses Cek Login disetujui Halaman Ulang Halaman Home Proses Pilih Menu Modul Slider About Map Berita Kategori ag Produk Galleri Pesan Masuk Rek Bank Messenger Download File Cara Order Order Masuk Laporan ransaksi Beranda Logout Selesai Olah Data Modul Olah Data Slider Olah Data About Olah Data Map Olah Data Berita Olah Data Kategori Olah Data ag Olah Data Produk Olah Data Galleri Olah Data Pesan Masuk Olah Data Rekening Bank Olah Data. Messenger Olah Data Download File Olah Data Cara Order Olah Data Order Masuk Olah Data Laporan ransaksi Gambar 4.2 Flowchart Program Admin

4.2 Perancangan Model Perancangan model adalah gambaran yang menjelaskan suatu bentuk sistem, salah satunya adalah dengan logika modelyang digambarkan dengan diagram arus. Diagaram Arus Data (DAD) yang pertama kali digambar adalah level teratas (top level) dan diagram ini disebut diagram konteks (context diagram). Diagram konteks digunakan untuk mengambarkan aliran secara umum dari suatu entitas kedalam sistem maupun sebaliknya dari sistem kesuatu entitas luar. Melalui diagram konteks ini diharapkan dapat memperoleh gambaran umum secara garis besar apa saja entitas luar yang terlibat dalam sistem. Diagram konteks hanya mempunyai satu proses saja, proses ini mewakili dari seluruh sistem. Diagram konteks untuk sistem informasi web Percetakan Salsa Grafika adalah seperti pada gambar dibawah ini : Data modul, slider, about, tag, kategori, berita, produk, gallery, download, pesan, y.messenger, bank, cara order, order, laporan Input dan kelola Input Data pesan, order ADMIN 0 USER Data modul, slider, about, tag, kategori, berita, produk, gallery, download, pesan, y.messenger, bank, cara order, order, laporan informasi SISEM INFORMASI WEBSIE SALSA GRAFIKA Data slider, about, tag, kategori, berita, produk, gallery, download, y.messenger, bank, cara order, order informasi Gambar 4.3 Diagram Context Gambar 4.3 menggambarkan aliran-aliran yang masuk dan keluardari sebuah sistem.sistem ini berinteraksi dengan dua entitas luar, yaitu Admin dan User. Seorang Admin web dapat memasukan informasi ke dalam sistem serta memperoleh seluruh informasi Salsa Grafika, selain itu admin juga akan memproses pemesanan didalam sistem ini, sedang user dapat melihat informasi produk dan informasi lainnya serta dapat melakukan pemesanan (order) terhadap produk undangan pernikahan Salsa Grafika dan juga mengirim pesan ke Salsa Grafika, selain itu user juga dapat melihat slider, melihat galeri, download, mengetahui rekening bank,dan mengakses berita.

User galleri download pesan ym bank cara order order slider about tag berita map produk Kategori order 1 2 3 4 5 6 7 Proses Slider Proses About Proses ag Proses Berita Proses Map Proses Produk Proses Kategori 8 9 10 11 12 13 14 Proses Gallery Proses Download Proses Pesan Proses.Messanger Proses Bank Proses Cara Order Proses Order slider galleri about download tag pesan berita ym map bank produk cara order kategori order slider galleri about download tag pesan berita ym map bank produk cara order kategori order Admin modul modul laporan laporan 15 16 Proses Modul Proses Laporan Gambar 4.4 Data Flow Diagram Level 0 Dari gambar 4.4 diatas dapat dilihat bahwa Diagram Context sudah dipecah menjadi proses proses yang lebih rinci, setiap proses terlihat mempunyai masukan (input) dan keluaran (output), diagram diatas menggambarkan proses informasi yang di inputkan oleh admin dan diterima oleh user yang sebelumnya tersebut telah diolah. Untuk lebih jelas maka Data Flow Diagram level 0 diatas akan dijabarkan lagi sesuai proses-proses yang ada dan disebut Data Flow Diagram Level 1 4.3 Perancangan Halaman Website Perancangan halaman website adalah suatu teknik visualisasi dari halaman website yang sedang dirancang.untuk struktur website Percetakan Undangan Salsa Grafika yang kami bangun dapat digambarkan sebagai berikut :

4.3.1 Halaman Home Admin Header Modul Slider About Map Berita Kategori ag Produk Galeri Pesan Masuk Rek.Bank.Messenger Download File Cara Order Order Masuk Laporan ransaksi Konten Admin Footer Gambar 4.5 Rancangan Halaman Home Admin 4.3.2 Halaman Home User Header HOME PRODUC GALLER ABOU CONAC - MAP Slider Pencarian Shoping Cart Berita erbaru Follow Us Support Online Download Footer Gambar 4.6 Rancangan Halaman Home User

4.4 Implementasi Web Salsa Grafika 4.4.1 ampilan Halaman Admin Halaman admin berfungsi bagi seorang admin untuk mengolah website, seperti menambah, mengedit, dan menghapus.di dalam halaman ini terdapat berbagai menu yang memudahkan admin untuk mengelola website. Contohnya seperti menu Berita, menu Produk, Slider, Order Masuk, dan sebagainya.menu-menu tersebut masing-masing memiliki modul sendiri. Gambar 4.7 ampilan Halaman Admin 4.4.2 ampilan Halaman User Halaman user merupakan tempat terjadinya proses user. Proses user sendiri merupakan proses dimana - yang telah diolah pada halaman administrator disajikan kepada pengguna atau user. Secara langsung userakan ditujukan menuju halaman home yang didalamnya terdapat berita sebagai isi konten halaman home. Di dalam halaman utama terdapat beberapa menu seperti produk, gallery, about, contact, map, dan lain-lainya, berikut tampilan halaman utama web Salsa Grafika. Halaman home user merupakan tampilan utama dari website Percetakan Undangan

Salsa Grafika. Pada halaman ini pengunjung dapat mengakses berbagai menu utama yang terdapat dibagian atas. Halaman ini juga menampilkan update berita terbaru dari Percetakan Undangan Salsa Grafika. Gambar 4.8 ampilan Halaman Home User 4.5 Contoh Penggunaan jquery pada Website Salsa Grafika Berikut ini adalah langkah langkah dalam menggunakan jquery pada bagian slider website Salsa Grafika: 1. Memanggil library jquery diantara tag <head>... </head> seperti berikut ini: <head>... <script type="text/javascript" src="js/jquery- 1.4.4.min.js"></script>... </head> 2. Memanggil skrip jquery untuk slider, pada website Salsa Grafika menggunakan skrip jquery.cycle.all.min.js: <head>...

<script type="text/javascript" src="js/jquery- 1.4.4.min.js"></script> <script src="js/jquery.cycle.all.min.js"></script>... </head> 3. Setelah itu membuat skrip jquery dan menyesuaikan dengan id atau class pada konten slider yang akan dibuat: <head>... <script type="text/javascript" src="js/jquery- 1.4.4.min.js"></script> <script src="js/jquery.cycle.all.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.slideshow').cycle({ fx: 'scrollleft', speed: 1000, timeout: 1000 }); }); </script>... </head> 4. Membuat skrip konten slider dalam class slideshow yang sudah didefinisakn tadi diantara tag <body>... </body> seperti berikut ini: <body>... <ul class="slideshow"> <li><img src= Slider/bw flower.jpg /></li> <li><img src= Slider/CL Red.jpg /></li> <ul> </body>... Skrip ini mendefinisikan class slideshow

4.6 Implementasi Search Engine Optimization (SEO) Penerapan SEO guna mendukung website yang dibangun, penulis menggunakan teknik teknik SEO, yaitu : 4.6.1 Membuat SEO URL Friendly Dalam membuat URL (Uniform Resource Locator) yang friendly atau yang lebih disukai oleh mesin pencari sperti Google dan ahoo adalah dengan memanfaatkan modul yang terdapat pada Apache, modul tersebut adalah modul mod_rewrite yang dapat mengubah URL dinamis menjadi URL statis. Contoh URL dinamis yaitu : http://salsagrafika.com/berita.php?id=12, sedangkan contoh URL statis yaitu : http://salsagrafika.com/selamat-ng-di-website-percetakan-undangan-pernikahanmurah.html. Setelah mengaktifkan modul mod_rewrite langkah selanjutnya adalah menambahkan sebuah field pada tabel untuk menampung judul yang mendukung SEO, dalam pembuatan website ini penulis menambahkan field judul_seo pada tabel berita, gallery, produk, kategori, dan tabel tag. Field yang mendukung judul SEO Gambar 4.1Contoh fieldpada tabel yang mendukung SEO 4.6.2 Membuat itle dan Meta ag yang Dinamis Judul atau title yang dinamis dapat menarik mesin pencari terutama Google. ag <title>... </title> terletak di dalam tag <head>... </head>, agar judulnya dinamis maka harus

ditambahkan skrip PHP diantara tag title. Pada website Salsa Grafika skrip tersebut terdapat pada dinamisjudul.php. Skrip tersebut dibuat dalam file yang terpisah untuk kemudian dimasukkan pada file media.php yang merupakan halaman indeks web yang kami bangun. 4.7 Pembahasan Cara Promosi Website Percetakan Salsa Grafika Agar website ini lebih dikenal banyak orang maka harus dilakukan langkah-langkah promosi. Selain promosi offline juga terdapat cara promosi secara online. Dalam membuat website ini kami melakukan beberapa cara untuk mempromosikan website Percetakan Salsa Grafika, yaitu: 1. Mendaftarkan website ke layanan Google Webmaster ools Google merupakan website direktori yang sangat besar saat ini, rata-rata para pengguna internet menggunakan jasa direktori google untuk mencari berbagai referensi maupun mencari suatu website. Oleh karena itu kami mendaftarkan website Percetakan Salsa Grafika ini ke layanan Google Webmaster ools untuk mengoptimalkan keberadaan website ini. Setelah mendaftarkan website di layanan Google Webmaster ools maka Google akan segera melakukan pengindeks-an. Dengan langkah ini mampu meningkatkan traffic pengunjung menuju website Percetakan Salsa Grafika. Google Webmaster ools juga menyediakan fitur fitur seperti informasi kesalahan crawling site, search query yang menghubungkan website, backlink terhadap website, dan lain lain. 2. Menggunakan teknik sharing jejaring sosial Facebook dan witter eknik sharing social network sering digunakan para webmaster untuk mempromosikan website mereka secara cuma cuma, karena pengunjung website sendiri yang akan melakukan sharing ke akun jejaring sosial mereka. Dengan begitu website kita akan mendapatkan tambahan pengunjung melalui link website kita di situs jejaring sosial tersebut. Manfaat lainnya dari sharing social network adalah :

a Artikel akan cepat terindeks oleh mesin pencari, hal ini dapat terjadi karena social network merupakan tempat yang paling sering di crawl oleh mesin pencari. b Memperbaiki Search Engine Result Page (SERP) karena dengan sharing ke social network maka website kita akan mendapatkan backlink. c PageRank (PR) akan meningkat karena situs jejaring sosial seperti Facebook dan witter memiliki PR yang tinggi. Dengan adanya backlink dari situs tersebut maka otomatis akan mengangkat PR website kita. d Seperti yang sudah diketahui bahwa Facebook dan witter sudah menjadi website jejaring sosial yang sangat terkenal di dunia.hampir setiap orang yang sering berselancar di dunia maya memiliki akun Facebook dan witter. e Dengan melihat manfaat dari sharing social netwrok di atas maka penulis menyertakan ikon link untuk sharing ke akun Facebook dan witter pengunjung website Salsa Grafika. Ikon tersebut terletak pada bagian sidebar. 5. Penutup 5.1 Kesimpulan Setelah membuat website Percetakan Undangan Salsa Grafika dan dari penelitian yang telah dilakukan maka penulis dapat mengambil kesimpulan, yaitu: a Dengan menggunakan PHP dan jquery maka kita dapat membuat sebuah website yang dinamis dan interaktif. Website yang dinamis dan interaktif tersebut dapat membuat pengunjung lebih mudah mendapatkan informasi mengenai promosi produk dan informasi secara online pada percetakan undangan Salsa Grafika. b eknik SEO yang optimal dapat membuat website lebih dikenal oleh mesin pencari. eknik SEO yang digunakan oleh website ini dengan membuat SEO URL friendly dan membuat title dan meta tag yang dinamis.

c Layanan mesin pencari Google, dan sharing social network pada website jejaring sosial seperti Facebook dan witter dapat digunakan sebagai media untuk mempromosikan website percetakan undangan Salsa Grafika. 5.2 Saran Dalam pembuatan website dinamis dan interaktif sebagai sarana pemasaran produk Percetakan Salsa Grafika, penulis memberikan beberapa saran untuk lebih menyempurnakan website. Saran saran tersebut adalah sebagai berikut: a Faktor desain hendaknya menjadi bahan pertimbangan dalam pembuatan website pemasaran karena hal ini merupakan salah satu faktor penentu keberhasilan website. b Penambahan login pengunjung yang telah melakukan pemesanan produk. Dengan adanya fitur tambahan ini maka dapat mempermudah pengunjung untuk melakukan konfirmasi pembayaran dan melihat sejauh mana proses undangan pesanannya dibuat. c Penambahan daftar ongkos kirim yang disesuaikan dengan kota pemesan. Sehingga dapat lebih menekan tingkat efisiensi dari biaya pengiriman, untuk menghindari kerugian dari pihak Salsa Grafika maupun pihak pemesan. d Penambahan fitur pembayaran online menggunakan PayPal sehingga mempermudah pelanggan yang memiliki akun PayPal untuk melakukan pembayaran tanpa harus melalui transfer bank. e Bagi pelanggan yangakan menambahkan foto pre-wedding dalam undangan pesanannya sebaiknya mengupload foto dengan resolusi tinggi untuk menghindari kerusakan foto pada saat dicetak.

DAFAR PUSAKA Arief, M.Rudiyanto.2005. Pemrograman Basis Data Menggunakan ransact-sql dengan Microsoft SQL Server 2000. Penerbit Andi : ogyakarta Hakim, Lukmannul. 2010. Bikin Website Super Keren dengan PHP & jquery. Lokomedia : ogyakarta Jasmadi. 2004. Promosi Web dan Registrasi Domain Dengan Berbagai ehnik dan ool. Penerbit Andi : ogyakarta Onno W. Purbo dan Aang Arif Wahyudi. 2001. Mengenal ecommerce. Elex Media Komputindo : Jakarta Sismoro, Heri. 2005. Pengantar Logika Informatika, Algoritma, dan Pemrograman Komputer. Penerbit Andi : ogyakarta Sudaryatno, Drs, MM. Modul Sistem Informasi Manajemen, SMIK AMIKOM ogyakarta Sunyoto, M.Kom, Andi. 2007. AJAX Membangun Web dengan eknologi Asynchronouse Javascript dan XML. Penerbit Andi : ogyakarta Sunyoto, M.Kom, Andi. 2010. Modul Praktikum Proyek Pemrograman Web : SMIK AMIKOM ogyakarta Supardi, uniar. 2009. Internet Untuk Segala Kebutuhan. Elex Media Komputindo :Jakarta