APLIKASI ANTRIAN QU BERBASIS WEBSITE

(1)

LAPORAN KERJA PRAKTEK CV. QUANTUM SOLUTIONS RANCANG BANGUN BACKEND

APLIKASI ANTRIAN QU BERBASIS WEBSITE

MUHAMMAD DWIKI REZA 6304181142

PROGRAM STUDI REKAYASA PERANGKAT LUNAK JURUSAN TEKNIK INFORMATIKA

POLITEKNIK NEGERI BENGKALIS BENGKALIS-RIAU

2022

(2)

LEMBAR PENGESAHAN

(3)

KATA PENGANTAR

Allhamdulillahirobbil Alamin, Puji syukur kehadirat Allah SWT yang telah memberikan rahmat dan karunia-Nya sehingga mampu menyelesaikan Laporan Kerja Praktek ini.Tidak lupa pula ucapan terima kasih kepada pihak- pihak yang mendukung dalam penyelesaian laporan kerja praktek ini antara lain : 1. Bapak Johny Custer, MT selaku Direktur Politeknik Negeri Bengkalis.

2. Bapak Danuri, M.Cs selaku Ketua Jurusan Teknik Informatika.

3. Ibu Rezki Kurniati, M.Kom selaku Ketua Program Studi Rekayasa Perangkat Lunak.

4. Bapak Fajri Profesio Putra, M.Cs selaku koordinator Kerja Praktek Program Studi Rekayasa Perangkat Lunak Politeknik Negeri Bengkalis.

5. Ibu Lidya wati, M.Kom selaku Dosen Pembimbing Kerja Praktek Politeknik Negeri Bengkalis.

6. Bapak Sandi Fadilah, selaku Direktur CV Quantum Solutions, sekaligus pembimbing kerja praktek.

Perlu disadari bahwa dengan segala keterbatasan dalam pengerjaan laporan Kerja Praktek ini masih jauh dari kata sempurna. Sehingga kritikan dan saran yang membangun sangat diharapkan demi kesempurnaan laporan ini kedepannya. Akhirnya semoga laporan ini dapat bermanfaat bagi semua pihak yang berkepentingan.

Penulis

Muhammad Dwiki Reza

(4)

DAFTAR ISI

LEMBAR PENGESAHAN ... ii

KATA PENGANTAR ... iii

DAFTAR ISI ... iv

DAFTAR GAMBAR ... vi

DAFTAR TABEL ... viii

DAFTAR LAMPIRAN... ix

BAB I ... 1

PENDAHULUAN ... 1

1.1 Latar Belakang Pemikiran Kerja Praktek ... 1

1.2 Tujuan Dan Manfaat Kerja Praktek ... 2

1.3 Luaran Proyek Kerja Praktek ... 2

BAB II... 3

GAMBARAN UMUM PERUSAHAAN ... 3

2.1 Sejarah Singkat Perusahaan ... 3

2.2 Visi Dan Misi Perusahaan ... 4

2.3 Struktur Organisasi Perusahaan ... 4

2.4 Ruang Lingkup Perusahaan ... 4

BAB III ... 5

BIDANG PERKERJAAN SELAMA KERJA PRAKTEK ... 5

3.1 Mengikuti Pelatihan Laravel ... 5

3.2 Perancangan UI Aplikasi Antrian Qu Berbasis Website ... 5

3.3 Pengembangan Aplikasi Antrian Qu Bebasis Website ... 6

BAB IV ... 8

RANCANG BANGUN BACKEND ... 8

APLIKASI ANTRIAN QU BERBASIS WEBSITE ... 8

(5)

4.1 Metodologi ... 8

4.1.1 Prosedur Pembuatan Aplikasi... 8

4.1.2 Metodologi Pengumpulan Data ... 16

4.1.3 Proses Perancangan ... 16

4.1.4 Tahapan Dan Jadwal Pelaksanaan ... 17

4.2 Perancangan Dan Implementasi ... 18

4.2.1 Analisa Data ... 18

