LAPORAN PRAKTEK INDUSTRI

PERANCANGAN DAN PEMBUATAN APLIKASI SISTEM

GEOLOCATION MAPSTAG BERBASIS WEB MENGGUNAKAN
LARAVEL PADA PT. CENDANA TEKNIKA UTAMA

Oleh:
Caraka Putra Mega
170535629543

UNIVERSITAS NEGERI MALANG

FAKULTAS TEKNIK
JURUSAN TEKNIK ELEKTRO
JULI 2020
 LEMBAR PENGESAHAN LAPORAN PRAKTEK INDUSTRI

Laporan Praktek Industri yang disusun oleh Caraka Putra Mega 170535629543

11 September 2020
Telah dipertahankan di depan penguji pada tanggal …………………………

Penguji I,

Kartika Candra Kirana, S.Pd., M. Kom

NIP. 199105012019032030

Mengetahui:
Ketua Jurusan Teknik Elektro

Aji Prasetya Wibawa, S.T., M.M.T., Ph.D.

NIP. 197912182005011001

i
LEMBAR PENGESAHAN

ii
 KATA PENGANTAR
Puja dan puji syukur kehadirat Allah SWT yang telah melimpahkan hidayahnya
sehingga pelaksana dapat menyelesaikan kegiatan Praktek Industri selama kurang lebih 3
bulan dengan baik dan dapat menyusun Laporan Praktek Industri dengan tuntas yang
berjudul “Perancangan dan Pembuatan Aplikasi Sistem Geolocation Berbasis Web
Menggunakan Laravel pada PT. Cendana Teknika Utama”.

Pengalaman dan pengamatan secara langsung yang praktikan lakukan di lapangan

telah membuka wawasan, serta pengertian kami secara lebih mendalam mengenai dunia
industri yang sebenarnya. Oleh karena itu, dengan hormat praktikan mengucapkan banyak
terima kasih kepada :

1. Arif Nur Afandi, S.T., M.T., Ph.D. selaku Wakil Dekan 1, Fakultas Teknik,
Universitas Negeri Malang.
2. Aji Prasetya Wibawa, S.T., M.M.T., Ph.D. selaku Ketua Jurusan Teknik Elektro,
Fakultas Teknik, Universitas Negeri Malang.
3. Achmad Hamdan, S.Pd, M.Pd. selaku Koordinator Praktik Industri Program Studi
Informatika, Jurusan Elektro, Fakultas Teknik, Universitas Negeri Malang.
4. Kartika Candra Kirana, S.Pd., M. Kom. selaku Dosen Pembimbing Praktik Industri
yang telah memberi arahan dalam pelaksanaan Praktik Industri. Serta bimbingan
dan ararahan dalam penyusunan Laporan Praktik Industri.
5. Ira Saifullah Nur, S.T. selaku Pembimbing di lapangan yang telah memberikan
pengetahuan dan arahan kepada praktikan dalam mengerjakan tugas di lapangan.
6. Keluarga dan teman-teman yang selalu memberikan doa, serta dukungan materiil
dan moril kepada penulis.
7. Kepada semua pihak yang telah banyak membantu dan berperan dalam
penyusunan Laporan Praktik Industri.

Dalam penyusunan laporan ini, penulis sadar akan adanya kekurangan. Penulis
mengharapkan adanya kritik dan saran yang membangun agar dapat lebih baik lagi dalam
penyusunan laporan di masa yang akan datang.

Malang, 30 Juli 2020

Penulis,

Caraka Putra Mega

iii
 DAFTAR ISI

Hal
LEMBAR PENGESAHAN LAPORAN PRAKTEK INDUSTRI .......................... i
LEMBAR PENGESAHAN .................................................................................... ii
KATA PENGANTAR ........................................................................................... iii
DAFTAR ISI .......................................................................................................... iv
DAFTAR GAMBAR .............................................................................................. v
DAFTAR LAMPIRAN .......................................................................................... vi
PENDAHULUAN .................................................................................................. 1
1.1 Latar Belakang ......................................................................................... 1
1.2 Tujuan Khusus .......................................................................................... 2
1.3 Ruang Lingkup ......................................................................................... 2
1.4 Manfaat Praktik Industri ........................................................................... 2
1.5 Tempat dan Waktu Praktikan ................................................................... 3
KEGIATAN UMUM .............................................................................................. 4
2.1 Identitas Perusahaan ................................................................................. 4
2.2 Sejarah Perusahaan ................................................................................... 4
2.3 Visi & Misi Perusahaan ............................................................................ 5
2.4 Struktur Organisasi Perusahaan ................................................................ 6
2.5 Deskripsi dan Tugas Struktur Organisasi ................................................. 6
KEGIATAN KHUSUS ......................................................................................... 10
3.1 Dasar Teori ............................................................................................. 10
3.2 Metode Perancangan dan Pembuatan Website ....................................... 12
3.3 Pembahasan Sistem ................................................................................ 14
3.3.1 Pembuatan Halaman Login dan Register ........................................ 15
3.3.2 Pembuatan Halaman Home ............................................................. 16
3.3.3 Pembuatan Halaman User dan Admin ............................................ 17
3.3.4 Pembuatan Halaman Create dan Edit Tag ...................................... 18
3.4 Pekerjaan di Luar Pembuatan Website “MapsTag” ............................... 19
KESIMPULAN DAN SARAN ............................................................................. 21
4.1 Kesimpulan ............................................................................................. 21
4.2 Saran ....................................................................................................... 21

iv
 DAFTAR GAMBAR

