LAPORAN KERJA PRAKTEK

Analisa Dan Perancangan Sistem Informasi Pada Fitur

Galeri

(Studi Kasus : PT. TUNGGAL JAYA MANDIRI)

Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Pada

Fakultas Ilmu Komputer

Oleh:

41817210007 Benni Andreas

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS ILMU KOMPUTER
UNIVERSITAS MERCU BUANA
JAKARTA
2020
LEMBAR PERSETUJUAN KERJA PRAKTEK UNTUK
EVALUASI

ii
iii
 KATA PENGANTAR

Puji syukur kehadirat Allah SWT atas segala rahmat-Nya Laporan Kerja Praktek yang
berjudul “Analisa Dan Perancangan Sistem Informasi Pada Fitur Galeri ( Studi
Kasus: PT. Tunggal Jaya Mandiri)” ini dapat terselesaikan dengan baik untuk
melengkapi salah satu syarat dari Fakultas Ilmu Komputer Universitas Mercu Buana
dalam memperoleh gelar sarjana. Adapun tujuan penulisan laporan ini adalah sebagai
dokumentasi dari hasil kerja praktek yang dilaksanakan kurang lebih selama dua bulan di
divisi Maintenance & IT. Support.

Penulis menyadari bahwa tanpa bantuan dan bimbingan berbagai pihak

yang telah berkontribusi, laporan ini tidak akan sempurna. Oleh karena itu,
penulis mengucapkan terima kasih kepada :

1. Bapak Ir. Fajar Masya, MMSI selaku Dosen Pembimbing Kerja Praktek

2. Ibu Ratna Mutu Manikam, S.Kom., M.T selaku Kepala Program Studi
Sistem Informasi
3. Ibu Sri Dianing Asri, ST, M.Kom selaku Sekretaris Program Studi Sistem
Informasi
4. Ibu Inge Handriani, M.Ak., M.MSI selaku Koordinator Kerja Praktek

5. Ibu Betty Susilawati, S.E selaku Direktur Utama PT. Tunggal Jaya Mandiri

Tak lupa juga penulis ingin mengucapkan terimakasih kepada pihak-pihak

terkait lainnya yang telah banyak membantu baik itu untuk pelaksanaan kerja
praktek maupun dalam penyelesaian Laporan Kerja Praktek ini. Akhir kata,
penulis berharap agar laporan ini dapat bermanfaat dan berguna untuk pembaca
sebagaimana mestinya.

Jakarta, 12 Oktober 2020

Benni Andreas

iv
 DAFTAR ISI

KATA PENGANTAR.....................................................................................................iv
DAFTAR ISI....................................................................................................................v
DAFTAR TABEL..........................................................................................................vii
DAFTAR GAMBAR....................................................................................................viii
DAFTAR LAMPIRAN...................................................................................................ix
ABSTRACT......................................................................................................................x
ABSTRAK.......................................................................................................................xi
BAB I PENDAHULUAN.................................................................................................2
1.1. Latar Belakang....................................................................................................2
1.2. Ruang Lingkup Kerja Praktek..........................................................................2
1.3. Waktu dan Tempat Pelaksanaan Kerja Praktek..............................................2
1.4. Tujuan dan Manfaat...........................................................................................3
1.5. Sistematik Penulisan...........................................................................................3
BAB II GAMBARAN UMUM PERUSAHAAN...........................................................2
2.1. Sejarah Perusahaan............................................................................................2
2.2. Struktur Organisasi............................................................................................6
2.3. Visi dan Misi Perusahaan...................................................................................7
2.4. Budaya Kerja dan Filosofi Perusahaan.............................................................7
2.5. Logo Perusahaan.................................................................................................8
BAB III HASIL KEGIATAN KERJA PRAKTEK......................................................6
3.1. Waktu Pelaksanaan Kerja Praktek...................................................................6
3.2. Sistem dan Prosedur Kerja................................................................................6
3.3. Bidang Kegiatan..................................................................................................6
3.4. Tugas dan Tanggung Jawab...............................................................................6
BAB IV ANALISA USULAN PENGEMBANGAN SISTEM....................................10
4.1. Analisa Masalah................................................................................................10
4.2. Analisa Usulan Pengembangan Sistem............................................................12
4.2.1. Rancangan Use Case Diagram Dan Use Case Description.............................12
4.2.2. Rancangan Activity Diagram...........................................................................18
4.2.3. Rancangan Sequence Diagram.........................................................................23
4.2.4. Rancangan Class Diagram...............................................................................28
4.2.5. Rancangan Spek Basis Data Diagram.............................................................29
4.2.6. Rancangan UI (User Interface)........................................................................32
4.2.7. Rancangan Keluaran Output...........................................................................43
BAB V KESIMPULAN DAN SARAN.........................................................................44
5.1. Kesimpulan........................................................................................................44

v
5.2. Saran..................................................................................................................44
DAFTAR PUSTAKA.....................................................................................................45
LAMPIRAN...................................................................................................................46

vi
 DAFTAR TABE

Table 4. 1 Use Case Description Login.........................................................................13

Table 4. 2 Use Case Description Nama Kota................................................................14
Table 4. 3 Use Case Description Proses Hasil Proyek.................................................15
Table 4. 4 Use Case Decription Menerima Laporan...................................................16
Table 4. 5 Use Case Description Mengelolah Galeri....................................................17
Table 4. 6 Rancangan Basis Data Pengawas Lapangan..............................................29
Table 4. 7 Rancangan Basis Data Data Dokumentasi..................................................30
Table 4. 8 Rancangan Basis Data Admin.....................................................................31

vii
 DAFTAR GAMBAR

Gambar 2. 1 Struktur Organisasi Perusahaan..............................................................6