4.2.2 Rancangan Aplikasi ... 18

4.2.3 Implementasi Sistem ... 25

4.2.4 Dampak Implementasi Aplikasi ... 28

4.2.5 Kesulitan Dan Solusi Selama Kerja Praktek ... 28

BAB V ... 29

PENUTUP ... 29

5.1 Kesimpulan ... 29

5.2 Saran ... 29

DAFTAR PUSTAKA ... 30

(6)

DAFTAR GAMBAR

Gambar 1 Struktur Organisasi ... 4

Gambar 2 Desain Ui... 6

Gambar 3Aplikasi Back-end Antrian Qu ... 7

Gambar 4 Metode Pengembangan ... 8

Gambar 7 Use Case ... 12

Gambar 8 Activity Diagram ... 13

Gambar 14 Pair Programming ... 21

Gambar 15 Continious Integration ... 22

Gambar 5 Antrian Qu Old Version ... 16

Gambar 6 Usulan Sistem Antrian Qu ... 17

Gambar 9 Desain Beranda... 18

Gambar 10 Desain Admin ... 19

Gambar 11 Desain partner... 19

Gambar 12 Desain User ... 20

Gambar 13 Desain Slide... 20

Gambar 16 Halaman Beranda ... 25

Gambar 17 Halaman Admin... 26

(7)

Gambar 18 Halaman Partner ... 26 Gambar 19 Halaman User ... 27 Gambar 20 Halaman Slide ... 27

(8)

DAFTAR TABEL

Tabel 1 User Story ... 9

Tabel 2 Iteration plan ... 9

Tabel 3 Beranda ... 10

Tabel 4 Admin ... 10

Tabel 5 Partner... 10

Tabel 6 User ... 11

Tabel 7 Slide ... 11

Tabel 8 CRC Card Beranda ... 14

Tabel 9 CRC Card Admin Partner ... 14

Tabel 10 CRC Card Partner... 14

Tabel 11 CRC Card User ... 14

Tabel 12 CRC Card Slide ... 15

Tabel 13 Jadwal Pelakasanaan ... 17

Tabel 14 Black Box Testing ... 22

(9)

DAFTAR LAMPIRAN

Lampiran 1. Surat Balasan Dari Perusahaan ... 31

Lampiran 2. Absensi Kerja Praktek ... 32

Lampiran 3. Penilaian Dari Perusahaan ... 36

Lampiran 4.Surat Telah Melaksanakan Kerja Praktek ... 36

Lampiran 5. Log harian kerja Praktek ... 38

(10)

BAB I PENDAHULUAN

1.1 Latar Belakang Pemikiran Kerja Praktek

Kegiatan kerja praktik (KP) merupakan mata kuliah wajib non akademik yang harus ditempuh mahasiswa program studi D4 Rekayasa Perangkat Lunak Politeknik Negeri Bengkalis. Kerja praktek menjadi kegiatan yang sangat penting bagi mahasiswa, karena mahasiswa dapat memperoleh pengalaman di dunia kerja yang sebenarnya. Selain itu kegiatan ini dapat meningkatkan proses pemahaman mahasiswa selama di bangku kuliah menjadi lebih baik, mahasiswa juga mendapatkan banyak pengetahuan yang tidak di dapat selama di bangku kuliah (pengalaman baru), serta wawasan lebih luas tantang dunia kerja sehingga di harapkan mampu menghasilkan lulusan-lulusan yang terampil, professional, dan siap untuk terjun dalam dunia kerja. baik menjadi pengembang perangkat lunak, maupun sebagai tenaga ahli perusahaan atau industri yang bergerak di bidang teknologi informasi.

