KATA PENGANTAR Bissmillahirrahmanirrohiim Assalamu’alaikum Wr. Wb Alhmadulillahirabbil ‘alamin, puji syukur alhamdulillah penulis haturkan kepada Allah SWT yang telah melimpahkan rahmatnya berupa kesehatan, kesempatan, serta pengetahuan kepada penulis sehingga penulis mampu menyelesaikan laporan Praktik Kerja Lapangan (PKL) dengan judul “Rancang Bangun Aplikasi My Stitch (To do List) Berbasis Android di PT Angon Data Aji Saka Sawojajar Malang” untuk memenuhi salah satu syarat untuk memperoleh gelar sarjana komputer pada Fakultas Sains dan Teknologi Universitas Islam Raden Rahmat Malang. Dalam kesempatan kali ini, penulis hendak mengucapkan terima kasih yang sebesar-besarnya kepada : 1. Allah SWT karena telah diberikan kekuatan, kesehatan, dan kelancaran dalam melakukan Praktik Kerja Lapangan (PKL). 2. Bapak Hasan Abadi, M. AP., selaku Rektor Universitas Islam Raden Rahmat Kepanjen Malang. 3. Bapak M. Hanif Fahmi, S.T., M.T., selaku Dekan Fakultas Sains dan Teknologi Universitas Islam Raden Rahmat Kepanjen Malang. 4. Bapak Listanto Tri Utomo, S.Kom., M.M., selaku Kepala Program Studi Teknik Informatika Universitas Islam Raden Rahmat Kepanjen Malang 5. Bapak M. Lutfi Andi, S.Kom., M.M., selaku CEO PT Angon Data Aji Saka Sawojajar Malang, yang mana telah memberikan kami izin untuk melakukan kegiatan Praktik Kerja Lapangan (PKL) i 6. Mas Febriansyah Nuur Rasyiid, selaku pembimbing lapangan yang telah memberikan banyak informasi, saran, dan bimbingan demi kelancaran pelaksanaan Praktik Kerja Lapangan (PKL) ini. 7. Seluruh jajaran dosen dan staff Fakultas Sains dan Teknologi Universitas Islam Raden Rahmat, yang mana telah memfasilitasi kegiatan Praktik Kerja Lapangan (PKL) ini. Sehingga pelaksanaan Praktik Kerja Lapangan (PKL) tahun 2019 ini dapat terlaksana dengan baik. 8. Bapak Listanto Tri Utomo, S.Kom., M.M., selaku Dosen Pembimbing yang telah bersedia untuk meluangkan waktu, tenaga, dan fikiran sehingga dapat memberikan bimbingan dan pengarahan demi terselesaikannya laporan Praktik Kerja Lapangan (PKL) ini. 9. Seluruh Staff karyawan yang terdapat di PT Angon Data Aji Saka Sawojajar Malang, yang mana bersedia memberikan bimbingan, pengarahan dan waktu yang baik ketika Praktik Kerja Lapangan (PKL) berlangsung. 10. Seluruh teman teman seperjuangan Praktek Kerja Lapangan (PKL) Prodi Teknik Informatika Khususnya kepada Gresy Ayu Wulandari sebagai Partner Praktik Kerja Lapangan (PKL) di PT Angon Data Aji Saka Sawojajar Malang. Atas segala jerih payah dan bantuan yang diberikan kepada penulis selama pelaksanaan Praktik Kerja Lapangan (PKL) di PT Angon Data Aji Saka Sawojajar Malang. Penulis tidak dapat membalas perbuatan baik tersebut kecuali hanya dengan berdoa semoga setiap bantuan yang telah diberikan dapat menjadikan amal sholeh sehingga nantinya Allah SWT memberikan balasan yang sebesar-besarnya untuk beliau semua. Amin. ii Penulis menyadari bahwa laporan Praktik Kerja Lapangan (PKL) ini masih memiliki banyak kekurangan didalamnya, sehingga segala bentuk kritik dan saran sangat diharapkan dari semua pihak demi terciptanya laporan Praktik Kerja Lapangan (PKL) yang lebih baik lagi. Penulis juga berharap semoga laporan Praktik Kerja Lapangan (PKL) ini dapat memberikan manfaat bagi rekan rekan mahasiswa atau pelajar dan para pembaca sekalian. Malang, 11 Oktober 2019 Neny Setyo Fany iii DAFTAR ISI HALAMAN JUDUL LEMBAR PENGESAHAN KATA PENGANTAR ................................................................................. i DAFTAR ISI ................................................................................................ iv DAFTAR GAMBAR ................................................................................... v DAFTAR LAMPIRAN ............................................................................... vii BAB I PENDAHULUAN 1.1 1.2 1.3 1.4 LATAR BELAKANG .............................................................. RUMUSAN MASALAH .......................................................... TUJUAN ................................................................................... MANFAAT ............................................................................... 1 2 2 2 BAB II LANDASAN TEORI 2.1 2.2 2.3 2.4 2.5 ANDROID ................................................................................. 3 REACT NATIVE ....................................................................... 4 JAVA SCRIPT ........................................................................... 5 TO DO LIST .............................................................................. 6 VISUAL STUDIO CODE .......................................................... 6 BAB III METODE PELAKSANAAN 3.1 TEMPAT DAN WAKTU PKL ................................................ 8 3.2 METODE PELAKSANAAN ................................................... 8 BAB IV HASIL DAN PEMBAHASAN 4.1 KONDISI UMUM OBYEK PKL ............................................. 9 4.2 HASIL DAN PEMBAHASAN ................................................. 10 BAB V KESIMPULAN 5.1 KESIMPULAN ......................................................................... 26 5.2 SARAN ..................................................................................... 26 DAFTAR PUSTAKA ................................................................................... 27 LAMPIRAN .................................................................................................. 28 iv DAFTAR GAMBAR Gambar 2.1 React-Native Showcase ............................................................. 5 Gambar 2.2 Tampilan Visual Studio Code ................................................... 7 Gambar 4.1 DFD Level 0 .............................................................................. 9 Gambar 4.2 Use Case Diagram ..................................................................... 10 Gambar 4.3 Download Java SE ..................................................................... 10 Gambar 4.4 Install Java SE ........................................................................... 11 Gambar 4.5 Download Node JS ..................................................................... 11 Gambar 4.6 Proses install Node JS ............................................................... 12 Gambar 4.7 Download Android Studio .......................................................... 12 Gambar 4.8 Proses Install Android Studio...................................................... 12 Gambar 4.9 Proses Install Android Studio ..................................................... 13 Gambar 4.10 Proses Install Android Studio ................................................... 13 Gambar 4.11 Proses Install Android Studio ................................................... 14 Gambar 4.12 Proses Install Android Studio ................................................... 14 Gambar 4.13 Tampilan "Welcome to Android Studio" .................................. 15 Gambar 4.14 Membuat Variabel Pengguna Baru ........................................... 16 Gambar 4.15 Menambahkan platform-tools ke Path ...................................... 16 Gambar 4.16 Pengecekkan Perangkat ............................................................. 17 Gambar 4.17 Meng-install dan Menjalankan Aplikasi Awesome Project ...... 18 Gambar 4.18 Tampilan Awal Aplikasi ............................................................ 19 Gambar 4.19 Coding Untuk Halaman Login ................................................... 19 Gambar 4.20 Coding Untuk Membuat Tampilan Halaman Login.................. 20 Gambar 4.21 Tampilan Halaman Login ......................................................... 20 Gambar 4.22 Coding Untuk Halaman Daftar ................................................. 21 Gambar 4.23 Coding Untuk Membuat Tampilan Halaman Daftar ................ 21 Gambar 4.24 Tampilan Halaman Daftar ........................................................ 22 Gambar 4.25 Coding Untuk Membuat Tampilan Halaman Home ................ 22 Gambar 4.26 Tampilan Halaman Home ........................................................ 23 Gambar 4.27 Coding Untuk Membuat Tampilan Halaman List .................... 23 Gambar 4.28 Tampilan Halaman List ............................................................ 24 v Gambar 4.29 Syntax untuk Loading Spinner Overlay .................................... 25 Gambar 2.30 Tampilan Loading Spinner Overlay .......................................... 25 vi DAFTAR LAMPIRAN Rencana Kerja Praktik Kerja Lapangan (PKL) ................................................ 29 Kartu Bimbingan Praktik Kerja Lapangan (PKL) ............................................ 30 Surat Keterangan Praktik Kerja Lapangan (PKL) ............................................ 31 Catatan Log Harian Praktik Kerja Lapangan (PKL) ........................................ 32 Daftar Absensi Mahasiswa Praktik Kerja Lapangan (PKL) ............................. 35 Lembar Persetujuan Ujian Praktik Kerja Lapangan (PKL) .............................. 38 vii