Gambar 2.1 Logo PT. Cendana Teknika Utama ..................................................... 4

Gambar 2.2 Struktur Organisasi PT. Cendana Teknik Utama ................................ 6
Gambar 3.1 Requirement Untuk Database ........................................................... 13
Gambar 3.2 Pengkodean Sistem ........................................................................... 13
Gambar 3.3 Pengujian Fitur .................................................................................. 13
Gambar 3.4 Publikasi ke Server Cendana ............................................................. 14
Gambar 3.5 Halaman Login dan Register ............................................................. 15
Gambar 3.6 Halaman Home .................................................................................. 16
Gambar 3.7 Halaman User .................................................................................... 17
Gambar 3.8 Halaman Admin ................................................................................ 18
Gambar 3.9 Halaman Input dan Edit Tag ............................................................. 18
Gambar 3.10 Input Alamat Secara Manual ........................................................... 19
Gambar 3.11 Halaman Master Data (Provinsi) pada Aplikasi SIKDA ................ 19
Gambar 3.12 Konversi Data GIS ke SQL ............................................................. 20

v
 DAFTAR LAMPIRAN

Lampiran 1. Jadwal Kegiatan PI di Industri

Lampiran 2. Agenda Harian Praktik Industri

Lampiran 3. Daftar Hadir Mahasiswa

Lampiran 4. Catatan Kegiatan Praktik Industri

Lampiran 5. Lembar Penilaian Industri

Lampiran 6. Rekomendasi Industri

Lampiran 7. Berita Acara Ujian Praktik Industri

Lampiran 8. Lembar Penilaian Laporan Praktik Industri

Lampiran 9. Kartu Bimbingan Penyusunan Laporan Praktik Industri

vi
 BAB I

PENDAHULUAN

1.1 Latar Belakang

Universitas Negeri Malang merupakan salah satu lembaga pendidikan

tinggi yang menyelenggarakan pendidikan dan pelatihan dalam ilmu
pengetahuan dan teknologi, yang bertujuan untuk mengasah pengetahuan
mahasiswa sehingga akan menghasilkan lulusan yang terampil dan
professional. Hal tersebut dapat membantu mahasiswa ketika memasuki
kehidupan yang sebenarnya. Untuk mencapai hal tersebut selain melalui
pendidikan formal, Universitas Negeri Malang juga mengadakan kegiatan
Praktek Industri tentu saja sesuai dengan bidang ilmu yang diminati dan
dipelajari.
PT. Cendana Teknika Utama dipilih sebagai tempat praktik industri
karena sesuai dengan bidang yang praktikan tempuh. PT. Cendana Teknika
Utama merupakan perusahan yang bergerak dalam bidang teknologi informasi
dan telekomunikasi, selain itu perusahaan ini juga kerap berkembang dari tahun
ke tahun dikarenakan kemampuan managerial, lalu keahlian dan keuangan
yang baik sehingga dapat menghasilkan produk dan jasa yang terbaik. Oleh
sebab itu melalui praktik industri diharapakan praktikan dapat belajar banyak
hal terkait dengan teknologi informasi dan belajar mengenai kehidupan di
dunia industri.
Dalam pelaksanaan industri ini praktikan mendapatkan tugas untuk
mengembangkan aplikasi sistem geolocation yang bernama “MapsTag”.
MapsTag adalah aplikasi berbasis mobile dan website fungsi dari aplikasi ini
yaitu dibuat untuk pendataan agen-agen baru dan mengunjungi agen-agen lama
yang belum terdata. Data-data tersebut berupa foto lokasi, nama agen, alamat
dan data-data lain yang menunjang identitas dari agen tersebut.
Praktikan sendiri mendapati tugas yaitu pada bagian backend dan
frontend untuk aplikasi yang berbasis website, sedangkan untuk proses
merancang dan menentukan kebutuhan yang ada pada aplikasi tersebut, yaitu

1
 dimulai dengan pengarahan dari pembimbing industri kemudian berdiskusi
dengan teman sekelompok.

1.2 Tujuan Khusus

Tujuan diadakannya Praktik Industri di PT. Cendana Teknika Utama adalah:

a. Belajar dan menyesuaikan diri dengan dunia kerja dibidang ilmu
informatika.
b. Belajar mengelola waktu dalam menghadapi tugas yang diberikan.
c. Untuk mengimplementasikan teori tentang perencanaan pengembangan
aplikasi website
d. Menerapkan materi HTML, CSS, dan javaScript pada mata kuliah
Pemrograman Web sebagai dasar pengembangan aplikasi Sistem
Geolocation atau “MapsTag”
e. Untuk menambah wawasan terhadap budaya dalam sebuah instansi,
sehingga mahasiswa mampu beradaptasi pada saat terjun ke dunia kerja
sesungguhnya.

1.3 Ruang Lingkup

Berdasarkan tujuan kegiatan yang dilakukan di PT. Cendana Teknika

Utama, ruang lingkup dalam Praktik Industri adalah sebagai berikut:

a. Pembuatan website dinamis dengan menggunakan Laravel.

b. Pengelolaan data tag, create, read, update
c. Membuat fitur search pada tampilan home
d. Membuat fitur custom marker untuk tiap pengguna

1.4 Manfaat Praktik Industri

1.4.1 Bagi Mahasiswa Jurusan Teknik Elektro Fakultas Teknik
Universitas Negri Malang
a. Mendapatkan pengalaman di dalam dunia industri khusunya pada
bidang teknik informatika.
b. Belajar menyesuaikan diri dengan lingkungan yang ada pada industri.