Berdasarkan UU No.20 tahun 2003 tentang Sistem Pendidikan Nasional menjelaskan bahwa Kerja Praktek (KP) merupakan salah satu muatan kurikulum suatu lembaga pendidikan.Dalam hal ini lembaga pendidikan yang dimaksud adalah lembaga pendidikan kejuruan. Kerja Praktek tersebut bertujuan untuk memberikan wawancara praktis berdasarkan teori-teori yang dipelajari di lembaga pendidikan kejuruan. Bagi penulis sendiri latar belakang dilakukanya praktek kerja ini diantaranya yaitu penulis dapat memperoleh ilmu pengetahuan dalam dunia kerja secara langsung serta mendapatkan pengalaman dan juga sebagai salah satu syarat untuk dapat menyelesaikan pendidikan pada program studi D4- Rekayasa Perangkat Lunak.

(11)

1.2 Tujuan Dan Manfaat Kerja Praktek

Tujuan dari Kerja Praktek yang dilakukan penulis ini adalah sebagai berikut :

1. Mencari pengalaman dunia kerja.

2. Mengimplementasikan ilmu yang didapat dari bangku perkuliahan.

3. Belajar berkomunikasi dalam tim.

Sedangkan manfaat dari Kerja Praktek yang telah penulis lakukan ini adalah sebagai berikut :

1. Mendapatkan ilmu yang tidak didapat semasa kuliah.

2. Mendapatkan pengalaman didunia kerja yang sebenarnya.

3. Dapat bekerjasama secara tim.

4. Dapat menerapkan ilmu yang didapat semasa kuliah.

1.3 Luaran Proyek Kerja Praktek

Berdasarkan kegiatan yang sudah dilakukan selama proses kerja praktek berlangsung selama kurang lebih 4 bulan mulai dari 24 januari 2022 sampai dengan 27 Mei 2022, maka target luaran yang diharapkan setelah pelaksanaan program kerja praktek adalah membuat aplikasi back-end Antrian Qu untuk diimplementasikan ke Aplikasi Mobile.

(12)

BAB II

GAMBARAN UMUM PERUSAHAAN

2.1 Sejarah Singkat Perusahaan

CV.QuantumSolutions berdiri pada bulan April tahun 2015, dengan berkantor pusat di Kota Dumai, Provinsi Riau. Quantum Solutions pada mulanya merupakan komunitas mahasiswa Ilmu Komputer yang sering bereksplorasi dengan teknologi-teknologi terbaru masa itu. Komunitas yang semakin lama semakin berkembang, hingga memiliki jaringan dan client yang semakin banyak pula. Atas latar belakang itu, maka berdirilah perusahaan dengan legalitas resmi dengan nama CV. Quantum Solutions. Quantum Solutions bergerak di bidang Software Eenginering, IT Consultant, dan IT Training dengan fokus menciptakan produk-produk dengan teknologi terbaru.

Quantum Solutions dalam menjalankan bisnisnya di dukung oleh sumber daya yang berkualitas, berbekal keahlian dan profesionalisme yang terlatih di bidangnya masing- masing. Tim kami berkomitmen untuk mewujudkan permintaan dari mitra dengan Komitmen kami dalam menyelesaikan setiap karya, tidak lepas dari peran serta semua anggota dalam melakukan perencanaan, pelaksanaan, dan pengendalian produk dengan manajemen dan metode kerja yang terukur.kualitas hasil dan layanan yang terbaik.

Tujuan besar kami adalah, Quantum Solutions menjadi pilihan pertama bagi mitra untuk dapat menyelesaikan masalahnya dibidang teknologi informasi. Kami akan hadir dengan solusi tebaikdan layanan yang bergaransi.(Solutions 2015)

(13)

2.2 Visi Dan Misi Perusahaan 2.2.1 Visi

Menjadi perusahaan penyedia sistem teknologi informasi yang unggul dan terpercaya di Indonesia.

2.2.2 Misi

Membangun bisnis yang terintegrasi melalui mutu pelayanan yang tinggi dan memberikan jaminan kepuasan pelanggan dengan mengedepankan integritas demi menjaga kepercayaan pelanggan dan bisnis yang berkelanjutan.

2.3 Struktur Organisasi Perusahaan

Gambar 1 Struktur Organisasi

2.4 Ruang Lingkup Perusahaan

