laporan kerja praktek membangun web...

46
LAPORAN KERJA PRAKTEK MEMBANGUN WEB APPLICATION FORM REQUEST MENGGUNAKAN FRAMEWORK LARAVEL 5.2 PT. TELEKOMUNIKASI SELULAR (TELKOMSEL) Periode 1 Juni 25 Juli 2016 Oleh : Henric Sahala Teofilus Simbolon NIM : 1104130023 Pembimbing Akademik Budhi Irawan S.Si., MT NIP : 08740463-1 PRODI S1 SISTEM KOMPUTER FAKULTAS TEKNIK ELEKTRO UNIVERSITAS TELKOM 2016

Upload: lynhu

Post on 07-Feb-2018

250 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

LAPORAN KERJA PRAKTEK

MEMBANGUN WEB APPLICATION FORM REQUEST

MENGGUNAKAN FRAMEWORK LARAVEL 5.2

PT. TELEKOMUNIKASI SELULAR (TELKOMSEL)

Periode 1 Juni – 25 Juli 2016

Oleh :

Henric Sahala Teofilus Simbolon

NIM : 1104130023

Pembimbing Akademik

Budhi Irawan S.Si., MT

NIP : 08740463-1

PRODI S1 SISTEM KOMPUTER

FAKULTAS TEKNIK ELEKTRO

UNIVERSITAS TELKOM

2016

Page 2: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

ii

LEMBAR PENGESAHAN

MEMBANGUN WEB APPLICATION FORM REQUEST

MENGGUNAKAN FRAMEWORK LARAVEL 5.2

PT. TELEKOMUNIKASI SELULAR (TELKOMSEL)

Periode 1 Juni – 25 Juli 2016

Oleh :

Henric Sahala Teofilus Simbolon

NIM : 1104130023

Mengetahui,

Pembimbing Akademik Pembimbing Lapangan

Budhi Irawan. S.Si., MT Rochman Saefulloh B.

NIP : 08740463-1 NIK : 93040

Page 3: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

iii

A B S T R A K

Kerja Praktek merupakan mata kuliah wajib yang dirancang untuk memberikan

pengalaman dan sosialisasi kerja kepada mahasiswa Telkom University. Kegiatan ini

sangat penting karena mahasiswa akan diberikan pengenalan terhadap ruang lingkup

kerja yang akan mereka pilih setelah lulus, serta dapat beradaptasi terhadap

perubahan pada lingkungan pekerjaan.

Kerja Praktek pada tahun 2016 dilaksanakan di PT. Telekomunikasi Seluler

(Telkomsel) pada IT Office Automation System. IT Office Automation System

bertanggung jawab dalam mendukung pekerjaan pada perusahaan Telkomsel secara

luas dengan meningkatkan komunikasi antar sesama pekerja, tidak peduli apakah

pekerja tersebut berada di satu lokasi yang sama atau lokasi yang beda.

Di perusahaan ini banyak vendor dari perusahaan lain membantu untuk bekerja oleh

karena itu dibuatlah form request berbasis web application untuk mempermudah

para pekerja dalam menyampaikan sebuah permintaan ke atasan mereka untuk di

approve.

Pembuatan web application disini menggunakan framewok Laravel 5.2 dengan

berbasis PHP menggunakan konsep Model-View-Controller (MVC).

Kata kunci : Laravel, Form Request, Web Application, IT Office Automation

System, PHP, Model-View-Controller (MVC)

Page 4: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

iv

KATA PENGANTAR

Puji Syukur kehadiat Tuhan Yang Maha Esa atas segala berkat dan rahmat-Nya

kepada penulis, sehingga penulis dapat menyelesaikan rangkaian Kerja Praktek di

PT. Telekomunikasi Seluler (Telkomsel) pada tanggal 1 Juni 2016 – 25 Juli 2016.

Bagi penulis, Kerja Praktek bukan hanya sekedar mata kuliah yang wajib

diselesaikan. Banyak pengalaman yang penulis dapatkan dari kuliah yang berbobot 2

SKS ini. Mulai dari cara berkomunikasi, bekerja sama, sistem dan kebiasaan-

kebiasaan kerja di perusahaan.

Pada akhirnya, penulis dapat menyelesaikan seluruh rangkaian kegiatan kerja

praktek dalam Laporan Kerja Praktek ini. Laporan ini berisi seluruh rangkaian

kegiatan penulis selama Kerja Praktek. Semoga laporan ini bias menjelaskan dengan

lengkap bagaimana proses kerja praktek yang penulisa laksanakan dari awal sampai

akhir.

Berlangsungnya Kerja Praktek tidak terlepas dari dukungan serta bantuan dari

berbagai pihak sejak dimulainya Kerja Praktek hingga berakhirnya kegiatan ini.

Penulis mengucapkan terima kasih kepada seluruh pihak terkait.

Akhir kata penulis mohon maaf atas perilaku dan tutr kata yang kurang berkenan