2
 c. Menguji dan menambah keterampilan serta pengetahuan tentang dunia
kerja.
d. Paham mengenai penerapan suatu metode dan mengetahui mengenai
kekurangannya.
1.4.2 Bagi PT. Cendana Teknika Utama
a. Membantu menyelesaikan pekerjaan dan tugas yang ada di perusahaan.
b. Membangun kerjasama antara industri dengan Universitas Negeri
Malang.
1.4.3 Bagi Jurusan Teknik Elektro Fakultas Teknik Universitas Negeri
Malang
a. Jurusan Teknik Elektro Fakultas Teknik UM dapat memperoleh
referensi tentang dunia kerja untuk lulusannya.
b. Memperkanlakan Jurusan Teknik Elektro UM ke dunia industri.

1.5 Tempat dan Waktu Praktikan

Kegiatan Praktik Industri ini dilaksanakan di PT. Cendana Teknika

Utama, yang beralamat di Jl. Soekarno Hatta Ruko Permata Griya Shanta NR.
24 – 25, Malang – Jawa Timur. Kegiata dilaksanakan selama 12 minggu,
mulai tanggal 11 Mei 2020 s.d. 30 Juli 2020.

3
 BAB II
KEGIATAN UMUM

2.1 Identitas Perusahaan

a. Nama Perusahaan : PT. Cendana Teknika Utama
b. Alamat Perusahaan : Jl. Soekarno Hatta Ruko Permata Griya
Shanta NR.24-25, Malang, Jawa Timur
c. No. Telepon : 0341 – 496 497, 488 890
d. Email : layanan@cendana2000.com
e. Website : http://www.cendana2000.co.id/
f. Logo :

Gambar 2.1 Logo PT. Cendana Teknika Utama

2.2 Sejarah Perusahaan

PT. Cendana Teknika Utama berdiri tahun 1998 di Kota Malang,
dikukuhkan dengan Akta Pendirian perusahaan di hadapan notaris Faisal A.
Waber, SH. Pada tanggal 12 Agustus 1998. PT. Cendana Teknika Utama
dikenal dengan Merk “Cendana2000” yang sudah terdaftar di Direktorat
Jenderal Kekayaan Intelektual Republik Indonesia di kelas 09, kelas 40 dan
kelas 42. Cendana2000 bergerak di bidang produk dan jasa teknologi
informasi dan telekomunikasi yang telah berpengalaman sejak tahun 1998.
Dengan dukungan tenaga ahli, manajemen yang profesional dan finansial
yang sehat, kami berkomitmen untuk berpartisipasi aktif secara elegan dan
profesional dalam pelaksanaan pembangunan nasional, khususnya Smart
City Indonesia Raya.
Beberapa produk utama aplikasi e-government kami adalah
SISMIOP C2000, sistem informasi manajemen BPHTB, aplikasi e-PBB

4
 Online, sistem informasi manajemen pajak daeraah (e-PAD), simdiklat,
aplikasi e-Office, sistem informasi geografis, validasi piutang, Dashboard
PAD, aplikasi pembayaran PBB (Payment Point), alat tapping box, cash
register POS, mesin antrian kantor pajak, survey kepuasan masyarakat
(SKM), anjungan informasi pajak (KIOSK), videowall, dll.
Cendana2000 juga melayani jasa konsultansi pengembangan dan
pembuatan aplikasi perpajakan dan retribusi daerah serta e-Government
untuk mendukung Smart City Indonesia. Cendana2000 akan senantiasa
berkomitmen untuk merespon positif setiap kebutuhan pelanggan dan
berinovasi dalam pengembangan produk dan jasa kami, karena “kepuasan
Anda prestasi bagi kami“.
Cendana Teknika Utama mengalami restrukturisasi perusahaan pada
tahun 2006, sehingga komposisi kepemilikan berubah dari kepemilikan
perorangan menjadi kepemilikan badan usahan dimana PT. Karyatama
Solusindo mempunyai komposisi saham sebesar 70% dan PT. Catur Elang
Perkasa sebesar 30%. Restrukturisasi ini dilakukan dalam rangka
mengakselerasi perkembangan perusahaan. Cendana Teknika Utama
memproduksi ragam mesin antrian manual sederhana wireless otomatis,
seperti mesin antrian android, mesin antrian multimedia, mesin antrian
signage, mesin antrian touchscreen, mesin antrian online, mesin antrian
sidang, mesin antrian pasien puskesmas/ rumah sakit, mesin antrian bank,
anjungan informasi, digital signage, indeks kepuasan masyarakat, dan anek
sistem mesin antrian otomatis lainnya.

2.3 Visi & Misi Perusahaan

2.3.1 Visi Perusahaan
Tumbuh menjadi perusahaan yang sehat, terhormat, dan inovatif di
setiap bidang usahanya.
2.3.2 Misi Perusahaan
- Mampu memberikan solusi dan layanan dengan kualitas terbaik bagi
customer.

5
 - Menghasilkan laba yang bermanfaat, baik bagi perusahaan maupun
customer.
- Meningkatkan kualitas hidup stakeholdernya.

2.4 Struktur Organisasi Perusahaan

Gambar 2.2 Struktur Organisasi PT. Cendana Teknik Utama

2.5 Deskripsi dan Tugas Struktur Organisasi

