Top Banner
LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM INFORMASI INVENTARISASI BARANG BERBASIS WEBDI PUSAT SUMBER DAYA MINERAL BATUBARA DAN PANAS BUMI BANDUNG” Periode 11 Juli 20 Agustus, 2016 Oleh : IZZAT ARRAMSYAH (1104130035) Dosen Pembimbing Akademik Budhi Irawan, S.Si, M.T NIP : 08740463-1 PRODI S1 SISTEM KOMPUTER FAKULTAS TEKNIK ELEKTRO UNIVERSITAS TELKOM 2016
33

LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

Jun 28, 2018

Download

Documents

lyliem
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

LAPORAN KERJA PRAKTIK

“PEMBUATAN SISTEM INFORMASI

INVENTARISASI BARANG BERBASIS WEB”

DI PUSAT SUMBER DAYA MINERAL BATUBARA

DAN PANAS BUMI BANDUNG”

Periode 11 Juli – 20 Agustus, 2016

Oleh :

IZZAT ARRAMSYAH

(1104130035)

Dosen Pembimbing Akademik

Budhi Irawan, S.Si, M.T

NIP : 08740463-1

PRODI S1 SISTEM KOMPUTER

FAKULTAS TEKNIK ELEKTRO

UNIVERSITAS TELKOM

2016

Page 2: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

ii

LEMBAR PENGESAHAN

“PEMBUATAN SISTEM INFORMASI INVENTARISASI

BARANG BERBASIS WEB”

DI PUSAT SUMBER DAYA MINERAL BATUBARA DAN PANAS BUMI

BANDUNG

Periode 11 Juli – 20 Agustus, 2016

Oleh :

IZZAT ARRAMSYAH

(1104130035)

Mengetahui,

Pembimbing Akademik Pembimbing Lapangan Atasan

Langsung

( Budhi Irawan, S.Si, M.T) (Novi Handono, SH)

NIP 08740463-1 NIP 1972 11 03200502 1001

Page 3: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

iii

ABSTRAK

Kerja Praktik merupakan salah satu kegiatan wajib bagi para mahasiswa

Telkom University yang telah menjalani masa studi selama ± 6 semester. Salah

satu tujuan dari kegiatan kerja praktik ini adalah untuk memberikan gambaran

kepada mahasiswa khususnya mahasiswa yang sudah termasuk mahasiswa tingkat

akhir untuk mendapat pengalaman dan gambaran secara nyata tentang dunia kerja.

Dengan mendapat gambaran tentang dunia kerja ini, mahasiswa bisa

mempersiapkan diri baik itu secara Softskill maupun kemampuan atau kompentesi

dibidangnya sebelum mereka terjun kedunia kerja yang sesungguhnya.

Kerja praktik yang penulis laksanakan bertempat di Kantor Pusat Sumber

Daya Mineral Batubara dan Panas Bumi Bandung. Adapun tugas yang di berikan

instansi kepada penulis yaitu pembuatan sistem informasi inventarisasi barang

milik bidang informasi guna mendata barang-barang yang ada di lingkungan kerja

bidang informasi.

Kerja pratik yang penulis laksanakan selama ± 6 semester semoga bisa

menjadi bahan pembelajaran untuk pembaca dan menjadi sarana untuk berbagi

pengalaman kerja praktik yang penulis laksanakan.

Page 4: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

iv

KATA PENGANTAR

Puji Syukur kehadirat Allah SWT, Karena berkat rahmat dan nikmat -

Nya, penulis dapat melaksanakan kerja praktik di DI PUSAT SUMBER DAYA

MINERAL BATUBARA DAN PANAS BUMI BANDUNG dan menyelesaikan kerja

praktik yang penulis rangkai dalam bentuk laporan yang berjudul “PEMBUATAN

SISTEM INFORMASI INVENTARISASI BARANG BERBASIS WEB”.

Tujuan dari pembuatan laporan ini adalah sebagai pertanggung jawaban

atas kegiatan yang penulis lakukan selama kerja praktik. Kegiatan kerja praktik

dilaksanakan dengan tujuan untum memberikan pengetahuan dan pengalaman