bagi segenap pihak PT. Telkomsel. Walaupun penulis telah menyelesaikan laporan

tapi penulis menyadari ini jauh dari sempurna, untuk itu penulisa mengharapkan

kritik dan saran yang membangun dari semua pihak. Semoga Laporan Kerja Praktek

ini bermanfaat bagi penulis dan pembaca.

Jakarta, 25 Juli 2016

Henric Sahala Teofilus Simbolon

1104130023

Page 5: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

v

DAFTAR ISI

LEMBAR PENGESAHAN .......................................................................... ii

ABSTRAK ..................................................................................................... iii

KATA PENGANTAR ................................................................................... iv

DAFTAR ISI .................................................................................................. v

DAFTAR GAMBAR ..................................................................................... vii

DAFTAR TABEL ......................................................................................... ix

DAFTAR ISTILAH ...................................................................................... x

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

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

1.2 Lingkup Penugasan Kerja Praktek ....................................................... 2

1.3 Target Pemecahan Masalah Kerja Praktek ......................................... 2

1.4 Metode Pelaksanaan Tugas .................................................................... 2

1.5 Rencana dan Penjadawalan Kerja ........................................................ 3

1.6 Ringkasan Sistematika Laporan ............................................................ 3

BAB II PROFIL INSTANSI ......................................................................... 4

2.1 Profil Perusahaan .................................................................................... 4

2.2 Struktur Organisasi ................................................................................ 5

2.3 Lokasi Pelaksanaan Kerja ...................................................................... 6

BAB III KEGIATAN KERJA PRAKTEK DAN PEMBAHASAN

KRITIS ............................................................................................................ 7

3.1 Kegiatan Selama Kerja Praktek ............................................................ 7

3.1.1 Perancangan Web Application ..................................................... 7

3.1.2 Tujuan dari pembuatan aplikasi .................................................. 11

3.1.3 Instalasi Composer ......................................................................... 12

3.1.4 Instalasi Laravel 5.2 ....................................................................... 15

3.1.5 Pembuatan Hak Akses .................................................................... 18

3.1.6 Pembuatan Form Request ............................................................ 24

3.2 Prinsip Kerja Sub-Sistem Yang Dihasilkan ......................................... 27

Page 6: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

vi

3.2.1 Pelajaran Berharga Yang Didadpat Saat Kerja Praktek ......... 27

3.2.2 Perbandingan Antara Teori Yang Diperoleh Dan Implementasinya

......................................................................................................... 28

3.2.3 Bimbingan Dari Pembimbing Lapangan ……………………….. 28

BAB IV SIMPULAN DAN SARAN ............................................................ 29

4.1 Simpulan .................................................................................................. 29

4.2 Saran ........................................................................................................ 29

DAFTAR PUSTAKA .................................................................................... 30

Page 7: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

vii

DAFTAR GAMBAR

Gambar 2.1 Struktur organisasi PT. Telkomsel ................................................. 6

Gambar 2.2 Peta lokasi kerja praktek ................................................................ 7

Gambar 2.3 Gedung lokasi kerja praktek ........................................................... 7

Gambar 3.1 Flowchart Aplikasi .......................................................................... 8

Gambar 3.2 Diagram Topologi Sistem ............................................................... 9

Gambar 3.3 Sequence Diagram........................................................................... 10

Gambar 3.4 Use Case Diagram ........................................................................... 11

Gambar 3.5 Tampilan Awal Composer Setup ................................................... 14

Gambar 3.6 Tampilan Setting Check .................................................................. 14

Gambar 3.7 Tampilan Proxy Setting ................................................................... 14

Gambar 3.8 Tampilan Install ............................................................................. 14

Gambar 3.9 Tampilan Downloading Composer ................................................. 14

Gambar 3.10 Tampilan Akhir Instalasi .............................................................. 15

Gambar 3.11 Tampilan Command Prompt telah masuk ke dalam folder htdocs

............................................................................................................................. 16

Gambar 3.12 Tampilan Perintah Instalasi .......................................................... 16

Gambar 3.13 Tampilan Proses Instalasi ............................................................. 16

Gambar 3.14 Tampilan Instalasi berhasil .......................................................... 17

Gambar 3.15 Tampilan Masuk ke Folder laravel99............................................ 17

Gambar 3.16 Tampilan perintah agar web dapat tampil di browser ................... 18

Gambar 3.17 Tampilan Awal Laravel 5.2 .......................................................... 18

Gambar 3.18 Tampilan Command Prompt ........................................................ 19

Gambar 3.19 Tampilan .env ............................................................................... 19

Gambar 3.20 Tampilan Perintah Migrate............................................................ 20

Gambar 3.21 Tampilan phpmyadmin setelah di Migrate ................................... 20

Page 8: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

viii

Gambar 3.22 Tampilan perintah Middleware ..................................................... 21