Quantum Solutions bergerak di bidang Software Engineering, IT Consultant, dan IT Training dengan fokus menciptakan produk-produk dengan teknologi terbaru.

(14)

BAB III

BIDANG PERKERJAAN SELAMA KERJA PRAKTEK

3.1 Mengikuti Pelatihan Laravel

Selama pelaksanaan kerja praktek penulis diberikan pelatihan laravel dari Pembiming lapangan. Pelatihan ini di dapatkan dari platform parsinta.com.

pelatihan dalam bentuk video dan pembimbing meminta untuk mempelajari terkhusus CRUD pada Laravel. Pelatihan ini dapat diselesaikan dalam kurun waktu 3 minggu.

3.2 Perancangan UI Aplikasi Antrian Qu Berbasis Website

Selama kegiatan KP ini penulis mendapat tanggung jawab untuk merancang dan membuat desain atau UI unutk aplikasi back-end Antrian Qu yang berbasis Website. Dalam pembuatan desain website penulis menggunakan aplikasi Figma untuk pembuatan aplikasi back-end. Aplikasi Antrian Qu ini memiliki 5 menu utama yaitu menu Beranda, Admin, User, Partner dan menu slide. Selama pembuatan desain UI mengalami beberapa perubahan desain, karna menyesuaikan permintaan dari Kepala Project.

(15)

Gambar 2 Desain Ui

3.3 Pengembangan Aplikasi Antrian Qu Bebasis Website

Dalam pengembangan aplikasi Antrian Qu ini penulis diberi tanggung jawab untuk melanjutkan pembuatan aplikasi dalam bahasa pemrograman atau Framework setelah sebelumnya penulis sudah membuat UI atau desain aplikasi yang telah di buat.

Pengembangan aplikasi ini penulis menggunakan Framework Laravel untuk membuat Back-end aplikasi Antrian Qu. Selama dalam proses pengcodingan penulis mendapatkan beberapa kendala seperti, terjadi nya error tidak dapat menyesuaikan warna maupun icon yang telah di desain sebelumnya.

(16)

Gambar 3Aplikasi Back-end Antrian Qu

(17)

BAB IV

RANCANG BANGUN BACKEND

APLIKASI ANTRIAN QU BERBASIS WEBSITE

4.1 Metodologi

4.1.1 Prosedur Pembuatan Aplikasi

Prosedur pembuatan aplikasi Antrian Qu menggunakan metode Extreme Programming, adapun tahapan dari metode Extreme Programming adalah sebagai berikut :

Gambar 4 Metode Pengembangan Extreme Programming

(18)

1. Planning (Perencanaan)

Perencanaan yaitu suatu kegiatan yang bertujuan untuk mengumpulkan kebutuhan-kebutuhan untuk perangkat lunak yang akan dikembangkan untuk mendapatkan output, fitur-fitur utama, dan fungsionalitas.

a. User Stories

Tabel 1User Story

No User Story Acceptance Criteria Value

1 Sebagai admin, admin melakukan pengelolaan Data Partner, Data Layanan Partner, dan Data Persyaratan Partner.

Tersedia Menu Partner untuk mengelola Data Partner.

9

2 Sebagai Admin, Dapat mengetahui Nama dan Email Admin Partner.

Tersedia Menu Admin Partner. 4

3 Sebagai Admin, mengetahui Data Nama User dan Email User.

Tersedia Menu User. 4

4 Sebagai admin, dapat mengelola data gambar slide untuk aplikasi front-end pada aplikasi Antrian Qu

Terdapat menu Slide. 8

5 sebagai admin, dapat melihat data jumlah partner dan jumlah user yang bergabung di aplikasi Antrian Qu

Tersedia Menu Beranda. 4

b. Iteration Plan

Tabel 2 Iteration plan

Iteration Feature User Value

1 Tambah data partner Admin 8

Edit data partner Admin 8

Hapus data partner Admin 4

2 Lihat data admin partner Admin 5

3 Lihat data user Admin 5