Gambar 2. 2 Logo Perusahaan Tunggal Jaya Mandiri.................................................8
Gambar 4. 3 Use Case Diagram....................................................................................12
Gambar 4. 4 Activity Diagram Login...........................................................................18
Gambar 4. 5 Activity Diagram Nama Kota..................................................................19
Gambar 4. 6 Activity Diagram Proses Hasil Proyek...................................................20
Gambar 4. 7 Activity Diagram Menerima Laporan....................................................21
Gambar 4. 8 Activity Diagram Mengelolah Galeri......................................................22
Gambar 4. 9 Sequence Diagram Hasil Proyek.............................................................23
Gambar 4. 10 Sequence Diagram Hasil Proyek...........................................................24
Gambar 4. 11 Sequence Diagram Proses Hasil Proyek...............................................25
Gambar 4. 12 Sequence Diagram Menerima Laporan...............................................26
Gambar 4. 13 Sequence Diagram Mengelolah Galeri.................................................27
Gambar 4. 14 Class Diagram........................................................................................28
Gambar 4. 15 User Interface Halaman Galeri.............................................................32
Gambar 4. 16 User Interface Halaman Login Pengawas Lapangan..........................33
Gambar 4. 17 User Interface Nama Kota.....................................................................34
Gambar 4. 18 User Interface Proses Hasil Proyek......................................................35
Gambar 4. 19 User Interface Detail Proyek Pengawas Lapangan.............................36
Gambar 4. 20 User Interface Update Dokumentasi....................................................37
Gambar 4. 21 User Interface Login Admin..................................................................38
Gambar 4. 22 User Interface Profil Admin..................................................................39
Gambar 4. 23 User Interface Mengelolah Pengawas Lapangan.................................40
Gambar 4. 24 User Interface Mengelolah Data Proyek..............................................41
Gambar 4. 25 User Interface Detail Proyek.................................................................42
Gambar 4. 26 Rancangan Keluaran Output Melihat Laporan..................................43

DAFTAR LAMPIRA

viii
Lampiran 1 Kartu Konsultasi Pembimbingan Perusahaan........................................46
Lampiran 2 Kartu Konsultasi Pembimbingan Program Studi..................................47
Lampiran 3 Surat Keterangan Kerja...........................................................................48
Lampiran 4 Lembar Penilaian Kerja Praktek.............................................................49
Lampiran 5 Dokumentasi..............................................................................................50

ix
 ABSTRACT

Nama : Benni Andreas

NIM : 41817210007

Program Studi : Sistem Informasi

Pembimbing : Ir. Fajar Masya, MMSI

Judul : Analisa Perancangan Sistem Informasi Pada Fitur

Galeri (Studi Kasus: PT. Tunggal Jaya Mandiri)

Designing Information Systems in the Gallery Feature is about designing

an information website for company documentation results during field work
projects. PT. Tunggal Jaya Mandiri is engaged in the field of field infrastructure
contractor, this system is made for the field supervisor to enter documentation
report data when the project is in progress, to make it easier to enter
documentation report data without the need to delay until the infrastructure work
projects is complete. In designing information systems in this features gallery
using software such as HTML, CSS, and Sublime Text, with this practical work
the authors can understand the process of analysis and design of information
systems on gallery features at PT. Tunggal Jaya Mandiri.

Key Words: Information System, Gallery, Infrastructure, HTML, CSS, Sublime

Text.

x
 ABSTRAK

Nama : Benni Andreas

NIM : 41817210007

Program Studi : Sistem Informasi

Pembimbing : Ir. Fajar Masya, MMSI

Judul : Analisa Dan Perancangan Sistem Informasi Pada

Fitur Galeri (Studi Kasus: PT. Tunggal Jaya
Mandiri)

Perancangan Sistem Informasi pada Fitur Galeri adalah tentang merancang

sebuah website informasi untuk hasil dokumentasi perusahaan saat projek
pengerjaan di lapangan. PT. Tunggal Jaya Mandiri bergerak dalam bidang
kontraktor bagian infstruktur lapangan, sistem ini dibuat untuk bagian pengawas
lapangan dalam memasukan data laporan dokumentasi saat projek pengerjaan
sedang berlangsung, agar lebih mudah dalam memasukan data laporan
dokumentasi tanpa perlu menunda-nunda sampai projek pengerjaan infratruktur
selesai. Pada perancangan sistem informasi pada fitur galeri ini menggunakan
perangkat lunak seperti HTML, CSS dan Sublime Text, dengan adanya kerja
praktek ini penulis dapat memahami proses analisa dan perancangan sistem
informasi pada fitur galeri di PT. Tunggal Jaya Mandiri.

Kata Kunci: Sistem Informasi, Galeri, Infrastruktur, HTML, CSS, Sublime Text.

xi
 BAB I
PENDAHULUAN

1.1. Latar Belakang

Website merupakan salah satu pemanfaatan komputer yang terintegrasi

dengan internet. Semakin berkembangnya pemanfaatan internet secara umum dan
penggunaan website terhadap perusahan – perusahaan dalam segala bidang seperti
informasi perusahaan, rekrutmen tenaga kerja secara online dan masih banyak
lagi.
Dengan adanya website ini maka akan memberikan kemudahan bagi
perusahaan. Dengan memanfaatkan kemajuan teknologi sangat penting bagi suatu
perusahaan, bahkan di zaman seperti sekarang ini hampir semua perusahaan
mempunyai website untuk berbagai keperluan. Dengan memanfaatkan website,
perusahaan dapat mengurangi pekerjaan yang sebelumnya menggunakan sistem
manual. Sistem manual memang bagus untuk perusahaan kecil tetapi untuk
perusahaan maju dan berkembang haruslah menggunakan sistem yang ter-
otomatisasi karena tidak memungkinkan jika menggunakan sistem manual secara
terus - menerus, karena suatu data pasti bertambah banyak seiring dengan
waktunya.

