PERANCANGAN WEB SEBAGAI SARANA PROMOSI PADA...

PERANCANGAN WEB SEBAGAI SARANA PROMOSI PADA TOKO CLINIC SAHABAT KLATEN BERBASIS SEO

NASKAH PUBLIKASI

diajukan oleh

Hanif Septian Utama

10.01.2751

kepada

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN COMPUTER AMIKOM YOGYAKARTA

YOGYAKARTA 2013

WEB DESIGN AS A MEANS OF PROMOTION IN STORES "CLINIC SAHABAT" KLATEN BASED SEO

PERANCANGAN WEB SEBAGAI SARANA PROMOSI PADA TOKO CLINIC

SAHABAT KLATEN BERBASIS SEO

Hanif septian Utama Dony Ariyus

Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA

ABSTRACT

The continued development of this technology is expected of a company can take advantage of this sebagaisarana to facilitate the activities of the marketing of goods or services. Besides, the development of the internet is increasingly popular in the community to make almost all kinds of information we can know easily. This information can be accessed by using the portal or website. To attract guest website can be done by creating an attractive display and dynamically according to areas managed by the company. As one of the companies engaged in a computer shop, shop "ClinicSahabat" very appropriate if the website used in the marketing of products that have been only with conventional methods. Through the website consumers can be expected to be easier to get the information so as to increase the competitiveness of enterprises. Keywords: website, SEO, promotion media and selling

1

1. Pendahuluan

Perkembangan Teknologi menjadi ciri khas pada era globalisasi saat ini, hal ini

memunculkan terbentuknya transparansi di berbagai bidang, terutama di bidang

teknologi informasi. Informasi yang cepat dan akurat merupakan suatu bentuk informasi

yang sangat dibutuhkan oleh masyarakat.

Seiring dengan kemajuan teknologi informasi tersebut, menyebabkan

masyarakat dunia mengenal suatu teknologi yang dinamakan Internet. Dengan

meledaknya penggunaan internet menyebabkan munculnya teknologi pemasaran yang

berbasis teknologi Internet. Di mana metode ini memungkinkan kegiatan membeli dan

atau menjual barang dan jasa secara elektronik melalui jaringan Internet. Selain itu dapat

melakukan penjualan dan pelayanan terbaik dengan menggunakan sebuah toko online

24 jam bagi pelanggannya. Perkembangan teknologi informasi inilah yang

mengakibatkan pergeseran standar efektifitas suatu perusahaan. Untuk mendapatkan

kebutuhan teknologi informasi dengan cepat dan berdaya guna maka dapat dipastikan

bahwa perusahaan tersebut akan membutuhkan sebuah sistem informasi yang didukung

oleh perangkat lunak dan perangkat keras yang handal, sehingga beralih dari sistem

manual yang selama ini dipakai dengan mengunakan sistem baru yang berbasis

komputer.

2. Landasan Teori

2.1 Pengertian Sistem

Pengertian Sistem secara umum yaitu kumpulan dari bagian-bagian yang

membentuk satu kesatuan dan saling bekerjasama untuk mencapai tujuan yang sama.

Sistem sebagai sekelompok elemen-elemen yang terintegrasi dengan maksud yang

sama untuk mencapai suatu tujuan . 1

2.2 Karakteristik Sistem

Suatu sistem mempunyai cirri dari karasteristik atau sifat-sifat yang tertentu, yaitu

mempunyai komponen- komponen (components), batas sistem (boundary), lingkungan

luar sistem (environments), penghubung (interface), masukan (input), keluaran (output),

pengolahan (process), dan sasaran (objective) atau tujuan (goal).

2.3 Pengertian Informasi

Informasi adalah sekumpulan data yang diproses sebagai tambahan

pengetahuan untuk membantu pengambilan keputusan.

1 Mc. Leod. Analisis dan Perancangan Sistem Informasi (Hanif Al Fatta) 2007,1995. CV. ANDI