kerja kepada mahasiswa

Dalam penyusunan laporan hasil kerja praktik ini, penulis mendapat

banyak bantuan dari berbagai pihak. Untuk itu penulis ingin menyampaikan rasa

terimakasih kepada :

1. Kepala Pusat Sumber Daya Mineral Batubara dan Panas Bumi

2. Budhi Irawan S.Si, MT Selaku dosen pembimbing

3. Retni Rahmawati L Selaku pembimbing Lapangan

4. Seluruh Staff dan Karyawan Pusat Sumber Daya Mineral Batubara dan

Panas Bumi

Penulis menyadari dari laporan ini masih banyak kesalahan dan

kekurangan. Oleh karena itu, kritik dan saran yang membangun sangat penulis

harapkan.

Bandung, 22 Agustus 2016

Penulis

Page 5: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

v

DAFTAR ISI

LAPORAN KERJA PRAKTIK.................................................................................................... 1

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

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

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

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

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

DAFTAR TABEL .................................................................................................................. viii

DAFTAR ISTILAH .................................................................................................................. ix

BAB I .................................................................................................................................. 10

PENDAHULUAN ................................................................................................................. 10

1.1 Latar Belakang Penugasan KP .......................................................................... 10

1.2 Lingkup Penugasan KP...................................................................................... 10

1.3 Target Pemecahan Masalah KP ....................................................................... 11

1.4 Metode Pelaksanaan Tugas ............................................................................. 11

1.6 Ringkasan Sistematika Laporan ....................................................................... 12

BAB II ................................................................................................................................. 14

PROFIL INSTANSI ............................................................................................................... 14

2.1 Profil Instansi .................................................................................................... 14

2.2 Struktur Organisasi ........................................................................................... 15

2.3 Lokasi Pelaksanaan Kerja ................................................................................. 15

BAB III ................................................................................................................................ 17

KEGIATAN KP DAN PEMBAHASAN KRITIS ......................................................................... 17

3.1 Skematik Umum Sistem yang terkait KP ......................................................... 17

3.1.2 Dasar Teori ................................................................................................ 17

3.2 Skematik dan Prinsip Kerja Sub – yang dihasilkan .......................................... 19

3.2.1 Perangcangan Aplikasi .................................................................................... 19

3.2.2 Hasil Aplikasi ................................................................................................... 23

BAB IV ................................................................................................................................ 28

SIMPULAN DAN SARAN ..................................................................................................... 28

4.1 Simpulan ........................................................................................................... 28

4.2 Saran ................................................................................................................. 28

DAFTAR PUSTAKA ............................................................................................................. 29

Page 6: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

vi

LAMPIRAN ......................................................................................................................... 30

Lampiran A – Copy Surat Lamaran ke Perusahaan/Instansi ......................................... 30

Lampiran B – Copy Balasan Surat Lamaran dari Perusahaan/Instansi ......................... 31

Lampiran C – Lembar Penilaian Pembimbing Lapangan dari Perusahaan/Instansi ...... 32

Lampiran D – Lembar Berita Acara Presentasi dan Penilaian Pembimbing Akademik . 33

Page 7: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

vii

DAFTAR GAMBAR

Gambar 2.1 Logo Perusahaan……………………………….……………....... 14

Gambar 2.2 Struktur Organisasi Perusahaan…………………...……..……... 15

Gambar 2.3 Denah lokasi pelaksanaan kerja praktik…...……………..…….... 15

Gambar 2.4 Gedung lokasi kerja praktik…………………...………………..... 16

Gambar 3.1 Kegiatan kerja praktik…………………...………………...............17

Gambar 3.2 Flowhart…………………...………………....……………..……..19

Gambar 3.3 DFD…………………...…………………………………………..20

Gambar 3.4 ERD…………………...………………………………….....…… 20

Gambar 3.5 Login Aplikasi…………………...……………….………....…… 23

Gambar 3.6 Tampilan Lihat Data…………………...…………………....…... 23

Gambar 3.7 Tampilan Input Data…………………...………………….……... 24