Website ini dapat memberikan kemudahan bagi perusahaan PT. Tunggal

Jaya Mandiri yang masih menggunakan sistem manual dalam memasukan data-
data dokumentasi pada proses bidang infrastruktur yang di kerjakan oleh
perusahaan dan menemui berbagai kendala informasi. Suatu masalah dihadapi
oleh bagian Administrasi, yaitu pendataan tenaga kerja yang akan disalurkan,
informasi perusahaan. Begitu juga yang dialami oleh HRD, manajemen
perekrutan juga masih menggunakan sistem manual sehingga data tenaga kerja
sering kali tercecer dan 2 menghabiskan banyak tempat. Untuk itu diperlukan
sebuah sistem informasi dan administrasi dalam perusahaan tersebut, supaya
aktifitas kerja berjalan dengan lancar.

1
 2

Berdasarkan permasalahan – permasalahan tersebut diatas maka penulis

mengambil judul “Analisa Dan Perancangan Sistem Informasi Pada Fitur Galeri
( Studi Kasus: PT. Tunggal Jaya Mandiri)”. Perumusan Masalah Berdasarkan latar
belakang masalah, maka dapat dirumuskan sebagai berikut: “Bagaimana membuat
sistem informasi fitur galeri berbasis web pada PT. Tunggal Jaya Mandiri.
Dimana pembuatan aplikasi menggunakan bahasa pemrograman berbasis web
PHP/HTML dan database Mysql dengan menggunakan aplikasi browser pada
Komputer atau Laptop untuk dapat mengaksesnya.

1.2. Ruang Lingkup Kerja Praktek

Ruang lingkup dari pembahasan dalam penulisan Laporan Kerja Praktek ini merupakan
batasan yang dilakukan dalam menyelesaikan tugas kerja praktek sesuai dengan bidang
dan jurusan yang ditempuh, dalam kesempatan kerja praktek ini penulis bertugas untuk
membuat Analisa dan Perancangan Sistem Informasi pada Fitur Galeri di PT.
Tunggal Jaya Mandiri.

1.3. Waktu dan Tempat Pelaksanaan Kerja Praktek

Waktu dan Lokasi dilaksanakan Kerja Praktek adalah:

Hari : Senin s/d Jum’at

Tanggal : 25 Juli s/d 25 September 2020
Waktu : 08.00 s/d 16.30 WIB
Tempat : Jl. Raya Hankam NO120, RT.002/RW.010, Jatiwarna, Pondok
Melati, Kota Bekasi 17415, Jawa Barat
 3

1.4. Tujuan dan Manfaat

Tujuan Kerja Praktek antara lain:

1. Mahasiswa dapat memperoleh kesempatan untuk menerapkan ilmu

pengetahuan yang telah diperoleh dalam perkuliahan untuk diterapkan dalam
lapangan kerja.
2. Meningkatkan keterampilan, kemampuan kerjasama, kemandirian, dan
wawasan mahasiswa melalui pengalaman kerja pada Instansi atau Lembaga.
3. Mahasiswa dapat mengetahui seperti apa proses kerja di perusahaan tersebut.

Manfaat Kerja Praktek antara lain:

1. Dapat memperoleh gambaran dunia kerja yang nantinya berguna bagi

mahasiswa yang bersangkutan apabila telah menyelesaikan perkuliahannya,
sehingga dapat menyesuaikan diri dengan dunia kerja.

2. Menjalankan hubungan kerjasama antara perguruan tinggi dan instasi atau

lembaga yang terkait.
3. Melatih diri untuk menghadapi sekaligus mengatasi masalah atau tekanan
yang mungkin muncul ketika berhadapan langsung di dunia kerja.

1.5. Sistematik Penulisan

Sistematika penulisan yang digunakan oleh penulis dalam Laporan Kerja

Praktek ini adalah sebagai berikut :

BAB I PENDAHULUAN
Dalam bab ini diuraikan tentang latar belakang permasalahan, ruang lingkup
kerja praktek, waktu dan tempat pelaksanaan kerja praktek, tujuan dan manfaat
serta sistematika penulisan laporan kerja praktek.

BAB II GAMBARAN UMUM PERUSAHAAN

Bab ini menjelaskan deskripsi umum tentang profil Badan Kepegawaian
Negara, seperti sejarah perusahaan, struktur organisasi, filosofi, visi dan misi serta
logo instansi/perusahaan.
 4

BAB III HASIL KEGIATAN KERJA PRAKTEK

Bab ini berisi tentang detail aktivitas pelaksanaan kerja praktek, bidang
kegiatan kerja praktek, sistem dan prosedur kerja, serta tugas juga tanggung jawab
yang dilakukan selama masa kerja praktek berjalan.

BAB IV ANALISA USULAN PENGEMBANGAN SISTEM

Dalam bab ini berisi tentang analisa masalah proses bisnis/sistem berjalan
dan analisa usulan rancangan pengembangan sistem yang dibuat selama masa
kerja praktek berjalan.

BAB V KESIMPULAN DAN SARAN

Bab ini berisi kesimpulan selama penulis melakukan kerja praktek di
perusahaan serta saran yang mungkin berguna bagi para pembaca yang
berhubungan dengan hasil kerja praktek.
 BAB II
GAMBARAN UMUM PERUSAHAAN

2.1. Sejarah Perusahaan

Berawal dari Perseroan Komanditer CV Tunggal Jaya yang berdiri tanggal