Gambar 3.23 Tampilan Role.php ....................................................................... 21

Gambar 3.24 Tampilan Kernel.php ..................................................................... 22

Gambar 3.25 Tampilan AuthServiceProviders.php ........................................... 22

Gambar 3.26 Tampilan Register ........................................................................ 23

Gambar 3.27 Tampilan Login ............................................................................ 23

Gambar 3.28 Tampilan database setelah Register ............................................. 24

Gambar 3.29 Tampilan Form Request ............................................................... 24

Gambar 3.30 Tampilan Database setelah form request di isi dan di submit ...... 25

Gambar 3.31 Tampilan Awal User .................................................................... 25

Gambar 3.32 Tampilan Awal Manager dan Admin ........................................... 26

Gambar 3.33 Bimbingan dari Pembimbing Lapangan ........................................ 27

Page 9: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

ix

DAFTAR TABEL

Tabel 1.1 Rencana dan Penjadwalan Kerja ......................................................... 2

Page 10: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

x

DAFTAR ISTILAH

User : Pengguna

Server : sebuah sistem komputer yang menyediakan jenis layanan tertentu dalam

sebuah jaringan komputer

Cmd/Command Promd : baris perintah penerjemah pada OS/2, Windows CE dan

Windows NT

3G : Perkembangan teknologi telepon nirkabel versi ke-3

Flowchart : Diagram alir dengan symbol-simbol grafis yang menyatakan aliran

algoritma atau proses

Sequence Diagram : Suatu diagram yang menggambarkan interaksi antar obyek

dan mengindikasikan komunikasi diantara obyek-obyek tersebut

Use Case Diagram :Pemodelan untuk menggambarkan kelakuan sistem yang

akan dibuat

Web Application : Aplikasi yang berbasis web

Developer : Orang yang membuat sebuah aplikasi

PHP : Bahasa pemrograman yang digunakan secara luas untuk penanganan,

pembuatan dan pengembangan situs web

HTML : Sebuah bahasa markah yang digunakan untuk membuat sebuah halaman

web

CSS : Bahasa style sheet yang digunakan untuk mengatur tampialn dokumen

Source Code : Suatu rangkaiam pernyataan atau deklarasi yang ditulis dalam

bahasa permrograman computer yang terbaca manusia

Framework : Suatu struktur konseptual dasar yang digunakan untuk

memecahkan suatu masalah kompleks

Mysql : Sebuah perangkat lunak sistem manajemen basis data

Open Source : Suatu istilah yang digunakan untuk perangkat lunak yang

membuka atau membebaskan kodenya dilihat penggunanya

Page 11: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

xi

Model-View-Control : Pemisahan komponen utama yang membangun sebuah

aplikasi

Website : Halaman informasi yang disediakan melalui jalus internet

Skatehoders : Suatu masyarakat, kelompok, komunitas, maupun individu manusia

yang memiliki hubungan terhadap organisasi atau perusahaan

Page 12: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

1

BAB I

PENDAHULUAN

1.1 Latar Belakang Penugasan

Kerja Praktek merupakan suatu mata kuliah wajib dari Universitas Telkom

yang dilaksanakan pada semester genap. Kegiatan mata kuliah ini

dilaksanakan bersifat praktik secara nyata dan mandiri di perusahaan atau

instansi yang berkaitan dengan Fakultas Teknik Elektro (FTE) Universitas

Telkom. Dengan melaksanakan KP ini, mahasiswa diharapkan dapat

mengetahui bagaimana sebenarnya dunia kerja yang sesungguhnya dan

mahasiswa memiliki pengalaman praktek kerja sekaligus mengukur

implementasi keilmuan dan keterampilan dunia kerja seagai bekal untuk

bekerja setelah menyelesaikan pendidikan.

Pelaksanaan KP ini dilaksanakan diberbagai perusahan dan instansi di

seluruh Indonesia. Penulis sendiri memilih PT. Telkomsel Indonesia sebagai

tempat melaksanakan kerja praktek ini. Telkomsel merupakan anak usaha

milik Telkom Indonesia dan saat telah menjadi salah satu operator

telekomunikasi terbesar di Indonesia. Dan dalam penugasannya, penulis

diberikan tugas untuk menbuat sebuah form request dengan menggunakan

framework Laravel 5.2.

Karena dalam PT. Telkomsel ada para vendor dari perusahaan lain yang

bekerja untuk mereka dan membutukan izin atau pengisian form request

yang masih manual menggunakan kertas. Untuk menghemat biaya maka

dibuat form request berbentuk website. Form request ini dibuat

menggunakan framework Laravel 5.2 dengan berbasis PHP.

Laravel itu sendiri adalah web application framework berbasis PHP yang

open source, menggunakan konsep model-view-controller (MVC). Laravel

juga lebih popular dibandingkan dari PHP framework lainnya.

Page 13: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

2

1.2 Lingkup Penugasan