Gambar 3.8 Tampilan Edit Data…………………...…………….………....…. 24

Gambar 3.9 Tampilan Cari Data…………………...…………….…….…….....25

Gambar 3.10 Tampilan Hasil Pencarian…………...…………….……......……..25

Gambar 3.11 Tampilan Export Data ke Excel………………………....……… .26

Gambar 3.12 Tampilan Print Preview PDF…………..…...………………..........26

Gambar 3.13 Tampilan Edit Akun…………………...………....…………..........27

Page 8: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

viii

DAFTAR TABEL

Tabel 1.1 RENCANA KEGIATAN……………………………….……………12

Tabel 3.1 TABEL BARANG ………………………………………..…….….. 21

Tabel 3.2 TABEL GAMBAR ……………………………………..………….. 21

Tabel 3.3 TABEL ADMIN ……………………………………….……….... …21

Tabel 3.4 TABEL PENGUNJUNG ………………………………..………......22

Page 9: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

ix

DAFTAR ISTILAH

Database/Basis Data : Kumpulan data-data yang terorganisasi sehingga dapat

mudah diakses, dikelola dan diperbarui. Basis data merupakan suatu berkas yang

saling berhubugan secara tatacara tertentu sehingga membentuk sebuah informasi.

Flowchart : suatu representasi grafis yang merepresentasikan sebuah alur

program. Flowchart memberikan diagram Step by Step tentang kode

pemerograman atau pemecahan masalah dengan komputer.

ERD ( Entity Relationship Diagram) : Suatu Permodelan yang

merepresentasikan hubungan antar entitas. Biasa digunakan dalam hal organisasi

data di dalam database atau sistem informasi.

DFD ( Data Flow Diagram ) : Suatu diagram yang menggunakan notasi tertentu

yang menggambarkan arus dari data ke sistem. DFD menggambarkan bagaimana

suatu data diproses oleh sistem dalam hal input dan output

WEB atau Website : Sekumpulan halaman informasi atau dokumen yang dapat

diakses melalui jaringan internet maupun local. Dokumen-dokumen ini diformat

dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

HTML ( HyperText Markup Language ) : Suatu bahasa pemrograman yang

mendukung web untuk menampilkan informasi.

Server : Sebuah komputer yang menyediakan berbagai layanan dalam suatu

jaringan komputer.

Client-Side : Pihak yang memakai layanan dari Server.

Programming : Kegiatan melakukan pemrograman.

DBMS ( Database Management System ) : Perangkat lunak yang dirancang

untuk mengelolah Database dan menjalankan operasi pada data.

Text Editor : Sebuah perangkat lunak yang digunakan untuk menulis kode

program.

Framework : Sebuah perangkat lunak yang memudahkan programmer dalam

membuat code. Didalam framework terdapat fungsi-fungsi yang tersedia sehingga

memudahkan programmer.

Page 10: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

10

BAB I

PENDAHULUAN

1.1 Latar Belakang Penugasan KP

Sistem informasi dan teknologi komputer berkembang sangat pesat

seiring dengan besarnya kebutuhan akan informasi. Tentu perkembangan

teknologi informasi tidak lepas dari kemajuan teknologi komputer itu

sendiri sehingga teknologi komputer secara signifikan dalam kehidupan

manusia.

Hal membuat perusahaan dan instansi melakukan penyesuaian.

Beberapa perusahaan dan instansi ini membuat sebuah sistem informasi

yang memudahkan pertukaran informasi didalam maupun diluar. Disinilah

penulis melihat bahwa suatu aplikasi yang mendukung sistem informasi

sangat dibutuhkan.

Salah satu penerapan dari sistem informasi ini penulis terapkan adalah

untuk mengolah data-data inventarisasi barang milik bidang informasi

instansi pusat sumberdaya mineral batubara dan panas bumi. Dengan

adanya sistem informasi ini, cara kerja yang sebelumnya manual yaitu

menggunakan Microsoft Excel dapat diubah menjadi lebih efisien dan

mudah diakses dan terbuka. Informasi yang disediakan bisa di update

secara berkala sehingga para pegawai selalu mendapat informasi terbaru