23 November 1991 dan setelah 13 Tahun perusahaan ini berjalan dan telah banyak
mengerjakan proyek proyek baik peroyek Pemerintahan seperti Dinas Pekerjaan
Umum dan Proyek BUMN yaitu PT Jasa Marga. Dan dengan semakin
meningkatnya permintaan dari pelanggan maka pada tanggal 20 Februari 2004
memutuskan untuk mengubah tingkat menjadi Perseroan Terbatas dan mengubah
nama menjadi PT Tunggal Jaya Mandiri yang hingga sekarang masih berjalan.
PT Tunggal Jaya Mandiri mempunyai kemampuan untuk menghasilkan
Pekerjaan di bidang Pembuatan Jalan baik jalan arteri maupun jalan tol, Jembatan,
Irigasi, dan Drainase, Drainase Perumahan Tunggal dan Kopel, Perumahan Multi
Hunian.
Dalam menjalankan proses bisnisnya, PT Tunggal Jaya Mnadiri
menerapkan sistem pengelolaan mutu dan K3 dengan tujuan menghasilkan Project
yang sesuai dengan persyaratan pelanggan, perundangan, dan peraturan teknis
yang berlaku. Sistem Menajemen Mutu dan SMK3 yang di terapkan pada PT
Tunggal Jaya Mandiri mengacu pada ISO 9001 dan OHSAS 180001.

5
 6

2.2. Struktur Organisasi

Gambar 2. 1 Struktur Organisasi Perusahaan

Stuktur Organisasi Perusahaan PT. Tunggal Jaya Mandiri, yang berwarna

background merah adalah tempat atau divisi penulis berada dalam perusahaan
tersebut.
 7

2.3. Visi dan Misi Perusahaan

Setiap perusahaan selalu mempunyai visi dan misi untuk mencapai suatu
tujuan dan kinerja yang baik. Visi dan misi dapat membantu meningkatkan kinerja
semua karyawan. sehingga karyawan dapat berkerja lebih efektif dan efisien.
Berikut ini visi dan misi PT. Tunggal Jaya Mandiri sebagai berikut:

Visi:
Menjadi perusahaan yang Jaya dan Mandiri dalam INDUSTRI JASA
KONTRUKSI NASIONAL

Misi:
1. Memberikan jasa kontruksi yang memenuhi Sistem Manajemen Mutu dan
Menerapkan Sistem Manajemen Keselamatan dan Kesehatan Kerja.
2. Mengembangkan dan Meningkatkan kompetensi perusahaan serta sumber
dayanya secara berkesinambungan.
3. Membina Dan Mmemperluas Hubungan Kerja Melalui Kerja Sama Dengan
Perusahaan Jasa Kontruksi Nasional.

2.4. Budaya Kerja dan Filosofi Perusahaan

Sebuah bangunan terdiri dari banyak macam material yang saling

mendukung sehingga dapat berdiri dengan indah serta kuat. disini ada nilai-nilai
persatuan dari keaneka ragaman sehingga dapat tercipta sesuatu yang bagus.
untuk dapat menyelesaikan proyek bangunan dengan baik juga diperlukan
persatuan dan kerjasama antar bermacam bidang keahlian misalnya tukang
bangunan, insinyur, keamanan, akutansi dll.
Pondasi selalu bekerja tanpa lelah untuk menahan agar bangunan diatasnya
tetap dapat berdiri kokoh ditempat, yang lebih mengagumkan lagi adalah sang
pondasi letaknya seringkali tersembunyi sehingga tidak perlu memamerkan
kinerjanya yang sungguh luar biasa hebat.
 8

Untuk dapat mewujudkan bangunan yang bagus diperlukan pengendalian

biaya, tenaga, material dll agar bisa berhemat, prinsip ini hampir sama dengan
pola kehidupan manusia yang sebaiknya berhemat agar bisa menghasilkan sesuatu
yang bagus.

2.5. Logo Perusahaan

Gambar 2. 2 Logo Perusahaan Tunggal Jaya Mandiri

PT Tunggal Jaya Mandiri mempunyai kemampuan untuk menghasilkan

Pekerjaan di bidang Pembuatan Jalan baik jalan arteri maupun jalan tol, Jembatan,
Irigasi, dan Drainase, Drainase Perumahan Tunggal dan Kopel, Perumahan Multi
Hunian. Dalam menjalankan proses bisnisnya, PT. Tunggal Jaya Mandiri
menerapkan sistem pengelolaan mutu dan K3 dengan tujuan menghasilkan Projek
yang sesuai dengan persyaratan pelanggan, perundangan, dan peraturan teknis
yang berlaku.
 BAB III
HASIL KEGIATAN KERJA PRAKTEK

3.1. Waktu Pelaksanaan Kerja Praktek

Kerja praktek dilakukan selama 2 bulan dimulai pada tanggal 25 Juli 2020
sampai dengan 25 Agustus 2020 Kerja Praktek dilakukan dengan menyesuaikan
jadwal perkuliahan.

3.2. Sistem dan Prosedur Kerja

Sistem dan prosedur kerja yang ada pada PT. Tunggal Jaya Mandiri, seperti
bekerja di kantor pada umumnya dimana tuntutanya adalah mengerjakan laporan
dokumentasi pada fitur galeri di aplikasi website pada PT. Tunggal Jaya Mandiri.
Kerja Praktek dilaksanakan bertempat di PT. Tunggal Jaya Mandiri, Jl.
Raya Hankam No120, RT.002/RW.010, Jatiwarna, Pondok Melati, Kota Bekasi
17415, Jawa Barat, adapun jadwal jam kerja karyawan yaitu masuk pukul 08.00
pagi dan pulang pada pukul 16.30 WIB dan dilaksanakan pada hari senin sampai
jumat.
Adapun beberapa peraturan penting yang harus di perhatikan selama
kegiatan kerja praktek ini berlangsung sebagai berikut:
1. Datang sebelum pukul 08.00 WIB pada hari senin sampai jumat.
2. Berpakaian rapih dan sopan (baju berkerah atau kemeja).
3. Tidak membuang sampah sembarang di area kantor.
4. Memasuki ruang kerja yang sudah di berikan.

9
 10

3.3. Bidang Kegiatan

