LAPORAN PRAKTIK KERJA LAPANGAN - Politeknik Negeri ...

LAPORAN

PRAKTIK KERJA LAPANGAN

IMPLEMENTASI MULTIPLE INSERT PADA WEBSITE LEMBAGA

BAHASA INTERNASIONAL MENGGUNAKAN FRAMEWORK YII

DAN VUE JS

MUHAMMAD RAMADHAN

4817040242

PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN TEKNIK INFORMATIKA DAN KOMPUTER

DEPOK

2020

I

HALAMAN PENGESAHAN

LAPORAN PRAKTIK KERJA LAPANGAN

Judul : IMPLEMENTASI MULTIPLE INSERT PADA

WEBSITE LEMBAGA BAHASA

INTERNASIONAL MENGGUNAKAN

FRAMEWORK YII DAN VUE JS

Penyusun

1) Nama : Muhammad Ramadhan

2) NIM : 4817040242

Program Studi : Teknik Informatika

Jurusan : Teknik Informatika dan Komputer

Waktu Pelaksanaan : 03 Agustus 2020 s/d 03 November 2020

Tempat Pelaksaan : PT. Nusa Tekno Global

Jakarta, 18 Desember 2020

Pembimbing Perusahaan

Nur Fitria Desriandini

Mengesahkan,

KPS Teknik Informatika,

Risna Sari, S.Kom., M.T.I.

NIP. 198502272015042001

Pembimbing PNJ,

Iklima Ermis Ismail, S.Kom., M.Kom.

NIP. 198807122018032001

II

KATA PENGANTAR

Puji Syukur penulis panjatkan kepada Allah SWT, karena atas berkat dan

rahmat-Nya, penulis dapat menyelesaikan laporan Praktik Kerja

Lapangan ini. Penulisan laporan Praktik Kerja Lapangan ini dilakukan

dalam rangka memenuhi salah satu syarat untuk mencapai gelar Diploma

Empat Politeknik di Politeknik Negeri Jakarta dan menyelesaikan mata

kuliah Praktik Kerja Lapangan. Penulis memahami akan sangat sulit

dalam menyelesaikan laporan ini tanpa bantuan dari pihak-pihak yang

terkait, oleh sebab itu Penulis ingin menyampaikan banyak terimakasih

terhadap pihak-pihak tersebut, diantarannnya:

a. Ibu Iklima, selaku dosen pembimbing yang telah menyediakan

waktunya dalam mengarahkan dan membimbing penulis dalam

menyelesaikan Praktik Kerja Lapangan serta pembuatan laporan.

b. PT. Nusa Tekno Global yang telah memberi kesempatan kepada

penulis untuk melaksanakan Praktik Kerja Lapangan

c. Pembimbing Praktik Kerja Lapangan, yaitu Ibu Nur Fitria

Desriandini yang telah banyak membantu penulis selama belajar dan

melaksanakan Praktik Kerja Lapangan.

d. Orang tua dan keluarga penulis yang telah memberikan bantuan

dukungan secara moral maupun material.

e. Sahabat yang telah banyak membantu penulis dalam menyelesaikan

laporan Praktik Kerja Lapangan ini.

Akhir kata, Penulis berharap Allah SWT membalas segala kebaikan

semua pihak yang telah terlibat dan membantu Penulis dalam

menyelesaikan Mata Kuliah Praktik Kerja Lapangan. Harapan Penulis

semoga laporan ini dapat memberikan manfaat dan dampak positif

untuk kedepanya. Wassalamualaikum Wr. Wb.


Muhammad Ramadhan

III

DAFTAR ISI

HALAMAN PENGESAHAN ...............................................................................I

KATA PENGANTAR ........................................................................................ II

DAFTAR ISI ..................................................................................................... III

DAFTAR GAMBAR ......................................................................................... VI

DAFTAR TABEL ............................................................................................VII

BAB I .................................................................................................................. 1

PENDAHULUAN ............................................................................................... 1

1.1. Latar Belakang Kegiatan ........................................................................ 1

1.2. Ruang Lingkup Kegiatan ....................................................................... 2

1.3. Waktu dan Tempat Pelaksanaan ............................................................. 2

1.4. Tujuan dan Kegunaan ............................................................................ 2

BAB II ................................................................................................................. 3

TINJAUAN PUSTAKA....................................................................................... 3

2.1 Sistem Informasi .................................................................................... 3

2.1.1 Sistem ................................................................................................ 3

2.1.2 Informasi ............................................................................................ 4

2.2 SDLC .................................................................................................... 4

2.3 Crud ...................................................................................................... 6

2.3.1 Multiple Insert .................................................................................... 7

2.4 Yii ......................................................................................................... 7

2.5 Vue.js .................................................................................................... 7

IV

2.6 Lembaga Bahasa Internasional ............................................................... 8

2.7 Aplikasi Berbasis Web ........................................................................... 8

2.8 Postgresql .............................................................................................. 8

2.9 UML ...................................................................................................... 9

2.10 Use Case ............................................................................................ 9

2.11 Activity Diagram .............................................................................. 10

2.12 Sequence Diagram ........................................................................... 12

BAB III.............................................................................................................. 14

HASIL PELAKSANAAN PKL ......................................................................... 14

3.1 Unit Kerja PKL .................................................................................... 14

3.2 Uraian Praktik Kerja Lapangan ............................................................ 15

3.3 Pembahasan Hasil PKL ........................................................................ 17

3.3.1 Requirement ..................................................................................... 18

3.3.2 Design .............................................................................................. 20

3.3.2.1 Use Case ....................................................................................... 20

3.3.2.2 Activity Diagram .......................................................................... 21

3.3.2.3 Sequence Diagram ........................................................................ 25

3.3.3 Implementasi .................................................................................... 28

3.4 Identifikasi Kendala ............................................................................. 33

3.4.1. Kendala Dalam Pelaksanaan Tugas .................................................. 33

3.4. 2. Cara Mengatasi Kendala .................................................................. 34

V

BAB IV ............................................................................................................. 35

KESIMPULAN DAN SARAN .......................................................................... 35

4.1 Kesimpulan.......................................................................................... 35

4.2 Saran ................................................................................................... 35

DAFTAR PUSTAKA ........................................................................................ 36

LAMPIRAN ...................................................................................................... 40

VI

DAFTAR GAMBAR

Gambar 1. 1 Tahapan SDLC ................................................................................ 4

Gambar 3. 1 Struktur Organisasi PT Nusa Tekno Global .................................... 14

Gambar 3. 2 Desain ........................................................................................... 19

Gambar 3. 3Use Case ......................................................................................... 20

Gambar 3. 4 Activity Diagram Melihat Data Kursus .......................................... 21

Gambar 3. 5 Activity Diagram Menambah Data Kursus ..................................... 22

Gambar 3. 6 Activity Diagram Mengubah Data Kursus ...................................... 23

Gambar 3. 7 Activity Diagram Menghapus Data Kursus .................................... 24

Gambar 3. 8 Sequece Diagram Melihat Data Kursus .......................................... 25

Gambar 3. 9 Sequece Diagram Menambah Data Kursus..................................... 26

Gambar 3. 10 Sequece Diagram Mengubah Data Kursus ................................... 27

Gambar 3. 11 Sequece Diagram Menghapus Data Kursus .................................. 28

Gambar 3. 12 Tampilan Halaman Kursus ........................................................... 30

Gambar 3. 13 Tampilan Tambah Data Kursus .................................................... 32

Gambar 3. 14Tampilan Ubah Data Kursus ......................................................... 32

Gambar 3. 15Tampilan Hapus Data Kursus ........................................................ 33

Gambar 5. 1 Rapat Zoom Meeting Pertama ........................................................ 42

Gambar 5. 2 Konsultasi Dengan Pembimbing Perusahaan .................................. 42

VII

DAFTAR TABEL

Tabel 2. 1 Tabel Use Case 10