Adapun dalam pelaksaan kerja praktek ini penulis memilih PT. Telkomsel

Indonesia sebagai tempat kerja praktek, dan kerja praktek ini sendiri

berlangsung selama 2 bulan terhitung dari tanggal 1 Juni 2016 sampai

dengan tanggal 31 Juli 2016.

1.3 Target Pemecahan Masalah

Adapun target yang menjadi pemecahan masalah dari kerja praktek ini

antara lain :

a. Pembuatan rancangan dasar web application seperti flowchart,

sequence diagram, diagram topology system, dan use case diagram,

b. Membangun web application dengan framework Laravel 5.2,

c. Proses dalam web application berjalan sesuai dengan apa yang

diinginkan.

1.4 Metode Pelaksanaan Tugas/Pemecahan Masalah

Metode Pelaksanaan Tugas yang dilakukan adalah sebagai berikut:

1. Observasi, yaitu dengan melakukan pengamatan secara langsung

jalannya proses pekerjaan,

2. Mengumpulkan data yang diperlukan untuk penulisan laporan,

3. Percobaan langsung saat melakukan pekerjaan dengan diawasi staff

yang bersangkutan,

4. Diskusi dengan staff yang ada di kantor.

1.5 Rencana dan Penjadwalan Kerja

Tabel 1.1. Rencana dan Penjadwalan Kerja

Waktu Tugas

Minggu I Mengingat kembali tentang Mysql, PHP, HTML dan CSS

Minggu II Mulai membuat website sederhana belum menggukan

Page 14: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

3

framewok

Minggu III Mempelajari dasar-dasar framework Laravel 5.2

Minggu IV Mempelajari metode Model-View-Control pada Laravel 5.2

Minggu V Mengimplementasikan PHP, HTML dan CSS ke dalam

Laravel 5.2

Minggu VI Membuat web application menggunakan framework

Minggu VII Menyempurnakan web application yang telah dibuat

Minggu VIII Menyempurnakan web application yang telah dibuat

1.6 Ringkasan Sistematika Laporan

BAB I PENDAHULUAN

Berisi latar belakang, lingkup penugasan, target pemecahan masalah,

metode pemecahan masalah, rencana dan penjadwalan kerja dan sistematika

penulisan laporan.

BAB II PROFIL INSTANSI

Berisi penjelasan mengenai profil perusahaan, struktur organisasi

perusahaan, dan lingkup tugas dan struktur organisasi unit kerja dari PT.

Telkomsel.

BAB III KEGIATAN KERJA PRAKTEK DAN PEMBAHASAN KRITIS

Berisi deskripsi kegiatan, foto kegiatan kerja praktek, dan analisis kritis.

BAB IV SIMPULAN DAN SARAN

Berisi kesimpulan dan saran dari pembuatan laporan Kerja Praktek ini.

Page 15: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

4

BAB II

PROFIL INSTANSI

2.1 Profil Instansi

PT. Telkomsel adalah sebuah perusahaan operator telekomunikasi seluler di

Indonesia. Telkomsel merupakan operator telekomunikasi seluler GSM

kedua di Indonesia, dengan layanan paskabayarnya yang diluncurkan pada

tanggal 26 Mei 1995 sebagai wujud semangat inovasi untuk

mengembangkan telekomunikasi Indonesia yang terdepan. Untuk mencapai

visi tersebut, Telkomsel terus memacu pertumbuhan jaringan

telekomunikasi di seluruh penjuru Indonesia secara pesat sekaligus

memberdayakan masyarakat. Telkomsel menjadi pelopor untuk berbagai

teknologi telekomunikasi selular di Indonesia, termasuk yang pertama

meluncurkan layanan roaming internasional dan layanan 3G di Indonesia.

Telkomsel merupakan operator yang pertama kali melakukan ujicoba

teknologi jaringan pita lebar LTE. Di kawasan Asia, Telkomsel menjadi

pelopor penggunaan energi terbarukan untuk menara-menara Base

Transceiver Station (BTS). Keunggulan produk dan layanannya menjadikan

Telkomsel sebagai pilihan utama pelanggan di seluruh Indonesia.

Memasuki era ICT (Information and Communication Technology),

Telkomsel terus mengoptimalkan pengembangan layanan di Indonesia

dengan memanfaatkan potensi sinergi perusahaan induk yaitu PT Telkom

(65%) dan SingTel Mobile (35%). Telkomsel terus mengembangkan

layanan telekomunikasi selular untuk mengukuhkan posisi sebagai penyedia

layanan gaya hidup selular, a truly mobile lifestyle.

Telkomsel memiliki komitmen untuk menghadirkan layanan mobile

lifestyle unggulan sesuai dengan perkembangan jaman dan kebutuhan

pelanggan. Telkomsel menghadirkan teknologi agar bangsa Indonesia dapat

Page 16: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

5

menikmati kehidupan yang lebih baik di masa mendatang dengan tetap

