APLIKASI TOKO ONLINE DI BIDANG

PERCETAKAN PADA CASINGYOU CUSTOM

BERBASIS WEB

PROPOSAL TUGAS AKHIR

Oleh:
Rani Oktrianni 3311711055

Disusun untuk pengajuan proposal Tugas Akhir Program Diploma III

PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN TEKNIK INFORMATIKA
POLITEKNIK NEGERI BATAM
BATAM
2020
 HALAMAN PENGESAHAN PROPOSAL

APLIKASI TOKO ONLINE DI BIDANG

PERCETAKAN PADA CASINGYOU CUSTOM
BERBASIS WEB

Oleh:
Rani Oktrianni 3311711055

Proposal ini telah dikonsultasikan dengan dosen pembimbing

Sebagai persyaratan untuk melaksanakan sidang proposal
di

PROGRAM DIPLOMA III

PROGRAM STUDI TEKNIK INFORMATIKA
JURUSAN TEKNIK INFORMATIKA
POLITEKNIK NEGERI BATAM

Batam, 20 Desember 2019

Disetujuioleh:

Pembimbing I,

Mira Chandra Kirana, S.T., M.T.

NIK. 109064

i
 Abstaksi
Casingyou Custom adalah toko yang bergerak di bidang percetakan yang menjual
produk-produknya secara offline dan online akan tetapi dalam menjalankan
bisnisnya Casingyou Custom masih kesulitan mengatur waktu karena harus
mengunggah foto produk dan rincian deskripsi ke beberapa media sosial yang
harus konsisten serta ontime dan juga dalam mendata laporan transaksi, update
stock barang, keluar masuk barang, menghitung jumlah pendapatan, dan jumlah
pengeluaran masih menggunakan cara manual. Maka dari itu Casingyou Custom
membutuhkan suatu aplikasi yang mencakup semuanya agar lebih tertata dan
terdata dengan akurat dalam menjalankan bisnisnya. Tampilan website akan
dibuat sedemikian rupa sehingga menghasilkan sebuah aplikasi yang user-
friendly. Aplikasi dibuat menggunakan CMS pada Wordpress.
Keywords: toko online, Casingyou Custom, CMS Wordpress

ii
 1

1. Latar Belakang
Di era sekarang perkembangan teknologi digital makin berkembang
dengan pesat dan makin canggih. Khususnya di dunia perdagangan, secara
umum masyarakat menyebutnya dengan online shopping. Dengan berbelanja
online ini sangat memudahkan pembeli dan penjual untuk berinteraksi secara
langsung tanpa adanya pertemuan tatap muka. Banyak para pembisnis online
yang memanfaatkan hal tersebut.
Salah satunya Casingyou Custom adalah toko yang bergerak dalam bidang
percetakan yang berlokasikan di Batam. Casingyou Custom juga sudah
mempunyai mesin percetakan sendiri dalam proses mencetak produknya.
Produk cetakan yang dihasilkan berupa case handphone, sablon baju, cetak
gambar gelas, dan sablon jaket.
Casingyou Custom sudah mempunyai toko sendiri dan mempromosikan
produknya lewat media sosial seperti instagram dan Facebook. Ketika
diadakan survey melalui kuesioner dan wawancara melalui media sosial
pendiri Casingyou Custom masih kesulitan mengatur waktu karena harus
mengunggah foto produk dan rincian deskripsi ke beberapa media sosial yang
harus konsisten serta ontime dan juga dalam mendata laporan transaksi,
update stock barang, keluar masuk barang, menghitung jumlah pendapatan,
dan jumlah pengeluaran masih manual, sehingga rentan jika terjadi kesalahan
dalam mendata.
Berdasarkan hasil survey bahwa pendiri Casingyou Custom membutuhkan
suatu aplikasi yang bisa mencakup semuanya sesuai dengan kebutuhan
dimulai dari menggunggah produk di website, membuat laporan data transaksi
yang otomatis dan data lainnya. Diharapkan dengan dibuatnya aplikasi
berbasis web ini nantinya Casingyou Custom dapat mengatasi permasalahan
seperti diatas.
 2

2. Rumusan masalah
Bagaimana cara membuat aplikasi toko online di bidang percetakan pada
Casingyou Custom berbasis web menggunakan CMS pada Wordpress?

