RANCANG BANGUN HALAMAN LOGIN, REGISTER, PROFILE, DAN DASHBOARD PADA SISTEM PANEL ADMIN BERBASIS WEB LAPORAN KERJA MAGANG

(1)

RANCANG BANGUN HALAMAN LOGIN, REGISTER, PROFILE, DAN DASHBOARD PADA SISTEM PANEL ADMIN BERBASIS WEB

LAPORAN KERJA MAGANG

Achmad Ilyasa Nugraha 00000025885

PROGRAM STUDI INFORMATIKA FAKULTAS TEKNIK DAN INFORMATIKA UNIVERSITAS MULTIMEDIA NUSANTARA

TANGERANG 2021

(2)

LEMBAR PENGESAHAN LAPORAN KERJA MAGANG

Oleh

Nama : Achmad Ilyasa Nugraha

NIM : 00000025885

Program Studi : Informatika

Fakultas : Teknik dan Informatika

Tangerang, Tanggal Bulan Tahun Dosen Pembimbing

(Yaman Khaeruzzaman, M.Sc.)

Dosen Penguji

(Alexander Waworontu, S.Kom., M.T.I.)

Mengetahui,

Ketua Program Studi Informatika,

Digitally signed by Alexander

Waworuntu Date: 2021.06.25 08:39:49+07'00'

Digitally signed by Yaman Khaeruzzaman

DN: cn=Yaman Khaeruzzaman, o=Universitas Multimedia Nusantara, ou=Informatics, email=yaman.khaeruzzaman@

umn.ac.id, c=ID Date: 2021.06.25 10:35:33 +07'00'

Digitally signed by Marlinda Vasty

(3)

PERNYATAAN TIDAK MELAKUKAN PLAGIAT

Dengan ini saya yang bertanda tangan di bawah ini:

Nama : Achmad Ilyasa Nugraha

NIM : 00000025885

Program Studi : Informatika

Fakultas : Teknik dan Informatika

Menyatakan bahwa saya telah melaksanakan praktik kerja magang:

Nama perusahaan : PT. Nanang Nusantara Tritama

Divisi : IT (Informasi Teknologi) / Web Developer Alamat : Jl. Kebon Jeruk 19 No. 100 Jakarta Kota 11160 Periode magang : 25 Januari 2021 - 25 April 2021

Pembimbing lapangan : Bapak Nurhasan

Laporan kerja magang merupakan hasil karya saya sendiri, dan saya tidak melakukan plagiat. Semua kutipan karya ilmiah orang lain atau lembaga lain yang dirujuk dalam laporan kerja magang ini telah saya sebutkan sumber kutipannya serta saya cantumkan di Daftar Pustaka. Jika di kemudian hari terbukti ditemukan kecurangan/ penyimpangan, baik dalam pelaksanaan kerja magang maupun dalam penulisan laporan kerja magang, saya bersedia menerima konsekuensi dinyatakan tidak lulus untuk mata kuliah kerja magang yang telah saya tempuh.

Tangerang, 14 Juni 2021

Achmad Ilyasa Nugraha

(4)

KATA PENGANTAR

Puji syukur kepada Tuhan Yang Maha Esa atas segala karunia dan rahmat- Nya sehingga penulis dapat menyelesaikan laporan kerja magang yang berjudul

“Rancang Bangun Halaman Login, Register, Profile, dan Dashboard Pada Sistem Panel Admin Berbasis Web”. Tentunya dalam menyusun laporan ini, banyak pihak yang telah membantu baik berupa moril dan spiritual. Serta dengan berakhirnya penulisan laporan kerja magang ini diucapkan terima kasih sebanyak banyaknya kepada PT. Nanang Nusantara Tritama yang telah memberikan kesempatan untuk dapat melaksanakan kerja magang sebagai web developer.

Selain itu, penulis ingin mengucapkan terima kasih kepada:

1. Bapak Dr. Ninok Leksono, selaku rektor Universitas Multimedia Nusantara.

2. Dr. Eng. Niki Prastomo, S.T., M.Sc., selaku dekan fakultas teknik dan informatika Universitas Multimedia Nusantara.

3. Ibu Marlinda Vasty Overbeek, S.Kom., M.Kom., selaku kepala program studi informatika Universitas Multimedia Nusantara.

4. Bapak Yaman Khaeruzzaman, M.Sc., selaku dosen pembimbing yang telah memberikan bantuan, arahan dan masukan dalam penyusunan laporan ini.

5. Bapak Nurhasan, selaku direktur utama PT. Nanang Nusantara Tritama yang sudah menginjinkan melakukan pelaksanaan kerja magang di perusahaannya serta menjadi bimbingan lapangan selama pelaksanaan kerja magang.

6. Keluarga dan teman-teman yang selalu mendukung hingga terealisasinya laporan kerja magang ini.

(5)

ABSTRAK

PT. Nanang Nusantara Tritama merupakan perusahaan dalam bidang tekstil dan aksesoris yang mana kegiatan utamanya yaitu pembuatan seragam dan aksesoris untuk perusahaan lain. Proyek yang dikerjakan selama pelaksanaan kerja magang pada perusahaan PT. Nanang Nusantara Tritama ialah membuat sistem panel admin yang diberi nama NNT Admin berbasis web. NNT Admin ini juga digunakan sebagai pengolahan data pada perusahaan tersebut yang bertujuan untuk mempermudah pengerjaan tiap karyawannya agar kinerja perusahaan berjalan lebih cepat dan efisien. Rancangan User Interface atau antarmuka pada NNT Admin dibuat menggunakan Adobe XD. Pengembangan dan perancangan NNT Admin dibuat menggunakan bahasa pemrograman PHP 8 serta menggunakan framework CodeIgniter 3. Database yang digunakan ialah MySQL dan dibuat menggunakan phpMyAdmin. Hasil dari pembuatan NNT Admin ini masih dalam tahap pengembangan di mana belum digunakan secara langsung oleh PT. Nanang Nusantara Tritama sebagai tempat pengolahan datanya.

