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. 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 . 2.2
1
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.
1
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.4.2
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.
2
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 3.2
:(0272)551908
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.
3
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
4
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 dan sebelum 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:
5
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
6
3. Pada halaman Berita
4. Pada halaman Detail Berita
5. Pada halaman Produk
6. Pada halaman Detail Produk
7. Pada halaman Keranjang Belanja
7
8. Pada halaman Selesai Belanja
9. Pada halaman Cara Pembelian
10. Pada halaman Hubungi Kami
11. Pada halaman Daftar
4.5.2
Meta Description
1. Pada halaman beranda
8
2. Pada halaman Profil
3. Pada halaman Berita
4. Pada halaman Detail Berita
5. Pada halaman Produk
6. Pada halaman Detail Produk
7. Pada halaman Keranjang Belanja
8. Pada halaman Selesai Belanja
9
9. Pada halaman Cara Pembelian
10. Pada halaman Hubungi Kami
11. Pada halaman Daftar
4.5.3
Meta Keyword
1. Pada halaman beranda
2. Pada halaman Profil
3. Pada halaman Berita
4. Pada halaman Detail Berita
10
5. Pada halaman Produk
6. Pada halaman Detail Produk
7. Pada halaman Keranjang Belanja
8. Pada halaman Selesai Belanja
9. Pada halaman Cara Pembelian
10. Pada halaman Hubungi Kami
11. Pada halaman Daftar
11
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.
12
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.
13