OFFSET, Yogyakarta Hal. 4.

2

2.4 Pengenalan SEO

2.4.1 Pengertian SEO

SEO (Search Engine Optimization) searangkaian teknik yang dilakukan untuk

memperbaiki ranking/urutan hasil pencarian di search engine atau mesin pencari

dengan mengoptimalkan keyword melalui meta tag.2

2.4.2 Tehnik dalam penggunaan SEO

Dalam fungsinya SEO dibagi menjadi 2, yaitu :

1. SEO OnPage

Adalah teknik SEO yang dipergunakaan di sebuah halam web dengan

memasukkan script-script tertentu agar dapat terindex secara baik di search engine

sehingga Search Engine akan mudah mengenali website yang kita buat. Yaitu dengan

cara mengoptimalkan meta tag seperti Title Tag. Tag, Meta Description Tag, Meta

Keyword Tag, Img Alt dan Body.

2. SEO OffPage

Adalah teknik dimana cara pengoptimalaan suatu website dengan cara

melakukan pembangunan dengan memperbanyak backlink untuk situs yang dikehendaki

dan pendaftaran langsung pada Search Engine.

2.5 Promosi

Promosi adalah memperkenalkan suatu produk yang dibuat melalui suatu media

seperti media telekomunikasi, internet, radio, televisi, media cetak, dan lain sebagainya.

Dalam promosi ini perusahaan menetapkan harga khusus yang rendah untuk mendorong

penjualan bagi produknya dan bukan semata-mata bertujuan mendapatkan keuntungan

yang besar. Perusahaan dapat menetapkan harga yang rendah pada sustu waktu untuk

suatu macam produk, dengan maksud agar langganan membeli juga produk-produk lain

yang dihasilkan perusahaan. Dalam hal ini perusahaan dapat menetapkan haraga yang

rendah bagi produk yang popular untuk menarik sebanyak mungkin pembeli dengan

harapan pembeli selanjutnya akan tertarik untuk membeli produk-produk lainnya.

2 Su Rahman. Jago SEO cara instan, gak pake pusing 2012,2012. PT ELEX MEDIA KOMPUTINDO,

Kompas Gramedia Building, Jakarta Hal. 2.

3

3. Gambaran Umum

Latar belakang berdirinya Toko Komputer Sahabat Clinic didasari karena

keinginan pemilik untuk berbisnis dibidang komputer sekaligus untuk memberikan

pengalaman usaha secara nyata dalam kehidupan masyarakat.

Clinic Sahabat didirikan pada tahun 2009 yang beralamat di perum. Glodogan

Indah D. 352 RT 02 RW 09 Klaten oleh Bpk. Muh. Hifni Zarkasyi. Semula bernama

Sahabat Computer tetapi setelah 2 tahun berubah nama menjadi Clinic Sahabat. Selain

itu, Sahabat Clinic juga mempunyai ruko di Jalan Wijayakusuma No. 1 Klaten sebagai

pusat pelayanan.

3.1 Profil

Nama Toko : Clinic Sahabat

Alamat :

Perum. Glodogan Indah D. 352 RT 02 RW 09 Klaten

Jalan Wijayakusuma No. 1 Klaten

No. Telp :(0272)551908

3.2 Visi dan Misi Clini Sahabat

Visi Clinic Sahabat yaitu menjadi toko komputer terbaik di Jawa Tengah dan sebagai

acuan toko yang mengedepankan kepercayaan dan kepuasan pelanggan.

Adapun misi Clinic Sahabat yaitu :

1. Kerjasama dan Persaingan

Memenangkan persaingan dalam hidup tidak lagi menjadi tujuan kalau kita

memahami sebuah arti “kerjasama”. Dan arti kata “persaingan” harus dipahami juga

sebagai “persaingan antar diri kita sendiri dengan tantangan yang juga ditetapkan pada

diri kita sendiri”. Kerjasama mempunyai makna bahwa keberhasilan diri merupakan