(19)

4 Tambah data slide Admin 6

Edit slide Admin 6

Hapus data slide Admin 4

5 Lihat data Admin 5

c. Spesifikasi Kebutuhan Perangkat Lunak

 Kebutuhan Fungsional

Tabel 3 Beranda

Nama Fungsi Mengelola tampilan aplikasi

Prioritas Medium

Pemicu -

Kondisi awal Aktor telah terotentikasi

Alur normal Menampilkan halaman gambar slide yang terupload ke aplikasi utama. Melanjutkan ke halaman tambah slide.

Alur alternatif -

Kondisi akhir Menampilkan halaman slide.

Pengecualian - Kebutuhan

non-fungsional

-

Tabel 4 Admin

Nama Fungsi Mengelola Admin

Prioritas High

Pemicu -

Alur normal Jika memilih menu admin maka sistem menampilkan list admin yang telah ikut kerja sama, dan menampilkan admin yang didaftarkan.

Alur alternatif -

Kondisi akhir Menampilkan halamaman list admin.

non-fungsional

-

Tabel 5 Partner

Nama Fungsi Mengelola Partner

Prioritas High

Pemicu -

(20)

Alur normal Jika admin memilih menu ini makan akan menampilkan list partner yang ikut kerja sana pada aplikasi antrian Qu. Kemudian mengarahkan deskripsi dan beberapa layanan dari partner tersebut.

Alur alternatif -

Kondisi akhir Halaman list partner, halaman deskripsi dan layanan Partner.

Pengecualian Jika belum ada partner yang ikut kerja sama maka halaman ini kosong.

Kebutuhan non-fungsional

-

Tabel 6 User

Nama Fungsi Bantuan

Prioritas Medium

Pemicu -

Alur normal Ketika admin masuk pada menu ini, akan menampilkan list user yang ikut berpartisipasi pada aplikasi antrian Qu.

Alur alternatif -

Kondisi akhir Halaman list User.

non-fungsional

-

Tabel 7 Slide

Nama Fungsi Mengelola tampilan aplikasi

Prioritas Medium

Pemicu -

Alur normal Menampilkan halaman gambar slide yang terupload ke aplikasi utama. Melanjutkan ke halaman tambah slide.

Alur alternatif -

Kondisi akhir Menampilkan halaman slide.

Pengecualian -

Kebutuhan non-fungsional

-

 Kebutuhan Non-fungsional

1. Aplikasi Memerlukan internet.

2. Apllikasi harus online selama 24 jam.

(21)

2. Design (Perancangan)

Perancangan adalah proses membuat rancangan dari aplikasi yang akan dikembangkan pada tahapan ini XP secara ketat mengikuti prinsip KIS (keep it simple), menurut premsman, (Surya, 2014) yang artinya desain sederhana selalu lebih disukai daripada representasi yang lebih kompleks.

a. Use Case Diagram

Pada diagram ini menggambarkan hubungan antara aktor dengan sistem, (Dicoding, 2022) pada aplikasi Antrian Qu memiliki 1 aktor yaitu Admin.

Gambar 5 Use Case

(22)

b. Activity Diagram

Pada diagram activity ini bertujuan untuk menggambarkan alur proses- proses yang terjadi pada sistem, (Dicoding, 2022).

Gambar 6 Activity Diagram

(23)

c. CRC Card

Berikut adalah CRC Card dari apllikasi Antrian Qu yang diperoleh dari hubungan antara responsibility antar class.

Tabel 8 CRC Card Beranda Class: Menu Beranda

Responsibilities Collaborator

Menampilkan Halaman informasi jumlah Partner, Partner premium, layanan Partner dan jumlah User

Tabel 9 CRC Card Admin Partner Class: Menu Admin Partner

Responsibilities Collaborator Menampilkan informasi nama

dan email admin partner

Admin Partner

Tabel 10 CRC Card Partner Class: Menu Partner

Responsibilities Collaborator Menampilkan halaman

pengelolaan data Patner