1. Direktur Utama
Tugas Direktur Utama adalah sebagai koordinator, komunikator,
pengambil keputusan, pemmimmpin, pengelola dan eksekutor dalam
menjalankan dan memimpin perusahaan Perseroan Terbatas(PT).
Direktur Utama dalam melaksanakan tugas mempunyai fungsi:
• Memutuskan dan menentukan peraturan dan kebijakan
tertinggi perusahaan;
• Bertanggung jawab dalam memimpin dan menjalankan
perusahaan;
• Bertanggung jawab atas kerugian yang dihadapi perusahaan
termasuk juga keuntungan perusahaan;

6
 • Merencanakan serta mengembangkan sumber-sumber
pendapatan dan pembelanjaan kekayaan perusahaan;
• Bertindak sebagai perwakilan perusahaan dalam
hubungannya dengan dunia luar perusahaan;
• Menetapkan strategi-strategi stategis untuk mencapakai visi
dan misi perusahaan;
• Mengkoordinasikan dan mengawasi semua kegiatan di
perusahaan, mulai bidang administrasi, kepegawaian hingga
pengadaan barang;
• Mengangkat dan memberhentikan karyawan perusahaan.
2. Direktur Pemasaran
Direktur Pemasaran merupakan jabatan seseorang yang
bertanggungjawab pada operasi pemasaran secara keseluruhan
perusahaan. Tugas direktur pemasaran secara umum adalah
merencanakan, mengarahkan dan mengawasi seluruh kegiatan
pemasaran perusahaan. Seorang direktur pemasaran harus memiliki
keterampilan dan kreativitas dalam pemasaran. Namun selain itu
direktur pemasaran juga harus memiliki pengetahuan mengenai
perencanaan anggaran, agar anggaran dapat sesuai dengan perencanaan
pemasarani. Direktur Pemasaran dalam melaksanakan tugas
mempunyai fungsi:
• Merencanakan dan merumuskan kebijakan strategis yang
menyangkut Pemasaran;
• Memonitoring dan mengarahkan proses-proses di seluruh
Divisi Direktorat Pemasaran;
• Melakukan koordinasi strategis antar Direktorat;
• Melakukan koordinasi dengan lembaga-lembaga/instansi
terkait baik dalam maupun dari luar negeri untuk
menjalankan strategi Pemasaran;
• Memberikan masukan kepada Direktur Utama dalam
memutuskan hal-hal yang berkaitan dengan Pemasaran;

7
 • RKAP berjalan lancar dan dapat mendukung aktivitas
perusahaan secara interna maupun eksternal;
• Strategi Pemasaran berjalan efektif dan efisien;
• Kerjasama dengan lembaga/instansi terkait berjalan dengan
baik.
3. Direktur IT
Direktur IT merupakan jabatan seseorang yang bertanggungjawab
pada operasi seputar IT secara keseluruhan perusahaan. Tugas direktur
IT secara umum adalah merencanakan, mengarahkan dan mengawasi
seluruh kegiatan IT perusahaan. Seorang direktur IT harus memiliki
keterampilan dan kreativitas seputar IT. Direktur IT dalam
melaksanakan tugas mempunyai fungsi:
• Merencanakan dan merumuskan kebijakan strategis yang
menyangkut seputar IT;
• Memonitoring dan mengarahkan proses-proses di seluruh
Divisi Direktorat IT;
• Melakukan koordinasi strategis antar Direktorat;
• Memberikan masukan kepada Direktur Utama dalam
memutuskan hal-hal yang berkaitan dengan IT;
• Mengembangkan Aplikasi dengan baik.
4. Divisi Business Development
Divisi Business Development merupakan divisi kami yang mengkaji
prospek bisnis yang ada dan menindaklanjuti prospek tersebut untuk
dituangkan ke dalam pembentukan bisnis baru perusahaan.
5. Divisi All Operator
Merupakan Authorized Distributor Pulsa Elektrik All Operator yang
menyediakan produk-produk isi ulang pulsa elektronik semua operator.
Fokus dari segmentasi pasar divisi ini adalah pasar tradisional lokal. Di
divisi ini masyarakat dapat menjadi mitra kami sebagai Master Dealer
maupun Dealer pulsa elektronik. Produk yang di tawarkan pun beragam,
mulai dari pembelian voucher pulsa elektrik all operator, sampai
pembayaran PPOB.

8
6. Divisi E-Government
E-Government merupakan divisi kami yang fokus pada proyek-
proyek pemerintahan, yaitu pembuatan aplikasi-aplikasi di
pemerintahan seperti aplikasi sistem informasi manajemen PBB
(SIMPBB), aplikasi sistem manajemen informasi BPHTB (SIBPHTB),
aplikasi sistem manajemen informasi geografis (SIG), dan aplikasi
sistem manajemen informasi diklat (SIMDIKLAT). Selain pembuatan
aplikasi, divisi kami ini juga memberikan pelayanan instalasi, training,
dan support terhadap penggunaan produk E-Government.
7. Divisi IT Multimedia
Divisi IT Multimedia merupakan divisi atau bidang usaha kami yang
fokus di bidang multimedia, yaitu berbagai alat yang digunakan sebagai
media penyampaian informasi yang di dalamnya terdapat perpaduan
(kombinasi) berbagai bentuk elemen informasi, seperti teks, graphics,
animasi, video, interaktif maupun suara. Dengan tenaga-tenaga
professional yang ada, divisi kami memproduksi dan menjual alat-alat
tersebut yang dikembangkan sesuai dengan perkembangan teknologi
terkini.
8. Divisi IT Project
Divisi IT Project berfokus menangani proyek-proyek IT di
perusahaanperusahaan di Indonesia. Divisi kami ini melayani
pembuatan berbagai aplikasiaplikasi atau program-program IT
berdasarkan tender maupun permintaan dari perusahaan. Dengan
tenaga-tenaga professional yang ahli di bidangnya dan selalu upgrade
dengan perkembangan teknologi terkini, divisi IT Project siap
memberikan hasil terbaik dalam pembuatan program dan aplikasi
perusahaan-perusahaan di Indonesia