mengenai inventaris barang bidang informasi.

1.2 Lingkup Penugasan KP

Kerja praktik yang penulis laksanakan ini bertempat di Jl. Soekarno

Hatta no. 444 Bandung, tepatnya di Kantor Dinas Pusat Sumber Daya

Mineral Batubara dan Panas Bumi ini ± terlaksana selama 6 minggu

terhitung dari tanggal 11 Juli sampai dengan 20 Agustus 2016.

Penulis mendapat tugas pembuatan sistem informasi inventarisasi

barang milik bidang informasi yang di sajikan dalam bentuk aplikasi

Page 11: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

11

berbasis Web. Dalam pengerjaan tugas ini, penulis menggunakan database

MYSQL menggunakan XAMPP.

1.3 Target Pemecahan Masalah KP

Hal-hal yang menjadi target penulis dalam kegaitan KP yaitu:

1. Membuat aplikasi pengolahan data barang yang disajikan dalam

bentuk Web.

2. Membuat aplikasi yang dapat memudahkan pegawai instansi dalam

melakukan inventarisasi barang milik bidang informasi.

1.4 Metode Pelaksanaan Tugas

Tahapan-tahapan yang penulis lakukan untuk menyelesaikan tugas

yang diberikan yaitu :

Mencari referensi dan mempelajari referensi mengenai

database dan PHP

Melakukan perancangan Proses yaitu dengan membuuat

DFD dan Flowchart.

Membuat rancangan Database yaitu dengan membuat

rancangan tabel database dan ERD.

Mendesain antar muka aplikasi.

Memulai pengerjaan tugas (coding). Pada tahap ini penulis

menerjemahkan dari rancangan proses dan database dalam

bentuk program.

Testing aplikasi. Pada taha ini dilakukan pengujian terhadap

aplikasi yang telah dibuat.

Melakukan perbaikan program jika terdapat kesalahan atau

hal-hal yang tidak sesuai.

Page 12: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

12

1.5 Rencana dan Penjadwalan Kerja

Tabel 1.1 RENCANA KEGIATAN

No

Kegiatan

Minggu I II III IV V VI

1. Pengenalan Lingkungan Kerja

2. Mencari Referensi

3. Mengerjakan Project

4. Konsultasi yang diperlukan

5. Uji Coba Aplikasi

6. Pembuatan Laporan

1.6 Ringkasan Sistematika Laporan

Laporan yang penulis susun terdiri dari 4 (empat) bab dengan

sistematika penulisan sebagai berikut :

BAB I PENDAHULUAN

Bab 1 Pendahuluan berisi latar belakang masalah, lingkup penugasan,

target pemecahan masalah dari tugas yang diberikan dan metode

pelaksanaa tugas. Serta rencana dan penjadwalan kerja dan ringkasan

sistematika laporan.

BAB II PROFIL INSTANSI

Bab 2 berisikan tentang profil perusahaan serta penjelasan singkat

mengenai instansi tempat penulis melaksanakan kerja praktik. Serta

diberikan struktur organisasi instansi dan lokasi tempat instansi tersebut

berada.

BAB III KEGIATAN KP DAN PEMBAHASAN KRITIS

Bab 4 berisikan sistematika umum yang terkait KP. Didalamnya

terdapat sub bab mengenai deskripsi keterlibatan kerja dan dasar teori

yang menunjang dalam penulisan laporan ini. Didalam bab ini berisikan

skematik prinsip kerja dan sub yang dihasilkan. Pada bab ini terdapat sub

bab mengenai rancangan aplikasi yang penulis buat dan pengujuan hasil

aplikasi.

Page 13: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

13

BAB IV SIMPULAN DAN SARAN

Bab 4 berisikan kesimpulan dari laporan dan aplikasi yang penulis buat

serta saran mengenai aplikasi dikarenakan fitur yang tersedia masih

terbilang sederhana.

Page 14: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

14

BAB II

PROFIL INSTANSI

2.1 Profil Instansi

Gambar 2.1 Logo PSDMBP

Pusat Sumber Daya Mineral Batubara dan Panas Bumi merupakan salah