Tabel 2. 2 Tabel Activity Diagram ..................................................................... 11

Tabel 2. 3 Tabel Sequence Diagram ................................................................... 12

1

BAB I

PENDAHULUAN

1.1. Latar Belakang Kegiatan

Lembaga Bahasa Internasional FIB UI yang berlokasi di Gedung X Lt.1 Fakultas

Ilmu Pengetahuan Budaya, Kampus UI Depok, Depok adalah unit usaha akademik

di dalam Fakultas Ilmu Budaya, Universitas Indonesia. Dengan tujuan untuk

menyediakan layanan bahasa terpadu kepada Mahasiswa. Dari penjelasan diatas

dapat disimpulkan bahwa Lembaga Bahasa Internasional adalah lembaga yang

memiliki fungsi untuk memberikan layanan Bahasa terintragasi untuk Mahasiswa

Seiring perkembangan jaman maka sistem yang ada di Lembaga Bahasa

Internasional FIB UI semakin usang sehingga memerlukan perbaruan sistem ke

arah Online agar sistem dapat berjalan dengan lebih baik dan cepat. Oleh karena itu

Lembaga Bahasa Internasional FIB UI berkerja sama dengan PT Nusa Tekno

Global untuk membuat aplikasi website agar sistem berjalan secara online dan

prosedur pendaftaran, pembayaran dapat dilakukan secara online yang akan

membantu operator untuk melihat data dengan lebih cepat dan mudah.

Implementasi sistem website pada Lembaha Bahasa Internasional FIB UI saat ini

sudah berjalanan namun masih terdapat bug sehingga sistem masih harus diperbaiki

ataupun di-update agar menjadi lebih baik.

Pada page Course dan Course Level client ingin menyatukan dua page tersebut

sehingga memudahkan dalam penginputan data maka diperlukan Multiple insert

agar data dapat dimasukkan ke dalam dua table dalam sekali aksi. Sistem akan

dibangun menggunakan framework YII dan Vue JS dimana framework YII akan

berfokus sebagai pengembangan logika dan operasi atau biasa disebut dengan

backend. Adapun Vue JS adalah kerangka kerja untuk membangun antarmuka

pengguna. Vue dirancang dari dasar sekali agar dapat diadopsi secara bertahap,

(VueJS, 2020) yang memiliki fungsi utama untuk pengembangan desain website

atau yang lebih dikenal dengan frontend. Dengan kombinasi dua framework

tersebut sebuah sistem dapat terbangun mulai dari tampilan antarmuka, operasi

2

Jurusan Teknik Informatika dan Komputer - Politeknik Negeri Jakarta

CRUD, maupun operasi sederhana maupun kompleks untuk mengolah data dan

lain-lain. Semua sistem akan terhubung dengan Application Programming

Interface (API), database, server website, dan lain-lain.

1.2. Ruang Lingkup Kegiatan

Aplikasi yang dirancang dikembangkan di dalam platform website. Bagian yang

didapatkan oleh penulis adalah implementasi fitur multiple insert data yang

berfungsi untuk memasukkan banyak data ke dua tabel secara bersamaan. Hak

akses pada fitur ini hanya diberikan kepada admin dan operator maupun

pengembang aplikasi yang mengembangkan aplikasi ini. Hal ini berlaku karena

akses pada halaman-halaman di dalamnya memang terbatas untuk beberapa pihak

saja seperti admin, operator dan developer, bukan kepada pengguna umum atau

pihak-pihak yang tidak berkepentingan.

1.3. Waktu dan Tempat Pelaksanaan

Praktik Kerja Lapangan dilaksanakan pada tanggal 3 Agustus 2020 s.d 3 Februari

2020 melalui sistem remote dengan menggunakan aplikasi penunjang seperti

telegram untuk berkomunikasi maupun araneo yang merupakan website

perusahaan untuk mengecek tugas yang sedang berlangsung.

1.4. Tujuan dan Kegunaan

Tujuan dari Praktik Kerja Lapangan ini adalah membuat fitur Multiple Insert data

menggunakan salah satu framework yang bernama YII & Vue JS dan memiliki

kegunaan sebagai berikut:

1. Admin dapat melakukan input data secara parallel ke multitabel.

2. Penghubung antara suatu fitur ke fitur lainnya jika dibutuhkan sewaktu-waktu

3

BAB II

TINJAUAN PUSTAKA

2.1 Sistem Informasi

Sistem informasi adalah sistem organisasi yang mempertemukan pengolahan

transaksi harian untuk mendukung fungsi dari organisasi yang bersifat majerial

dengan kegiatan strategi dari organisasi untuk menyediakan informasi untuk

pengambilan keputusan (Iswandy, 2015)yang memiliki elemen-elemen yang

memiliki tujuan tertentu dan mempunyai karakteristik (Ermatita, 2016).

Dapat disimpulkan bahwa sistem informasi merupakan sistem yang teroganisir

yang bertujuan mempertemukan pengolahan transaksi harian guna mendukung

fungsi organisasi untuk dapat membantu dalam pengambilan keputusan yang

dimana memiliki tujuan tertentu dan karakteristik.

2.1.1 Sistem

Sistem adalah kumpulan unsur yang saling melengkapi untuk mencapai tujuan dan

sasaran yang dimana unsur tersebut dinamakan subsistem yang harus saling

terhubung dan berinteraksi melalui komunikasi sehingga sistem dapat bekerja

dengan efektif dan efisien (Iswandy, 2015). Sistem adalah kesatuan yang terdiri dari

komponen atau elemen yang dihubungkan secara bersamaan agar memudahkan

aliran informasi, materi atau enegi (Om.makplus, 2015).

Dari pengertian diatas sistem merupakan kesatuan dari suatu unsur yang dimana

saling melengkapi untuk mencapai tujuan tertentu dimana setiap unsur/subsistem

saling terhubung dan berinteraksi untuk memudahkan aliran informasi, materi atau

energi.

4


2.1.2 Informasi

Informasi adalah data yang dikembangkan menjadi ke dalam struktur yang lebih

mudah dimengerti bagi penerimanya (Asmara, 2016) dan mempunyai nilai dan

makna yang sangat berkaitan erat dengan data (Putra, 2020).

Dari pengertian diatas dapat disimpulkan informasi merupakan kumpulan data yang

diubah menjadi ke dalam bentuk yang lebih mudah dimengerti dan mempunyai nilai

dan makna bagi penerimanya.

2.2 SDLC

Systems Development Life Cycle (SDLC) atau dalam bahasa Indonesia disebut

siklus hidup pengembangan sistem. SDLC adalah siklus yang digunakan dalam

pengembangan sistem informasi yang bertujuan untuk menyelesaikan masalah

secara efektif dan efisien (Putra, 2020). Alasan SDLC digunakan karena tahapan

sistem bisa melakukan perbaikan atau revisi sistem sebelumnya (Dari, 2015).

Dengan tahapan sebagai berikut:

Gambar 1. 1 Tahapan SDLC

