PENAMBAHAN FITUR
SHARE LINK UNTUK WEBSITE
PADA PT. MILLENNIA TIJARA SEMESTA
ZAINUL ARIFIN
4817071342
DEPOK
2020
i
KATA PENGANTAR
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa, karena
berkat rahmat dan karunia-Nya, penulis dapat menyelesaikan laporan Praktek
Kerja Lapangan yang berjudul “Penambahan Fitur Share Link pada Website
untuk PT. Millennia Tijara Semesta.” Laporan ini dibuat guna memenuhi salah
satu syarat untuk mencapai gelar Diploma Empat pada prodi Teknik
Informatika di Politeknik Negeri Jakarta. Selama penulisan ini, penulis banyak
menerima bantuan dan dukungan sehingga dapat menyelesaikan laporan
Praktek Kerja Lapangan ini. Dan karenanya, penulis ingin menyampaikan
terima kasih yang sebesar-besarnya kepada :
1. Fitria Nugrahani, S.Pd., M.Si. selaku dosen pembimbing yang telah
meluangkan waktu, tenaga, dan pikiran untuk mengarahkan penulis dalam
penyelesaian laporan PKL.
2. PT. Millennia Tijara Semesta yang telah memberikan kesempatan kepada
penulis untuk melaksanakan Praktik Kerja Lapangan.
3. Muhamad Yudiansyah dan Adi Pratama selaku pembimbing industri yang
telah mengarahkan penulis selama pelaksanaan kegiatan Praktik Kerja
Lapangan.
4. Orang tua dan keluarga penulis yang telah memberikan dukungan dan
bantuan material dan moral
5. Sahabat dan rekan Praktik Kerja Lapangan yang telah banyak membantu
penulis dalam menyelesaikan laporan Praktik Kerja Lapangan.
Akhir kata, penulis berharap semoga laporan Praktek Kerja Lapangan ini dapat
bermanfaat bagi semua pihak yang memerlukan dan daoat diambil manfaatnua
sebagai pengembangan ilmu.
Jakarta,
Zainul Arifin
ii
DAFTAR ISI
iii
3.4 Identifikasi Kendala yang Dihadapi ................................................................. 23
3.4.1 Kendala Pelaksanaan Tugas ..................................................................... 23
3.4.2 Cara Mengatasi Kendala ........................................................................... 24
BAB IV ............................................................................................................................ 26
4.1 Kesimpulan .......................................................................................................... 26
4.2 Saran .................................................................................................................... 26
DAFTAR PUSTAKA ...................................................................................................... 27
LAMPIRAN..................................................................................................................... 32
iv
DAFTAR GAMBAR
v
BAB I
PENDAHULUAN
PT. Millennia Tijara Semesta berdiri pada tanggal 7 Oktober 2016 yang
mengusung konsep One Stop Shopping Literacy. PT. Millennia Tijara Semesta
sendiri merupakan anak dari perusahaan Mizan Group. Mizan Group tidak hanya
bergerak di penerbitan dan percetakan buku, terdapat juga anak perusahaan lain
yang bergerak dibidang media dan distribusi. PT. Millennia Tijara Semesta
merupakan sebuah perusahaan yang bergerak dibidang penerbitan dan penjualan
buku, perusahaan ini juga terdapat “Millennia Bookstore”. Millennia Bookstore
merupakan sebuah toko yang tidak hanya menjual beragam buku, namun juga
menyediakan alat tulis kantor, serta edukasi lainnya (Ditta, 2016).
Sebagai perusahaan yang bergerak dalam bidang penerbit dan penjualan buku,
PT Millennia Tijara Semesta bekerja sama dengan marketplaces yang ada di
Indonesia. Selain bekerja sama dengan marketplaces yang ada di Indonesia,
perusahaan ini juga memiliki E-commerce. Jenis bisnis yang dilakukan adalah
B2C (business to consumer) yang berupa website. Dengan menggunakan jenis
bisnis yang seperti itu maka diperlukannya fitur share link pada website. Fitur
share link berfungsi untuk memudahkan customer atau user dalam hal
berinteraksi dengan customer lainnya dalam hal yang berkaitan dengan sebuah
produk yang ada pada website.
1
2
1.4.1 Tujuan
1.4.2 Kegunaan
Kegunaan fitur share link ini untuk membagikan produk yang ada pada
website ke social media, yang akan menampilkan link yang akan mengarahkan
langsung ke halaman produk yang dibagikan.
TINJAUAN PUSTAKA
2.1 E-Commerce
2.2 Website
3
4
Website dapat berperan dengan baik apabila sistem yang dibuat mudah
digunakan oleh user. Maka dari itu dibutuhkan user unterface dan user
experience yang baik sebagai penunjang sebuah website yang dibuat
(Nugraheny et al., 2017).
2.3 HTML5
(Sumber:
https://commons.wikimedia.org/wiki/File:CSS3_and_HTML5_logos_and_wordmarks.svg)
produk.
4. Web Workers
Web Workers merupakan sebuah fitur yang dapat ditemukan di Google gears
yang mempunyai kelebihan dibandingkan dengan javascript.
5. Semantics
Semantics merupakan sebuah fitur yang bermanfaat untuk mencari informasi
dan dapat meningkatkan nilai semantic dari sebuah web. Yang berarti pada
bagian web akan terdefinisi dengan jelas maksud serta tujuannya.
2.4 PHP
PHP merupakan sebuah script dalam hal pengembangan sebuah website yang
bersifat gratis atau open source (Pramono and Sugiharto, 2019).
PHP adalah kependekan dari Personal Home Page yang merupakan bahasa
yang popular digunakan oleh developer dalam dunia website yang merupakan
bahasa pemrograman yang berbentuk script. Bahasa pemrograman PHP akan
diletakkan pada web server (Arafat and Trimarsiah, 2017).
2.5 Javascript
Penggunaan JavaScript pada penambahan fitur share link tidak terlalu banyak.
Penggunaan bahasa pemrograman JavaScript hanya digunakan dalam
pembuata copy link yang merupakan salah satu komponen dalam fitur share
link pada website, sedangkan pada AMP copy link tidak digunakan karena
AMP membatasi penggunaan JavaScript eksternal.
2.6 Framework
Dalam penambahan fitur share link kali ini, framework yang digunakan adalah
framework Codeigniter dengan versi 3.11. Penggunaan framework ini
dikarenakan pembuatan website mizanstore.com menggunakan framework
Codeigniter 3.
Model View Controller atau yang biasa dikenal dengan MVC merupakan
sebuah konsep pembuatan atau pengembangan sebuah aplikasi berbasis web
yang memcahnya menjadi tiga bagian yaitu, model, view, dan controller. Hal
itu dilakukan agar memudahkan developer (Pastima and Kasnady, 2016).
MVC berfungsi untuk memisahkan model, view, dan controller yang akan
mempermudah developer untuk mengembangkan aplikasi berbasis web, ini
dikarenakan konsep arsitektur MVC memungkinkan beberapa view dapat
menggunakan model yang sama (Dayat and Angriani, 2017).
Codeigniter memiliki peran utama dalam pembuatan fitur share link. Dalam
kasus ini Codeigniter yang digunakan merupakan pengembangan versi 3.11.
Codeigniter ini digunakan untuk mendesain skrip untuk membuat fitur dan
pengembangan website mizanstore.com.
web, data yang digunakan, dan proses (Suharsana, Wirawan and Yuniastari S,
2016).
Sumber:
(https://commons.wikimedia.org/wiki/File:CSS3_and_HTML5_logos_and_wordmarks.svg,
https://www.pikpng.com/freepng/bootstrap-logo-png/)
2.10 MySQL
2.11 FileZilla
FileZilla merupakan sebuah FTP client dan user server yang berfungsi sebagai
alat yang menghubungkan user untuk mengolah data pada sebuah web server
(Guntara, Hanafi and Muhammad, 2019).
FileZilla adalah sebuah aplikasi FTP yang bisa dioperasikan oleh client atau
user dalam hal yang berhubungan dengan data. Aplikasi ini dapat digunakan
untuk sistem operasi Windows, Linux, dan Mac OS (Hidayat, 2018).
2.12 AMP
untuk mempercepat kinerja dari suatu web yang diakses melalui ponsel. AMP
didukung oleh Google yang bertujuan untuk mengurangi penggunaan CSS,
dan Javascript. Dengan koneksi internet yang rendah sekalipun, AMP akan
tetap memuat halaman web browser lebih cepat (Stelea et al., 2019).
Sumber : (Dillion)
Penggunaan Adobe Illustrator pada website adalah untuk membuat icon social
media, file yang sudah dibuat akan diexport menjadi file yang berekstensi .svg
agar dapat digunakan pada HTML. Icon yang dibuat dengan ukuran panjang
24px dan lebar 24px. Adobe Illustrator yang digunakan untuk membuat icon
social media adalah Adobe Illustrator CC 2018.
Adobe Illustrator adalah sebuah aplikasi yang berfungsi untuk mengolah atau
mengedit desain grafis atau gambar yang berbasis vector, adobe illustrator
dikembangkan dan dipasarkan oleh Adobe Creative. Perangkat lunak ini bisa
digunakan pada perangkat computer (Hormansyah, Ririd and Pribadi, 2018).
Pada kegiatan Praktik Kerja Lapangan kali ini, penulis terdapat pada divisi
Web Developer yang dimana mendapat tugas utama untuk membuat fitur dan
me-maintenance website perusahaan PT. Millennia Tijara Semesta. Pada
posisi Web developer sendiri berisi dengan dua orang, yakni penulis sebagai
mahasiswa magang dan satu orang rekan yang merupakan karyawan pada PT.
Millennia Tijara Semesta.
15
16
Pada minggu kedua, penulis mendapat materi tentang dasar dari framework
Codeigniter 3 yang merupakan sebuah library dari bahasa pemrograman PHP.
Selain itu, penulis juga dikenalkan dengan database dari perusahaan yang
menggunakan software Navicat serta pengenalan dengan server FileZilla FTP
yang digunakan untuk mentransfer data pada setiap file script website
perusahaan.
Pada minggu keempat dan kelima, penulis mendapatkan tugas pertama dari
pembimbing, yaitu untuk menganalisa system dan alur dari aplikasi Wattpad,
dan membuat flowchart dari aplikasi Wattpad yang sudah dianalisa
sebelumnya.
Pada minggu keenam, penulis melakukan analisa system dan alur dari aplikasi
Rakata yang merupakan sebuah aplikasi yang baru dibuat oleh perusahaan.
Tujuan dari penganalisaan ini adalah untuk membandingkan system dan alur
dari aplikasi Wattpad yang sudah dianalisa sebelumnya. Dan karena aplikasi
Rakata merupakan sebuah aplikasi yang dibuat untuk membaca sebuah buku
dan untuk penulis menerbitkan sebuah naskah cerita, ini mirip seperti aplikasi
Wattpad.
Pada minggu kedelapan, penulis mulai membuat user interface pada halaman
detail produk, dan membuat icon dari setiap social media menggunakan adobe
illustrator yang akan diletakkan di website AMP. Ini dilakukan karena website
AMP tidak bisa menerima library bahasa pemrogramn JavaScript eksternal.
Sehingga pembuatan icon harus dilakukan secara manual. Proses pembuatan
dilakukan pada website dummy perusahaan.
Dalam kegiatan Praktik Kerja Lapangan (PKL) ini, fitur share link merupakan
suatu hal yang penting bagi website e-commerce. Ini juga merupakan salah
satu dari strategi marketing yang ada. Fitur ini berfungsi untuk membagikan
sebuah produk melalui social media yang disediakan pada website dengan
tujuan untuk memudahkan user atau customer jika ingin membagikan atau
memberitahu sebuah produk kepada customer lainnya. Jika user membagikan
sebuah produk, maka akan membuka tab baru pada web browser. Ini
dilakukan agar tidak menyusahkan user jika ingin kembali ke halaman detail
produk setelah membagikan sebauh produk pada website.
Pada project pembuatan fitur share link kali ini, proses pembuatan halaman
antar muka atau user interface dilakukan dengan dua kali proses, yang pertama
proses untuk menentukan posisi dan ukuran setiap tombol social media, lalu
yang kedua adalah pembuatan icon untuk setiap social media menggunakan
software adobe illustrator yang akan diimplementasikan pada website AMP.
Untuk ukuran icon social media pada website dan AMP menggunakan ukuran
24px x 24px. Icon yang sudah dibuat melalui software adobe illustrator akan
diexport menjadi file yang berekstensi .svg, tujuan penggunaan file yang
berekstensi .svg agar bisa diimplementasikan pada tag HTML5. Dalam
pembuatan fitur share link kali ini, ditentukan oleh pembimbing industry
untuk meletakkan setiap tombol icon social media dibawah judul buku.
Selanjutnya, tampilan fitur share link pada website akan dirancang melalui
proses koding yang menggunakan HTML5, CSS, dan JavaScript. Penggunaan
JavaScript dilakukan hanya digunakan untuk fitur copy link. Untuk icon yang
digunakan pada website mengambil dari repository font awesome, sedangkan
pada website AMP, penggunaan icon diambil dari file yang sudah dibuat
dengan software adobe illustrator.
a. Ukuran setiap tombol icon social media berukuran lebar 24px dan panjang
24px.
b. Tampilan setiap tombol icon social media harus user friendly.
Sebelum mengimplementasikan fungsi dan desain pada halaman back end dan
front end, penulis diharuskan menginstall beberapa software yang mendukung
dalam penambahan fitur share link sebagai berikut :
Gambar diatas merupakan use case pada halaman detail produk dari website
mizanstore.com dan website AMP mizanstore.com/a. Pada halaman detail produk
user tidak diharuskan login untuk membagikan sebuah produk yang ada dengan
user lainnya.
Pada saat penulis mendapat kesempatan untuk melakukan kegiatan Praktik Kerja
Lapangan (PKL) pada PT. Millennia Tijara Semesta ini, penulis mendapat banyak
pengalaman dalam dunia pekerjaan yang sebenarnya. Mulai dari bagaimana
menangkap sebuah brief yang diberikan oleh pembimbing inustri, bagaimana
berkomuniasi yang baik dengan atasan atau rekan kantor. Namun, terdapat
kendala yang dihadapi penulis selama mengikuti kegiatan Prakti Kerja Lapangan
(PKL) kali ini dalam hal pengeraan tugas yang diberian oleh pembimbing
industry.
pembimbing.
Pertama, kendala yang dihadapi pada kegiatan Praktik Kerja Lapangan (PKL)
ini adalah penyesuaian framework Codeigniter 3. Karena pada saat
perkuliahan framework yang diajarkan adalah framework Laravel.
Kedua, belum adanya pengalaman dalam hal penulisan script dalam bahasa
javascript
Ketiga, belum adanya pengalaman dalam penambahan fitur share link yang
harus mengkoneksikan dengan setiap API dari masiing-masing social media
Keempat, penggunaan icon social media dan fitur copy link pada website AMP
yang dikarenakan pada AMP javascript dibatasi penggunaannya.
Berikut merupakan cara untuk mengatasi kendala pada kegiatan Praktik Kerja
Lapangan (PKL) kali ini, yaitu :
juga dari situs stackoverflow.com. Untuk membuat icon yang tidak bisa
digunakan melalui bootstrap ataupun font-awesome, maka penulis membuat
icon menggunakan aplikasi atau software adobe illustrator untuk membuat
icon pada halaman website AMP. Setelah icon dari setiap social media
sudah dibuat, maka akan diexport dengan file yang berkstensi .svg,
sehingga dapat diaplikasikan dalam tag html.
PENUTUP
4.1 Kesimpulan
Pada kegiatan Praktik Kerja Lapangan (PKL) kali ini dapat disimpulkan
beberapa hal, diantaranya :
1. Berhasil membuat sebuah fitur social media share link button pada website
perusahaan pada halaman detail produk.
2. Fitur share link social media button dapat membantu setiap user atau
customer dalam berinteraksi dengan user lainnya yang berhubungan dengan
produk yang tersedia pada website marketplace mizanstore.com.
4.2 Saran
Pada kegiatan Praktik Kerja Lapangan (PKL) ini, penulis memberikan saran
kepada mahasiswa yang ingin mengikuti kegiatan Praktik Kerja Lapangan
(PKL), yaitu :
1. Lebih aktif bertanya kepada pembimbing industry atau rekan kerja dalam
pengerjaan sebuah project.
2. Lebih bisa mengatur waktu dalam pengerjaan project agar lebih efektif dan
efisien sehingga lebih cepat untuk menyelesaikan project yang dikerjakan.
3. Penulisan source code CSS yang rapih, agar lebih mudah dalam
pengembangan fitur yang sudah dikerjakan.
26
DAFTAR PUSTAKA
Amalia, N. and Wangi, E. (2018) ‘Berbasis Web Mengguakan Php Dan Mysql
Ciparay’, Jurnal Kompetensi Teknik, 3(2), pp. 23–35.
Andi (2019) Cara Menggunakan FileZilla untuk Upload File ke Web Hosting -
Qwords. Available at: https://qwords.com/blog/cara-menggunakan-filezilla/
(Accessed: 27 December 2020).
Dhika, H., Isnain, N. and Tofan, M. (2019) ‘Manajemen Villa Menggunakan Java
Netbeans Dan Mysql’, Ikra-Ith, 3(58), pp. 104–110. Available at:
https://journals.upi-yai.ac.id/index.php/ikraith-
informatika/article/download/324/215/.
Ditta (2016) Telah Dibuka Millennia Book Store - Mizan. Available at:
https://www.mizan.com/telah-dibuka-millennia-book-store/ (Accessed: 26
December 2020).
27
Ericko, F., Santoso, L. W. and Setiawan, A. (2018) ‘Pembuatan Sistem Informasi
Akuntansi Pada Toko NKL Surabaya dengan Menggunakan PHP dan
MySQL’, Jurnal Infra Petra, 6(1), p. 6.
32
33
Lampiran 2 – Form F8
PT. Millennia Tijara Semesta berdiri pada tanggal 7 Oktober 2016 yang
mengusung konsep One Stop Shopping Literacy. PT. Millennia Tijara Semesta
sendiri merupakan anak dari perusahaan Mizan Group. Mizan Group tidak hanya
bergerak di penerbitan dan percetakan buku, terdapat juga anak perusahaan lain
yang bergerak dibidang media dan distribusi. PT. Millennia Tijara Semesta
merupakan sebuah perusahaan yang bergerak dibidang penerbitan dan penjualan
buku, perusahaan ini juga terdapat “Millennia Bookstore”. Millennia Bookstore
merupakan sebuah toko yang tidak hanya menjual beragam buku, namun juga
menyediakan alat tulis kantor, serta edukasi lainnya. PT. Millennia Tijara Semesta
memiliki sebuah website marketplace dengan nama mizanstore. PT. Millennia
Tijara Semesta memiliki struktur organisasinya sendiri, disini penulis hanya
menggambarkan struktur organisasi secara garis besarnya saja.