satu unit eselon 1 di lingkungan kementrian ESDM yang bertugas untuk

memberikan pelayanan dibidang geologi. PSDMBP ini berlokasi di Jl.

Soekarno - Hatta No.444, Pasirluyu, Regol, Kota Bandung, Jawa Barat.

Instansi ini memiliki beberapa fungsi dan tugas, diantaranya :

TUGAS

1. Menyelenggarakan penelitian, penyelidikan dan pelayanan di bidang

sumber daya mineral, batubara dan panas bumi. FUNGSI

1. Pelaksanaan penelitian, penyelidikan, dan pelayanan di bidang sumber

daya mineral, batubara, dan panas bumi; 2. Penyusunan norma, standar, prosedur dan kriteria di bidang

penyelidikan dan pelayanan sumber daya mineral, batubara, dan panas

bumi; 3. Pemberian bimbingan teknis dan supervisi di bidang penyelidikan dan

pelayanan sumber daya mineral, batubara, dan panas bumi; 4. Pemantauan, evaluasi dan pelaporan pelaksanaan tugas di bidang

penelitian, penyelidikan dan pelayanan di bidang sumber daya

mineral, batubara, dan panas bumi;

Page 15: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

15

5. Penyusunan neraca sumber daya bidang mineral, batubara, dan panas

bumi; dan; 6. Pelaksanaan urusan ketatausahaan, kerumahtanggaan,administrasi

keuangan, perencanaan, informasi dan kepegawaian Pusat Sumber

Daya Mineral Batubara dan Panas Bumi.

2.2 Struktur Organisasi

Struktur Organisasi Pusat Sumber Daya Mineral Batubara dan Panas

Bumi adalah sebagai berikut :

Gambar 2.2 Struktur Organisasi Perusahaan

2.3 Lokasi Pelaksanaan Kerja

Lokasi pelaksanaan kerja praktik diambil dari google maps

Gambar 2.3 Denah peta lokasi PSDMBP

Page 16: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

16

Gambar 2.4 Gedung lokasi kerja praktik

Page 17: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

17

BAB III

KEGIATAN KP DAN PEMBAHASAN KRITIS

3.1 Skematik Umum Sistem yang terkait KP

3.1.1 Deskripsi Keterlibatan Kerja

Selama kerja praktik, penulis mengerjakan tugas yang diberikan

instansi yaitu membuat sistem informasi berbasis web inventarisasi barang

milik bidang informasi. Waktu pelaksanaan kerja praktik yaitu selama ± 6

Minggu dimulai dari tanggal 11 Juli – 20 Agustus 2016.

Gambar 3.1 Kegiatan kerja praktik

3.1.2 Dasar Teori

3.1.2.1 PHP

PHP adalah bahasa pemrograman Web yang paling banyak

digunakan oleh programmer di seluruh dunia. PHP merupakan

salah satu bahasa pemrograman yang terbilang mudah. Selain itu

referensi mengenai PHP sangat banyak. PHP adalah bahasa skrip

yang ditanamkan atau disisipkan ke dalam HTML. PHP disebut

bahasa pemgrograman server side karena diproses pada komputer

server..

PHP memiliki beberapa kelebiham. Antara lain :

1. Kemudahan Syntax Programming.

2. Dapat dijalankan di berbagai sistem operasi.

3. Referensi mengenai PHP sangat banyak.

Page 18: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

18

Untuk menggunakan PHP kita cukup menginstall Web Server

Apache dan sebuah text editor. PHP termasuk Script

Programming sehingga tool yang digunakan untuk menulis

script sangat Flexible.

3.1.2.2 MySQL

MySQL merupakan salah satu jenis database yang

digunakan untuk manajemen basis data SQL atau DBMS. MySQL

biasa digunakan untuk database aplikasi web.

MySQL memiliki beberapa kelebihan, antara lain :

1. Referensi mengenai MySQL cukup tersedia banyak.

2. Sintaksnya mudah dipahami.

3. Akses database sangat mudah dilakukan.

4. Didukung banyak bahasa pemrograman.

3.1.2.3 CSS