mendukung pelestarian negeri.

Untuk itulah, Telkomsel secara aktif mendorong pemanfaatan energi

terbarukan sebagai sumber energi untuk menara BTS serta

menyelenggarakan pendidikan dan pelatihan bagi remaja dan masyarakat

yang kurang mampu. Melalui peningkatan kualitas masyarakat dan

pelestarian lingkungan, Telkomsel berpartisipasi aktif untuk masa depan

bangsa yang lebih baik.

Visi dan Misi

Visi : “Menjadi penyedia layanan dan solusi mobile digital lifestyle kelas

dunia yang terpercaya “

Misi : Memberikan layanan dan solusi mobile digital yang melebihi

ekspektasi pelanggan, memberikan nilai tambah kepada para stakeholders,

dan mendukung pertumbuhan ekonomi bangsa

Page 17: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

6

2.2 Struktur Organisasi Instansi/Perusahaan

Gambar 2.1. Struktur Organisasi PT. Telkomsel

2.3 Lokasi/Unit Pelaksanaan Kerja

Pelaksanaan kerja praktek ini berlokasi di gedung City Plaza, lantai 11 yang

beralamat di Jalan Jendral Gatot Subroto No.42, Kuningan Barat, Mampang

Prapatan, Jakarta Selatan, Daerah Khusus Ibukota Jakarta

Page 18: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

7

Gambar 2.2. Peta Lokasi Kerja Praktek

Gambar 2.3. Gedung Lokasi Kerja Praktek

Page 19: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

8

BAB III

KEGIATAN KP DAN PEMBAHASAN KRITIS

3.1 Kegiatan Selama Kerja Praktek

3.1.1 Perancangan Web Application

Sebelum penulis memulai dalam pembahasan masalah, penulis akan

menjelaskan tentang web application yang akan dibangun. Karena

banyaknya vendor atau pegawai dari perusahaan asing yang bekerja di

PT. Telkomsel dan semua data vendor atau pegawai dari perusahaan

asing tersebut tidak tersimpan dengan baik dikarenakan masih manual

dalam mendata para vendor atau pegawai dari perusahaan asing. Oleh

karena itu IT Office Automation System ingin membangun sebuah

form request berbentuk web application. Tujuan dari pembuatan itu

sendiri agar data lebih terorganisasi dan memudahkan user untuk

membuat request ke atasannya tanpa menggunakan kertas lagi.

3.1.1.1 Flowchart

Proses dari aplikasi yang akan dibangun tersebut seperti

berikut:

1. User masuk ke dalam aplikasi dengan proses login,

2. Setelah masuk ke dalam aplikasi User akan memasukan

apa yang akan mereka request,

3. User memasukan data dan data tersimpan di dalam

database,

4. Data yang telah dibuat aka di setujui oleh atasan dari si

pembuat request,

5. Setelah di setujui maka akan ada pemberitahuan kepada

User.

Page 20: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

9

Start

TTC VVS

Create Form Create Form

Submit Submit

Save Save

Data appear in Requestor

DBDB

Approval Manager Requestor

Approval Admin SupplierApproval Manager

RequestorApproval Admin TTC

Building

Data appear in Requestor

Send Email Approval

Access Vendor Visiting

Send Email Approval

Access TTC Building

End

Login

LoginSuccess

LoginFailed

Choose

Massege If Request not

Approval

Massege If Request not

Approval

NO

NO

YES

YES

YES

YESLogout

Input Data

NO

OutputData

Input Data

OutputData

NO

Page 21: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

10

Gambar 3.1 Flowchart Aplikasi

3.1.1.2 Diagaram Topology System

User

Web

Server

Admin

Database

Manager

Save Data

Send Email Approval

Send Email Approval

Send Email Approval

Create Form

Approval Request

Approval Request

Proccessing

Gambar 3.2 Diagram Topologi Sistem

Gambar 3.2 menjelaskan User, Admin, dan Manager dapat

masuk ke aplikasi. User mengisi form mengirim ke server

dan disimpan ke database. Manager dan Admin menyetujui

request dan mengirim email ke User sebagai tanda jika

permintaan telah disetujui.

3.1.1.3 Sequence Diagram

Gambar 3.3 menjelaskan :

1. Pengguna dapat masuk ke aplikasi dan mendapat respon

dari sistema aplikasi,

2. Setelah masuk ke dalam aplikasi pengguna dapat

membuat permintaan yang akan tersimpan ke database

yang berada di server,

3. Manager masuk ke aplikasi dan menyetujui permintaan

yang berada di database server,

Page 22: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

11

User System App Server Database Manager Admin

Login

Respon Access User

Create FormProccesing Data

Save Data

Response

Approval

Response

Approval

Response

Send Email Send Email

Send Email

4. Admin masuk ke aplikasi dan menyetujui permintaan

yang sudah di setujui oleh manager.