Partner

Tabel 11 CRC Card User Class: Menu User

Responsibilities Collaborator Menampilkan informasi nama

dan email user.

User

(24)

Tabel 12 CRC Card Slide Class: Menu Slide

Responsibilities Collaborator Menampilkan halaman kelola

data Slide.

Sllide

3. Coding (Penerapan)

Pengkodean dikembangkan setelah rancangan awal dilakukan, tetapi tidak langsung untuk melakukan pengkodean program melainkan membuat sebuah pengujian unit. Dalam pengkodean ini menggunakan metode XP menyarankan untuk dua orang pemrogram harus berkerja dalam satu workstation.

4. Testing (Pengujian)

Pengujian unit harus dibuat dan kemudian dijalankan menggunakan framework yang memungkinkan mereka untuk diotomatisasi dan dapat dijalankan dengan muda secara berulang kali. Pengujian ini pada dasarnya berfokus pada fitur- fitur dan fungsionalitas pada sistem.

5. Release (Perilisan)

Setelah semua tahap pengembangan perangkat lunak dilakukan, tahap selanjutnya adalah melakukan perilisan sistem. Pada tahap ini sistem sudah dalam bentuk final dari sistem yang sudah dikembangkan dan siap untuk digunakan oleh pengguna.

(25)

4.1.2 Metodologi Pengumpulan Data

Dalam proses pengembangan aplikasi Antrian Qu tahap pengumpulan data dilakukan dengan cara sebagai berikut :

 Observasi

Yang mana penulis mengambil sumber dari dokumentasi video di channel youtube quantum solutions https://www.youtube.com/watch?v=qwCn1lDR5tA dimana pada video tersebut menampilkan demo aplikasi antrian buatan dari CV.Quantum Solutions yang sudah diterapkan pada salah satu partnernya. Berikut adalah tampilan demo aplikasi antrian yang penulis jadikan rujukan.

4.1.3 Proses Perancangan

Setelah melakukan proses pengumpulan data tahap selanjutnya adalah melakukan perancagan sistem dengan menganalisis sistem yang sedang berjalan dan sistem yang akan diusulkan.

Adapun untuk sistem yang akan diusulkan dalam pembuatan aplikasi Antrian Qu adalah sebagai berikut :

Gambar 7 Antrian Qu Old Version

(26)

Gambar 8 Usulan Sistem Antrian Qu 4.1.4 Tahapan Dan Jadwal Pelaksanaan

A. Tahapan

Tahapan yang dilakukan dalam pengembangan aplikasi Antrian Qu ini, penulis menggunakan metode pengembangan Extreme Programming.

B. Jadwal Pelaksanaan

Tabel 13 Jadwal Pelakasanaan

No. Uraian Kegiatan

Bulan

Januari Februari Maret April Mei 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

1. Perancangan

2. Desain

3. Coding

4. Testing

5. Perilisan

6. Pembuatan Laporan

(27)

4.2 Perancangan Dan Implementasi 4.2.1 Analisa Data

Dalam pengembangan aplikasi Antrian Qu ini membutuhkan beberapa data, adapun data yang dibutuhkan untuk mengembangkan aplikasi Antrian Qu adalah Sebagai berikut:

1. Data Partner

2. Data Layanan Partner 3. Data Persyaratan 4.2.2 Rancangan Aplikasi

Berikut adalah proses perancangan aplikasi Antrian Qu berabasis mobile berdasarkan tahapan pada metode pengembanagan Extreme programming.

a. Prototype Aplikasi Antrian Qu

Berikut ini merupakan gambaran dari aplikasi yang akan dikembangkan.

Gambaran meliputi halaman Beranda, Halaman Admin, Halaman Partner, Halaman User, Halaman Slide.

1. Tampilan Prototype Halaman Beranda

Gambar 9 Desain Beranda

(28)

 Halaman Beranda

Halaman ini merupakan halaman yang menampilkan jumlah partner, partner premium, jumlah layanan partner dan jumlah user yang bergabung ke aplikasi antrian qu