keberhasilan bersama dan sebaliknya.

2. Keberhasilan dan Kegagalan

Pada dasarnya semua orang harus merasa sukses dalam memperoleh “rasa

percaya diri” dalam menempuh tantangan dan kesulitan. Namun demikian seseorang

juga perlu mendapat pelajaran dari kegagalan dalam berwirausaha.

3. Peningkatan mutu penjualan

Untuk menjaga kredibilitas suatu perusahaan maka perusahaan harus

meningkatkan mutu dari setiap produk maupun layanan.

3.3 Struktur Organisasi Clinic Sahabat

Strukur pada Clinic Sahabat menggunakan bentuk struktur organisasi top down.

Yaitu terdiri dari Pimpinan, Administrasi, Sales dan Teknisi.

4

3.4 Sistem yang digunakan

Sistem promosi yang digunakan pada toko clnic sahabat adalah dengan

menggunakan promosi sederhana dan masih secara konvensional dengan iklan secara

lisan, media sosial dan tesimonial pelanggan.

3.5 Produk yang dijual

Produk yang dijual pada toko Clinic Sahabat ini meliputi penjualan laptop,

komputer dan aksesoris komputer mapun laptop. Selain menyediakan layanan

pengadaan barang dan penjualan Clinic Sahabat juga melayani jasa reparasi laptop

hardware maupun software.

4. Implementasi dan pembahasan

4.1 Analisis Kebutuhan Sistem

4.1.1 Analisis Kebutuhan Sistem Non-Fungsional

Analisis kebutuhan non-fungsional dilakukan untuk mengetahui spesifikasi

kebutuhan untuk sistem. Spesifikasi kebutuhan meliputi analisis pengguna/user.

4.1.1.1 Analisis Pengguna

Terdapat tiga jenis pengguna pada website profil Clinic Sahabat yaitu :

administrator, pengunjung, dan member. Masing-masing pengguna memiliki kebutuhan

tersendiri yang akan dipenuhi oleh sistem.

1. Administrator

Administrator adalah pengguna yang berwenang mengelola website. Kebutuhan

utamanya adalah akses aplikasi untuk mengelola sistem.

2. Pengunjung

Pengunjung adalah pengguna biasa yang belum mendaftar sebagai member.

Pengunjung dapat melihat fitur-fitur utama website seperti Beranda, Profil, Berita, Produk,

Keranjang Belanja, Cara Pembelian, Hubungi Kami, Registrasi Member, , Login Anggota,

Komentar dan dapat membeli produk sesuai dengan yang tertera diwebsite.

3. Member/Anggota

Member Anggota adalah pengunjung yang telah melakukan registrasi dan sudah

melakukan login. Member dapat melakukan apa yang dapat dilakukan pengunjung biasa

serat dapat mendapat potongan lagi setelah menjadi member sesuai dengan jenis

produk yang tertera di website dan dapat melakukan pembayaran melalui website.

4.1.2 Analisis Kebutuhan Fungsional

Analisis kebutuhan fungsional dilakukan untuk memberikan gambaran mengenai

permasalahan sistem yang berjalan pada website profil Clinic Sahabat.

4.2 Perancangan SEO

Search Engine Optimization (SEO) merupakan teknik untuk memperbaiki ranking

ataun urutan hasil pencarian di search engine dengan mengoptimalisasi keyword melalui

5

meta-tag. Pada aplikasi ini, bentuk pernacangan SEO menggunakan beberapa teknik

dalam pengaplikasiannya, yaitu Title Tag, Meta Description Tag dan Meta Keyword Tag.

4.2.1 Perancangan Title Tag

Title tag adalah yang paling utama di dalam tag-tag seo karena merupakan judul

awal sebuah website. Letak title tag ada pada posisi sesudah <Head> dan sebelum

</Head> pada website.

4.2.2 Perancangan Meta Tag Description