CSS ( Cascading Style Sheets ) merupakan skrip yang bisa

disisipkan dalam HTML yang berguna untuk mengatur tata letak

komponen pada suatu halaman. CSS digunakan untuk merancang

dan mendisain bentuk suatu halaman website. Perlu diketahui

bahwa CSS bukanlah sebuah bahasa pemrograman. CSS adalah

bahasa Style Sheet yang digunakan untuk mengatur tampilan.

Penggunaan CSS ini bisa disisipkan pada file HTML atau

terpisah dengan file HTML. Namun untuk penggunaannya harus

menggunakan perintah untuk memanggil file CSS diluar file

HTML..

3.1.2.4 Bootstrap

Boostrap adalah sebuah framework CSS yang dapat

digunakan untuk mempermudah membangun tampilan web.

Boostrap sangat membantu kita dalam mendisain web

karena kita tidak perlu membuat begitu banyak file CSS. Cukup

dengan memanggil fungsi-fungsi tertenu yang tersedia dalam

Bootstrap. Boostrap telah menyediakan banyak sekali Class CSS

dan Plugin JavaSciprt yang dapat digunakan untuk mendesain

halaman web.

Page 19: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

19

3.2 Skematik dan Prinsip Kerja Sub – yang dihasilkan

3.2.1 Perangcangan Aplikasi

Perancangan sistem dilakukan untuk membuat sistem yang baik.

Perancangan sistem dilakukan untuk mendapat gambaran yang jelas

mengenai aplikasi yang akan di bangun.

Dalam pembuatan aplikasi ini, penulis melakukan perancangan

proses yang terdiri dari pembuatan DFD (Data Flow Diagram) dan

Flowchart. Selain itu diperlukan juga perancangan Database dengan

membuat ERD(Entity Flow Diagram) dan rancangan tabel Database.

Gambar 3.2 Flowchart

Penjelasan Flowchart : Pada gambar flowchart di atas pengguna

baik user atau admin menginputkan username dan password.

Setelah itu dilakukan proses login dan cek login. Jika login

sebagai admin maka akan menuju tampilan admin. Sedangkan jika

user maka akan menuju tampilan user. Namun jika user

belum membuat akun maka harus melakukan daftar akun.

Pada tampilan admin terdapat menu input, update (edit dan

hapus), pencarian data, lihat data dan reportin. Sedangkan

pada tampilan user hanya terdapat lihat data, cari data dan

reporting.

Page 20: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

20

Gambar 3.3 DFD

Penjelasan DFD : Pada gambar DFD diatas terdapat 2 entitas yaitu,

admin dan user. Pada entitas admin dapat menginput dan melihat

hasil. Sedangkan pada entitas user hanya bisa melihat hasil dari

input admin.

Gambar 3.7 ERD relasi antar tabel

Penjelasan ERD : Pada relasi antar tabel terlihat bahwa seharusnya

tabel gambar ditiadakan. Karena gambar bisa menjadi atribut pada

entitas barang. Namun hal ini dilakukan karena pada aplikasi

android terdapat masalah dalam penginputan gambar

disatukan dengan form input barang sehingga antara barang

dan tabel diharuskan dipisah.

Page 21: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

21

TABEL 3.1 TABEL BARANG

Nama field Tipe Data Primary Key Extra

Id_barang Int(11) Yes Auto_Increment

No_inventaris Varchar(255) No

Jenis_barang Varchar(255) No

Nama_barang Varchar(255) No

Merk Varchar(255) No

Tahun Int(4) No

Nama_barang Ria No

TABEL 3.2 TABEL GAMBAR

Nama

Field

Tipe Data Primary Key Extra

Id Int(11) Yes Auto Increment

Id_barang Int(11) No

Gambar Varchar(255) No

TABEL 3.3 TABEL ADMIN

Nama

Field

Tipe Data Primary key Extra

Username Varchar(255) No

Password Varchar(255) No

Page 22: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

22

TABEL 3.4 TABEL PENGUNJUNG

Nama

Field

Tipe Data Primary Key Extra

NIP Int(50) Yes