9
 BAB III
KEGIATAN KHUSUS
PENGEMBANGAN APLIKASI SISTEM GEOLOCATION “MAPSTAG”

3.1 Dasar Teori

3.1.1 Aplikasi Web
Pada awalnya aplikasi web hanya dibangun dengan
menggunakan bahasa pemrograman HTML (Hyper Text Markup
Language). Pada perkembangan berikutnya dikembangkan lagi
dengan menggunakan bahasa pemrograman PHP, ASP dan Apllet.
Perkembangan tersebut guna untuk mempermudah dalam
pemeliharaan program. Operator tidak diharuskan menyusun ulang
aplikasi web sehingga akan membutuhkan waktu yang lama.
Aplikasi web dapat dihubungkan dengan database sehingga
sehingga pemanipulasian data dapat dipermudah melalui database.
Pengaksesan website dapat menggunakan browser yang
terhubung jaringan internet atau intranet. Pada aplikasi web terdapat
sisi server dan sisi client. Dalam hal ini, client adalah perangkat
computer atau mobile yang terhubung ke jaringan internet. Client
dapat mengakses website melalui aplikasi browser yang tersedia.
Sedangkan server merupakan tempat dimana aplikasi web berada
yang akan merespon permintaan halaman website dari client. Salah
satu contoh aplikasi web yaitu “MapsTag”.
Aplikasi “MapsTag” adalah aplikasi berbasis web yang
menampung keseluruhan data mengenai agen-agen pulsa baru
maupun yang lama yang bekerja sama dengan cendana meliputi
nama, lokasi yang berupa marker atau tag beserta alamatnya dan
data-data lain yang berkaitan dengan agen tersebut. Data data
tersebut terhubung langsung dengan server dan data tersebut
dihubungkan dengan rest api agar dapat terhubung dengan aplikasi
android.

10
3.1.2 HTML
HTML (Hyper Text Markup Language) adalah bahasa
pemrograman yang digunakan untuk membuat halaman website [1].
Di dunia pemrograman web HTML menjadi dasar dalam
pembuatannya, file HTML tersebut disimpan dengan menggunakan
ekstensi .html dan dapat di jalankan atau di eksekusi menggunakan
web browser seperti Google Chrome, Mozilla Firefox, dll [1].
3.1.3 PHP
PHP atau dapat disebut juga Hypertex Preprocessor merupakan
bahasa pemrograman web yang bersifat serverside, yang artinya
berbentuk script yang dijalankan dan disimpan di computer server
(web server) sedangkan hasilnya dikirimkan ke computer
client(Web Browser) dalam bentuk script html [2].
3.1.4 Framework
Framework merupakan sebuah kerangka kerja yang
digunakan untuk mempermudah pekerjaan para developer dalam
pembuatan aplikasi ataupun software [3]. Isi dari framework itu
sendiri yaitu mengenai fungsi-fungsi dasar dan perintah untuk
membuat dan mengembangkan sebuah aplikasi atau software,
dengan harapan aplikasi yang dibuat tersebut dapat dibangun dengan
lebih cepat, rapi, dan lebih terstruktur[3].
a. Bootstrap
Bootstrap adalah framework frontend gratis sebagai media
pengembangan website yang dapat membantu programmer
mengerjakan dengan cepat dan mudah. Pada bootstrap juga
dapat memudahkan programmer dalam pembuatan website yang
responsif. Fitur responsif ini dapat menyesuaikan dengan
tampilan yang ada pada ponsel/smartphone, tablet dan desktop
Pada bootstrap tersedia template desain berbasis HTML, CSS
dan plugin javaScript opsional. Lalu pada website bootstrap
terdapat dokumentasi yang sangat mudah untuk dibaca dan
digunakan.

11
 b. Laravel
Laravel adalah salah satu framework untuk website yang
cukup terkenal. Laravel memiliki dokumentasi yang sangat jelas
dan lengkap, sehingga programmer dapat dengan mudah
menggunakannya[3]
3.1.5 Google Maps API
Google Maps adalah salah satu layanan gratis yang diberikan
oleh google dan cukup popular untuk melihat suatu peta, kita dapat
melihat suatu daerah tertentu dengan mudah hanya melalui browser.
Kita juga dapat memasukkan fitur Google Maps ke dalam website
kita dengan menggunakan Google Maps API. Google Maps API
sendiri adalah suatu library yang berbentuk JavaScript [4].

3.2 Metode Perancangan dan Pembuatan Website

Metode yang digunakan dalam pembuatan website ini yaitu
menggunakan metode agile, metode agile merupakan sekelompok
metodologi pengembangan perangkat lunak yang pengembangan sistemnya
memiliki jangka pendek yang artinya memerlukan adaptasi yang cepat
terhadap perubahan dalam bentuk apapun. Agile sendiri memiliki pengertian
yang bersifat ringan, bebas bergerak, cepat dan waspada. Metode Agile
memiliki beberapa tahapan yaitu perencanaan, implementasi, pengujian,
dokumentasi, deployment ,dan pemeliharaan [5].
1. Perencanaan Sistem
Pada tahap ini pengembang dan client membuat rencana secara
keseluruhan mengenai kebutuhan perangkat lunak yang akan dibuat.
Seperti membuat requirement untuk database, field yang dibutuhkan
untuk membuat akun, lalu mengenai data agen apa saja yang harus
dimasukkan, dan untuk melakukan penyimpanan media memakai cara
apa. Selain itu kami juga berkonsultasi dengan pembimbing industri
mengenai fitur-fitur yang harus dimasukkan pada sistem, konsultasi ini
tidak hanya dilakukan pada awal pembuatan sistem melainkan secara
bertahap ketika pembimbing memiliki suatu ide.