Gambar 3.3 Sequence Diagram

3.1.1.4 Use Case

Gambar 3.4 menjelaskan :

1. Pengguna dapat melakukan login, membuat permintaan,

melihat permintaan yang telah dibuat, dan melihat

permintaan yang sudah disetujui,

Page 23: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

12

2. Admin dapat menyetujui permintaan dari pengguna dan

melihat permintaan,

3. Manager dapat menyetujui permintaan dari pengguna

dan melihat permintaan,

User

Manager

Admin

Create Form

Login

Submit

Approval

View Data

View Data

View Receive Data

Approval

View Data

Gambar 3.4 Use Case Diagram

3.1.2 Tujuan Dari Pembuatan Aplikasi

Tujuan dari pembuatan aplikasi form request ini adalah :

1. Semua pengguna dapat mengajukan permintaan terkait vendor

atau pekerja dari perusahaan asing,

2. Semua pengguna dapat pemberitahuan dan konfirmasi dari

aplikasi terkait permintaan yang diajukan,

3. Manager dan Admin dapat menyetujui permintaan yang telah

dibuat pengguna

Page 24: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

13

4. Aplikasi ini juga dibuat untuk mengejar target pengembangan

aplikasi e-fasilitas yang sedang di kembangkan oleh

perusahaan,

5. Semua vendor dan pekerja asing yang bekerja di PT.

Telkomsel tercatat dalam database,

6. Data yang masuk lebih terorganisir dan rapi,

7. Admin dan Manager dapat mengetahui vendor atau pekerja

asing yang bekerja di PT. Telkomsel dari aplikasi.

3.1.3 Instalasi Composer

Composer adalah manajemen dependency di php. Composer

memudahkan dalam install library yang dibutuhkan, tanpa perlu

mengunduh satu persatu.

Untuk instalasinya bisa mengunduh langsung dari situs Composer.

Kemudian melakukan langkah-langkah berikut:

1. Setelah berhasil di unduh buka aplikasinya dan akan muncul

Gambar 3.5 di bawah ini

Gambar 3.5 Tampilan Awal Composer Setup

Page 25: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

14

2. Klik “Next” lalu akan terbuka halaman seperti Gambar 3.6 lalu

sesuaikan tempat penyimpanan file composer yang akan

diinstall

Gambar 3.6 Tampilan Setting Check

3. Klik “Next” lalu akan terbuka halaman seperti Gambar 3.7 lalu

sesuaikan Proxy Setting. Sebaiknya dikosongkan saja

Page 26: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

15

Gambar 3.7 Tampilan Proxy Setting

4. Klik “Next” lalu akan terbuka halaman seperti Gambar 3.8

Gambar 3.8 Tampilan Install

5. Klik “Install” lalu akan terbuka halaman seperti Gambar 3.9

Gambar 3.9 Tampilan Downloading Composer

Page 27: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

16

6. Klik “Finish” jika proses download sudah selesai dan muncul

tampialn seperti Gambar 3.10

Gambar 3.10 Tampilan Akhir Instalasi

3.1.4 Instalasi Laravel 5.2

Laravel adalah framework PHP dengan kode terbuka (open source)

dengan desain MVC (Model-View-Controller) yang digunakan

untuk membangun aplikasi website. Framework ini pertama kali

dibangun oleh Taylor Otwell pada tanggal 22 Februari 2012.

Disini penulis menggunakan Laravel 5.2 karena Laravel 5.2

keluaran terbaru dari Laravel dengan beberapa fitur berbeda dari

pendahulunya. Laravel juga lebih populer dari framework php

lainnya, jadi perusahaan ini menggunakan framework ini untuk

membuat aplikasi yang berbasis web.

Berikut ini cara instalasi framework Laravel mengunakan

Composer:

1. Buka command prompt atau shell dari XAMPP lalu masuk

kedalam folder C:\xampp\htdocs sebagai tempat penyimpanan

file Laravel. Bias juga di letakan di folder lain seperti Gambar

3.11

Page 28: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

17

Gambar 3.11 Tampilan Command Prompt telah masuk ke dalam folder htdocs

2. Masukan perintah seperti Gambar 3.12

Gambar 3.12 Tampilan Perintah Instalasi

3. Tunggu hingga proses instalasi selesai

Gambar 3.13 Tampilan Proses Instalasi

4. Jika proses instalasi sudah selesai maka hasilnya akan seperti

Gambar 3.14

Page 29: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

18

Gambar 3.14 Tampilan Instalasi berhasil

5. Masuk ke folder Laravel yang telah dibuat tadi ( contoh :

laravel99 ) seperti Gambar 3.15

Gambar 3.15 Tampilan Masuk ke Folder laravel99

6. Masukan perintah seperti pada Gambar 3.16

Page 30: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

19

Gambar 3.16 Tampilan perintah agar web dapat tampil di browser

7. Ketik http://localhost:8000 pada browser dan hasilnya akan