(Sumber: https://salamadian.com/sdlc-system-development-life-cycle/ )

5


1. Tahap Analisis Sistem (Requirement Gathering and Analysis)

Sistem akan dianalisa bagaimana sistem akan berjalan yang hasilnya berupa

kelebihan dan kekurangan sistem, fungsi sistem, hingga pembaruan yang

diterapkan (Putra, 2020) hingga perkiraan kebutuhan-kebutuhan sumber daya

seperti perangkat fisik, manusia, metode (teknik dan operasi), dan anggaran yang

sifatnya masih umum (Dari, 2015).

2. Tahap Perancangan Sistem (Design)

Pada tahapan ini akan memberikan hasil berupa prototype dan beberapa output lain

meliputi dokumen berisi desain, pola, dan komponen yang diperlukan untuk

mewujudkan proyek. Dimana hasil analisis dan pembahasan spesifikasi sistem

diimplementasikan menjadi cetak biru yang sudah siap untuk dikembangakan

(Putra, 2020). Aktivitas-aktivitas yang dilakukan pada tahap ini adalah:

• Menganalisa interaksi obyek dan fungsi pada sistem.

• Menganalisa data dan membuat skema database.

• Merancang antarmuka. (Binus, 2020)

3. Tahap Perancangan Sistem (Implementasi)

Pada tahapan ini rancangan sistem mulai diimplementasikan menjadi sistem yang

bisa berjalan. Tahapan ini memerlukan waktu yang lama karena akan munculnya

error yang dapat menghambat pengembangan sistem. Output pada tahap ini adalah

sistem yang telah berfungsi dan siap uji (Putra, 2020). Aktivitas-aktivitas yang

dilakukan pada tahap ini adalah:

• Implementasi database sesuai skema rancangan.

• Pembuatan aplikasi berdasarkan desain sistem.

• Pengujian dan perbaikan aplikasi (debugging).

6


4. Tahap Pengujian Sistem (Testing)

Pada tahap ini sistem akan diuji untuk menilai apakah sistem berjalan dengan

semestinya atau tidak dengan memperhatikan kemudahan dalam menggunkan

aplikasi. Jika ada kesalahan maka tahap sebelumnya harus diulangi atau diubah

total. Output yang akan dihasilkan adalah sistem yang telah dites dan siap

diproduksi (Putra, 2020).

5. Tahap Peluncuran (Deployment)

Pada tahap ini sistem sudah melalui uji coba dan dapat berjalan dengan optimal jika

tahap implentasi selesai maka akan dilanjutkan ke tahap pemeliharaan. Sistem yang

lulus uji akan disebarkan setelah melewati beberapa persetujuan manual (Putra,

2020).

6. Tahap Peliharaan (Maintenance)

Pemeliharaan merupakan tahap akhir dari SDLC namun sistem yang dihasilkan

tetap harus dipantau agar sistem dapat berjalan semestinya. Tiap kesalahan yang

ditemukan harus sesegera mungkin dilaporkan untuk menghindari masalah yang

lebih besar (Putra, 2020). Pemeliharaan dilakukan oleh admin (Binus, 2020).

2.3 Crud

Paradigma CRUD (Create, Read, Update, Delete) umum digunakan dalam

membangun aplikasi web, karena ini menyediakan kerangka kerja yang mudah

diingat untuk mengingatkan pengembang tentang cara membangun model lengkap

yang dapat digunakan (codecademy.com, 2017).

• Create adalah fungsi yang dipanggil untuk menambahkan data ke suatu table

tertentu yang biasanya diberi Id yang unik yang dapat mengakses resource yang

lain nantinya

• Read adalah fungsi yang dipanggil untuk melihat data yang ada di dalam tabel

tertentu. Fungsi ini tidak akan mengubah data dalam tabel hanya mengambil

data dan menampilkan hasilnya

7


• Update adalah fungsi yang dipanggil untuk memberikan nilai baru kepada

suatu data berdasarkan suatu informasi

• Delete adalah fungsi yang dipanggil untuk menghapus data dari suatu tabel

tertentu berdasarkan suatu informasi. Setelah fungsi ini dipanggil maka data

yang dipanggil akan terhapus dari tabel (codecademy.com, 2017).

Sehingga dapat disimpulkan CRUD sangat penting di dalam suatu aplikasi agar

aplikasi dapat berjalan dengan baik dan terjadi pertukaran data yang benar

2.3.1 Multiple Insert

Multiple insert adalah cara menyimpan lebih dari satu data dalam sekali akses atau

proses (Achmad, 2018).Pengertian lainnya multiple insert adalah menyimpan

banyak data atau row data ke dalam salah satu tabel di database (Kurniawan, 2020).

Dari pengertian diatasa multiple insert membantu user untuk tidak memasukkan

suatu data satu persatu namun bisa dalam sekali akses sehingga lebih efisien dan

efektif.

2.4 Yii

Yii merupakan kerangka kerja PHP yang berbasis komponen, memiliki kinerja

tinggi dalam pengembangan aplikasi Web terutama web berskala besar,

kemampuan untuk mengunakan kembali code yang sudah ditulis dalam

pemograman web dan pengembangan secara signifikan. Pada proyek ini, Yii

menjadi elemen utama dalam pengerjaan pembuatan website Lembaga Bahasa

Internasional karena Yii framework yang ringan dan memiliki mekanisme yang

canggih dan cocok diterapkan pada Website Lembaga Bahasa Internasional yang

memiliki lalu lintas data yang tinggi

2.5 Vue.js

Vue.js adalah kerangka kerja Javascript yang digunakan untuk membangun

tampilan antar muka yang mengacu pada arsitektur MVC (model-view-controller).

Vue bekerja pada layer View sehingga mudah dalam mengintegrasikan dengan

8


pustaka lain atau pada proyek yang telah ada sebelumnya. (Gani, 2018). Dalam

Projek ini penggunaan vue.js dipilih karena memiliki kemudahan dalam

mengintregasikan ke dalam proyek sebelumnya sehingga maintenance website

dapat mudah dilakukan

2.6 Lembaga Bahasa Internasional

Lembaga Bahasa Internasional FIB UI merupakan lembaga akademik di dalam

Fakultas Ilmu Budaya, Universitas Indonesia. Layanan bahasa yang ditawarkan

adalah Bahasa Indonesia untuk Penutur Asing (BIPA / Program Bahasa Indonesia),

Program Pelayanan Bahasa (PPB / Program Bahasa Asing), dan Program

Pengembangan Penerjemahan (PPP / Program Penerjemahan dan

Penerjemahan).(UI, n.d.)

Berdasarkan definisi diatas Lembaga Bahasa Internasional FIB UI merupakan

lembaga yang bertujuan memberikan layanan bahasa yang terintregasi kepada

Mahasiswa FIB UI dengan beberapa program pilihan

2.7 Aplikasi Berbasis Web

Aplikasi web adalah aplikasi yang diakses melalui jaringan internet atau intranet

menggunakan web browser seperti Chrome, Mozilla Firefox dan lain lain. Aplikasi

web merupakan software yang ditulis dalam bahasa pemrograman yang mendukung

software berbasis web seperti HTML, PHP, JS, CSS, Ruby, Python, Java dan bahasa

pemrograman lainnya (Arifin, 2015) .

Dari penjelasan diatas dapat disimpulkan bahwa aplikasi berbasis web dapat

berjalan menggunkan web browser selama adanya jaringan internet yang memadai

dan dapat dijalankan di platform yang memiliki web browser seperti smartphone

ataupun komputer.

2.8 Postgresql

Postgresql telah sering digunakan oleh programmer di Indonesia terutama dalam

membuat aplikasi seperti web, billing system, dan sistem informasi besar lainnya

9


karena memiliki basis data besar yang menawarkan skalabilitas, fleksibilitas, dan

kinerja yang baik dan didukung oleh banyak bahasa pemrograman. (Dhining, et al.,

2017). Selain itu postgresql adalah Object Relational Database Management

System yang bersifat open source. (Salahaldin, et al., 2015) Dari penjelasan diatas

postgres dipilih karena open source, skalabilitas, fleksibilitas dan kinejanya yang

tinggi dan didukung oleh banyak bahasa pemrogaman

2.9 UML

Unified Modeling Language (UML) adalah bahasa standar yang digunakan untuk

dokumentasi, spesifikasi dan membanngun aplikasi. (Suendri, 2018) Namun

kenyataannya masih terdapat perdebatan tentang UML, hal ini dikarenakan oleh

sejarahnya sendiri dan perbedaan pendapat tentang apa yang membuat sebuah

proses rancang-bangun aplikasi menjadi efektif (Utami, et al., 2016).

Jadi UML merupakan bahasa pemodelan visual untuk menspesifikasikan,

menggambarkan dan mendokumentasi dari sistem perangkat lunak namun

pengertiannya masih didebatkan karena sejarahnya sendiri dan pendapat setiap

orang yang berbeda-beda.

2.10 Use Case

Use case diagram adalah diagram yang secara visual menjelaskan interaksi antara

sistem dengan aktor. Setiap use case menjelaskan perilaku fungsionalitas dari

sistem yang memang dibutuhkan oleh aktor untuk menjalankan

tujuannya(Kurniawan, 2017). Use case juga digunakan untuk membentuk perilaku

aplikasi yang akan dibangun (Ansori, 2020). Dari penjelasan di atas dapat

disimpulkan use case diperlukan untuk mengetahui fungsi atau interaksi yang

terjadi di dalam aplikasi dan aktor siapa yang dapat menggunakan fungsi atau

interaksi tersebut. Berikut adalah simbol-simbol pada.

10


Tabel 2. 1 Tabel Use Case

Simbol Nama Keterangan

Actor Aktor atau alat ketika

berhubungan

dengan use case.

Use Case Menggambarkan fungsionalitas

antara aktor dengan

use case.

Association Penghubung antara aktor

dengan use case yang berupa

interaksi langsung dan bukan

mengindikasikan data.

<<include>>

Include Menunjukkan bahwa

suatu use case seluruhnya

merupakan fungsionalitas

dari use case lainnya.

<<extend>>

Extend

Menunjukkan bahwa

suatu use case

merupakan tambahan

fungsinonal dari use case

lainnya jika suatu kondisi

terpenuhi.

Sumber (Hendini, 2016)

2.11 Activity Diagram

Activity Diagram menggambarkan aktivitas sebuah sistem atau workflow (aliran

kerja) (Hendini, 2016). Perlu diperhatikan bahwa diagram aktivitas

menggambarkan aktivitas dari sistem bukan yang dilakukan oleh actor. Berikut ini

adalah simbol-simbol yang ada pada activity diagram:

11


Tabel 2. 2 Tabel Activity Diagram

Gambar Nama Keterangan

Start Point Diletakkan di pojok kiri

atas dan merupakan awal

dari aktivitas

End Point Diletakkan di akhir setiap

aktivitas

Activities Menggambarkan proses

Fork/Percabangan Digunakan untuk

menunjukkan kegiatan

yang dilakukan secara

paralel atau menggabung

kan dua kegiatan paralel

menjadi satu

Join/Penggabungan Digunakan untuk

menunjukkan adanya

penggabungan

Decision Point Menggambarkan pilihan

untuk pengambilan

keputusan

Swimlane Activity diagram untuk

menunjukkan aktor

tertentu melakukan apa


12


2.12 Sequence Diagram

Sequence Diagram menggambarkan interaksi objek pada use case dengan

menunjukkan waktu hidup objek dan pesan yang dikirimkan dan diterima antar

objek (Hendini, 2016). Dari penjelasan diatas dapat disimpulkan untuk

menggambarkan diagram sekuen harus diketahui objek-objek yang terlibat dalam

sebuah use case beserta metode-metode yang dimiliki kelas yang menjadi objek itu.

Berikut ini adalah simbol pada sequence diagram. Berikut merupakan simbol-

simbol pada sequence diagram.

Tabel 2. 3 Tabel Sequence Diagram


Entity Class Mengambarkan bagian

dari sistem yang berisikan

kumpulan kelas yang

merupakan entitas-entitas

yang membentuk

gambaran awal sistem dan

menjadi landasan untuk

menyusun basis data

Boundary Class Menggambarkan

kumpulan kelas yang

menjadi antarmuka atau

interaksi antara satu atau

lebih aktor dengan sistem

Control class Menggambarkan objek

yang berisi logika aplikasi

yang tidak memiliki

tanggung jawab kepada

entitas

Message Simbol mengirim pesan

antar kelas

13



Recursive Menggambarkan

pengiriman pesan yang

akan dikembalikan ke diri

sendiri atau ke operasi itu

sendiri

Activation Menggambarkan sebuah

eksekusi operasi dari

objek, panjang kotak

berbanding lurus dengan

durasi aktivasi sebuah

operasi

Lifeline Garis titik-titik yang

terhubung dengan objek,

sepanjang lifeline terdapat

aktivasi


14

BAB III

HASIL PELAKSANAAN PKL

3.1 Unit Kerja PKL

Uraian tugas dan fungsi PT Nusa Tekno Global merupakan perusahaan startup

konsultan Teknologi Informasi dan Software Development yang berlokasi di 18

Office Park, LT. 10 Unit A, Jl. TB. Simatupang No. 18, Pasar Minggu, Jakarta

Selatan, 12520, Indonesia. Pada pelaksanan Praktik Kerja Lapangan ini, penulis

ditempatkan di Divisi Programmer yang dipimpin oleh Ibu Nur Fitria Desriandini

yang merupakan leader programmer. Adapun divisi ini bertanggung jawab untuk

mengembangkan dan implementasikan produk. Gambar 3.1 merupakan struktur

organisasi dari PT. Nusa Tekno Global.

Gambar 3. 1 Struktur Organisasi PT Nusa Tekno Global

(Sumber: PT Nusa Tekno Global)

15


3.2 Uraian Praktik Kerja Lapangan

Praktik Kerja Lapangan dilaksanakan total dengan sistem WFH (Work from

home)/remote PT Nusa Tekno Global telah melaksanakan sistem remote sebelum

adanya PSBB (Pembatasan Sosial Berskala Besar). Praktik Kerja Lapangan

berlangsung selama kurun waktu 3 bulan terhitung sejak tanggal 3 Agustus 2020

sampai dengan 3 November 2020. Dalam jangka waktu tersebut, lebih tepatnya

pada awal bulan Agustus 2019, tugas yang diberikan oleh PT Nusa Tekno Global

adalah pembuatan tampilan aplikasi PBB dalam platform android. Setelah itu

ditugaskan membuat dan mengimplementasikan fitur multiple insert ke dalam tabel

kursus dan kursus level di aplikasi LBI lalu penulis ditugaskan mengerjakan report

di beberapa aplikasi website seperti tps eduty fedex, eduty fedex dan TNT fedex.

Berikut merupakan uraian dari kegiatan yang dilakukan selama Praktik Kerja

Lapangan:

a. 3 Agustus 2020 – 9 Agustus 2020

Tugas yang diberikan pada minggu ini adalah mengatur environment android di

flutter untuk membuat tampilan PBB Mobile dan dilanjutkan dengan membuat

tampilan homepage dan lihat list. Setelah tampilah selesai ada beberapa revisi yang

harus diperbaiki agar sesuai dengan desain yang sudah ada lalu men-push hasil

pekerjaan ke gitlab. Pada minggu pun diperkenalkan aplikasi website kantor

bernama Araneo untuk bisa melihat perkembangan tugas yang ada

b. 10 Agustus 2020 – 16 Agustus 2020

Tugas yang diberikan pada minggu ini adalah mengatur environment lokal untuk

menjalankan website Lembaga Bahasa Internasional dan mempelajari framework

YII dan Vue.js lalu dilanjutkan dengan membuat tampilan dan proses pada halaman

generate virtual account namun query untuk melakukan generate virtual account

tidak ada sehingga tugas terhambat.

c. 31 Agustus 2020 – 6 September 2020

Tugas yang diberikan pada minggu ini adalah penambahan textbox pada page

course, penambahan button tambah & kurang textbox pada page course sesuai

dengan desain yang ada dan implementasi insert multiple data pada website LBI.

16


d. 7 September 2020 – 13 September 2020

Tugas yang diberikan pada minggu ini melanjutkan implementasi insert multiple

data pada website LBI namun terjadi kendala sehingga pengerjaan terhambat dan

kesulitan untuk bertanya ke pembimbing industri karena kesibukan dan sistem

WFH

e. 14 September 2020 – 20 September 2020

Tugas yang diberikan pada minggu ini melanjutkan implementasi insert multiple

data pada website LBI dan kendala pada minggu sebelumnya sudah dapat

dipecahkan dengan baik

f. 21 September 2020 – 27 September 2020

Tugas yang diberikan pada minggu ini implementasi update dan delete multiple

data pada website LBI setelah selesai project di-push ke gitlab.

g. 12 Oktober 2020 – 18 Oktober 2020

Tugas yang diberikan pada minggu ini setting awal tps_eduty_fedex di local,

mempelajari sistem tps_eduty_fedex, download database tps_eduty_fedex yang

cukup besar, setting database di local dan dilanjutkan pembuatan report harian,

inventory, agile, data timbun, timbun21 dan mem-push project ke gitlab

h. 19 Oktober 2020 – 25 Oktober 2020

Tugas yang diberikan pada minggu ini adalah implementasi query report inventory

pada website tps_eduty_fedex yang diberikan oleh pembimbing industri dan mem-

push ke gitlab.

i. 26 Oktober 2020 – 1 November 2020

Tugas yang diberikan pada minggu ini adalah implementasi query report receiving,

releasing, harian pada website tps_eduty_fedex yang diberikan oleh pembimbing

industri dan mem-push ke gitlab.

j. 2 November 2020 – 8 November 2020

Tugas yang diberikan pada minggu ini adalah implementasi query report aging

pada website tps_eduty_fedex yang diberikan oleh pembimbing industri dan mem-

push ke gitlab.

17


k. 9 November 2020 – 15 November 2020

Tugas yang diberikan pada minggu ini adalah implementasi query report data

timbun pada website tps_eduty_fedex yang diberikan oleh pembimbing industri dan

mem-push ke gitlab.

l. 16 November 2020 – 22 November 2020

Tugas yang diberikan pada minggu ini adalah setting awal website eduty fedex

namun terjadi kendala dimana ukuran database yang di restore sangat besar dan

versi xampp yang salah sehingga perlu diperbaiki ke versi yang sesuai. Selanjutnya

mengunduh docker agar bisa disambungkan dengan database sql server dan

dilanjutkan dengan implementasi pop-up report data pada eduty fedex dan mem-

push ke gitlab.

m. 23 November 2020 – 30 November 2020

Tugas yang diberikan pada minggu ini adalah membuat page report per bulan dan

implementasi report data per bulan pada website eduty fedex. Selanjutnya revisi

report per bulan dan pop up lalu setelah selesai mem-push ke gitlab dan dilanjutkan

dengan setting awal website tnt-taxis-fedex dan implementasi report data freight

ID15 dan mem-push ke gitlab.

3.3 Pembahasan Hasil PKL

Hasil dari Praktik Kerja Lapangan yang dilakukan di PT. Nusa Tekno Global adalah

implementasi multiple insert data pada sistem aplikasi berbasis website Lembaga

Bahasa Indonesia. Implemetasi ini dikerjakan dalam kurun waktu 1 bulan 2 minggu,

dari 3 bulan yang ada. Selain pengerjaan aplikasi tersebut ada beberapa aplikasi

yang dikerjakan yaitu PBB Mobile, eduty_fedex, tnt_taxis_fedex, dan

tps_eduty_fedex, penulis juga mempelajari cara menggunakan framework YII dan

Vue.js.Hasil Implementasi tersebut adalah admin dapat melakukan input data

secara parallel ke multitabel yaitu tabel course dan course level.

18


3.3.1 Requirement

Requirement yang diminta adalah sebagau berikut:

1. Mengabungkan master level kursus ke dalam master kursus untuk

• Input baru master kursus

• Update master kursus

• Skema hapus dengan deleted = 1

2. User interface

• Posisi field tambahan seperti desain yang ada

• Field berisi nama level dan urutan nomor

• Tanda “+” untuk menambahkan baris level kursus dengan ajax

• Tanda “+” untuk menambahkan baris level kursus dengan ajax

3. Tabel

• Tambahkan kolom order_number di tabel ref_course_level untuk

menampung urutan nomor

• Tambahkan deleted, deletedby, deletedtime

Desain yang harus diimplentasi seperti pada gambar 3.2 dengan menambahkan

textbox level, order number, button “+” dan button “-” dengan fungsi sebagai

berikut:

• Textbox level berguna untuk menerima level inputan dari user.

• Textbox order number berguna untuk menerima order number inputan dari

user.

• Button “+” berguna untuk menambahkan 1 baris kolom level dan order

number.

• Button “-” berguna untuk menghapus 1 baris kolom level dan order number.

Button “-” tidak akan muncul jika hanya ada 1 baris kolom level dan order

number

19


Gambar 3. 2 Desain

(Sumber: PT Nusa Tekno Global)

20


3.3.2 Design

Design yang akan dipaparkan adalah UML dari implementasi multiple insert data.

3.3.2.1 Use Case

Gambar 3. 3Use Case

Berdasarkan use case pada gambar 3.3 Terdapat satu actor yang dapat

melihat data kursus dan kursus level, menambah, mengubah dan menghapus

data kursus dan kursus level secara bersamaan.

21


3.3.2.2 Activity Diagram

a. Melihat data kursus

Gambar 3. 4 Activity Diagram Melihat Data Kursus

Pada aktivitas ini admin masuk ke menu utama kemudian sistem akan

menampilkan menu utama dan admin dapat memilih menu master lalu

course lalu sistem akan menampilkan data course.

22


b. Menambahkan data kursus

Gambar 3. 5 Activity Diagram Menambah Data Kursus



course lalu sistem akan menampilkan data course. Dengan mengklik tombol

buat baru maka sistem akan menampilkan page create kursus yang

kemudian akan diisi oleh admin yang akan diperiksa kembali oleh sistem.

Data yang diisi dengan benar maka akan langsung disimpan ke dalam

database dan akan memberikan pesan bahwa data berhasil disimpan

sedangkan jika terjadi kesalahan maka data akan dikembalikan untuk

diperbaiki.

c. Mengupdate data kursus

23


Gambar 3. 6 Activity Diagram Mengubah Data Kursus




aksi update maka sistem akan menampilkan page update kursus yang

kemudian akan diisi oleh admin yang akan diperiksa kembali oleh sistem.

Data yang diisi dengan benar maka akan langsung disimpan ke dalam

database dan akan memberikan pesan bahwa data berhasil disimpan

sedangkan jika terjadi kesalahan maka data akan dikembalikan untuk

diperbaiki.

d. Menghapus data kursus

24


Gambar 3. 7 Activity Diagram Menghapus Data Kursus




aksi delete maka sistem akan mengubah data di kolom deletedtime dengan

waktu saat penghapusan, kolom deletedby dengan id yang menghapus dan

deleted dengan 1 yang menandakan bahwa data telah dihapus.

25


3.3.2.3 Sequence Diagram

a. Melihat data kursus

Gambar 3. 8 Sequece Diagram Melihat Data Kursus

Gambar 3.8 merupakan interaksi untuk melihat data kursus didalam website

untuk dapat melihatnya admin masuk ke halaman utama setelah halaman

utama tampil maka admin memilih master kursus dan menu master akan

mengambil data kursus dari database lalu akan dikembalikan ke kursus dan

ditampilkan ke admin.

26


b. Menambah data kursus

Gambar 3. 9 Sequece Diagram Menambah Data Kursus

Gambar 3.9 merupakan interaksi untuk menambah data kursus didalam

website untuk dapat melakukannya admin masuk ke halaman utama setelah

halaman utama tampil maka admin memilih master kursus dan menu master

akan mengambil data kursus dari database lalu akan dikembalikan ke kursus

dan ditampilkan ke admin lalu admin mengklik button buat baru lalu

diproses untuk memunculkan form create yang akan diisi oleh admin dan

akan ditambahkan ke database jika proses validasi benar maka akan

menampilkan pesan data berhasil disimpan.

27


c. Mengubah data kursus

Gambar 3. 10 Sequece Diagram Mengubah Data Kursus

Gambar 3.10 merupakan interaksi untuk mengubah data kursus didalam




dan ditampilkan ke admin lalu admin mengklik button update lalu diproses

untuk memunculkan form update yang akan diisi oleh admin dan akan

diubah sesuai dengan id jika proses validasi benar maka akan menampilkan

pesan data berhasil diubah.

28


d. Menghapus data kursus

Gambar 3. 11 Sequece Diagram Menghapus Data Kursus

Gambar 3.11 merupakan interaksi untuk menghapus data kursus didalam




dan ditampilkan ke admin lalu admin mengklik button delete lalu diproses

dengan mengubah kolom deletedtime,deletedby dan deleted dan akan

menampilkan pesan data berhasil dihapus

3.3.3 Implementasi

a. Lihat data kursus

1. <template> 2. <div class="tables-basic"> 3. <h2 class="page-title"> 4. {{translate('master')}} - 5. <span class="fw-semi-

bold">{{translate('course')}}</span>

6. </h2> 7. <b-row> 8. <b-col lg="12"> 9. <Widget title customHeader>

29


10. <p v-

if="false">Daftar {{translate('course')}} yang ada pada apli

kasi {{app_name}}</p>

11. <filter-form/>

12. <vue-table

13. ref="courseTable"

14. name="courseTable"

15. :url="indexUrl"

16. :fields="fieldsTable"

17. :moreParams="filterTable"

18. :sortOrder="sortOrder"

19. :loadingTable="loadingTable"

20. @onTableEdit="onEdit"

21. @onTableDelete="onDelete"

22. ></vue-table>

23. </Widget>

24. </b-col>

25. </b-row>

26. <v-form ref="modalCourse" @resetTable="reset"></v-

form>

27. </div>

28. </template>

29. <script>

30.

31. import { mapGetters } from "vuex";

32. import Widget from "@/components/Widget/Widget";

33. import VueTable from "@/components/Table/VueTable";

34. import FilterForm from "./FilterForm";

35. import Swal from "sweetalert2";

36. import Form from "./Form";

37.

38. export default {

39. name: "Course",

40. components: { Widget, VueTable, FilterForm},

41. head: {

42. title: function() {

43. return {

44. inner: "Course - Master - " + this.app_name_in

itial

45. };

46. },

47. meta: [{ name: "description", content: "Master Cou

rse", id: "desc" }]

48. },

49. computed: {

50. ...mapGetters("course", {

51. fieldsTable: "fieldsTable",

52. sortOrder: "sortOrder",

53. indexUrl: "indexUrl",

54. filterTable: "filterTable",

55. loadingTable: "loadingTable"

56. })

57. },

58.

59.

60. </script>

30


Sintaks diatas akan dijalankan saat admin akan melihat data course. Properti

computed akan dijalankan untuk mendapatkan data dari database dan

memasukkannya ke dalam tabel yang dimana vue table merupakan tabel yang akan

diisi.

Tampilan:

Gambar 3. 12 Tampilan Halaman Kursus

b. Tambah data kursus/ Ubah data kursus

1. data() { 2. return { 3. edit: false, 4. saved: false, 5. form: { 6. id: null, 7. program_id: 0, 8. course_name: null, 9. course_fee:null, 10. english_status: 0,

11. required_placement_test: null,

12. registration_notif_id: null,

13. registration_notif_en: null,

14. payment_notif_id: null,

15. payment_notif_en: null,

16. placement_test_url: null,

17. inputs: [{

18. course_level: '',

31


19. order_number: ''

20. }],

21. formInputsDelete : []

22. },

Sintaks diatas merupakan potongan program untuk menambahkan atau mengubah

data dari vue.js dimana form akan diisikan dengan semua parameters yang akan

diterima dari textbox.

1. handleSubmit() { 2. const me = this; 3. this.$validator.validateAll().then(async result => { 4. if (!result) { 5. me.warningResponse("invalid_form_input"); 6. return; 7. } else { 8. me.loadingSubmit = true; 9. try { 10. const { status } = me.edit

11. ? await this.$store.dispatch("course/updat

e", {

12. form: this.form

13. })

14. : await this.$store.dispatch("course/creat

e", {

15. form: this.form

16. });

17. if (status >= 200 && status <= 202) {

18. me.successResponse("succes_save_data");

19. me.loadingSubmit = false;

20. me.$router.push({name: 'Course'})

21.

22. }

23. } catch (e) {

24. me.loadingSubmit = false;

25. }

26. }

27. });

28. },

Sintaks diatas merupakan potongan program untuk menangani data yang akan

dimasukkan atau diubah sesuai dengan url yang sedang berjalan

Tampilan buat data baru:

32


Gambar 3. 13 Tampilan Tambah Data Kursus

Tampilan ubah data baru:

Gambar 3. 14Tampilan Ubah Data Kursus

c. Hapus data kursus

1. methods: { 2. reset() { 3. this.$refs.courseTable.resetTable(); 4. }, 5. onEdit(value) { 6. this.$router.push({ name: "UpdateCourse", params: { id:

value.id } });

7. }, 8. async onDelete(values) { 9. const me = this; 10. Swal.fire({

11. title: "",

12. text: me.$i18n.t("delete_confirmation"),

13. type: "warning",

14. showCancelButton: true,

33


15. confirmButtonColor: "#3085d6",

16. cancelButtonColor: "#d33",

17. confirmButtonText: me.$i18n.t("Yes"),

18. cancelButtonText: me.$i18n.t("No")

19. }).then(async result => {

20. if (result.value) {

21. await this.$store.dispatch("course/delete", {

22. id: values.id

23. });

24. this.$refs.courseTable.resetTable();

25. }

26. });

27. }

28. }

Sintaks diatas merupakan potongan kode untuk menghapus data. Pada fungsi

onDelete akan memanggil alert untuk menghapus data atau tidak.

Tampilan hapus data:

Gambar 3. 15Tampilan Hapus Data Kursus

3.4 Identifikasi Kendala

3.4.1. Kendala Dalam Pelaksanaan Tugas

Praktik Kerja Lapangan yang dijalankan dengan kurun waktu sekitar 3 bulan,

terdapat beberapa kendala yang dialami penulis baik yang disengaja ataupun tidak

disengaja. Berikut adalah kendala-kendala yang dihadapi selama masa kegiatan

Praktik Kerja Lapangan dilaksanakan:

34


a. Sulit mendapatkan bimbingan karena sistem remote dan terkadang

penjelasan yang diterima tidak dapat dimengerti

b. Database yang harus di-restore sangat besar sehingga diperlukan

memori yang besar

c. Terdapat kondisi dimana penulis tidak mendapatkan tugas selama 2

minggu

3.4.2. Cara Mengatasi Kendala

Cara mengatasi kendala-kendala yang dihadapi selama masa Praktik Kerja

Lapangan berlangsung adalah sebagai berikut:

a. Tetap berkomunikasi dengan pembimbing perusahaan agar tidak

terjadi kesalahan yang besar

b. Menyediakan memori yang cukup agar database bisa di-restore

c. Secara berkala menanyakan tugas kepada pembimbing.

35

BAB IV

KESIMPULAN DAN SARAN

4.1 Kesimpulan

Kegiatan Praktik Kerja Lapangan yang dilakukan di Nusa Tekno Global ini

membuat implementasi multiple insert pada website Lembaga Bahasa Internasional

menggunakan kerangka kerja YII dan Vue.js selesai dilaksanakan dengan cukup

baik namun masih terdapat kekurangan dimana penulis kurang teliti sehingga

menyebabkan waktu pengerjaan menjadi lama. Hal tersebut menjadi catatan untuk

penulis agar dapat belajar lebih jauh dan lebih baik lagi mengenai masalah tersebut.

4.2 Saran

Sebuah sistem yang baik tentunya akan terus berkembang dan mengalami

peningkatan, begitupun dalam dunia pemrograman komputer. Implementasi sudah

berjalan dengan baik. Adapun saran untuk pengembangan adalah dengan

meningkatkan kualitas tampilan antar muka pengguna agar dapat memahami sistem

lebih baik lagi.

36

DAFTAR PUSTAKA

Achmad, R. M., 2018. Cara Membuat Multiple Insert dengan Codeigniter dan

MySQL. [Online]

Available at: https://www.mynotescode.com/multiple-insert-dengan-

codeigniter/#:~:text=Multiple%20insert%20adalah%20sebuah%20cara,data%20si

swa%20yang%20ingin%20disimpan.

[Accessed 14 12 2020].

Ansori, 2020. Pengertian Use Case Diagram : Tujuan, Fungsi, Simbol, dan

Contohnya - Ansori Web. [Online]

Available at: https://www.ansoriweb.com/2020/03/pengertian-use-case-

diagram.html

[Accessed 15 12 2020].

Arifin, M., 2015. APLIKASI WEB DENGAN SIMULASI KREDIT

MENGGUNAKAN CODEIGNITER FRAMEWORK PADA TOKO

LANGGENG ELEKTRONIK.

Asmara, R., 2016. SISTEM INFORMASI PENGOLAHAN DATA

PENANGGULANGAN BENCANA PADA KANTOR BADAN

PENANGGULANGAN BENCANA DAERAH (BPBD) KABUPATEN

PADANG PARIAMAN. Jurnal J-Click, 3(2), pp. 80-91.

Binus, 2020. Memahami System Development Life Cycle. [Online]

Available at: https://accounting.binus.ac.id/2020/05/19/memahami-system-

development-life-cycle/

[Accessed 19 12 2020].

codecademy.com, 2017. What is CRUD? | Codecademy. [Online]

Available at: https://www.codecademy.com/articles/what-is-

crud#:~:text=Create%2C%20Read%2C%20Update%2C%20Delete,functions%20

37

by%20the%20acronym%20CRUD

[Accessed 3 December 2020].

Dari, W., 2015. PENERAPAN METODE SYSTEM DEVELOPMENT LIFE

CYCLE PADA PEMBUATAN SISTEM INFORMASI PENJUALAN PRODUK

BATIK KUROWO JAKARTA. JURNAL KHATULISTIWA INFORMATIKA,

3(2), pp. 223-228.

Dhining, D., Rokhayati, Y. & Kurniawan, D. E., 2017. Penerapan Replikasi Data

pada Aplikasi Ticketing Menggunakan Slony PostgreSQL. Journal of Applied

Informatics and Computing (JAIC), 1(1), pp. 9-18.

Ermatita, 2016. ANALISIS DAN PERANCANGAN SISTEM INFORMASI

PERPUSTAKAAN. Jurnal Sistem Informasi (JSI), 8(1), pp. 966-977.

Gani, L., 2018. Panduan Praktis Menguasai Vue.Js. Yogyakarta: Lokomedia.

Hendini, A., 2016. PEMODELAN UML SISTEM INFORMASI MONITORING

PENJUALAN DAN STOK BARANG (STUDI KASUS: DISTRO ZHEZHA

PONTIANAK). JURNAL KHATULISTIWA INFORMATIKA, 4(2), pp. 107-116.

Iswandy, E., 2015. SISTEM PENUNJANG KEPUTUSAN UNTUK

MENENTUKAN PENERIMAAN DANA SANTUNAN SOSIAL ANAK

NAGARI DAN PENYALURANNYA BAGI MAHASISWA DAN PELAJAR

KURANG MAMPU DI KENAGARIAN BARUNG – BARUNG BALANTAI

TIMUR. Jurnal TEKNOIF, 3(2), pp. 70-79.

Kurniawan, A., 2020. Input Multiple Data dengan insert_batch Codeigniter.

[Online]

Available at: https://www.indonetsource.com/input-multiple-data-dengan-

insert_batch-codeigniter/

[Accessed 19 12 2020].

38

Kurniawan, T. A., 2017. PEMODELAN USE CASE (UML): EVALUASI

TERHADAP BEBERAPA KESALAHAN DALAM PRAKTIK. Jurnal Teknologi

Informasi dan Ilmu Komputer (JTIIK), 5(1), pp. 77-86.

Om.makplus, 2015. Pengertian Sistem serta Definisi Sistem menurut para ahli -

Definisi dan Pengertian Menurut Ahli. [Online]

Available at: definisi-pengertian.com/2015/11/pengertian-sistem-definisi-

menurut-ahli.html

[Accessed 19 12 2020].

Putra, 2020. PENGERTIAN INFORMASI: Fungsi, Konsep Dasar & Jenis Jenis

Informasi. [Online]

Available at: https://salamadian.com/pengertian-informasi/

[Accessed 19 12 2020].

Putra, 2020. PENGERTIAN SDLC adalah: Fungsi, Metode dan Tahapan SDLC.

[Online]

Available at: https://salamadian.com/sdlc-system-development-life-cycle/

[Accessed 19 12 2020].

Salahaldin, J., Vannahme, A. & Volkov, A., 2015. Learning PostgreSQL, Create,

Develop, and manage relational databases in real-world applications using

PostgreSQL. Birmingham-Mumbai: PACKT Publishing.

Suendri, 2018. Implementasi Diagram UML (Unified Modelling Language) Pada

Perancangan Sistem Informasi Remunerasi Dosen Dengan Database Oracle.

ALGORITMA: Jurnal Ilmu Komputer dan Informatika, Volume 03, pp. 1-9.

UI, D., n.d. Lembaga Bahasa Internasional. [Online]

Available at: https://dppu.ui.ac.id/ukkppm/fakultas/fakultas-ilmu-pengetahuan-

budaya/lembaga-bahasa-internasional/

[Accessed 10 Desember 2020].

39

Utami, A., K, R. Y. R. & Fatkhiyah, E., 2016. SISTEM INTEGRASI BANK

SAMPAH KOTA YOGYAKARTA. SCRIPT, 4(1), pp. 58-64.

VueJS, 2020. https://docs.vuejs.id/v2/guide/. [Online]

Available at: https://docs.vuejs.id/v2/guide/

[Accessed 3 12 2020].

40

LAMPIRAN

41

18 Office Park, LT 10 Unit A, JL. TB Simatupang Kav 18, Pasar Minggu, Jakarta Selatan 12520

Phone: 021-8967-4901 Email: [email protected]

SURAT KETERANGAN

Nomor : 109/NTG-L/XII/2020

Saya yang bertanda tangan di bawah ini:

Nama : Dendi Rohandy

Jabatan : Direktur Utama

Alamat : Perumahan Jatijajar Blok A14 No.2 RT 004 RW 010, Kelurahan

Jatijajar,

Kecamatan Tapos, Depok

Menerangkan dengan sesungguhnya bahwa mahasiswa yang tersebut di bawah

ini sedang melaksanakan Praktek Kerja Lapangan di perusahaan kami, PT Nusa

Tekno Global.

No Nama Posisi Periode Kerja Praktek

1 Harun Programmer 3 Agustus 2020 s.d. 3

Februari 2021

2 Hasanah Nusa An

Nafi

Web Designer 13 Agustus 2020 s.d. 13

Januari 2021

3 Muhammad

Ramadhan

Programmer 3 Agustus 2020 s.d. 3

Februari 2021

4 Thalhah Al Fayyadl Programmer 7 September 2020 s.d. 7

Februari 2021

Demikian surat keterangan ini dibuat untuk dipergunakan sebagaiman mestinya.


PT. Nusa Tekno Global

Dendi Rohandy Direktur Utama

42

Lampiran 2 Foto-foto

Gambar 5. 1 Rapat Zoom Meeting Pertama

Gambar 5. 2 Konsultasi Dengan Pembimbing Perusahaan

F8

KEMENTERIAN RISET, TEKNOLOGI DAN PENDIDIKAN TINGGI

POLITEKNIK NEGERI JAKARTA


Jl. Prof. DR. G.A. Siwabessy, Kampus UI, Depok 16425 Telp: (021)91274097, Fax : ( 021 ) 7863531, ( 021 )7270036 Hunting

Laman :http://www.pnj.ac.id, e-mail : [email protected]

43

BUKU PENGHUBUNG

PEMBIMBING PKL INDUSTRI

1. Nama Perusahaan/Industri : PT. Nusa Tekno Global

2. Alamat : 18 Office Park, LT.10 Unit A, Jl. TB.

Simatupang No.18, Pasar Minggu, Jakarta

Selatan, 12520, Indonesia

3. Judul PKL : IMPLEMENTASI MULTIPLE INSERT

PADA WEBSITE LEMBAGA

BAHASA INTERNASIONAL

MENGGUNAKAN FRAMEWORK YII

DAN VUE JS

4. Nama Pembimbing Industri : Nur Fitria Desriandini

No.

Hari/Tgl Aktivitas yang dilakukan Tandatangan

1. Senin/ 3 Agustus 2020 Setup awal aplikasi PBB Mobile

2. Selesa/ 4 Agustus 2020 Pembuatan homepage PBB Mobile

3. Jumat/ 7 Agustus 2020 Pembuatan lihat list PBB page di

PBB

Mobile

F8






44

4. Sabtu/ 8 Agustus 2020 Revisi lihat list PBB page di PBB

Mobile

5. Selasa/ 11 Agustus 2020 Setup awal website LBI di localost

6. Rabu/ 12 Agustus 2020 Pembuatan page generate virtual

account pada website LBI

7. Kamis/ 13 Agustus 2020 Pembuatan page generate virtual


8. Jumat/ 14 Agustus 2020 Pembuatan page generate virtual


9. Selasa/ 1 September 2020 • Penambahan textbox pada

page course

• Penambahan button tambah

& kurang text boxpada page

course

10. Rabu/ 2 September 2020 Penambahan button tambah &

kurang text boxpada page course

11. Kamis/ 3 September 2020 Penambahan button tambah &

kurang text boxpada page course

F8






45

12. Jumat/ 4 September 2020 Implementasi insert multiple data

pada website LBI

13. Senin/ 7 September 2020 Implementasi insert multiple data

pada website LBI

13. Selasa/ 8 September 2020 Implementasi insert multiple data

pada website LBI

14. Rabu/ 9 September 2020 Implementasi insert multiple data

pada website LBI

15. Kamis/ 10 September

2020

Implementasi insert multiple data

pada website LBI

16. Jumat/ 11 September 2020 Implementasi insert multiple data

pada website LBI

17. Senin/ 14 September 2020 Implementasi insert multiple data

pada website LBI

18. Selasa/ 15 September 2020 Implementasi insert multiple data

pada website LBI

19. Rabu/ 16 September 2020 Implementasi insert multiple data pada

website LBI

F8






46


2020

Implementasi insert multiple data pada

website LBI

21. Jumat/ 18 September

2020

Implementasi insert multiple data pada

website LBI

22. Senin/ 21 September 2020 Implementasiu update & delete

multiple data pada website LBI

23. Selasa/ 22 September

2020

Implementasi update & delete multiple

data pada website LBI

24. Rabu/ 23 September 2020 Implementasi update & delete multiple



2020



26. Jumat/ 25 September

2020



27. Jumat/ 13 Oktober 2020 Setting awal tps_eduty_fedex di local

28. Sabtu/ 14 Oktober 2020 Download database tps_eduty_fedex

F8






47

29. Minggu/15 Oktober 2020 Set up database di local

30. Senin/ 16 Oktober 2020 Pembuatan page report harian,

inventory dan agile

31. Selasa/17 Oktober 2020 Pembuatan page report data timbun,

timbun21

32. Rabu/18 Oktober 2020 Push project ke gitlab

33. Rabu/21 Oktober 2020 Implementasi query report inventory

34. Selasa/ 27 Oktober 2020 Implementasi query report

harian,receiving dan releasing

35. Rabu/ 4 November 2020 Implementasi query report aging

36. Kamis/ 12 November

2020

Implementasi query report data

timbun

37. Senin/16 November 2020 Setting awal eduty fedex di local

38. Selasa/17 November 2020 Setting database eduty fedex di local

F8






48

39. Rabu/18 November 2020 Setting database eduty fedex di local

40. Kamis/19 November

2020

Setting database eduty fedex di local

& implementasi pop up report data

eduty fedex

41 Senin/23 November 2020 Implementasi report per bulan pada

website eduty fedex

42. Rabu/25 November 2020 Revisi report per bulan dan pop up

pada website eduty fedex

43. Sabtu/28 November 2020 Setting awal tnt-taxis-fedex di local

44. Senin/30 November 2020 Implementasi report data freight ID15

pada website tnt-taxis-fedex


Pembimbing Industri,

(Nur Fitria Desriandini)

F9


POLITEKNIK NEGERI JAKARTA JURUSAN TEKNIK INFORMATIKA DAN KOMPUTER



52

BUKU PENGHUBUNG

DOSEN PEMBIMBING TEKNIK INFORMATIKA & KOMPUTER PNJ

JUDUL PKL : IMPLEMENTASI MULTIPLE INSERT PADA

WEBSITE LEMBAGA BAHASA INTERNASIONAL

MENGGUNAKAN FRAMEWORK YII DAN VUE JS

No. Hari/Tgl Materi Bimbingan Tanda tangan

1. Sabtu/14 November

2020

Konsultasi judul laporan

2. Selasa/ 24 November

2020

Konsultasi bab 1

3. Minggu/ 6 Desember

2020

Revisi bab 1

4. Rabu/ 16 Desember

2020

Konsultasi bab 1 & 2

5. Sabtu/19 Desember

2020

Konsultasi melalui zoom

meeting

6. Senin/21 Desember

2020

Konsultasi bab 3 dan 4, revisi

bab 2

F9





7. Selasa/ 22 Desember

2020

Revisi bab 3 dan 4

8. Kamis/24 Desember

2020

Revisi penulisan

Depok, 24

Desember 2020

Pembimbing,

(Iklima Ermis Ismail, S.Kom.,

M.Kom.)

NIP. 198807122018032001

F9





F10





USER REQUIREMENT

(Kepentingan Pengguna/Perusahaan)

Nama Pembimbing

Industri

: Nur Fitria Desriandini

Bagian/Department : Senior Programmer PT. Nusa Tekno Global

No. Modul/Unit yang

dikerjakan

User

Requirement/Spesifikasi

Paraf

(Pembimbing Industri)

1. Setup awal PBB

Mobile

• Setup project di

localhost

2. PBB Mobile • Membuat homepage

PBB Mobile sesuai

dengan desain yang

ada

• Membuat lihat list

PBB page di PBB

Mobile sesuai dengan

desain yang ada

3. Setup awal website

LBI di localost

• Setup website LBI di

localhost

F10





4. LBI • Membuat page

generate virtual

account sesuai

dengan desain

• Menyambungakan

dengan controller

agar bisa

mengenerate virtual

account

• Membuat page

kursus sesuai dengan

desain yang ada

• Melakukan CRUD

multiple data ke dua

table yang berbeda

dalam 1 aksi secara

bersamaan

5. TPS Online Fedex • Membuat page untuk

report

Inventory,Aging,

TB21, Harian

• Implementasi report

untuk masing masing

page

F10





6. Eduty Fedex • Memunculkan pop up

saat insert dimana

pop up tersebut akan

memberikan

informasi berapa

banyak data yang

masuk

9. Taxis TNT • Membuat page report

data freight

• Implementasi

download report data

freight


Pembimbing Industri,

(Nur Fitria Desriandini)

LAPORAN PRAKTIK KERJA LAPANGAN - Politeknik Negeri ...

Documents

Transcript of LAPORAN PRAKTIK KERJA LAPANGAN - Politeknik Negeri ...