RANCANG BANGUN WEBSITE TOKO ONLINE
“RINGTINJUSTORE.COM” MENGGUNAKAN FRAMEWORK LARAVEL DISERTAI IMPLEMENTASI TEKNIK SEO DAN
FACEBOOK ADS SEBAGAI MEDIA PROMOSI
NASKAH PUBLIKASI
diajukan oleh Bagus Panuntun
14.12.7907
kepada
FAKULTAS ILMU KOMPUTER UNIVERSITAS AMIKOM YOGYAKARTA
YOGYAKARTA
2018
1
RANCANG BANGUN WEBSITE TOKO ONLINE
“RINGTINJUSTORE.COM” MENGGUNAKAN FRAMEWORK LARAVEL DISERTAI IMPLEMENTASI TEKNIK SEO DAN
FACEBOOK ADS SEBAGAI MEDIA PROMOSI
Bagus Panuntun1), Kusnawi2)
1) Sistem Informasi Universitas AMIKOM Yogyakarta
2) Teknik Informatika Universitas AMIKOM Yogyakarta
Jl Ringroad Utara, Condongcatur, Depok, Sleman, Yogyakarta Indonesia 55283 Email : [email protected]1), [email protected]2)
Abstract - Ringtinjustore is a social media facebook that sells various needs in boxing sport in Indonesia. Like, boxing gloves, punchbag, boxing tshirts, boxing posters, boxing hats, boxing jackets and other accessories in boxing sports. But, now Ringtinjustore does not have a website or an official online store to market its products, so for the promotion and selling of products are still using the manual process with social media.
Of these problems, it is necessary to develop a technology to improve competitiveness and branding in ringtinjustore. By building a website online store based laravel with implementation of the seo techniques and facebook ads as a media campaign. The use of seo techniques and facebook ads is very important to increase and accelerate the ranking and branding of a website to be seen by many audiences and seem more professional. And with the existence of an online store- based website, this will make it easier for buyers to make transactions.
Based on the results of research and implementation has been done, it can be concluded that by using the website online shop based laravel framework, can make sales transactions on
"Ringtinjustore.com" more easy and effective. And also the use of seo techniques and facebook ads on the website online store "Ringtinjustore.com" can make the website more easily found on search engines and can increase sales revenue.
Keywords : - Seo, Facebook Ads, Online Store, Framework, Laravel, Website.
1. Pendahuluan
1.1 Latar belakang masalah
Berbicara tentang kemajuan teknologi saat ini, kita tidak bisa lepas dari kemajuan teknologi yang ada di bidang Online Technology. Salah satu Trend yang saat ini sedang menanjak drastis di Indonesia yaitu Trend penggunaan e-commerce atau masyarakat luas sering menyebut dengan nama toko online atau jual beli via online.
Salah satu penyedia jasa online shop yang ada di Indonesia adalah Ringtinjustore. Ringtinjustore merupakan media social facebook yang menjual berbagai macam kebutuhan dalam olahraga tinju di indonesia. Namun untuk saat ini ringtinjustore sendiri belum mempunyai sebuah website atau toko online yang resmi untuk memasarkan produk-produknya, sehingga untuk proses jual beli masih menggunakan transaksi manual di social media.
Proses jual beli yang masih menggunakan cara manual dengan media social facebook dirasa kurang efektif. Salah satu masalah yang paling sering terjadi yaitu pembeli tidak bisa melihat produk apa saja yang dijual secara keseluruhan dan apa saja produk yang banyak dibeli, sehingga produk-produk yang sudah di posting pada waktu sebelumnya tidak dilihat kembali oleh pembeli. Kemudia masalah lainnya yaitu pada proses transaksi yang memakan banyak waktu, karena masih menggunakan transaksi manual sehingga untuk proses order suatu barang pembeli harus menghubungi admin terlebih dahulu dan melalui proses transaksi yang berbelit dan memakan banyak waktu.
Melihat masalah diatas maka perlu dilakukan sebuah pengembangan teknologi untuk meningkatkan daya saing dan branding pada ringtinjustore dengan membangun sebuah website toko online yang berbasis laravel dengan disertai penerapan implementasi teknik seo dan fb ads sebagai media promosi. Penggunaan teknik seo dan fb ads sangat penting peranannya untuk meningkatkan dan mempercepat ranking dan branding suatu website agar dapat dilihat banyak audience dan terkesan lebih professional. Dan dengan adanya suatu website toko online, ini akan mempermudah pembeli dalam memilih barang dan melakukan transaksi, sehingga memungkinkan ringtinjustore untuk dapat lebih banyak menjangkau customer yang ada di Indonesia.
1.2 Rumusan Masalah
Bagaimana merancang website toko online
“Ringtinjustore.com” menggunakan framework laravel dengan disertai implementasi teknik seo dan facebook ads sebagai media promosi dan media jual beli kebutuhan olahraga tinju di Indonesia ?
2 1.3 Batasan Masalah
Batasan masalah yang akan digunakan dalam penelitian ini adalah :
1. Perancangan website toko online ringtinjustore menggunakan framework laravel
2. Implementasi teknik seo dan facebook ads pada website toko online ringtinjustore sebagai media promosi dan jual beli
3. Penggunaan toko online pada proses jual beli kebutuhan olahraga tinju di Ringtinjustore 1.4 Maksud dan Tujuan Penelitian
Tujuan dari penelitian ini dimaksudkan untuk merancang website toko online “Ringtinjustore.com”
menggunakan framework laravel dengan disertai implementasi teknik seo dan facebook ads sebagai media promosi dan media jual beli kebutuhan olahraga tinju di Indonesia.
1.5 Manfaat Penelitian 1. Bagi Peneliti
Dengan penelitian ini, diharapakan dapat menambah pengetahuan, wawasan, skill, dan Jiwa wirausaha, serta dapat mengaplikasikan dan mensosialisasikan teori yang telah diperoleh peneliti selama study perkuliahan S1 di UNIVERSITAS AMIKOM YOGYAKARTA.
2. Bagi Perusahaan
Untuk meningkatkan kemajuan dan branding toko online “Ringtinjustore” serta meningkatkan hasil pendapatan dari transaksi toko online kebutuhan olahraga tinju.
1.6 Metode Penelitian
1.6.1 Metode Pengumpulan Data
Peneliti menggunakan metode observasi untuk mengumpulkan data dengan mengadakan penelitian dan peninjauan langsung terkait permasalahan yang diambil.
1.6.2 Metode Analisis
Pada penelitian ini, peneliti menggunakan metode analisa PIECES (Performance, Information, Economy, Control, Efficiency) untuk menganalisis permasalahan yang terjadi.
1.6.3 Metode Perancangan
Pada penelitian ini, metode perancangan yang digunakan yaitu perancangan UML (Unified Modeling Language) untuk pemodelan proses seperti use case diagram, class diagram, activity diagram, sequence diagram. Dan yang terakhir perancangan strategi penerapan teknik seo dan facebook ads untuk website.
1.6.4 Metode Testing
Pada penelitian ini, untuk metode testing menggunakan metode White Box Testing dan Black Box Testing.
1.6.5 Metode Implementasi
Pada tahap implementasi terdiri dari pengujian website secara offline dan online, serta penerapan teknik seo dan facebook ads yang sudah dirancang.
2. Landasan Teori 2.1 Kajian Pustaka
Iyas (2013) dalam penelitiannya yang berjudul
“Implementasi Sistem Penjualan Online Berbasis E- commerce Pada Usaha Rumahan GRIYA UNIK WANITA” membahas mengenai penerapan aplikasi E- commerce pada usaha rumahan Griya Unik Wanita yang bertujuan untuk memudahkan perusahaan dalam memasarkan dan menjual produknya. Website yang dibuat oleh Iyas ini menggunakan komponen vire to mart untuk sistem penjualannya, Joomla untuk template website dan Content Manajemen Sistemnya (CMS), MySQL untuk databasenya, dan script PHP sebagai dasar Pemrograman yang digunakan. [1]
Yuda Pratama (2016) pada penelitian skripsinya yang berjudul “Analisis Dan Pembuatan Website Toko Online Menggunakan Framework Laravel Pada BW CRAFT BOROBUDUR” membahas tentang pembuatan website Toko Online dengan menggunakan Framework Laravel.
Website Toko Online yang dibuat oleh Yuda Pratama ini cukup menarik karena website yang dihasilkan cukup baik dan fitur yang digunakan sudah cukup lengkap.
Seperti, pengguna dimudahkan dalam proses order maupun checkout dengan tampilan dan desain website yang mudah digunakan. [2]
Berbeda dengan Muhammad Nurdin (2016) pada penelitiannya yang berjudul “Pembuatan Situs Web Online JONES VAPESTORE Menggunakan Codeigniter” membahas tentang pembuatan website dengan menggunakan framework Codeigniter. Meskipun menggunaan framework yang berbeda, akan tetapi konsep yang digunakan tetap sama yaitu menggunakan konsep pemrograman berbasis object. [3]
Website yang dibuat oleh Muhammad Nurdin ini menggunakan framework Codeigniter (CI), sedangkan disini penulis membuat menggunakan framework laravel. Hal yang menjadi perbedaan antara penggunan framework adalah fitur dari framework laravel dinilai lebih baik karena sudah menggunakan Object Relational Mapping (ORM) dan terdapat fitur Routing yang lebih baik dari framework codeigniter, hal ini sangat membantu dalam proses pengerjaan suatu website.
2.2 Dasar Teori
2.2.1 Pengertian Website
Website adalah salah satu aplikasi yang berisikan dokumen-dokumen multimedia (teks, gambar, suara,
3 animasi, video) di dalamnya yang menggunakan protocol HTTP (Hypertext transfer protocol) dan untuk mengakses nya menggunakan perangkat lunak yang disebut browser. [4]
2.2.2 Pengertian Framework
Framework adalah komponen pemrograman yang siap re-use (bisa digunakan ulang) kapan saja, sehingga programmer tidak harus membuat skrip yang sama untuk tugas yang sama. Misalkan kita ingin membuat halaman- halaman web yang menampilkan data dengan paginasi (paging) halaman, framework telah menyediakan fungsi paging tersebut sedangkan programmer cukup menggunakan fungsi tersebut pada saat coding, tetapi tentu dengan kaidah-kaidah yang di tetapkan oleh masing-masing framework. [5]
2.2.3 Laravel
Laravel adalah sebuah framework PHP yang dirilis dibawah lisensi MIT, dibangun dengan konsep MVC (model view controller). Laravel merupakan pengembangan website berbasis MVP yang ditulis dalam PHP yang dirancang untuk meningkatkan kualitas perangkat lunak dengan mengurangi biaya pengembangan awal dan biaya pemeliharaan, dan untuk meningkatkan pengalaman bekerja dengan aplikasi dengan menyediakan sintaks yang ekspresif, jelas dan menghemat waktu. [6]
2.2.4 Toko Online
Toko online adalah penjualan dan pembelian produk, informasi, dan jasa yang dilakukan dengan memanfaatkan jaringan computer, misalnya internet.
Perkembangan internet yang pesat merupakan factor pendorong toko online. Internet merupakan jaringan global yang menghubungkan jaringan komputer di seluruh dunia, sehingga memudahkan interaksi antar pengguna internet. [7]
2.2.5 Seo (Search Engine Optimization)
SEO (Search Engine Optimization) adalah usaha- usaha untuk meningkatkan volume dan kualitas trafik sebuah website dari pencarian search engine melalui berbagai teknik. Dengan kata lain SEO adalah strategi- strategi yang bisa dilakukan para pengembang web untuk membuat situs mereka mudah ditemukan dalam pencarian-pencarian search engine sehingga menghasilkan hit atau ranking yang tinggi.[9]
2.2.6 Facebook Ads
Iklan Facebook atau Facebook Ads adalah fitur yang ditawarkan oleh Facebook untuk mempromosikan atau mengiklankan suatu Fan Page yang sebelumnya sudah dibuat oleh pengguna Facebook dengan jangkauan yang
berbeda dan dapat diatur oleh pemasang iklan tersebut.
Facebook sendiri merupakan situs jejaring sosial dengan platform yang memungkinkan para penggunanya untuk menciptakan halaman pribadi, menambahkan teman, serta mengirim pesan. [8]
3. Analisis dan Perancangan 3.1 Analisis Kebutuhan Sistem 3.1.1 Kebutuhan Fungsional
Kebutuhan fungsional adalah jenis kebutuhan yang berisi proses-proses apa saja yang nantinya akan dilakukan oleh sistem. Kebutuhan fungsional juga berisi tentang informasi-informasi apa saja yang harus ada dan dihasilkan oleh sistem. Berikut adalah kebutuhan fungsional yang sudah dibuat :
1. Admin dapat melakukan login ke sistem 2. Admin dapat logout dari sistem
3. Admin dapat mengelola data produk (tambah, edit, hapus)
4. Admin dapat mengelola data kategori produk (tambah, edit, hapus)
5. Admin dapat mengelola data transaksi (cek &
update proses)
6. Admin dapat mengelola data testimoni (bisa hapus)
7. Admin dapat mengelola data member (bisa hapus)
8. Admin dapat mengelola data website seperti about, carabeli, slider, dll.
9. Member dapat login ke dashboard member 10. Member dapat logout dari dashboard member 11. Member dapat mengunjungi web/melihat
produk
12. Member dapat mencari produk 13. Member dapat melakukan transaksi 14. Member dapat menambahkan testimoni
15. Member dapat mengelola data pribadi (edit alamat no telp, dll.)
16. Member dapat cek status dan riwayat transaksi 17. Pengunjung dapat mengunjungi web/melihat
produk
18. Pengunjung dapat mencari produk
19. Pengunjung dapat mendaftar sebagai member 3.1.2 Kebutuhan Non Fungsional
3.1.2.1 Kebutuhan Perangkat Keras
Kebutuhan perangkat keras yang dijelaskan meliputi perangkat keras yang dibutuhkan saat perancangan website. Spesifikasi yang digunakan adalah sebagai berikut:
4 Tabel 1. Kebutuhan Perangkat Keras
Spesifikasi laptop
Processor Intel Core i3
RAM 8,00 GB
VGA Nividia Geforce GT
635M
Hardisk 500GB
3.1.2.2 Kebutuhan Perangkat Lunak
Kebutuhan perangkat lunak yang dibutuhkan dalam pembuatan website ini adalah sebagai berikut:
Tabel 2. Kebutuhan Perangkat Lunak
Spesifikasi Kebutuhan
Sistem Operasi Windows 10 Text Editor Sublime Text 3
Web Server Xampp
DBMS MySQL
Desain Tampilan Adobe Photoshop, Corel Draw
Browser Google Chrome
Framework Laravel 5.4
Framework CSS Bootstrap 4
Php Versi 5
3.1.2.3 Kebutuhan Hosting
Spesifikasi hosting yang digunakan pada pembuatan website ini adalah sebagai berikut:
Tabel 3. Kebutuhan Hosting Spesifikasi Hosting
Penyedia Hawkhost
Disk Space 10GB
Maksimum Penggunaan RAM
2044 MB
Entry Proses 40
Jumlah Core 2
Bandwith Unlimited
3.2 Perancangan Website 3.2.1 Use Case Diagram
Use Case Diagram merupakan gambaran skenario dari interaksi antara user dengan sistem. Sebuah use case diagram menggambarkan antara actor (pengguna) dan aktvitas atau kegiatan apa saja yang dapat dilakukan pada sistem.
Gambar 1. Use Case Diagram 3.2.2 Activity Diagram
Activity Diagram merupakan gambaran rangkaian aktivitas yang dilakukan oleh pengguna pada sistem dan berguna untuk mendeskripsikan aktivitas yang terjadi.
Gambar 2. Activity Diagram Transaksi 3.2.3 Class Diagram
Class diagram merupakan diagram yang menggambarkan struktur sistem dari segi pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem.
kelas memiliki 3 bagian utama yaitu class name, attribute dan operation. Class diagram memberikan gambaran tentang sistem dan relasi-relasi yang ada.
5 Gambar 3. Class Diagram
3.2.4 Sequence Diagram
Sequence diagram digunakan untuk melihat perilaku objek berdasarkan pada runutan waktu yang terjadi.
Gambar 4. Sequence Diagram Transaksi 3.2.5 ERD
ERD (Entity Relationship Diagram) merupakan suatu model untuk menjelaskan hubungan antar data dalam basis data berdasarkan objek-objek data yang mempunyai hubungan antar relasi.
Gambar 5. Erd
4. Implementasi
4.1 Implementasi Program
Implementasi kode program merupakan suatu tahapan dalam pembuatan sistem yang sudah dirancang sebelumnya. Program yang akan dibuat berbasis MVC jadi program dibuat secara terpisah-pisah sesuai dengan fungsi masing-masing.
1. Halaman Homepage
Gambar 6. Halaman Homepage 2. Halaman Checkout
Gambar 7. Halaman Checkout 3. Halaman Dashboard Member
Gambar 8. Halaman Dashboard Member 4. Halaman Dashboard Admin
Gambar 9. Halaman Dashboard Admin
6 5. Penutup
5.1 Kesimpulan
Berdasarkan dari penjelasan dan uraian pada bab-bab sebelumnya, dapat disimpulkan beberapa hal mengenai perancangan dan pembuatan pada website toko online
“Ringtinjustore.com” sebagai berikut :
1. Penggunaan website toko online berbasis Framework Laravel, membuat transaksi penjualan pada “Ringtinjustore.com”
semakin mudah dan efektif.
2. Penggunaan teknik SEO pada website toko online “Ringtinjustore.com” dapat membuat website lebih mudah ditemukan pada mesin pencari dan dapat meningkatkan pendapatan penjualan serta meningkatkan branding website.
3. Penggunaan teknik Facebook Ads pada website toko online “Ringtinjustore.com”
dapat mempermudah dan mempercepat proses promosi website dan juga meningkatkan hasil penjualan.
5.2 Saran
Dalam penelitian ini, penulis menyadari masih terdapat beberapa kekurangan yang belum dapat diselesaikan, baik dari penulisan naskah ataupun dalam perancangan dan pembuatan website. Beberapa fitur yang masih belum dapat terselesaikan antara lain :
1. Fitur lupa password masih belum bisa 2. Fitur activation account masih belum tersedia 3. Login via social media masih belum tersedia 4. Konfirmasi otomatis setelah transfer
pembayaran belum tersedia.
Daftar Pustaka
[1] Iyas, 2011. “Implementasi Sistem Penjualan Online Berbasis E-commerce Pada Usaha Rumahan GRIYA UNIK WANITA”. Universitas Islam Negeri Syarif Hidayatullah Jakarta.
[2] Yuda Pratama, 2016. “Analisis Dan Pembuatan Website Toko Online Menggunakan Framework Laravel Pada BW CRAFT BOROBUDUR”. STMIK AMIKOM YOGYAKARTA.
[3] Muhammad Nurdin, 2016. “Pembuatan Situs Web Online JONES VAPESTORE Menggunakan Codeigniter”. STMIK AMIKOM YOGYAKARTA.
[4] Arief, M.Rudyanto, 2011. Pemrograman Web Dinamis Menggunakan PHP dan MySQL. Penerbit ANDI : Yogyakarta.
[5] Kasman, Ahmad Dharma. 2015. Framework Laravel 5 Panduan Praktis dan Trik Jitu, CV.ASFA Solution : Cirebon.
[6] Idcloudhost, Pengertian dan Keunggulan Framework Laravel. https://idcloudhost.com/pengertian-dan- keunggulan-framework-laravel/, diakses tanggal 23 November 2017.
[7] MADCOMS, 2013. SUKSES Jualan ON-Line Lewat Blogger. Penerbit ANDI : Yogyakarta.
[8] Wikipedia. Iklan Facebook.
https://id.wikipedia.org/wiki/Iklan_Facebook, diakses tanggal 23 November 2017.
[9] Apriliana Wardani. Jurnal SEO Fakultas Ilmu Terapan Program Studi D3 Manajemen Informatika Universitas Telkom Bandung. diakses tanggal 23 November 2017.
Biodata Penulis
Bagus Panuntun, memperoleh gelar Sarjana (S.Kom) Program Studi Sistem Informasi Universitas AMIKOM Yogyakarta, lulus tahun 2018.
Kusnawi, memperoleh gelar Sarjana Komputer (S.Kom), Program Studi Informatika Universitas AMIKOM Yogyakarta, lulus tahun 2003. Memperoleh gelar Master of Engineering (M.Eng) Program Pasca Sarjana Magister Teknologi Informasi Fakultas Teknik Elektro Universitas Gadjah Mada Yogyakarta, lulus tahun 2009.
Saat ini menjadi Dosen di Universitas AMIKOM Yogyakarta.