seperti Gambar 3.17

Gambar 3.17 Tampilan Awal Laravel 5.2

3.1.5 Pembuatan Hak Akses

Dalam hal ini hak akses berguna untuk memisahkan halaman dari

User dan Manager. Selain itu juga hak akses membuat aplikasi

tidak dapat dimasuki oleh sembarang orang karena jika ingin

masuk ke aplikasi harus regestrasi terlebih dahulu dan login ke

dalam aplikasi web.

Proses pembuatan hak akses ini akan dijelaskan secara singkat.

Page 31: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

20

1. Buka kembali command prompt dan masuk ke folder laravel

yang telah disimpan pada folder htdocs. Lalu masukan perintah

seperti Gambar 3.18

Gambar 3.18 Tampilan Command Prompt

2. Setelah itu maka hak akses dari teamplate laravel terbentuk dan

dapat langsung tampil ke browser tapi belum terhubung ke

database

3. Untuk menghubungkan ke database perlu mebuat database

terlebih dahulu di Localhost Phpmyadmin

4. Selah database dibuat masukan nama databasenya ke dalam file

.env yang ada di folder laravel. Masukan juga username dengan

kata “root” dan kosongkan passwordnya seperti Gambar 3.19

Gambar 3.19 Tampilan .env

Page 32: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

21

5. Buka lagi command prompt ketik perintah seperti Gambar3.20

Gambar 3.20 Tampilan Perintah Migrate

6. Maka tampilanya akan seperti ini pada phpmyadmin

Gambar 3.21 Tampilan phpmyadmin setelah di Migrate

7. Setelah itu membuat hak akses agar user tidak bisa masuk ke

halaman manager dengan membuat perintah seperti Gambar

3.22 pada command prompt

Page 33: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

22

Gambar 3.22 Tampilan perintah Middleware

8. Setelah file Role.php terbentuk dalam folder Middleware lalu

tambahkan source code seperti pada Gambar 3.23

Gambar 3.23 Tampilan Role.php

9. Tambahkan juga source code seperti pada Gambar 3.24 pada

file Kernel.php

Page 34: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

23

Gambar 3.24 Tampilan Kernel.php

10. Tambahkan juga source code seperti pada Gambar 3.25 pada

file AuthServiceProvider.php di dalam folder Providers

Gambar 3.25 Tampilan AuthServiceProviders.php

Page 35: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

24

11. Maka tampilannya pada browser akan seperti ini

Gambar 3.26 Tampilan Register

Gambar 3.27 Tampilan Login

Page 36: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

25

Gambar 3.28 Tampilan database setelah Register

3.1.6 Pembuatan Form Request

Dalam pembuatan form request ini penulis tidak memasukan

source codenya pada laporan ini karena terlalu panjang tetapi akan

di upload ke blog

Tampilan pada browser dan database setelah dilakukan submit

Gambar 3.29 Tampilan Form Request

Page 37: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

26

Gambar 3.30 Tampilan Database setelah form request di isi dan di submit

Gambar 3.31 Tampilan Awal User

Page 38: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

27

Gambar 3.32 Tampilan Awal Manager dan Admin

3.2 Prinsip Kerja Sub-Sistem Yang Dihasilkan

3.2.1 Pelajaran Berharga yang didapat saat Kerja Praktek

Kerja Praktek adalah salah satu mat kuliah wajib yang harus

dilaksanakan oleh mahasiswa Telkom University. Dalam

melaksanakannya pasti banyak pelajaran yang dapat di ambil dari

proses Kerja Praktek tersebut. Dan penulis mmendapatkan hal

tersebut di PT. Telkomsel selama 2 bulan melaksanakan Kerja

Praktek. Pelajaran tersebut adalah :

1. Mengetahui proses atau SOP (Standart Operational Prucedure)

dalam mengerjakan sesuatu di dalam perusahaan yang besar.

2. Mengetahui hal-hal apa saja yang nantinya akan digunakan di

dunia kerja karena tidak semua hal yang kita dapatkan di

kampus digunakan dalam dunia kerja. Banyak hal yang baru

dan perlu dipelajari lagi untuk menghasilkan sesuatu yang

bernilai untuk perusahaan.

3. Mengetahui cara-cara karyawan memecahkan masalah yang

mereka hadapi atau diberikan oleh atasannya.

4. Mengetahui bahwa di dunia kerja tidak bekerja sendirian tetapi

dalam kesatuan tim. Oleh karena itu perlu menjaga relasi

dengan karyawan satu perusahaan dank lien dari perusahaan

lain.

Page 39: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

28

3.2.2 Perbandingan antara teori yang diperoleh dan implenatasinya

Dalam Kerja Praktek ini tugas yang diberikan tentang pembuatan

form request berbasis web application. Dasar yang di guakan

adalah mata kuliah Basis Data yang di peroleh di kampus. Secara