12
 Gambar 3.1 Requirement Untuk Database

2. Implementasi
Setelah dilakukan analisis sistem dan telah ditentukan kebutuhan
perangkat lunak, lalu lanjut ke tahap implementasi. Pada tahap ini
proses programmer melakukan coding.

Gambar 3.2 Pengkodean Sistem

3. Pengujian
Setelah sistem dibuat maka dilakukan pengecekan agar jika terdapat
bug dapat langsung diperbaiki dan kualitas dari sistem terjaga.
Pengujiannya sendiri mengenai fitur-fitur yang telah dibuat, apakah
berfungsi dengan baik atau tidak.

Gambar 3.3 Pengujian Fitur

13
 4. Tahap Dokumentasi
Proses dokumentasi perangkat lunak dilakukan dengan cara meng-
capture dan mencatat langkah demi langkah yang dilakukan dalam
membangun sistem. Tahap ini tidak dilakukan karena kami berfokus
untuk pengembangan aplikasinya.
5. Tahap Deployment
Setelah kualitas sistem diuji dan telah memenuhi syarat, informasi
mengenai layanan baru disebarkan dengan cara publikasi langsung
melalui server milik cendana.

Gambar 3.4 Publikasi ke Server Cendana

6. Tahap Pemeliharaan (Maintenance)

Yang terakhir yaitu tahap pemeliharaan yang bertujuan untuk
menjaga sistem dalam kondisi terbaik, diperlukan pengecekan secara
berkala, karena tidak ada sistem atau perangkat lunak yang 100 persen
terbebas dari bug.

3.3 Pembahasan Sistem

Aplikasi “MapsTag” adalah aplikasi sistem geolocation berbasis
website yang menampung keseluruhan data mengenai kunjungan marketing
yang dikelola oleh divisi Flash E-Voucher PT. Cendana Teknika Utama.
Data-data tersebut mengenai agen-agen pulsa lama dan agen pulsa baru
yang akan bergabung, tiap agen yang telah di data akan diberi tanda berupa
tag/marker pada map. Data-data lain mengenai alamat, nama, dan
informasi-informasi lain yang berhubungan akan disimpan ke dalam
database.

14
3.3.1 Pembuatan Halaman Login dan Register
Disini kami membuat website dengan menggunakan
framework laravel, untuk pembuatan halaman loginnya sendiri
cukup mudah karena telah disediakan oleh laravel, hanya dengan
menginstall package ke dalam project yang telah kita buat. Package
yang diperlukan untuk menginstall halaman login yaitu “laravel/ui”
dan setelah terinstall baru dapat membuat tampilan dan
autentikasinya. Laravel/ui sudah menyiapkan hal-hal yang
dibutuhkan dalam pembuatan halaman login dan register, mulai dari
controller-nya akan terbuat secara otomatis, seperti
LoginController, RegisterController, ResetPassword dan
ForgetPassword. Begitu juga dengan route dan design halamannya,
route sendiri memiliki fungsi untuk menangani request kita di url
yang kemudian mengarahkan aplikasi untuk memanggil halaman
tertentu.

Gambar 3.5 Halaman Login dan Register

Gambar diatas adalah halaman login dan register yang telah

dibuat dan yang tadinya designnya default atau bawaan dari
laravel/ui, di edit menjadi tampilan seperti diatas.
Dapat dilihat pada halaman login terdapat form email,
password, remember me, register dan tombol untuk login. Lalu
sedangkan pada halaman register terdapat form untuk nama, email,

15
 password, password confirmation, warna untuk tag nya nanti,
