19
MEMBANGUN WEB SEBAGAI MEDIA PROMOSI DAN TRANSAKSI PRODUK UNDANGAN PERNIKAHAN PADA PERCETAKAN SALSA GRAFIKA PURWOREJO DENGAN PHP DAN JQUERY NASKAH PUBLIKASI disusun Oleh : Fitryan Wisnu Pratama 08.01.2374 Dedy Kariadi 08.01.2393 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2011

MEMBANGUN WEB SEBAGAI MEDIA PROMOSI DAN …repository.amikom.ac.id/files/PUBLIKASI_2375_2393.pdf · establishment just do promotions with a system that is personal selling ... products

  • Upload
    vunhi

  • View
    217

  • Download
    1

Embed Size (px)

Citation preview

MEMBANGUN WEB SEBAGAI MEDIA PROMOSI DAN TRANSAKSI

PRODUK UNDANGAN PERNIKAHAN PADA PERCETAKAN

SALSA GRAFIKA PURWOREJO

DENGAN PHP DAN JQUERY

NASKAH PUBLIKASI

disusun Oleh :

Fitryan Wisnu Pratama 08.01.2374

Dedy Kariadi 08.01.2393

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM

YOGYAKARTA

2011

BUILDING WEBSITE FOR PROMOTION AND TRANSACTION MEDIA OF WEDDING INVITATION PRODUCTS FOR PRINTING SHOP

SALSA GRAFIKA PURWOREJO WITH PHP AND JQUERY

MEMBANGUN WEB SEBAGAI MEDIA PROMOSI DAN TRANSAKSI PRODUK UNDANGAN PERNIKAHAN PADA PERCETAKAN

SALSA GRAFIKA PURWOREJO DENGAN PHP DAN JQUERY

Fitryan Wisnu Pratama Dedy Kariadi

Jurusan Diploma III Teknik Informatika

STMIK AMIKOM YOGYAKARTA

ABSTRACT

Salsa Grafika as one of the companies engaged in printing wedding invitations have data 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. This meant that visitors who come can easily obtain the information presented in the web. PHP can be used in conjunction with HTML so as to facilitate the development of web applications quickly. PHP can be used to update the database and create a database 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 Teori

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 HTML, 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 HTML. 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 HTML sehingga memudahkan dalam

pembangunan aplikasi website dengan cepat. PHP dapat digunakan untuk meng-update

database dan menciptakan database 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 MIT 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 data

dalam suatu sistem.

Flowchart terbagi menjadi dua, yaitu flowchart system dan flowchart program.

2.5.1 Flowchart Sistem

Yaitu bagan yang menggambarkan suatu prosedur dan proses suatu file dalam suatu

media menjadi file dalam media yang lain dalam suatu sistem data.2

2.5.2 Flowchart Program

Yaitu 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 data. DFD menjelaskan aliran informasi dan transformasi

data yang bergerak dari pemasukan data hingga keluar data. 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. Transformation processes.

4. Data stores.

3. Tinjauan 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

Tengah. 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 - The Art of Wedding Card”. Hal tersebut selain dikarenakan harga yang terjangkau