Bidang kegiatan yang dilakukan selama melaksanakan kerja praktek

adalah sebagai berikut:

1. Mendesign halaman website

2. Me-input data proses hasil proyek dokumentasi

3.4. Tugas dan Tanggung Jawab

Tugas dan Tanggung Jawab yang dilakukan saat pelaksanaan kerja praktek
sebagai berikut:

1. Mendesign halaman website

Melakukan design pada halaman website pada fitur galeri.

2. Me-input data proses hasil proyek dokumentasi.

Melakukan input data dokumentasi project PT. Tunggal Jaya Mandiri.
 BAB IV
ANALISA USULAN PENGEMBANGAN SISTEM

4.1. Analisa Masalah

Didalam analis masalah ini penulis menggunakan metode Pieces analisis

sebagai dasar untuk memperoleh pokok – pokok permasalahan yang lebih spesifik
Analisis Pieces merupakan analisa yang melihat system dari performance.
Information, Economic, Controling, Efficiensy, Service.

1. Analisis Kinerja Sistem (Performance)

Dalam hal ini sistem masih memiliki kekurangan pada data laporan yang
masih menunggu laporan dari pihak pengawas lapangan
2. Analisis Kinerja Sistem (Information)
Dalam penyajian informasi bahwa laporan dokumentasi pada bagian
deskripsi masih banyak informasi yang tidak lengkap.
3. Analisis Kinerja Sistem (Economy)
Banyaknya hasil dokumentasi, mengakibatkan pemborosan pada memory
penyimpanan pada handphone maupun kamera, dengan system ini hasil
dokumentasi akan tersimpan di data base.
4. Analisis Kinerja Sistem (Controlling)
Media penyimpanan masih menggunakan Microsoft Excel, dan dengan
minim nya controlling mengakibatkan data hasil proyek mudah hilang.
5. Analisis Kinerja Sistem (Efficiensy)
Masih belum terkomputerisasi dalam hasil laporan dokumentasi.
6. Analisis Kinerja Sistem (Service)
Minimnya informasi dalam proses pengerjaan proyek yang sedang di
jalankan oleh Perusahaan.

11
 12

4.2. Analisa Usulan Pengembangan Sistem

4.2.1. Rancangan Use Case Diagram Dan Use Case Description

1. Use Case Diagram

Gambar 4. 3 Use Case Diagram

Pada Use Case Diagram ini terdapat 2 aktor yaitu Pengawas Lapangan dan
Admin, Masing-masing aktor mempunyai kerjanya tersendiri, yaitu:
a. Pengawas Lapangan dapat melakukan login dan input nama kota untuk
kegiatan proyek kerja perusahaan dan proses hasil proyek yaitu input
dokumentasi proyek.
b. Admin dapat login, melihat laporan dan mengelolah galeri.
 13

1. Use Case Description Login

Table 4. 1 Use Case Description Login

Nama Use Case Login

Aktor Pengawas Lapangan dan Admin
Use case ini mendeskripsikan pengawas lapangan dan Admin
Deskripsi
dalam melakukan login
Pra Kondisi Akses web
Aktor Sistem
1. Membuka menu login
1. Menampilkan form login

Tindakan 2. Isi data form login

2. Sign up dan berhasil login

Pasca Kondisi Hasil nama kota berhasil ter-input

2. Use Case Description Nama Kota

 14

Table 4. 2 Use Case Description Nama Kota

Nama Use Case Nama Kota

Aktor Pengawas Lapangan
Use case ini mendeskripsikan pengawas lapangan dalam memilih
Deskripsi
nama kota proyek perusahaan
Pra Kondisi Akses web
Aktor Sistem
1. Mengakses web.
3. Menampilkan website.
2. Pilih menu galeri.
4. Menampilkan menu galeri.

Tindakan
3. Memilih nama kota.

5. Menampilkan nama kota

Pasca Kondisi Hasil nama kota berhasil ter-input

3. Use Case Description Proses Hasil proyek

Table 4. 3 Use Case Description Proses Hasil Proyek

 15

Nama Use Case Proses Hasil Proyek

Aktor Pengawas Lapangan
Use case ini mendeskripsikan pengawas lapangan dalam proses
Deskripsi
hasil proyek perusahaan
Pra Kondisi Input nama kota
Aktor Sistem
1. Pilih menu galeri.
1. Menampilkan menu galeri.
2. Pilih nama kota
2. Menampilkan nama kota

Tindakan 3. Memasukan proses hasil

proyek perusahaan.

3. Berhasil memasukan hasil

proyek.
Pasca Kondisi Menu rental berhasil ditambah, diubah, atau dihapus

4. Use Case Description Menerima Laporan

Table 4. 4 Use Case Decription Menerima Laporan

Nama Use Case Menerima Laporan

Aktor Admin
 16

Use case ini mendeskripsikan admin untuk menerima laporan hasil

Deskripsi
dokumentasi
Pra Kondisi Akses web
Aktor Sistem
1. Mengakses Web.
1. Menampilkan website.
2. Pilih menu galeri.
2. Menampilkan menu galeri.

Tindakan
3. Melihat laporan dokumentasi
Pasca Kondisi Melihat hasil dokumentasi

5. Use Case Description Mengelolah Galeri

Table 4. 5 Use Case Description Mengelolah Galeri

Nama Use Case Mengelolah Galeri

Aktor Admin
Use case ini mendeskripsikan admin dalam mengelolah galeri
Deskripsi
Pra Kondisi Akses web
 17

Aktor Sistem
2. Mengakses Web.
4. Menampilkan website.
3. Plih menu galeri.
5. Menampilkan menu galeri.

Tindakan 4. Admin melakukan edit

atau delete data
dokumentasi atau nama
6. Data tersimpan.
kota.
Pasca Kondisi Berhasil delete dan edit data dokumentasi atau nama kota