3. Tujuan
Membangun aplikasi secara online yang telah mencakup semuanya
dari proses menggunggah foto produk serta deskripsinya, membuat laporan
berupa data transaksi, masuk-keluarnya barang, jumlah pendapatan, jumlah
pengeluaran, dan data stock barang.
4. Manfaat
Adapun survey ini diharapkan dapat memberikan manfaat antara lain :
a. Bagi penulis
Mendapatkan solusi dari hasil wawancara dan kuesioner untuk membuat
suatu aplikasi toko online berbasis web.
b. Bagi Casingyou Custom
Casingyou Custom juga dapat menemukan solusi untuk menangani
permasalahan yang terjadi dalam menjalankan bisnisnya jika dibuatkan
suatu aplikasi yang dapat mencakup semuanya.
c. Bagi pembaca
Diharapkan dapat memberikan pengetahuan wawasan baru bagi pembaca,
dan bisa dijadikan referensi jika membutuhkannya.
5. Batasan Masalah
Adapun batasan masalah untuk membangun aplikasi ini adalah :
1. Aplikasi dibuat berbasis WEB
2. Metode yang digunakan yaitu metode prototype.
3. Menggunakan CMS Wordpress
4. Menggunakan MySQL sebagai basisdata.
 3

5. Tinjauan Pustaka

Tabel 1.
Tabel Perbandingan Jurnal

Nama Judul Metode Basis Tujuan

No
Peneliti Penelitian
1. Arip dan “Pembangunan waterfall Web Diimplementasikan e-
Tri Sistem Penjualan commerce pada toko
(2012) Online Pada Indah Jaya Furniture
Toko Indah Jaya ini dapat digunakan
Furniture sebagai sarana
Surakarta” promosi penjualan
yang dapat diakses
dimanapun dan
kapanpun, proses
pembelian dapat
secara langsung tanpa
harus datang ke toko.
2. Irsyad “Aplikasi CMS waterfall Mobile 1. Aplikasi CMS E-
dan E-commerce commerce Penjualan
Achmad Penjualan berbasis WAP dengan
Berbasis WAP menggunakan bahasa
Dengan pemrogramn PHP dan
Menggunakan database MySQL
PHP dan MySQL telah terelisasi.
Di Toko Miulan Sehingga dapat
Hijab Semarang” dijadikan manajemen
konten produk pada
E-commerce
Penjualan serta dapat
mengelola
 4

manajemen transaksi
pembayaran
pelanggan.
2. Aplikasi CMS E-
commerce memeiliki
kelebihan untuk
memudahkan user
dalam hal
penggunaan e-
commerce order
produk lebih efektif
dan efisien karena
dapat dilihat dengan
versi dekstop melalui
akses komputer /
notebook dan versi
mobile untuk diakses
lewat handphone.
3. Elisabet “Perancangan waterfall Web 1. Menghasilkan
dan aplikasi e- aplikasi penjualan
Ratnasar commerce pada yang mampu
i (2014) toko jam tangan memperkenalkan dan
Alexander memasarkan secara
cristie” online.
2. Orang yang ingin
membeli barang atau
transaksi lewat
internet hanya
membutuhkan akses
internet dan interface
menggunakan web
 5

browser.
3. Informasi yang up
to date, komunikasi
multi-arah yang
dinamis
4. Noni “Analisis dan Prototype Web Menganalisis serta
dan heri perancangan merancang sistem
sistem informasi informasi pemasaran
pemasaran berbasis web pada
berbasis web Toko Billy untuk
pada toko billy” meningkatkan
pemasaran sehingga
menambah
pendapatan dan
mengurangi biaya
pemasaran (biaya
iklan) .

Tabel 1. adalah tabel perbandingan dari 4 jurnal yang dijadikan referensi

untuk membangun sebuah toko online. Perbandingan jurnal ini bermanfaat
sebagai ide dalam mengembangkan aplikasi toko online.
6. Landasan Teori.
7.1 MySql
MySQL adalah Relational Database Management Sistem (RDBMS)
yang didistribusikan secara gratis di bawah lisensi GPL (General Public
License). Dimana setiap orang bebas untuk menggunakan MySQL, namun
tidak boleh dijadikan produk turunan yang bersifat close source atau
komersial.
SQL singkatan dari Structured Query Language, dimana SQL ini
digunakan sebagai perintah untuk mengelola database yang ada di dalam
MySQL secara otomatis. MySQL merupakan database yang paling lazim
digunakan untuk menyimpan data yang dipadukan dengan PHP. Antara
 6