teori dasar itulah yang digunakan tetapi pada tugas ini

dikembangkan teori tersebut dikembangkan menggunakan

framework Laravel yang sebenarnya menggunakan konsep PHP

dalam perintah yang digunakan.

Selain teori yang dipelajari dikelas, praktikum yang dilakukan

dikampus juga dapat diimplementasikan dalam pembuatan tugas

ini. Memang ketika kita diberikan teori tanpa praktek akan sulit

mengembangkan teori tersebut. Tapi dengan adanya mata kuliah

Kerja Praktek ini mahasiswa dituntut untuk mengimplementasikan

apa yang meraka peroleh dari para dosen ketika belajar di kelas.

3.2.3 Bimbingan Dari Pimbimbing Lapangan

Pada saat Kerja Praktek berlangsung Bapak Rochman Saefulloh

yang memberikan tugas dan membimbing kami dalam pembuatan

Form Request

Gambar 3.33 Bimbingan dari Pembimbing Lapangan

Page 40: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

29

BAB IV

KESIMPULAN DAN SARAN

4.1 Kesimpulan

Dengan menggunakan Laravel dapat lebih memudahkan dalam

pembuatan aplikasi web. Selain lebih rapi dalam penyusunan source code

di dalam framework Laravel telah banyak fitur-fitur yang memudahkan

developer untuk membangun sebuah aplikasi web. Mungkin akan lebih

banyak lagi sesuatu yang baru dari Laravel karena pembuatnya sendiri

masih terus mengupdate Laravel agar udah di gunakan.

4.2 Saran

4.2.1 Bagi Instansi

1. Lebih meningkatkan kualitas pelayanan demi mencapai

kepuasan pelanggan.

2. Lebih berani memberi pekerjaan kepada para mahasiswa Kerja

Praktek.

3. Mahasiwa Kerja Praktek seharusnya diberikan timeline yang

jelas terhadap tugas yang diberikan kepada mereka.

4.2.2 Bagi Mahasiswa

1. Mahasiswa Kerja Praktek tidak hanya fokus pada hal-hal teknis

tapi juga hal-hal non teknis seperti berinteraksi dengan

karyawan di lngkunga kerja.

2. Mahasiswa Kerja Praktek harus lebih aktif bertanya kepada

pembimbing lapangan.

3. Mahasiwa Kerja Praktek harus membekali diri dengan

keterampilan yang telah didapat di kampus.

4. Dalam menyelesaikan tugas yang diberikan hendaknya

melaksanakan pekerjaan dengan ikhlas, disiplin dan giat untuk

mencapai hasil yang optimal.

Page 41: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

30

DAFTAR PUSTAKA

Taylor Otwell (2016). “Documentation Laravel 5.2” Diakses dari

https://laravel.com/. Diakses tanggal 15 Juni 2016

Laracasts (2016). “Laravel 5 Fundamental” Diakses dari

https://laracasts.com/series/laravel-5-fundamentals Diakses tanggal 19 Juni 2016

Hirzi Widyan Putra (2016). “Tutorial Laravel” Diakses dari

https://gilacoding.com/tutorial/laravel?page=4. Diakses tanggal 19 Juni 2016

Adam Engebretson (2016). “Documentation Laravel 5.2” Diakses dari

https://laravelcollective.com/docs/5.2/html. Diakses tanggal 20 Juni 2016

Mindspace (2016). “Laravel 5.2 PHP Build a Social network” Diakses dari

https://www.youtube.com/watch?v=IRR3ydBUEgY&index=2&list=PL55RiY5tL

51oloSGk5XdO2MGjPqc0BxGV Diakses tanggal 21 Juni 2016

W3School (1999-2016). “HTML(5) Tutorial” Diakses dari

http://www.w3schools.com/html/default.asp Diakses tanggal 30 Juni 2016

MIT (2016) “Download Bootstrap” Diakses dari http://getbootstrap.com/ Diakses

tanggal 30 Juni 2016

Wikipedia (2016) Diakses dari https://id.wikipedia.org/wiki/Halaman_Utama

Diakses tanggal 20 Juli 2016

Page 42: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

31

LAMPIRAN

Lampiran A - Copy Surat Lamaran ke Perusahaan/Instansi

Page 43: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

32

Lampiran B - Copy Balasan Surat Lamaran dari Perusahaan/Instansi

Page 44: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

33

Lampiran C - Lembar Penilaian Pembimbing Lapangan dari

Perusahaan/Instansi

Page 45: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

34

Lampiran D - Lembar Berita Acara Presentasi dan Penilaian Pembimbing

Akademik

Page 46: LAPORAN KERJA PRAKTEK MEMBANGUN WEB …henricsimbolon.student.telkomuniversity.ac.id/files/2016/08/Laporan... · LAPORAN KERJA PRAKTEK ... Pembimbing Akademik Pembimbing Lapangan

35

Lampiran E - Logbook