4.2.2. Rancangan Activity Diagram

1. Activity Diagram Login

 18

Gambar 4. 4 Activity Diagram Login

Pada gambar Activity Diagram diatas terdapat alur bagaimana pengawas

lapangan dan admin melakukan login yang terlebih dahulu, mengisi username dan
password, bila gagal maka sistem akan memvalidasi aktor ke bagian isi username
dan password kembali.

2. Activity Diagram Nama Kota

 19

Gambar 4. 5 Activity Diagram Nama Kota

Pada gambar Activity Diagram diatas terdapat alur bagaimana pengawas

lapangan melakukan input nama kota untuk menentukan kota mana yang sedang
tengah menjalani pembangunan infrastruktur dan setelah input nama kota maka
akan tersimpan.
 20

3. Activity Diagram Proses Hasil Proyek

Gambar 4. 6 Activity Diagram Proses Hasil Proyek

Pada gambar Activity Diagram diatas terdapat alur bagaimana pengawas

lapangan melakukan input proses hasil proyek untuk menentukan gambar dan
keterangan pada kegiatan pembangunan infrastruktur dokumentasi perusahaan.

4. Activity Diagram Menerima Laporan

 21

Gambar 4. 7 Activity Diagram Menerima Laporan

Pada gambar Activity Diagram diatas terdapat alur bagaimana admin

dalam menerima laporan hasil proyek kegiatan pembangunan infrastruktur
dokumentasi perusahaan, yang telah di masukan oleh pengawas lapangan di menu
galeri.

5. Activity Diagram Mengelolah Galeri

 22

Gambar 4. 8 Activity Diagram Mengelolah Galeri

Pada gambar Activity Diagram diatas terdapat alur bagaimana admin

dalam mengelolah galeri hasil proses proyek dokumentasi perusahaan, bila
terjadinya kesalahan pada hasil dokumentasi, admin dapat menghapus atau
mengedit hasil dokumetasi tersebut. Dan admin bisa mengubah dan menhapus
data pengawas lapangan.
 23

4.2.3. Rancangan Sequence Diagram

1. Sequence Diagram Login

Gambar 4. 9 Sequence Diagram Hasil Proyek

Pada gambar Sequence Diagram diatas terdapat alur bagaimana pengawas

lapangan dan admin melakukan login yang terlebih dahulu, mengisi username dan
password, bila gagal maka sistem akan memvalidasi aktor ke bagian isi username
dan password kembali. Bila berhasil login maka akan ke tampilan home galeri.

2. Sequence Diagram Nama Kota

 24

Gambar 4. 10 Sequence Diagram Hasil Proyek

Pada gambar Sequence Diagram diatas terdapat alur bagaimana pengawas

lapangan melakukan input nama kota untuk menentukan kota mana yang sedang
tengah menjalani pembangunan infrastruktur dan setelah input nama kota maka
akan tersimpan di data dokumentasi.

3. Sequence Diagram Proses Hasil Proyek

 25

Gambar 4. 11 Sequence Diagram Proses Hasil Proyek

Pada gambar Sequence Diagram diatas terdapat alur bagaimana pengawas

lapangan melakukan input proses hasil proyek untuk menentukan gambar dan
keterangan pada kegiatan pembangunan infrastruktur dokumentasi perusahaan.
Bila berhasil maka akan tersimpan di data dokumentasi.

4. Sequence Diagram Menerima Laporan

 26

Gambar 4. 12 Sequence Diagram Menerima Laporan

Pada gambar Sequence Diagram diatas terdapat alur bagaimana admin

dalam melihat laporan hasil dokumentasi yang sudah selesai maupun proyek yang
belum selesai.

5. Sequence Diagram Mengelolah Galeri

 27

Gambar 4. 13 Sequence Diagram Mengelolah Galeri

Pada gambar Sequence Diagram diatas terdapat alur bagaimana admin

dalam mengelolah galeri hasil proses dokumentasi yang sudah selesai maupun
belum selesaipembangunan infrastrukturnya, bila terjadinya kesalahan pada hasil
input dokumentasi, admin dapat menghapus atau mengedit hasil dokumetasi
tersebut.
 28

4.2.4. Rancangan Class Diagram

Gambar 4. 14 Class Diagram

Pada gambar Class Diagram diatas terdapat alur yang menjelaskan

mengenai apa saja data base yang ada pada sistem ini dan bagaimana relasi atau
hubungan antar tabel - tabel diatas yang saling berhubungan antar tabel lainnya.
Tabel relasi tersebut terdiri dari 3 tabel yaitu tabel pengawas lapangan, tabel data
dokumentasi, dan tabel admin.
 29

4.2.5. Rancangan Spek Basis Data Diagram

Berikut ini akan dijelaskan table-tabel yang digunakan dalam perancangan

proses Unifed Modelling Pengawas Lapangan, Data Dokumentasi, Admin (UML)

1. Rancangan Basis Data Pengawas Lapangan

Tabel Pengawas Lapangan

Nama Tabel : Pengawas Lapangan
Primary Key : Id_Pengawas_Lapangan
No. Nama Atribut Typ P Keterangan
e a
Dat n
a j
a
n
g

Id_Pengawas_Lapa Var 2 Id Pengawas

ngan char 0 Lapangan

Nama_Pengawas_L Var 5 Nama Pengawas

apangan char 0 Lapangan

Email Var 5 Email Pengawas

char 0 Lapangan

Password Var 2 Password

char 0 Pengawas lapangan

No_Telepon Int 1 No. Telepon

2 Pengawas
Lapangan

Alamat Var 1 Alamat Pengawas

char 0 Lapangan
0

Keterangan : Tabel ini berisikan data Pengawas Lapangan

Table 4. 6 Rancangan Basis Data Pengawas Lapangan

 30