2. Tampilan Prototype Halaman Admin

Gambar 10 Desain Admin

 Halaman Admin

Halaman ini nantinya akan menampilkan data nama dan admin partner yang bergabung di aplikasi antrian qu.

3. Tampilan Prototype Halaman Partner

Gambar 11 Desain partner

(29)

 Halaman Partner

Halaman ini nantinya akan digunakan untuk melakukan pengelolaan data partner, mulai dari layanan partner dan persyaratan partner.

4. Tampilan Prototype Halaman User

Gambar 12 Desain User

 Halaman user

Halaman ini untuk menampilkan data nama dan email user yang menggunakan aplikasi Antrian Qu.

5. Tampilan Prototype Halaman Slide

Gambar 13 Desain Slide

(30)

 Halaman Slide

Pada menu ini nantinya digunakan untuk melakukan input beberapa slide yang dibutuhkan pada aplikasi Front-end Antrian Qu.

b. Coding

1. Pair Programming

Pada Pair Programming disini penulis bekerja sama dengan tim untuk melakukan penulisan kode program, dimana anggota tim lain akan mengkoreksi code program yang telah dibuat.

Gambar 14 Pair Programming

2. Continious Integration

Untuk mencapai Continous Integration disini penulis menggunakan tools Github untuk menyimpan dan mengelola source code dari aplikasi Back-end Antrian Qu agar mempermudah tim saat mengidentifikasi bug dan menghapusnya selama proses pengembangan.

(31)

Gambar 15 Continious Integration

Pada pengujian aplikasi Antrian Qu berbasis mobile disini penulis menggunakan metode black box testing yang mana dalam metode tersebut hanya menguji hasil input dan output dari perangkat lunak tanpa mengetahui struktur kode dari perangkat lunak. Berikut adalah hasil pengujian aplikasi Antrian Qu berbasis mobile.

c. Testing

3. Pengujian Black Box

Tabel 14 Black Box Testing Tambah Data Partner NO Skenario

Pengujian

Hasil yang diharapkan

Hasil Pengujian Kesimpulan

1 Menginputkan form email dengan tidak menggunakan

@

Muncul alert peringatan

Normal

(32)

2 Mengosongkan inputan Nama Partner

Muncul peringatan

Normal

3 Mengosongkan inputan Alamat Kantor

Muncul peringatan

Normal

4 Mengosongkan Inputan Layanan Kantor

Muncul peringatan

Normal

5 Mengosongkan inputan Persyaratan

Muncul peringatan

Normal

(33)

6. Menginputkan data sesuai dengan permintaan

Berhasil menginputkan data

Normal

Tambah Data Slide No Skenario

pengujian

Hasil yang diharapkan

Hasil pengujian kesimpulan

1 Tidak

menginputkan apapun difield Nama Gambar

Terjadi peringatan field tidak boleh kosong

Normal

2. Menginputkan file di field gambar selain eksitensi jpeg,jp dan png

Tidak bisa menginputkan file

Terjadi loading karna file tidak sesuai

3. Menginputkan file lebih dari 2 Mb

Tidak bisa menginputkan data

Normal

4. Menginputkan file gambar sesuai dengan format

Data berhasil ditambahkan

Normal

(34)

d. Release (Perilisan)

Setelah semua tahap pengembangan perangkat lunak dilakukan, tahap selanjutnya adalah melakukan perilisan sistem. Pada tahap ini sistem sudah dalam bentuk final dari sistem yang sudah dikembangkan dan siap untuk digunakan oleh pengguna.

4.2.3 Implementasi Sistem

Pada implementasi ini mulai menerapkan desain atau prototype yang telah dibuat kedalam Framework atau bahas pemrograman yang dipilih.pada kasus ini penulis menggunakan framework Laravel untuk mengembangkan aplikasi Antrian Qu dengan tampilan sebagai berikut:

1. Tampilan Halaman Beranda

Gambar 16 Halaman Beranda

 Halaman Beranda