PHP dan MySQL ini sangatlah saling melengkapi satu dengan yang
lainnya, karena jika database yang digunakan dalam pemrograman PHP
ini bukan MySQL maka tidak bisa digunakan untuk menyimpan data
dalam jumlah yang banyak. Database adalah sebuah aplikasi yang
digunakan untuk menyimpan data.

7.2 PHP
PHP (Hypertext Preprocessor), merupakan bahasa pemrograman pada
sisi server yang memperbolehkan programmer menyisipkan perintah –
perintah perangkat lunak web server (Apache, IIS, atau apapun) akan
dieksekusi sebelum perintah itu dikirim oleh halaman ke browser yang me-
request-nya, contohnya adalah bagaimana memungkinkannya
memasukkan tanggal sekarang pada sebuah halaman web setiap kali
tampilan tanggal dibutuhkan. Sesuai dengan fungsinya yang berjalan di
sisi server maka PHP adalah bahasa pemrograman yang digunakan untuk
membangun teknologi web application. (Kevin Yank, 2002) PHP telah
menjadi bahasa scripting untuk keperluan umum yang pada awalnya hanya
digunakan untuk pembangunan web yang menghasilkan halaman web
dinamis. Untuk tujuan ini, kode PHP tertanam ke dalam dokumen sumber
HTML dan diinterpretasikan oleh server web dengan modul PHP prosesor,
yang menghasilkan dokumen halaman web. Sebagai bahasa pemrograman
untuk tujuan umum, kode PHP diproses oleh aplikasi penerjemah dalam
modus baris - baris perintah modus dan melakukan operasi yang
diinginkan sesuai sistem operasi untuk menghasilkan keluaran program
dichannel output standar. Hal ini juga dapat berfungsi sebagai aplikasi
grafis. PHP tersedia sebagai prosesor untuk server web yang paling
modern dan sebagai penerjemah mandiri pada sebagian besar system
operasi dan komputer platform.
7.3 CMS (Content Management System)
Content Management System Kemas Yunus Antonius berpendapat
sebuah Content Management System adalah kumpulan prosedur yang
 7

digunakan untuk menggambarkan proses dalam lingkungan yang

memerlukan kerja sama antara pelaku yang berbeda. Prosedur ini
dirancang untuk mengelola:
a. Akses data, berdasarkan peran pengguna,
b. Mengumpulkan dan berbagi informasi ,
c. Bantuan penyimpanan data ,
d. Redundansi konten periksa ,
e. laporan.
Dalam CMS, data adalah istilah yang mewakili antara lain dokumen,
film, gambar, nomor telepon atau informasi ilmiah. Beberapa kategori
CMS ditentukan tergantung pada konten: konten web seperti kode HTML,
perpustakaan digital, file multimedia [Kemas Yunus Antonius, 2003].
Manfaat Content Management System Selain dari beberapa hal yang telah
disebutkan di atas, CMS juga dapat memberikan sejumlah manfaat kepada
penggunanya yang dapat dijabarkan sebagai berikut:
1. Manajemen data.
2. Mengatur siklus hidup website.
3. Mendukung web templating dan standarisasi.
4. Personalisasi website dan akuntabilitas[1].