2 Heri Sismoro, Pengantar Logika Informatika, Algoritma, dan Pemrograman Komputer (Yogyakarta:

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

datang pelanggan dari daerah sekitar, seperti Yogyakarta, Magelang, dan Kebumen. Untuk

melakukan transaksi pelanggan biasanya datang langsung ke kantor Salsa Grafika.

3.2 Profil Percetakan Salsa Grafika

1. Nama Perusahaan : Salsa Grafika

2. Jenis Usaha : Percetakan

3. Alamat : Baledono RT 05 RW 06 No.2, Purworejo, Jateng

4. Tanggal Berdirinya : awal tahun 2004

5. Jumlah Karyawan : 5

3.3 Visi, Misi dan Tujuan 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. Tujuan

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 data di dalam prosedur untuk

menyelesaikan masalah. Adapun Flowchart yang diusulkan sebagai berikut :

Mulai

Halaman

Home

Proses Pilih Menu

Home

Produk

Gallery

About

Contact

Map

Tampil Data

Produk

Tampil Data

Gallery

Tampil Data

About

Tampil Data Map

Input Data

PesanProses Data Pesan

Pilih Detail

Pilih Order

Tampil Keranjang

Belanja

Pilih Lanjut

Ganti Design

Input Jumlah

Undangan

Input Data

Order

Proses Pesanan

Proses Data Order

Tampil Detail

Produk

Y

Y

Y

Y

Y

Y

Y

Y

Y

Y

Y

TT

T

TT

T

T

T

T

T

Selesai

T

Gambar 4.1 Flowchart Program Users

Mulai

Username

Password

disetujui Halaman Ulang

Halaman

Home

Proses Cek Login

Proses Ulang

Proses Pilih Menu

Modul

Slider

About

Map

Berita

Kategori

Tag

Produk

Galleri

Pesan Masuk

Rek Bank

Y Messenger

Download File

Cara Order

Order Masuk

Laporan Transaksi

Beranda

Logout

Olah Data Modul

Olah Data Slider

Olah Data About

Olah Data Map

Olah Data Berita

Olah Data Kategori

Olah Data Tag

Olah Data Produk

Olah Data Galleri

Olah Data Pesan Masuk

Olah Data Rekening Bank

Olah Data Y. Messenger

Olah Data Download File

Olah Data Cara Order

Olah Data Order Masuk

Olah Data Laporan Transaksi

Selesai

Y

Y

Y

Y

Y

Y

Y

Y

Y

Y

Y

Y

Y

Y

Y

Y

Y

Y

Y

TT

T

T

T

T

T

T

T

T

T

T

T

T

T

T

T

T

T

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 data. 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 data 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 :

0

SISTEM INFORMASI

WEBSITE SALSA GRAFIKA

ADMIN USER

informasi

Input data

informasi

Input dan kelola data

Data modul, data slider, data about, data tag,data

kategori, data berita, data produk, data gallery,

data download, data pesan, data y.messenger, data

bank, data cara order, data order, data laporan

Data modul, data slider, data

about, data tag, data kategori, data

berita, data produk, data gallery,

data download, data pesan, data

y.messenger, data bank, data cara

order, data order, data laporan

Data slider, data about, data

tag,data kategori, data berita, data

produk, data gallery, data

download, y.messenger, data

bank, data cara order, data order

Data pesan, data order

Gambar 4.3 Diagram Context

Gambar 4.3 menggambarkan aliran-aliran data yang masuk dan keluardari sebuah

sistem.Sistem ini berinteraksi dengan dua entitas luar, yaitu Admin dan User. Seorang

Admin web dapat memasukan data 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

15

Proses Modul

1

Proses Slider

2

Proses About

3

Proses Tag

4

Proses Berita

5

Proses Map

6

Proses Produk

8

Proses Gallery

9

Proses Download

10

Proses Pesan

11

Proses

Y.Messanger

12

Proses Bank

13

Proses Cara

Order

14

Proses Order

16

Proses Laporan

Admin

data slider data about data tag data berita data map data produk

data download data pesan data ym data bank data cara order

data

cara order

data

order

data bank

data

pesan

data

download

data

galleri

data galleri data order

data

galleri

data

download

data

pesandata ym

data ym data bank

data

cara order

data

order

data

slider

data

slider

data

about

data

about

data order

data tag

data tag

data

berita

data

berita

data map

data map

data

produk

data

produk

data

modul

data

modul

data

laporan

data

laporan

7

Proses Kategori

data

Kategori

data

kategori

data

kategori

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 data masukan (input) dan

keluaran (output), diagram diatas menggambarkan proses informasi yang di inputkan oleh

admin dan diterima oleh user yang sebelumnya data 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

Gambar 4.5 Rancangan Halaman Home Admin

4.3.2 Halaman Home User

Header

HOME – PRODUCT – GALLERY ABOUT – CONTACT - MAP

Slider

Footer

Pencarian

Shoping Cart

Follow Us

Support Online

Download

Berita

Terbaru

Gambar 4.6 Rancangan Halaman Home User

Header

Modul Slider About Map Berita Kategori Tag Produk Galeri Pesan Masuk

Rek.Bank Y.Messenger Download

File

Cara

Order

Order

Masuk

Laporan

Transaksi

Konten Admin

Footer

4.4 Implementasi Web Salsa Grafika

4.4.1 Tampilan Halaman Admin

Halaman admin berfungsi bagi seorang admin untuk mengolah data website, seperti

menambah, mengedit, dan menghapus data.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 Tampilan Halaman Admin

4.4.2 Tampilan Halaman User

Halaman user merupakan tempat terjadinya proses user. Proses user sendiri

merupakan proses dimana data-data yang telah diolah pada halaman administrator disajikan

kepada pengguna atau user. Secara langsung userakan ditujukan menuju halaman home

yang didalamnya terdapat data 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 Tampilan 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 Yahoo 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-datang-di-website-percetakan-undangan-pernikahan-

murah.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 Title dan Meta Tag yang Dinamis

Judul atau title yang dinamis dapat menarik mesin pencari terutama Google. Tag

<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 Tools

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 Tools untuk mengoptimalkan keberadaan website ini. Setelah

mendaftarkan website di layanan Google Webmaster Tools maka Google akan segera

melakukan pengindeks-an. Dengan langkah ini mampu meningkatkan traffic pengunjung

menuju website Percetakan Salsa Grafika. Google Webmaster Tools 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 Twitter

Teknik 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 Twitter 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 Twitter sudah menjadi

website jejaring sosial yang sangat terkenal di dunia.Hampir setiap orang yang

sering berselancar di dunia maya memiliki akun Facebook dan Twitter.

e Dengan melihat manfaat dari sharing social netwrok di atas maka penulis

menyertakan ikon link untuk sharing ke akun Facebook dan Twitter 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 Teknik SEO yang optimal dapat membuat website lebih dikenal oleh mesin

pencari. Teknik 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 Twitter 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.

DAFTAR PUSTAKA

Arief, M.Rudiyanto.2005. Pemrograman Basis Data Menggunakan Transact-SQL dengan

Microsoft SQL Server 2000. Penerbit Andi : Yogyakarta

Hakim, Lukmannul. 2010. Bikin Website Super Keren dengan PHP & jQuery. Lokomedia :

Yogyakarta

Jasmadi. 2004. Promosi Web dan Registrasi Domain Dengan Berbagai Tehnik dan Tool.

Penerbit Andi : Yogyakarta

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 : Yogyakarta

Sudaryatno, Drs, MM. Modul Sistem Informasi Manajemen, STMIK AMIKOM Yogyakarta

Sunyoto, M.Kom, Andi. 2007. AJAX Membangun Web dengan Teknologi Asynchronouse

Javascript dan XML. Penerbit Andi : Yogyakarta

Sunyoto, M.Kom, Andi. 2010. Modul Praktikum Proyek Pemrograman Web : STMIK AMIKOM

Yogyakarta

Supardi, Yuniar. 2009. Internet Untuk Segala Kebutuhan. Elex Media Komputindo :Jakarta