Kata kunci: CodeIgniter 3, MySQL, PHP, PT. Nanang Nusantara Tritama , Sistem Panel Admin

(6)

DEVELOPMENT OF LOGIN, REGISTER, PROFILE, AND DASHBOARD PAGES IN THE WEB-BASED ADMIN PANEL SYSTEM

ABSTRACT

PT. Nanang Nusantara Tritama is a textile and accessories company which is manucfacturing of uniforms and accessories for other companies. Projects carried out during the implementation of the internship at the company PT. Nanang Nusantara Tritama is to create a panel admin system named NNT Admin based on a web. NNT Admin is also used as data processing at the company which aims to make it easier for each employee to work so that the company’s performance runs faster and more efficiently. The design of the User Interface on NNT Admin was created using Adobe XD. The development and design of NNTAdmin was made using the PHP 8 programming language and using the CodeIgniter 3 framework.

The database used was MySQL and was created using phpMyAdmin. The result of making NNT Admin is still in the development stage it has not been used directly by PT. Nanang Nusantara Tritama as a running system for data processing.

Keywords: CodeIgniter 3, MySQL, PHP, PT. Nanang Nusantara Tritama , System Admin Panel

(7)

DAFTAR ISI

HALAMAN PENGESAHAN . . . ii

PERNYATAAN TIDAK MELAKUKAN PLAGIAT . . . iii

KATA PENGANTAR . . . iv

ABSTRAK . . . v

ABSTRACT . . . vi

DAFTAR ISI . . . vii

DAFTAR GAMBAR . . . viii

DAFTAR TABEL . . . ix

BAB 1 PENDAHULUAN . . . 1

1.1 Latar Belakang Masalah . . . 1

1.2 Maksud dan Tujuan Kerja Magang . . . 2

1.3 Waktu dan Prosedur Pelaksanaan Kerja Magang . . . 3

BAB 2 GAMBARAN UMUM PERUSAHAAN . . . 4

2.1 Sejarah Singkat Perusahaan . . . 4

2.2 Visi dan Misi Perusahaan . . . 5

2.2.1 Visi Perusahaan . . . 5

2.2.2 Misi Perusahaan . . . 5

2.3 Struktur Organisasi Perusahaan . . . 6

BAB 3 PELAKSANAAN KERJA MAGANG . . . 7

3.1 Kedudukan dan Organisasi . . . 7

3.2 Tugas yang Dilakukan . . . 9

3.3 Uraian Pelaksanaan Magang . . . 9

3.3.1 Spesifikasi Perangkat . . . 12

3.3.2 Analisa Kebutuhan . . . 13

3.3.3 Perancangan Sistem . . . 14

3.3.4 Implementasi . . . 25

3.4 Kendala dan Solusi yang Ditemukan . . . 29

3.4.1 Kendala yang Ditemukan . . . 29

3.4.2 Solusi Atas Kendala yang Ditemukan . . . 29

BAB 4 SIMPULAN DAN SARAN . . . 30

4.1 Simpulan . . . 30

4.2 Saran . . . 30

DAFTAR PUSTAKA . . . 32

DAFTAR LAMPIRAN . . . 33

(8)

DAFTAR GAMBAR

Gambar 2.1 Logo PT. Nanang Nusantara Tritama . . . 4

Gambar 2.2 Struktur Organisasi Perusahaan . . . 6

Gambar 3.1 Struktur Organisasi Pelaksanaan Kerja Magang . . . 7

Gambar 3.2 Flowchart Keseluruhan Sistem . . . 15

Gambar 3.3 Flowchart Login . . . 16

Gambar 3.4 Flowchart Register . . . 17

Gambar 3.5 Flowchart Update . . . 18

Gambar 3.6 Database Skema . . . 19

Gambar 3.7 User Interface Login Admin . . . 23

Gambar 3.8 User Interface Register Admin . . . 23

Gambar 3.9 User Interface Admin Profile . . . 24

Gambar 3.10 User Interface Dashboard . . . 24

Gambar 3.11 Halaman Login . . . 25

Gambar 3.12 Halaman Register . . . 25

Gambar 3.13 Halaman Dashboard . . . 26

Gambar 3.14 Halaman Profile Pertama . . . 27

Gambar 3.15 Halaman Profile Kedua . . . 27

Gambar 3.16 Alert Profile . . . 28

Gambar 3.17 Toast Logout . . . 28

(9)

DAFTAR TABEL

Tabel 3.1 Tabel Pembagian Tugas . . . 8

Tabel 3.2 Tabel Rapat Progress . . . 8

Tabel 3.3 Tabel Uraian Pelaksanaan Magang . . . 10

Tabel 3.4 Tabel company . . . 19

Tabel 3.5 Tabel fabric . . . 20

Tabel 3.6 Tabel product . . . 20

Tabel 3.7 Tabel purchaseorder . . . 21

Tabel 3.8 Tabel orderdetail . . . 21

Tabel 3.9 Tabel user . . . 22

(10)

Daftar Lampiran

Lampiran 1. Surat KM-03 . . . 33

Lampiran 5. Riwayat Hidup (CV) . . . 42

Lampiran 6. Surat Bimbingan Magang . . . 43