2. Rancangan Basis Data Data Dokumentasi

Tabel Data Dokumentasi

Nama Tabel : Data Dokumentasi
Primary Key : Nama_Kota
No Nama Atribut Typ P Keterangan
e a
Dat n
a j
a
n
g

Nama_Kota Var 5 Nama Kota

char 0

Id_Pengawas_Lapa Var 2 Id Pengawas

ngan char 0 Lapangan

Id_Admin Var 2 Id Admin

char 0

Gambar Var 1 Gambar atau Foto

char 0 Dokumentasi
0

Deskripsi Var 2 Keterangan

char 0 Dokumentasi
0

Keterangan : Tabel ini berisikan data Data Dokumentasi

 31

Table 4. 7 Rancangan Basis Data Data Dokumentasi

3. Rancangan Basis Data Admin

Tabel Admin
Nama Tabel : Admin
Primary Key : Id_Admin
No. Nama Atribut Typ P Keterangan
e a
Dat n
a j
a
n
g

Id_Admin Var 2 Id Admin

char 0

Nama_Admin Var 5 Nama Admin

char 0

Email Var 5 Email Admin

 32

char 0

Password Var 2 Password Aamin

char 0

No_Telepon Int 1 No. Telepon

2 Admin

Alamat Var 1 Alamat Admin

char 0
0

Keterangan : Tabel ini berisikan data Admin

Table 4. 8 Rancangan Basis Data Admin

4.2.6. Rancangan UI (User Interface)

1. Halaman Galeri
 33

Gambar 4. 15 User Interface Halaman Galeri

Pada gambar Rancangan User Interface diatas ini adalah halaman home
pada fitur galeri, yang mendeskripsikan bagian sudut kana nada nama kota dan di
tengah layer terdapat gambar foto dan keterangan foto – foto tersebut.

2. Halaman Login
 34

Gambar 4. 16 User Interface Halaman Login Pengawas Lapangan

Pada gambar Rancangan User Interface diatas ini adalah halaman login
pengawas lapangan yang menggunakan smartphonenya, pada tahap ini pengawas
lapangan harus melakukan login terlebih dahulu untuk masuk ke halaman galeri
PT. Tunggal Jaya Mandiri.

3. Halaman Nama Kota

 35

Gambar 4. 17 User Interface Nama Kota

Pada gambar Rancangan User Interface diatas ini adalah halaman input
nama kota untuk mengetahui dimana saja proyek – proyek yang telah di kerjakan
oleh perusahaan PT. Tunggal Jaya Mandiri, yang mendeskripsikan pengawas
lapangan memasukan nama kota pada kegiatan pembangunan infrastruktur.

4. Halaman Proses Hasil Proyek

 36

Gambar 4. 18 User Interface Proses Hasil Proyek

Pada gambar Rancangan User Interface diatas ini adalah halaman untuk
proses hasil proyek yang terdiri dari gambar berserta keterangan yang
menunjukan sebagai sumber informasi pada proyek yang sedang di kerjakan
ataupun yang sudah selesai di kerjakan oleh perusahaan PT. Tunggal Jaya
Mandiri, yang menjelaskan pengawas lapangan dalam memasukan proses hasil
dokumentasi kegiatan pembangunan infrastruktur dan menyimpan hasil
dokumentasi.

5. Halaman Detail Dokumentasi

 37

Gambar 4. 19 User Interface Detail Proyek Pengawas Lapangan

Pada gambar Rancangan User Interface diatas ini untuk melihat detail
proyek yang dilihat dari pengawas lapangan mengenai informasi lengkap dari
hasil proyek PT. Tunggal Jaya Mandiri, yang terdiri dari berbagai kolom
informasi yaitu, ada gambar yang bisa di slide selanjutnya ataupun sebelumnya,
nama pengawas atau penanggung jawab pada suatu proyek, nama proyek serta
nama kota proyek, dan keterangan proyek perusahaan.

6. Halaman Update Dokumentasi

 38

Gambar 4. 20 User Interface Update Dokumentasi

Pada gambar Rancangan User Interface diatas ini yaitu halaman untuk
update dokumentasi perusahaan yang terdiri dari kolom gambar dan upload foto
untuk mengupload gambar proyek, dan nama pengawas lapangan atau
penanggung jawab proyek, nama kota untuk informasi dimana kegiatan proyek
tersebut di kerjakan serta nama proyek dan keterangan proyek, bila semua kolom
sudah terisi maka klik ok untuk memperbarui atau update.

7. Halaman Login Admin

 39

Gambar 4. 21 User Interface Login Admin

Pada gambar Rancangan User Interface diatas yaitu halaman login untuk
admin, tahap ini admin harus login untuk memasuki halaman galeri PT. Tunggal
Jaya Mandiri. Admin memasukan username dan password lalu klik login untuk
proses login.

8. Halaman Profil Admin

 40

Gambar 4. 22 User Interface Profil Admin

Pada gambar Rancangan User Interface diatas yaitu halaman dashboard

mengenai profil admin, yang terdiri dari kolom NIK atau nomor induk karyawan,
nama admin, alamat admin, email admin, dan no. telepon admin. Admin tersebut
adalah karyawan PT. Tunggal Jaya Mandiri.

9. Halaman Mengelolah Pengawas Lapangan

 41

Gambar 4. 23 User Interface Mengelolah Pengawas Lapangan

Pada gambar Rancangan User Interface diatas yaitu halaman dashboard

mengenai data – data pengawas lapangan, yang terdiri dari kolom NIK atau
nomor induk pengawas lapangan, nama pengawas lapangan, alamat pengawas
lapangan, email pengawas lapangan, dan no. telepon pengawas lapangan.
Pengawas lapangan tersebut adalah karyawan PT. Tunggal Jaya Mandiri. Lalu
admin bisa mengelolah data pengawas lapangan dengan mengubah, menambah
ataupun menghapus pada icon tempat sampah di pojok kanan, dan tombol simpan
untuk menyimpan data pengawas lapangan.