Username Varchar(255) No

Passowrd Varchar(255) No

Name Varchar(255) No

Email Varchar(255) No

Page 23: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

23

3.2.2 Hasil Aplikasi

Adapaun hasil sistem informasi yang telah penulis rancang adalah

sebagai berikut:

Gambar 3.8 Login Aplikasi

Gambar 3.9 Tampilan Lihat Data

Page 24: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

24

Gambar 3.10 Tampilan Input Data

Gambar 3.11 Tampilan Edit Data

Page 25: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

25

Gambar 3.12 Tampilan Cari Data

Gambar 3.13 Tampilan Hasil Pencarian

Page 26: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

26

Gambar 3.14 Tampilan Export Data ke Excel

Gambar 3.15 Tampilan Print Preview PDF

Page 27: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

27

Gambar 3.16 Tampilan Edit Akun

Page 28: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

28

BAB IV

SIMPULAN DAN SARAN

4.1 Simpulan

Penggunaan sistem informasi berbasis Web di ruang lingkup kerja

sebagai sarana pembantu pertukaran informasi dan pengolahan data masih

dibutuhkan. Selain penggunaan yang mudah diakses, penggunaan aplikasi

berbasis Web juga terbilang mudah digunakan.

Pembuatan sistem informasi berbasis web ini juga tergolong mudah

karena hanya membutuhkan sebuat Text Editor dan sebuah Web Server

seperti Apache dan terintegrasi dengan database seperti MySQL atau bisa

menggunakan Framework seperti CodeIgniter.

Adapun kesimpulan dari aplikasi yang telah penulis buat tentang

sistem informasi berbasis web inventarisasi barang adalah sebagai berikut :

1. Website ini dibangun sebagai sarana informasi tentang

inventarisasi barang yang berada di bidang informasi.

2. Admin dapat menginput, edit, hapus data dan melakukan

pencarian serta melakukan reporting barang.

3. Pengunjung hanya dapat melihat data, pencarian barang.dan

print hasil reporting

4.2 Saran

Dikarenakan fitur dari aplikasi yang penulis buat masih terbilang

sederhana sehingga perlu ditambahkan beberapa fitur seperti fitur

peminjaman barang bagi user/karyawan. Selain itu masih ada kekurangan

pada tabel barang yaitu kurangnya atribut jumlah.

Page 29: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

29

DAFTAR PUSTAKA

1. Buku Panduan Kerja Praktik, Fakultas Teknik Elektro, Universitas Telkom

Bandung, 2016

2. http://psdg.bgl.esdm.go.id

3. Webopedia, “Web-WorldWideWeb ”. webopedia.com. 24 Agustus 2016.

www.webopedia.com/TERM/W/World_Wide_Web.html

4. Smartdraw, ”Data Flow Diagram”. Smartdraw.com. 24 Agustus 2016.

https://www.smartdraw.com/data-flow-diagram/

5. Webopedia, “Entity-Relationship Diagram”. webopedia.com. 24 Agustus

2016.www.webopedia.com/TERM/E/entity_relationship_diagram.html

6. Computer Hope. ”Flowchart”. computerhope.com. 24 Agustus 2016.

http://www.computerhope.com/jargon/f/flowchar.htm

7. TechTarget. ”database”. searchsqlserver.techtarget.com 24 Agustus 2016.

http://searchsqlserver.techtarget.com/definition/database

Page 30: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

30

LAMPIRAN

Lampiran A – Copy Surat Lamaran ke Perusahaan/Instansi

Page 31: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

31

Lampiran B – Copy Balasan Surat Lamaran dari Perusahaan/Instansi

Page 32: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

32

Lampiran C – Lembar Penilaian Pembimbing Lapangan dari Perusahaan/Instansi

Page 33: LAPORAN KERJA PRAKTIK PEMBUATAN SISTEM …izzatarramsyah.student.telkomuniversity.ac.id/files/2016/12/... · dalam bahasa HTML yang mendukung tampilan grafis, text, audio dan video.

33

Lampiran D – Lembar Berita Acara Presentasi dan Penilaian Pembimbing

Akademik