Halaman ini menampilkan Jumlah Partner,Partner Premium Layanan Partner dan Jumlah User yang bergabung ke Aplikasi Antrian Qu.

(35)

2. Tampilan Halaman Admin

Gambar 17 Halaman Admin

 Halaman Admin Partner

Pada halaman ini nantinya admin mengetahui informasi Nama Admin Partner dan Email Partner yang telah bergabung dengan aplikasi Antrian Qu.

3. Tampilan Prototype Halaman Partner

Gambar 18 Halaman Partner

 Halaman Partner

Pada halaman ini nantinya admin akan melakukan pengelolaan data Partner dimulai dari Layanan dan Persyaratan Partner.

(36)

4. Tampilan Prototype Halaman User

Gambar 19 Halaman User

 Halaman User

Pada halaman ini nantinya admin dapat melihat nama User dan Email User yang telah bergabung ke Apllikasi Antrian Qu.

5. Tampilan Prototype Halaman Slide

Gambar 20 Halaman Slide

 Halaman Slide

Halaman ini nantinya digunakan untuk menginput gambar slide pada Aplikasi Android Antrian Qu.

(37)

4.2.4 Dampak Implementasi Aplikasi

Dampak yang dihasilkan ketika aplikasi berhasil diimplementasikan bagi penulis, yaitu penulis puas dengan implementasi aplikasi, karena dapat mengimplementasikan Desain aplikasi ke dalam bentuk aplikasi yang nyata.

Dampak aplikasi bagi perusahaan adalah aplikasi dapat disewakan kepada perusahan perusahaan atau dinas dinas yang ingin menggukana aplikasi ini.

Dampak aplikasi bagi kampus dapat dijadikan sebagai hasil laporan selama kerja praktek dilaksanakan .

4.2.5 Kesulitan Dan Solusi Selama Kerja Praktek

Selama mengerjakan kegiatan kerja praktek disini penulis mengalami beberapa kesulitan dalam hal pengembangan aplikasi Antrian Qu yaitu penulis belum sepenuhnya mengetahui cara kerja aplikasi yang dibuat dikarenakan aplikasi ini merupakan pengembangan dari aplikasi sebelumnya, sharing mengenai aplikasi belum maksimal karena aplikasi ini juga nantinya akan di lanjutkan setelah kerja praktek selesai, kendala lain belum maksimalnya dibuat aplikasi ini dikarenakan mengerjakan secara remote dari rumah.

(38)

BAB V PENUTUP

5.1 Kesimpulan

Setelah menyelesaikan Aplikasi Antrian Qu penulis banyak belajar mengenai penggunan Framework Laravel, belajar dalam menggunakan code yang best practice walaupun belum sepenuhnya dimaksimalkan, belajar mengerjakan suatu proyek dalam sebuah Tim.

5.2 Saran

Saran untuk perusahaan agar dapat membuat ruangan kerja satu ruangan sehingga mudah dalam melakukan diskusi dan sharing. CV. Quantum Soutions bisa menjadi rekomendasi tempat kerja praktek untuk mahasiswa-mahasiswa yang akan melakasanakan kerja praktek.

(39)

DAFTAR PUSTAKA

Suryn, W. (2014). Software Quality Engineering: A Practitioner’s Approach. In Software Quality Engineering: A Practitioner’s Approach (Vol. 9781118592496).

https://doi.org/10.1002/9781118830208

Dicoding, https://www.dicoding.com/blog/contoh-use-case-diagram/ diakses pada tanggal 25 Juni 2022. 10.40 WIB

Dicoding, https://www.dicoding.com/blog/apa-itu-activity-diagram/ diakses pada tanggal 25 Juni 2022. 10.40 WIB

Solutions, C V Quantum. 2015. “Company Profile CV QUANTU SOLUTIONS.”

(40)

Lampiran 1. Surat Balasan Dari Perusahaan

(41)

Lampiran 2. Absensi Kerja Praktek

(42)

(43)

(44)

(45)