Meta Tag Description adalah tag yang mendeskripsikan atau menenrngkan

secara singkat dari sebuah website, sehingga bisa dilihat oleh pencari informasi pada

daftar hasil pencarian di search engine.

4.2.3 Perancangan Keyword Tag

Keyword Tag adalah teknik pengisian keyword hingga 2000-an pada tag sebuah

website. Syarat dan ketentuan mengoptimalisasi meta keyword tag adalah jangan

menggunakan kata tunggal harus long tail keyword atau minimal dua buah kata dana

yang apaling penting jangan melakukan perulangan keyword kaena dapat dikategorikan

sebagai upaya spamming.

4.3 Perancangan UML (Unified Modeling Language)

Unified Modelling Language (UML) merupakan bentuk perancangan dan

dokumentasi perangkat lunak berbasis pemrograman beroientasi objek. Oleh karena itu

UML hanya dapat diimplementasikan ke dalam perancangan dan dokumentasi perangkat

lunak yang dibangun menggunakan bahasa pemrograman berorientasi objek.

Pada aplikasi ini, bentuk perancangan UML menggunakan beberapa diagram,

yaitu Usecase Diagram, Activity Diagram dan Sequence Diagram.

4.3.1 Use Case Diagram

Untuk memudahkan pemahaman pada sistem berjalan maka perlu dibuat Use

Case diagram yang menggambaran kondisi sistem yang ada. Adapun use case dibatasi

pada administrasi layanan pasien saja tidak termasuk sistem-sistem yang lain

sebagaimana dalam batasan masalah.

4.3.2 Class Diagram

Diagram ini menunjukkan struktur statis dari kelas-kelas dalam system dan

mengilistrasikan attribute, operation dan relationship antara satu kelas dengan kelas

yang lain.

4.3.3 Activity Diagram

Diagram ini akan menunjukkan alur dari sistem, termasuk tindakan utama dan

titik keputusan. Aktivitas sistem dari aplikasi ini didokumentasikan ke dalam Activity

Diagram sebagai berikut:

6

4.3.4 Sequence Diagram

Sequence diagram secara grafis menggambarkan bagaimana objek berorientasi

anrata satu sama lain , melalui pesan eksekusi pada sebuah use case atau operasi.

4.4 Entity Relationship Diagram (ERD)

ERD adalah gambar atau diagram yang menunjukkan informasi dibuat, disimpan,

dan digunakan dalam sistem bisnis. 3 Entitas biasanya menggambarkan jenis informasi

yang sama. Dalam entitas digunakan untuk menghubungkan antar entitas yang sekaligus

menunjukkan hubungan antar data.

4.5 Pengujian SEO

Pengujian SEO digunakan untuk mengetahui apakah optimalisasi sudah berjalan dengan

sempurna. Untuk optimalisasi yang digunakan adalah dengan pengujian pada meta title

tag, meta discription tag dan meta keyword tag.

Berikut Pengujian meta title, meta description dan meta keyword yang dilakukan:

4.5.1 Meta Title

1. Pada halaman beranda

2. Pada halaman Profil

3 Hanif Al Fatta, Analisi dan Perancangan Sistem Informasi untuk Keunggulan Bersaing

Perusahaan dan Organisasi Modern, Andi Offset, Yogyakarta, 2007, hal. 120

7

3. Pada halaman Berita

4. Pada halaman Detail Berita

5. Pada halaman Produk

6. Pada halaman Detail Produk

7. Pada halaman Keranjang Belanja

8

8. Pada halaman Selesai Belanja

9. Pada halaman Cara Pembelian

10. Pada halaman Hubungi Kami

11. Pada halaman Daftar

4.5.2 Meta Description


9








10




4.5.3 Meta Keyword





11








12

5. Penutup

5.1 Kesimpulan

Berdasarkan penelitian, perancangan dan implementasi sistem yang dilakukan,

kesimpulan yang dapat diperoleh adalah sebagai berikut :