tombol untuk login , lalu tombol untuk register itu sendiri.
3.3.2 Pembuatan Halaman Home
Pada halaman ini akan tampil maps yang mana dalam maps
tersebut terdapat mark/tag yang telah diinputkan oleh user, mark-
mark tersebut menandakan lokasi tiap-tiap agen yang telah terdaftar.
Tiap-tiap user memiliki warna mark sendiri-sendiri sesuai dengan
yang telah di pilih pada saat awal registrasi.
Selain itu juga pada bagian bawah maps terdapat juga fitur
filter dan informasi mengenai seluruh lokasi dari agen, pengguna
dapat memfilter tag dan informasi berdasarkan tanggal inputnya.`

Gambar 3.6 Halaman Home

16
3.3.3 Pembuatan Halaman User dan Admin
Berdasar Gambar 3.7 merupakan tampilan user setelah login,
disinilah user me-manage inputan dari agen-agen yang telah didata.
Tabel akan menampilkan keselurahan data yang telah diinputkan
oleh user tersebut, data yang akan muncul berupa nama agen, foto
lokasi, alamat, keterang aktif atau tidaknya, lalu nama dari user
penginput. Akan tetapi jika user yang telah login kembali ke
halaman home yang akan tampil pada maps hanya marker yang
diinputkan oleh user itu sendiri, user lain tidak akan muncul.

Gambar 3.7 Halaman User

Sedangkan pada halaman admin terdapat 3 menu baru pada

navbarnya yaitu User Management (Permissions, roles dan users),
pada menu permissions berisi list permission apa saja yang terdapat
pada website ini, seperti permission untuk membuat atu mendelete
marker, membuat user baru, mengedit user dll. Lalu pada menu roles
berisi pembagian permission untuk tiap tiap level user tipe tipe user
yang ada disini hanya 2 yaitu admin dan user, tentu saja untuk user
akan memiliki akses yang lebih sedikit dibandingkan dengan admin.
Lalu yang terakhir yaitu menu users yang berisi tentang data-data
dari user yang telah mendaftarl, admin dapat membuat admin baru
jika dibutuhkan dan juga membuat, mengubah dan menghapus user
biasa yang mendaftar.

17
 Gambar 3.8 Halaman Admin

3.3.4 Pembuatan Halaman Create dan Edit Tag

Pada halaman ini user diminta untuk menginputkan nama,
deskripsi, image (Foto tampak depan dari lokasi), address. Untuk
maps nya sendiri akan terisi secara otomatis jika alamat yang
diinputkan telah masuk list dari API Google, jika alamat tidak
muncul maka klik tambahkan secara manual, user diminta
memasukkan latitude dan longitude-nya. Untuk mengetahui latitude
dan longitude-nya hanya tinggal klik lokasi pada maps maka nanti
akan muncul angka dan memasukkannya ke kolom latitude dan
longitude, dapat dilihat pada Gambar 3.9.

Gambar 3.9 Halaman Input dan Edit Tag

18
 Gambar 3.10 Input Alamat Secara Manual

3.4 Pekerjaan di Luar Pembuatan Website “MapsTag”

Kami juga mendapat pekerjaan lain selain pembuatan website
MapsTag yaitu membantu mengembangkan aplikasi SIKDA (Sistem
Informasi Kesehatan Daerah) dan aplikasi Sistem Informasi Geolocation
SISMIOP berikut penjelasan lengkap mengenai kegiatan yang dilakukan.
1. SIKDA (Sistem Informasi Kesehatan Daerah)
Tugas ini diberikan kepada kami pada saat pertama kali masuk,
setelah kita diminta untuk mempelajari laravel. Kami diberi pekerjaan
untuk membantu menyelesaikan master data, master data ini berupa
halaman create, read, update, delete dan halaman untuk export data.
Master data yang harus kami selesaikan berjumlah 23 data, data data
tersebut seperti provinsi, kecamatan, kabupaten, dll. Pekerjaan ini cukup
mudah dikarenakan sudah ada contoh untuk tampilan CRUD nya, jadi
kami hanya mengubah ketentuan tabel dan form sesuai dengan data
yang ada pada database. Sedangkan untuk deadline nya sendiri tidak ada
jadi kami juga tidak terburu-buru dalam mengerjakannya.

Gambar 3.11 Halaman Master Data (Provinsi) pada Aplikasi SIKDA

19
 Pada Gambar 3.11 adalah tampilan Master Data untuk tabel
Provinsi, pada tabel ini admin dapat mengatur keseluruhan data
seperti menambahkan, mengubah, dan menghapus data.
Sedangkan dalam melihat informasi terdapat fitur untuk
pencarian dan fitur untuk ekport ke dalam excel,pdf dan csv.

2. Sistem Informasi Geolocation (SISMIOP)

Tugas yang diberikan untuk membantu sistem informasi ini

yaitu mengkonversi data GIS ke PostgreSQL. Data yang diberikan
berjumlah 1000 lebih lalu di bagi 2 dengan teman sekelompok.

Proses konversinya sendiri yaitu menggunakan QGIS3, data gis

yang menampilkan peta dari suatu daerah di konversikan ke dalam sql
yang nantinya akan diimport ke database. Kurang lebih 500 data tadi di
konversi satu satu dan membutuhkan waktu yang lumayan lama.

Gambar 3.12 Konversi Data GIS ke SQL

Setelah seluruh data telah dikonversikan, langkah selanjutnya

yaitu memasukkan hasil export yang berupa sql tadi ke dalam database
menggunakan aplikasi PgAdmin4. Data sql tadi berbentuk query dan
dari query tersebut ditambahkan kedalam menu query tool yang
terdapat pada aplikasi PgAdmin4.

20
 BAB IV
KESIMPULAN DAN SARAN

4.1 Kesimpulan
Setelah mahasiswa melakukan praktik industri di PT. Cendan
Teknika Utama dapat disimpulkan bahwa:
1. Mahasiswa menerapkan lebih banyak pengetahuan dari yang didapatkan
di perkuliahan.
2. Mengikuti organisai merupakan salah satu peran penting yang dapat
diterapkan dalam dunia kerja seperti dalam hal mengatur waktu dan
melaksanakan tanggung jawab. Dalam dunia kerja kedua hal tersebut
dibutuhkan untuk membangun hubungan yang baik.
3. Mahasiswa mengetahui beberapa tugas yang ada pada industri, hal
tersebut dapat menjadi pertimbangan mahasiswa untuk bekerja di
Cendana atau tempat lainnya.

4.2 Saran
Setelah melakukan praktik industri PT. Cendana Teknika Utama,
terdapat beberapa saran yang dapat diberikan yaitu:
1. Perlu adanya peningkatan sistem pada website “MapsTag” yaitu pada
bagian UI/UX agar meningkatkan kepuasan penguna.
2. Perlu adanya fitur pencarian pada halaman admin yang berisikan data-
data agar memudahkan dalam mencari suatu informasi.

21
 DAFTAR PUSTAKA

[1] D. Alfarabi Hadi, Ebook Belajar HTML dan CSS Dasar, v2 ed. .
[2] W. R. Putri, “Artikel Mengenai Pemrograman Web,” p. 40.
[3] silvia, “Pengertian, Fungsi, dan Jenis Framework,” Jetorbit Blog - Tutorial dan
Informasi Web Hosting Indonesia, Mar. 31, 2019.
https://www.jetorbit.com/blog/pengertian-fungsi-dan-jenis-framework/
(accessed Aug. 31, 2020).
[4] R. Ariyanti and I. Kanedi, “PEMANFAATAN GOOGLE MAPS API PADA
SISTEM INFORMASI GEOGRAFIS DIREKTORI PERGURUAN TINGGI
DI KOTA BENGKULU,” vol. 11, no. 2, p. 11, 2015.
[5] M. A. Muslim and N. A. Retno, “Implementasi Cloud Computing
Menggunakan Metode Pengembangan Sistem Agile,” SJI, vol. 1, no. 1, pp. 29–
37, May 2015, doi: 10.15294/sji.v1i1.3639.

22
 KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN
UNIVERSITAS NEGERI MALANG (UM)
FAKULTAS TEKNIK (FT)
Jalan Semarang 5, Malang 65145
Telepon: (0341) 565307
Laman:www.um.ac.id

BERITA ACARA UJIAN PRAKTEK INDUSTRI

JURUSAN TEKNIK ELEKTRO FT UM

Pada hari ini, ………… tanggal …………….. bulan . . . . . . . . . . tahun …………

telah dilaksanakan ujian lesan peserta Praktek Industri

Nama mahasiswa : Caraka Putra Mega

NIM : 170535629543
Jurusan/Prodi : Teknik Elektro/ S1 Teknik informatika
Tempat Praktek Industri : PT. Cendana Teknika Utama.
Alamat Industri/Perusahaan : Jl. Soekarno Hatta Ruko Permata Griya Shanta NR.24-25,
Malang

Dengan hasil:
a. Penguaan Materi (0 – 100)
b. Ketepatan jawaban (0 – 100)
<<nilai diinputkan di simpi>>
: ……………….
<<nilai diinputkan di simpi>>
: ……………….

11 September 2020
Malang, ………………………..

Dosen Pembimbing/Penguji

Kartika Candra Kirana, S.Pd., M. Kom

NIP. . 199105012019032030
 KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN
UNIVERSITAS NEGERI MALANG (UM)
FAKULTAS TEKNIK (FT)
Jalan Semarang 5, Malang 65145
Telepon: (0341) 565307
Laman:www.um.ac.id

LEMBAR PENILAIAN LAPORAN PAKTEK INDUSTRI

(Diisi oleh Dosen Pembimbing)
Nama Mahasiswa : Caraka Putra Mega
NIM : 170535629543
Nama Industri/Perusahaan : PT. Cendana Teknika Utama.
Alamat Industri/Perusahaan : Jl. Soekarno Hatta Ruko Permata Griya Shanta NR.24-25,
Malang
Waktu Pelaksanaan : mulai tgl 11 Mei 2020 s.d. tgl 31 Juli 2020
Unit/Bagian/Seksi : Divisi Flash E-Voucher

Skore Nilai
No. Komponen Keterangan
(0-100)
1 Laporan Praktek Industri
a. Sistematika Laporan <<nilai diinputkan di simpi>>
b. Kelengkapan Laporan bagian umum
<<nilai diinputkan di simpi>>
(Bab I dan Bab II)
c. Kelengkapan Laporan bagian khusus
(Bab III dan Bab IV) <<nilai diinputkan di simpi>>
Rata-rata (NL) <<nilai diinputkan di simpi>>

2 Ujian Praktek Industri <<nilai diinputkan di simpi>>

a. Penguasaan Materi <<nilai diinputkan di simpi>>
b. Ketepatan Jawaban <<nilai diinputkan di simpi>>
Rata-rata (NU) <<nilai diinputkan di simpi>>

<<nilai diinputkan di simpi>>

Nilai Rata-rata : N1 = 0,4xNL + 0,6xNU = ……………..
( ……………………………………………………………………………………)

11 September 2020
Malang, ………………………..

Dosen Pembimbing/Penguji,

Kartika Candra Kirana, S.Pd., M. Kom

NIP. 199105012019032030
 KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN
UNIVERSITAS NEGERI MALANG (UM)
FAKULTAS TEKNIK (FT)
Jalan Semarang 5, Malang 65145
Telepon: (0341) 565307
Laman:www.um.ac.id

KARTU PEMBIMBINGAN PENYUSUNAN LAPORAN PRAKTEK INDUSTRI

Nama Mahasiswa : Caraka Putra Mega

NIM : 170535629543
Nama Industri/Perusahaan : PT. Cendana Teknika Utama.
Alamat Industri/Perusahaan : Jl. Soekarno Hatta Ruko Permata Griya Shanta NR.24-25,
Malang

No Tanggal Masalah Yang dikonsultasikan Tindak Lanjut

Penentuan judul dan materi pembahasan Judul dan materi terkait
1 22 Mei 2020
dalam laporan praktik industri kontribusi dalam proyek
2 3 Juli 2020 Kelengkapan Laporan Revisi

3 4 Juli 2020 Finalisasi ACC

Malang, ……………..
11 September 2020

Dosen Pembimbing

Kartika Candra Kirana, S.Pd., M. Kom

NIP. 199105012019032030