10. Halaman Mengelolah Data Proyek

 42

Gambar 4. 24 User Interface Mengelolah Data Proyek

Pada gambar Rancangan User Interface diatas yaitu dashboard mengenai

data proyek, yang terdiri dari foto gambar, nama pengawas lapangan atau
penanggung jawab proyek tersebut, dan nama proyeknya. Di sebelah kanan
terdapat icon lihat detail untuk melihat informasi proyek PT. Tunggal Jaya
Mandiri lebih lengkap.

11. Halaman Detail Proyek

 43

Gambar 4. 25 User Interface Detail Proyek

Pada gambar Rancangan User Interface diatas ini adalah halaman untuk
melihat detail proyek saat menekan tombol icon lihat detail pada halaman
sebelumnya. Admin dapat melihat hasil dokumentasi yang terdiri dari foto gambar
proyek, nama pengawas atau penanggung jawab, nama judul proyek, nama kota
pada kegiatan pembangunan proyek, serta keterangan untuk informasi lainnya
pada proyek tersebut.

4.2.7. Rancangan Keluaran Output

 44

Gambar 4. 26 Rancangan Keluaran Output Melihat Laporan

Pada gambar diatas yaitu Rancangan Keluaran Output untuk Melihat

Laporan pada hasil proyek dokumentasi PT. Tunggal Jaya Mandiri. Admin dapat
mencetak laporan dokumentasi tersebut dengan menekan tombol cetak.
 BAB V
KESIMPULAN DAN SARAN

5.1. Kesimpulan

Kerja praktek merupakan kegiatan mata kuliah dimana mahasiswa diminta

untuk terjun langsung ke dalam dunia kerja agar mahasiswa mendapatkan
pengalaman sebenarnya dalam dunia kerja sebagai persiapan guna penyesuaian
adaptasi diri dalam dunia kerja dan lingkungan masyarakat. PT. Tunggal Jaya
Mandiri, penulis menyimpulkan bahwa:

1. Dengan adanya sistem ini pengawas lapangan dapat melakukan input data
hasil proyek dokumentasi Perusahaan.
2. Dengan sistem ini dapat diharapkan membantu dan meringankan kinerja
pada unit IT Support dan Pengawas Lapangan dalam memberi semua
informasi hasil proyek dokumentasi.
3. Proses hasil dokumentasi juga menjadi lebih cepat dan akurat karena
dibantu oleh sistem yang terkomputerisasi, sehingga dapat mengurangi
tingkat kesalahan yang terjadi pada waktu dikerjakan secara manual.

5.2. Saran

Adapun saran yang dapat diberikan oleh penulis berdasarkan pembahasan

yang telah dikemukakan pada bab-bab sebelumnya adalah sebagai berikut:

1. Sistem ini di buat dengan aplikasi yang sama dan database yang sama, di
karenakan setelah pengawas lapangan mendapatkan hasil proyek
dokumentasi, pengawas lapangan kesulitan dalam memberi laporan hasil
proyek dokumentasi perusahaan saat manual.
2. Sistem ini harus selalu di lakukan update laporan dokumentasi agar
mengetahui persenan dari hasil proyek dokumentasi yang sedang berjalan.

44
 DAFTAR PUSTAKA

[1] M. and A. Ambarita (2016), Metode Penelitian Sistem Informasi:

Mengatasi Kesulitan Mahasiswa dalam Menyusun Proposal Penelitian,
Yogyakarta: Deepublish.
[2] Andeh Lukito Sharipuddin, Sharipuddin Ali Sadikin (2015), Analisis Dan
Perancangan Aplikasi Penjualan Pada Gallery Batik Jambi Desmiati.
[3] Sigit Birowo (2018), Analisis Dan Perancangan Galeri Foto Online
Photoid Berbasis Web
[4] D. Juju, Kupas Tuntas (2013), CSS, Jakarta: Elex Media Komputindo.
[5] Hardi Mulyono (2016), Sistem Informasi Penjualan Alat-Alat Musik Pada
Toko Galeri Musik Viona Lubuklinggau Berbasis Web.
[6] Alda Elvira (2020), Sistem Informasi Penjualan Produk Usaha Di Galeri
Ajang Ambe.
[7] Rizka Indah Ariyanti, Fadjar Budianto (2017), Strategi Peningkatan
Pemasaran Perusahaan Marmer Mm Galeri Di Sidoarjo
[8] Wisnu Febri Ramadhan (2018), Sistem Informasi Manajemen Galeri Batik
Sardonoharjo
[9] Dedi Agung Prabowo (2016), Sistem Informasi Pendataan Mahasiswa
Menggunakan Fitur Binary Large Object (Blob) Untuk Menyimpan Data
Gambar (Studi Kasus: Program Studi Sistem Informasi Universitas
Muhammadiyah Bengkulu).
[10] Andi Wicaksono, Arie S.M Lumenta, Brave A. Sugiarso (2017), Rancang
Bangun Sistem Informasi Penjualan Furniture Pada Galeri Ukir Mebel
Berbasis Web.
[11] Achmad Hardian, Andreas Rio Adriyanto (2018), Perancangan Desain
Aplikasi Galeri Nasional Indonesia
[12] Joko Susilo (2017), Rancang Bangun Galeri Foto Online Photoid Berbasis
Web.

45
 LAMPIRAN

Lampiran 1 Kartu Konsultasi Pembimbingan Perusahaan

46
Lampiran 2 Kartu Konsultasi Pembimbingan Program Studi

47
Lampiran 3 Surat Keterangan Kerja

48
Lampiran 4 Lembar Penilaian Kerja Praktek

49
Lampiran 5 Dokumentasi

50
51
52