1. Website Clinic Sahabat berbasis SEO sebagai website yang diharapkan dapat

bersaing dengan toko online lain, dengan menggunakan teknik SEO sebagai

optimalisasi Search Engine sehingga website bisa berada dihalaman

pertamapada mesin pencari dengan kata kuncu laptop murah.

2. Website Clinic Sahabat mempermudah dalam transaksi penjualan dengan

mekanisme keranjang belanja yang lebih mudah dalam pengaplikasianya

sehingga lebih fleksibel dan user friendly.

3. Website toko online Clinic Sahabat berhasil dirancang dengan UML Diagram,

Entity Relationship Diagram, struktur tabel, dan user interface. Dengan Website

sebagai sarana promosi dapat mempermudah dan mempercepat proses

informasi dan transaksi sehingga dapat memberikan perkembangan pada Toko

Clinic Sahabat.

4. Website Clinic Sahabat dengan memaparkan berita sebagai sarana informasi

pada website sehingga tidak hanya sebagai promosi barang-barang namun

sekaligus meberikan berita sebagai saran untuk menambah informasi.

5.2 Saran

Beberapa saran yang dapat disampaikan berhubungan dengan sistem yang telah dibuat,

guna mempermudah penelitian selanjutnya :

1. Sistem keamanan pada sistem ini agar dapat lebih ditingkatkan.

2. Menambahkan menu search pada halaman admin agar admin dapat

mempermudah dalam proses update data.

3. Memberikan notifikasi via email pada admin agar admin dapat mengetahui kalau

ada pesanan masuk mapun pesan dari pengunjung sehingga admin tidak perlu

selalu terpaku pada website admin.

4. Pada halaman admin daftar harga produk dapat diganti dengan patokan USD

karena harga produk menyesuaikan kurs Dollar terhadap Rupiah, sehingga

harga produk sewaktu-waktu dapat berubah menyesuaikan dengan kurs USD.

5. Website belum menggunakan rich snippet. Rich Snippet adalah tampilan

hasilpencarian yang di mark-up sehingga lebih menari. Rich Snippet berfungsi

untuk membantu mesin pencari dalam memilih sebuah informasi yang diberikan

sehingga membuat hasil pencarian tampak berbeda dan bisa menaikkan tingkat

klik/ traffic pengunjung.

13

Daftar Pustaka

Dharma, A. 2013. Trik Mengusai OOP dengan PHP studi kasus: Proyek Membangun Aplikasi Pembayaran Angsuran Bank. Yogyakarta: Lokomedia. Al Fatta, H. 2007. Analisis dan Perancangan Sisitem Informasi untuk Keunggulan

Bersaing Perusahaan dan Organisasi Modern. Yogyakarta: ANDI OFFSET. Kusrini. 2007. Tuntunan Praktis Membangun Sistem Informasi Akuntansi dengan Visual

basic dan Microsoft Sql Server. Yogyakarta: ANDI OFFSET. Su Rahman. 2012. Jago SEO cara instan, gak pake pusing. Jakarta: PT ELEX MEDIA

KOMPUTINDO. Sumarta, T. 2004. Journal UNIKOM Perancangan Model Berorientasi Objek. Perancangan Model Berorientasi Objek Menggunakan Unified Modeling Language (UML) Studi Kasus Sistem Pengolahan Parkir Pada PT. TRIKARYA ABADI . Sunyoto, A. 2007. Ajax membangun Web dengan teknologi ASYNCHRONOUSE JavaScript & XML. Yogyakarta: ANDI OFFSET. Westriningsih. 2012. Membuat Web E-Commerce dengan Adobe Dreamweaver CS 5.5. (Westriningsih, Penyunt.) Yogyakarta: C.V ANDI OFFSET.

PERANCANGAN WEB SEBAGAI SARANA PROMOSI PADA...

Documents

Transcript of PERANCANGAN WEB SEBAGAI SARANA PROMOSI PADA...