7.5 Website
Website atau situs dapat diartikan sebagai kumpulan halaman yang
menampilkan informasi data teks, data gambar diam atau gerak, data
animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat
statis maupun dinamis yang membentuk satu rangkaian bangunan yang
saling terkait dimana masing-masing dihubungkan dengan
jaringanjaringan halaman (hyperlink). (http://www.baliorange.web.id).
Untuk menyediakan sebuah website, maka kita harus menyediakan
unsur-unsur penunjangnya, seperti halnya:
1. Nama domain (Domain name / URL - Uniform Resource Locator)
Nama domain atau biasa disebut dengan Domain Name atau URL
 8

adalah alamat unik di dunia internet yang digunakan untuk

mengidentifikasi sebuah website, Contoh : http://www.nama
situs .com.
2. Rumah tempat website (Web hosting) Pengertian Web Hosting
dapat diartikan sebagai ruangan yang terdapat dalam harddisk
tempat menyimpan berbagai data, file-file, gambar dan lain
sebagainya yang akan ditampilkan di website. Besarnya data yang
bisa dimasukkan tergantung dari besarnya web hosting yang
disewa/dipunyai.
3. Bahasa Program (Scripts Program) Adalah bahasa yang digunakan
untuk menerjemahkan setiap perintah dalam website yang pada saat
diakses. Jenis bahasa program sangat menentukan statis, dinamis
atau interaktifnya sebuah website.
4. Desain website Setelah melakukan penyewaan domain name dan
web hosting serta penguasaan bahasa program (scripts program),
unsur website yang penting dan utama adalah desain. Desain
website menentukan kualitas dan keindahan sebuah website. 5.
Publikasi website Keberadaan situs tidak ada gunanya dibangun
tanpa dikunjungi atau dikenal oleh masyarakat atau pengunjung
internet. Karena efektif tidaknya situs sangat tergantung dari
besarnya pengunjung dan komentar yang masuk. Untuk
mengenalkan situs kepada masyarakat memerlukan apa yang
disebut publikasi atau promosi website.
(http://www.baliorange.web.id)[2].
7.6 Wordpress
Wordpress “Wordpress tidak hanya sebagi blog tool yang dapat
diinstal keserver anda sendiri namun juga menyediakan layangn hosting
blog gratis sebagai layanan blogger” (Budiarto, 2010:18). Jadi anda
memiliki dua opsi yakni menggunakan Wordpress untuk hosting blog
sendiri maupun menumpang blog gratis pada www.wordpress.com.
WordPress.com merupakan situs layanan blog yang menggunakan mesin
 9

WordPress, didirikan oleh perusahaan Automattic. Dengan mendaftar pada

situs WordPress.com, pengguna tidak perlu melakukan instalasi atau
konfigurasi yang cukup sulit. Sayangnya, pengguna WordPress.com tidak
dapat mengubah template standar yang sudah disediakan. Artinya,
pengguna tidak dapat menambahkan asesori apa pun selain yang sudah
disediakan. Meski demikian, fitur yang disediakan oleh WordPress.com
sudah cukup bagus[3].

7. Metode Penyelesaian Masalah

Metode dalam membuat aplikasi yaitu sistem yang digunakan metode
Prototyping model. Prototype adalah versi awal dari sistem perangkat lunak
yang digunakan untuk mendemonstrasikan konsep-konsep, percobaan
rancangan, dan menemukan lebih banyak masalah dan solusi yang
memungkinkan (Sommerville, 2011). Sistem prototype memperbolehkan
pengguna untuk mengetahui bagaimana sistem berjalan dengan baik.
Penggunaan metode prototyping di dalam penelitian ini bertujuan agar peneliti
mendapatkan gambaran aplikasi yang akan dibangun melalui tahap
pembangunan aplikasi prototype terlebih dahulu yang akan dievaluasi oleh
user. Aplikasi prototype yang telah dievaluasi oleh user selanjutnya akan
dijadikan acuan untuk membuat aplikasi yang dijadikan produk akhir sebagai
output dari penelitian ini.
 10

Gambar 1
Gambar 1 menjelaskan bahwa metode prototyping dimulai dengan
mendengarkan kebutuhan dan masukan dari pengguna. Pengembang dan
pengguna bertemu dan bersama-sama menentukan tujuan keseluruhan untuk
perangkat lunak dan mengidentifikasi apapun persyaratan yang diperlukan.
Lalu pengembang membuat sebuah gambaran tentang aplikasi yang
selanjutnya dapat dipresentasikan kepada pelanggan. Gambaran tersebut
berfokus pada representasi aspek-aspek aplikasi yang akan terlihat oleh
pelanggan/pengguna. Beberapa keunggulan dalam menggunakan metode
prototyping :
1. Pengembang sistem dan pengguna saling berkomunikasi khususnya
dalam hal penyamaan persepsi terhadap pemodelan sistem yang akan menjadi
dasar pengembangan sistem operasionalnya,
2. Pelanggan/pengguna ikut terlibat secara aktif dan berpartisipasi dalam
menentukan model sistem dan sistem operasionalnya sehingga
pelanggan/pengguna akan puas karena sistem yang dibuat sesuai dengan
keinginan dan harapannya,
3. Sistem yang dibangun memiliki kualitas yang diinginkan karena sesuai
dengan kebutuhan yang ada.

Gambar 2
Alur proses metode Prototyping
 11

(Sumber: Khosrow-Pour, 2005)

Gambar 2 menjelaskan mengenai alur pengembangan sistem dengan
menggunakan metode Prototyping Oriented Software. Pada tahap pertama,
dilakukan analisis kebutuhan dan pendefinisian kebutuhan. Kebutuhan yang
dimaksudkan disini adalah kebutuhan pelanggan/pengguna. Selanjutnya pada
tahap kedua dilakukan pembuatan prototype dari aplikasi yang akan dibangun,
mulai dari user interface prototyping dan dilanjutkan hingga penyusunan
arsitektur dan komponen-komponen yang berkaitan dengan aplikasi yang akan
dibangun. Selanjutnya dilakukan pengembangan sistem, dimana aplikasi akan
dibangun sesuai dengan prototype yang telah dibuat sebelumnya, dan setelah
aplikasi berhasil dibuat sesuai dengan kebutuhan maka dilakukan proses
pengujian aplikasi sebelum aplikasi tersebut diimplementasikan[4].

8. Gambar Use Case

 12

Gambar 3.
Use Case
Pada gambar 3 customer membuka situs Casingyou Custom,
memilih katalog produk yang ditampilkan di halaman web, melakukan
pembayaran dan selanjutnya dikonfirmasi oleh admin.
Pada gambar 3 admin membuka situs Casingyou Custom, admin
melakukan login, admin mengunggah foto-foto produk serta menulis
deskripsinya, admin memeriksa laporan data transaksi kemudian
mengkonfirmasi data pesanan customer setelah itu pesanan akan dikirim
sesuai dengan alamat tujuan.

9. Rencana Pelaksanaan
 13

Gambar 4
Gambar 4 merupakan rencana pelaksanaan dalam pembuatan
aplikasi toko online.

10. Daftar Pustaka

[1] Kemas Yunus Antonius (2003). Pengantar Content Management System
(CMS). Diakses Pada 07 April 2013 dari World Wide Web
http://ikc.depsos.go.id/umum/kemas/kemas-cms.zip
[2] Balebengong, 2007, Pengertian Website dan Unsurunsurnya.html.
(http://www.balebengong.net/topik/teknologi Diakses 27 Maret 2013)
Balebengong, 2007. Pengertian Website website webhosting dan
domainname.(http://www.baliorange.web.id/pengertian-
websitewebhosting-domainname Diakses 27 Maret 2013)
[3] Budiarto, Raden. 2010. Wordpress, Not just A blog!. Yogyakarta: Andi
[4] Khosrow-Pour, M. (2005). Encyclopedia of Information Science and
Technology (5 Volumes). Idea Group Reference.

10. Hasil Pengecekan Plagiarisme

 14

1. Pengecekan dilakukan melalui situs: https://www.duplichecker.com/

Gambar 5. Pengecekan Plagiarisme

2. Pengecekan dilakukan melalui situs: https://www.duplichecker.com/

Gambar 6. Pengecekan Plagiarisme

 15

3. Pengecekan dilakukan melalui situs: https://www.duplichecker.com/

Gambar 7. Pengecekan Plagiarisme

4. Pengecekan dilakukan melalui situs: https://www.duplichecker.com/

Gambar 8. Pengecekan Plagiarisme

4. Pengecekan dilakukan melalui situs: https://www.duplichecker.com/

 16

Gambar 9. Pengecekan Plagiarisme

11. Lampiran Artikel

 17

1. Lampiran artikel 1

Gambar 10. Lampiran Artikel

2. Lampiran artikel 2

Gambar 11. Lampiran Artikel

3. Lampiran artikel 3
 18

Gambar 12. Lampiran Artikel

4. Lampiran artikel 4

Gambar 13. Lampiran Artikel