Anda di halaman 1dari 112

1

KATA PENGANTAR

Puji dan syukur penulis panjatkan kehadirat Allah SWT karena berkat
rahmat dan karunia-Nya penulis dapat menyelesaikan praktik kerja industri yang
dilaksanakan di Savoury Factory PT. Unilever Indonesia Tbk dan menyelesaikan
penyusunan laporan ini. Penulisan laporan ini bertujuan untuk memenuhi salah
satu syarat kelulusan tahun ajaran 2015/2016 di Sekolah Menengah Kejuruan
Negeri 1 Cimahi dan pertanggung jawaban pelaksanaan praktik kerja industri
secara tertulis di Savoury Factory PT. Unilever Indonesia Tbk.
Penulis memutuskan untuk membuat laporan yang berjudul MEMBUAT
SISTEM INFORMASI DATA PERUSAHAAN SAVOURY FACTORY BERBASIS
WEB DI PT. UNILEVER INDONESIA Tbk MENGGUNAKAN NOTEPAD++
berdasarkan kegiatan yang penulis lakukan selama kurang lebih 4 (empat) bulan
pada saat praktik kerja industri yang dimulai pada tanggal 8 September 2015 dan
berakhir pada tanggal 7 Januari 2016.
Laporan ini merupakan hasil praktik dan pengamatan penulis selama
melaksanakan praktik kerja industri di Savoury Factory PT. Unilever Indonesia
Tbk.

Untuk itu penulis mengucapkan banyak terima kasih kepada semua pihak
yang telah membantu dalam pelaksanaan dan penulisan laporan praktik kerja
industri ini, antara lain kepada :

1. Bapak Ganda Rakhman G, S.T. selaku manager di Savoury Factory PT.


Unilever Indonesia Tbk yang telah memberikan kesempatan kepada penulis
untuk melaksanakan praktik kerja industri,
2. Bapak Drs. Ermizul, M.Pd., selaku Kepala Sekolah Menengah Kejuruan
Negeri 1 Cimahi,
3. Bapak Arief Hidayat, selaku supervisor di Savoury Factory PT. Unilever
Indonesia Tbk yang yang telah membimbing, mengarahkan, dan membantu
selama pelaksanaan praktik kerja industri dan pembuatan laporan ini,
2

4. Bapak Nunung, selaku staff HR (Human and Research) Department yang


telah mengkoordinir seluruh siswa SMK Negeri 1 Cimahi melaksanakan
kegiatan praktik kerja industri di PT. Unilever Indonesia Tbk,
5. Ibu Dra. Hj. Dwi S, selaku Wakil Kepala Sekolah Bidang Hubunga Industri
SMK Negeri 1 Cimahi,
6. Bapak Rudi Haryadi, S.T., selaku Ketua Kompetensi Keahlian Teknik
Komputer dan Jaringan,
7. Bapak Antoni Budiman, S.Pd., selaku wali kelas tingkat 4 Teknik Komputer
dan Jaringan,
8. Bapak Dodi Permana S.Pd., selaku pembimbing langsung dari pihak sekolah,
terima kasih atas bantuan dan bimbingannya hingga praktik kerja industri dan
penyusunan laporan dapat diselesaikan dengan lancar oleh penulis,
9. Semua rekan kerja di Savoury Factory PT. Unilever Indonesia Tbk yang tidak
bisa disebutkan satu per satu, terima kasih atas kesediaan menerima dan
membimbing di sela sela kesibukannya,
10. Kedua orangtua dan kakak yang selalu memberi dukungan, semangat, dan
nasihat baik dari segi materil maupun moril yang membuat semua tahapan
proses praktik kerja industri dan penyusunan laporan ini terasa ringan,
11. Serta semua pihak yang tidak bisa disebutkan satu persatu yang telah
membantu penulis dalam menyusun laporan ini,

Penulis mengharapkan kritik dan saran yang membangun demi


penyempurnaan laporan ini. Semoga laporan ini dapat bermanfaat khususnya bagi
penulis, dan umumnya bagi pembaca.

Cimahi, Januari 2016

Penulis
3

DAFTAR ISI

KATA PENGANTAR...............................................................................................i
DAFTAR ISI...........................................................................................................iii
DAFTAR TABEL...................................................................................................vi
DAFTAR GAMBAR.............................................................................................vii
BAB I.......................................................................................................................1
1.1. Latar Belakang Masalah............................................................................1
1.2. Tujuan........................................................................................................2
1.3. Pembatasan Masalah.................................................................................2
1.4. Sistematika Pembahasan...........................................................................3
BAB II......................................................................................................................5
2.1. Profil Perusahaan.......................................................................................5
2.2. Sejarah Perusahaan....................................................................................6
2.2.1. Perluasan Perusahaan.........................................................................8
2.2.2. Kronologi Perusahaan........................................................................9
2.3. Lokasi Perusahaan...................................................................................11
2.4. Visi dan Misi Perusahaan........................................................................11
2.5. Tujuan dan Prinsip Perusahaan................................................................11
2.5.1. Bright Future : Aksi Menginspirasi Dunia.......................................12
2.6. Logo Perusahaan.....................................................................................14
2.7. Pengenalan Produk..................................................................................16
BAB III..................................................................................................................18
3.1. Komunikasi Data.....................................................................................18
3.1.1. Komponen Komunikasi Data...........................................................18
3.1.2. Jenis Komunikasi Data.....................................................................19
3.1.3. Jalur Komunikasi.............................................................................21
3.1.4. Sistem Transmisi..............................................................................21
3.1.5. Sinyal...............................................................................................23
3.2. Jaringan Komputer..................................................................................23
3.2.1. Klasifikasi Jaringan Komputer.........................................................26
3.2.2. Topologi Jaringan.............................................................................26
3.3. Web Server..............................................................................................29
3.4. Web Browser...........................................................................................30
3.5. Website (Situs Web)................................................................................31
4

3.6. Domain Name System (DNS).................................................................32


3.7. Uniform Resource Locator (URL)..........................................................33
3.8. Bahasa Pemrograman..............................................................................33
3.8.1. Hypertext Prepossesor (PHP)...........................................................34
3.8.2. Hyper Text Markup Language (HTML)..........................................35
3.8.3. Cascading Style Sheet (CSS)...........................................................36
3.8.4. JavaScript.........................................................................................37
3.9. Basis Data (Database).............................................................................39
3.13.1. Database Management System (DBMS).........................................41
3.10. Sistem Informasi..................................................................................43
3.10.1. Sistem...............................................................................................44
3.10.2. Informasi..........................................................................................45
3.11. Data......................................................................................................45
3.12. Flowmap..............................................................................................45
3.13. Diagram Konteks (DFD Level 0)........................................................46
3.14. Data Flow Diagram (DFD Level 1).....................................................47
3.15. Entity Relationship Diagram (ERD)....................................................48
3.16. Aplikasi................................................................................................50
3.16.1. Notepad++........................................................................................50
3.16.2. XAMPP............................................................................................51
BAB IV..................................................................................................................53
4.1. Perencanaan.............................................................................................53
4.1.1. Karakteristik Pengguna....................................................................53
4.2. Data Teknis..............................................................................................55
4.2.1. Topologi...........................................................................................55
4.2.2. Model Sistem...................................................................................56
4.2.3. Model Data.......................................................................................60
4.3. Alat dan Bahan........................................................................................63
4.4. Langkah Kerja.........................................................................................65
4.4.1. Perancangan Antar Muka.................................................................65
4.4.2. Implementasi Basis Data..................................................................72
4.4.3. Implementasi Antar Muka Pemakai.................................................76
4.4.4. Implementasi Modul Program.........................................................80
4.4.5. Daftar User.......................................................................................81
4.5. Pengujian.................................................................................................82
4.5.1. Tampilan Antar Muka......................................................................82
5

4.5.2. Tabel Pengujian................................................................................97


BAB V....................................................................................................................99
5.1. Kesimpulan..............................................................................................99
5.2. Saran........................................................................................................99
DAFTAR PUSTAKA...........................................................................................101
6

DAFTAR T

Tabel 2.1 Kronologi Perusahaan..............................................................................9


YTabel 3.1 Kelebihan & Kekurangan Topologi Tree 27
Tabel 3.2 Kelebihan & Kekurangan Topologi Star................................................29
YTabel 4.1 Kamus Data
58
Tabel 4.2 Tabel Database Users.............................................................................72
Tabel 4.3 Tabel Database Activity.........................................................................72
Tabel 4.4 Tabel Database Gallery..........................................................................73
Tabel 4.5 Tabel Database Product..........................................................................73
Tabel 4.6 Tabel Database Data...............................................................................74
Tabel 4.7 Tabel Database Final Data......................................................................74
Tabel 4.8 Tabel Database Department...................................................................75
Tabel 4.9 Tabel Database Sub Department............................................................75
Tabel 4.10 Tabel Database Download....................................................................76
Tabel 4.11 Folder : C:\xampp\htdocs\unilever.......................................................76
Tabel 4.12 Folder : C:\xampp\htdocs\unilever\admin............................................78
Tabel 4.13 Folder : C:\xampp\htdocs\unilever\admin\pages\examples.................78
Tabel 4.14 Folder : C:\xampp\htdocs\unilever\admin\pages\forms.......................79
Tabel 4.15 Folder : C:\xampp\htdocs\unilever\admin\pages\tables.......................80
Tabel 4.16 Folder : C:\xampp\htdocs\unilever.......................................................80
Tabel 4.17 Folder : C:\xampp\htdocs\unilever\admin............................................81
Tabel 4.18 Folder : C:\xampp\htdocs\unilever\admin\process..............................81
Tabel 4.19 Daftar User...........................................................................................81
Tabel 4.20 Pengujian Sistem Informasi Data.........................................................97

DAFTAR GAMBA
7

Gambar 2.1 Perusahaan memulai operasi komersialnya tahun 1933.......................8


Gambar 2.2 Logo PT. Unilever Indonesia Tbk..........................................................
Gambar 3.1 Komunikasi Data 19
Gambar 3.2 Kabel Coaxial.....................................................................................19
Gambar 3.3 Kabel UTP..........................................................................................19
Gambar 3.4 Kabel STP..........................................................................................20
Gambar 3.5 Fiber Optic.........................................................................................20
Gambar 3.6 Simplex...............................................................................................22
Gambar 3.7 Half Duplex........................................................................................22
Gambar 3.8 Full Duplex.........................................................................................23
Gambar 3.9 Contoh Jaringan Komputer................................................................25
Gambar 3.10 Topologi Tree...................................................................................27
Gambar 3.11 Topologi Star....................................................................................28
Gambar 3.12 Salah satu contoh Web Server (Apache Server)...............................30
Gambar 3.13 Topologi DNS..................................................................................32
Gambar 3.14 Bagian URL.....................................................................................33
Gambar 3.15 Contoh kode PHP sederhana............................................................34
Gambar 3.16 Contoh perintah print pada PHP...................................................35
Gambar 3.17 Contoh kode javascript.....................................................................37
Gambar 3.18 Contoh kode untuk memanggil file javascript.................................38
Gambar 3.19 Contoh kode js pada bagian Head....................................................38
Gambar 3.20 Contoh kode js pada bagian Body....................................................39
Gambar 3.21 Tingkatan Hirarki Data.....................................................................41
Gambar 3.22 Contoh Sintax Select........................................................................42
Gambar 3.23 Contoh Sintax Insert.........................................................................42
Gambar 3.24 Contoh Sintax Update......................................................................43
Gambar 3.25 Elemen Sistem Informasi (CBIS).....................................................44
Gambar 3.26 Simbol Flowmap..............................................................................46
Gambar 3.27 Simbol Diagram Konteks.................................................................47
Gambar 3.28 Simbol Data Flow Diagram.............................................................48
Gambar 3.29 Simbol Entity Relationship Diagram...............................................49
Gambar 3.30 Contoh Tampilan Notepad++..........................................................51
Gambar 3.31 Contoh Tampilan XAMPP................................................................52
YGambar 4.1 Topologi Perencanaan 56
Gambar 4.2 Diagram Konteks Sistem Informasi Data..........................................57
Gambar 4.3 Data Flow Diagram Sistem Informasi Data.......................................58
Gambar 4.4 Entity Relationship Diagram Sistem Informasi Data.........................61
Gambar 4.5 Flowmap Sistem Informasi Data........................................................62
Gambar 4.6 Tampilan Notepad++.........................................................................63
8

Gambar 4.7 Tampilan XAMPP...............................................................................63


Gambar 4.8 Tampilan phpmyadmin.......................................................................64
Gambar 4.9 Tampilan theme Corlate.....................................................................64
Gambar 4.10 Tampilan theme AdminLTE..............................................................65
Gambar 4.11 Perancangan Antar Muka (Halaman Home)....................................66
Gambar 4.12 Perancangan Antar Muka (Halaman setiap sub-department)...........67
Gambar 4.13 Perancangan Antar Muka (Halaman Final Data setiap department) 67
Gambar 4.14 Perancangan Antar Muka (Halaman Activity & Gallery)................68
Gambar 4.15 Perancangan Antar Muka (Halaman Login)....................................69
Gambar 4.16 Perancangan Antar Muka (Halaman Contact)..................................69
Gambar 4.17 Perancangan Antar Muka (Tampilan halaman Form Add)..............70
Gambar 4.18 Perancangan Antar Muka (Tampilan halaman List).........................71
Gambar 4.19 Perancangan Antar Muka (Tampilan halaman Profile)....................71
Gambar 4.20 Halaman Home.................................................................................83
Gambar 4.21 Halaman setiap Sub-department......................................................84
Gambar 4.22 Authentikasi Password saat Download............................................84
Gambar 4.23 Authentikasi Download (Salah Password).......................................85
Gambar 4.24 Halaman Final Data setiap Department...........................................85
Gambar 4.25 Halaman Activity.............................................................................86
Gambar 4.26 Halaman Gallery..............................................................................86
Gambar 4.27 Halaman Login.................................................................................87
Gambar 4.28 Authentikasi Login (Login gagal)....................................................87
Gambar 4.29 Halaman Contact..............................................................................88
Gambar 4.30 Halaman Profile...............................................................................88
Gambar 4.31 Halaman Add Member.....................................................................89
Gambar 4.32 Halaman Add Product......................................................................89
Gambar 4.33 Halaman Add Activity......................................................................90
Gambar 4.34 Halaman Add Gallery.......................................................................90
Gambar 4.35 Halaman Add Data...........................................................................91
Gambar 4.36 Halaman Add File............................................................................91
Gambar 4.37 Halaman Add Final Data..................................................................92
Gambar 4.38 Halaman List Member......................................................................92
Gambar 4.39 Halaman List Product.......................................................................93
Gambar 4.40 Halaman List Activity......................................................................93
Gambar 4.41 Halaman List Gallery.......................................................................94
Gambar 4.42 Halaman List Data............................................................................94
Gambar 4.43 Halaman List File.............................................................................95
Gambar 4.44 Halaman List Final Data..................................................................95
Gambar 4.45 Halaman Edit Data...........................................................................96
Gambar 4.46 Konfirmasi Delete............................................................................96
Gambar 4.47 Username Telah Terdaftar................................................................97
Gambar 4.48 Logout..............................................................................................97
9

BAB I
PENDAHULUAN

1.1. Latar Belakang Masalah


Perkembangan sistem informasi telah membuat hidup manusia semakin
lebih mudah, manfaat berkembangnya sistem informasi ini sangat menguntungkan
banyak pihak terutama perusahaan ataupun bidang usaha. Sehingga sekarang ini
banyak perusahaan yang menggunakan sistem informasi untuk menunjang
aktifitas perusahaannya. Karena sistem informasi sendiri dapat mempermudah
dalam memanajemen aktifitas perusahaan. Khususnya sistem informasi yang
berbasiskan web.
Pada saat ini, banyak perusahaan mengalami perkembangan yang cukup
baik, salah satunya Savoury Factory PT. Unilever Indonesia Tbk, namun selama 1
tahun terakhir sampai saat ini Savoury Factory PT. Unilever Indonesia Tbk masih
memiliki beberapa masalah, salah satunya pengiriman data setiap department dan
sub department terhadap manager atau assistant manager yang prosesnya masih
dilakukan secara manual dan memerlukan waktu cukup lama dalam proses
pengirimannya atau data yang diperlukan rusak atau hilang.
Melihat kondisi yang terjadi di Savoury Factory PT. Unilever Indonesia
Tbk, memungkinkan beberapa permasalahan yang terjadi akibat tidak adanya
Sistem Informasi berbasis web, seperti karyawan yang harus berjalan jauh (100
500 meter) untuk sampai ke ruangan manager atau assistant manager hanya
untuk memberikan data dari setiap department dan sub department atau data yang
disimpan tidak pada tempatnya dan akhirnya hilang.

Maka Sistem Informasi berbasis web merupakan salah satu solusi bagi
Savoury Factory PT. Unilever Indonesia Tbk untuk meningkatkan kinerja dan
mutu perusahaan. Dengan adanya sistem informasi berbasis web dapat
mempermudah dalam mengatur sistem pengiriman data. Oleh karena itu penulis
membuat laporan yang berjudul Membuat Sistem Informasi Data perusahaan
2

Savoury Factory berbasis Web di PT. Unilever Indonesia Tbk menggunakan


Notepad++.

1.2.Tujuan
Tujuan dari penyusunan laporan praktik kerja industri ini, antara lain :
1. Mempermudah karyawan setiap department dan sub department dalam
proses pengiriman data kepada manager atau assistant manager, dan
memperkecil kemungkinan rusaknya atau hilangnya data.

2. Mempermudah karyawan dalam mengakses informasi yang lebih efektif


tentang Savoury Factory PT. Unilever Indonesia Tbk.

1.3. Pembatasan Masalah

Dalam penulisan laporan dengan judul MEMBUAT SISTEM INFORMASI


DATA PERUSAHAAN SAVOURY FACTORY BERBASIS WEB DI PT.
UNILEVER INDONESIA Tbk MENGGUNAKAN NOTEPAD++ Penulis
membatasi masalah dengan ketentuan sebagai berikut :
1. Windows 7 sebagai sistem operasi dalam pembuatan Sistem Infromasi
Data.

2. Bahasa pemrograman yang digunakan terdiri dari html, php, dan


javascript.

3. Database yang digunakan adalah phpmyadmin.

4. Aplikasi yang digunakan terdiri dari Notepad++ sebagai text editor dan
XAMPP sebagai penyedia layanan Web Server.

5. Theme yang digunakan terdiri dari Theme AdminLTE dan Corlate.

6. Membuat 2 entitas level, yaitu Gold dan Admin.


3

7. Data yang akan diolah meliputi member, profile, product, activity,


gallery, data setiap sub department, dan final data setiap sub department.

8. Terdapat beberapa fitur process, yaitu : login, logout, insert, update,


delete, upload, download.
9. Server sudah disediakan oleh Savoury Factory PT. Unilever Indonesia
Tbk.

10. Hasil project digunakan di Savoury Factory PT. Unilever Indonesia Tbk.

1.4. Sistematika Pembahasan


Penulisan laporan terbentuk dari hasil dan data data yang penulis dapatkan
selama melaksanakan praktik kerja industri di Savoury Factory PT. Unilever
Indonesia Tbk melalui beberapa metode yaitu :

1. Metode praktik, yaitu melaksanakan praktik kerja industri selama kurang


lebih 4 bulan.
2.Metode observasi, yaitu metode yang berdasarkan pada hasil pengamatan
secara langsung.

3. Metode interview, yaitu metode yang berdasarkan hasil wawancara.


Pada laporan ini, sistematika yang penulis cantumkan menjelaskan isi dari
setiap BAB. Pada laporan ini, terdapat 5 BAB yag terdiri dari :

BAB 1 PENDAHULUAN, membahas mengenai latar belakang masalah, tujuan


dari pemilihan judul, pembatasan masalah, dan sistematika pembahasan laporan.

BAB 2 PT. UNILEVER INDONESIA Tbk, membahas mengenai profil


perusahaan, sejarah perusahaan, lokasi perusahaan (Savoury Factory), visi dan
misi perusahaan, tujuan dan prinsip perusahaan, makna logo perusahaan, dan
pengenalan produk perusahaan.

BAB 3 LANDASAN TEORI, membahas mengenai teori penunjang pada BAB 4


yang menjadi acuan penulis dalam pembuatan laporan ini.
4

BAB 4 MEMBUAT SISTEM INFORMASI DATA PERUSAHAAN


SAVOURY FACTORY BERBASIS WEB DI PT. UNILEVER INDONESIA
Tbk MENGGUNAKAN NOTEPAD++, berisi mengenai perencanaan dan
langkah langkah dalam pembuatan Sistem Informasi Data Perusahaan Savoury
Factory di PT. Unilever Indonesia Tbk.

BAB 5 PENUTUP, berisi mengenai kesimpulan dari uraian masalah yang dibahas
serta saran saran yang bersifat solusi dan membangun terhadap judul yang
dipilih.
5

BAB II

PT. UNILEVER INDONESIA Tbk

2.1. Profil Perusahaan


Nama Perusahaan : PT. Unilever Indonesia Tbk
Jenis Usaha : Perusahaan Multinasional
Website : http://www.unilever.co.id
No. Telepon : +62 21 526 2112
Fax : +62 21 526 2044

Sejak didirikan pada 5 Desember 1933, unilever indonesia telah tumbuh


menjadi salah satu perusahaan terdepan untuk produk Home and Personal Care
serta Foods & Ice Cream di Indonesia.
Rangkaian Produk Unilever Indonesia mencangkup brand-brand ternama
yang disukai di dunia seperti Pepsodent, Lux, Lifebuoy, Dove, Sunsilk, Clear,
Rexona, Vaseline, Rinso, Molto, Sunlight, Walls, Blue Band, Royco, Bango, dan
lain-lain.
Selama ini, tujuan perusahaan PT. Unilever Indonesia Tbk tetap sama,
dimana PT. Unilever Indonesia Tbk bekerja untuk menciptakan masa depan yang
lebih baik setiap hari, membuat pelanggan merasa nyaman, berpenampilan baik
dan lebih menikmati kehidupan melalui brand dan jasa yang memberikan manfaat
untuk mereka maupun orang lain; menginspirasi masyarakat untuk melakukan
tindakan kecil setiap harinya yang bila digabungkan akan membuat perubahan
besar bagi dunia, dan senantiasa mengembangkan cara baru dalam berbisnis yang
mejmungkinkan PT. Unilever Indonesia Tbk untuk tumbuh sekaligus mengurangi
dampak lingkungan.
Saham perseroan pertama kali ditawarkan kepada masyarakat pada tahun
1981 dan tercatat di Bursa Efek Indonesia seja 11 Januari 1982. Pada akhir tahun
2011, saham perseroan menempati peringkat ke-enam kapitalisasi pasar terbesar
di Bursa Efek Indonesia.
Perseroan memiliki dua anak perusahaan : PT Anugrah Lever (dalam
likuidasi), kepemilikan Perseroan sebesar 100% (sebelumnya adalah perusahaan
6

patungan untuk pemasaran kecap) yang telah konsolidasi dan PT Technopia


Lever, kepemilikan Perseroan sebesar 51%, bergerak di bidang distribusi ekspor,
dan impor produk dengan merek Domestos Nomos.
Bagi Unilever, sumber daya manusia adalah pusat dari seluruh aktivitas
perseroan, perseroan mengelola dan mengembangkan bisnis perseroan secara
bertanggung jawab dan berkesinambungan. Nilai-nilai dan standar yang Perseroan
terapkan terangkum dalam Prinsip Bisnis PT. Unilever Indonesia Tbk. Perseroan
juga membagi standar dan nilai-nilai tersebut dengan mitra usaha termasuk para
pemasok dan distributor PT. Unilever Indonesia Tbk.
Perseroan memiliki enam pabrik di Kawasan Industri Jababeka, Cikarang,
Bekasi, dan dua pabrik di Kawasan Industri Rungkut, Surabaya, Jawa Timur,
dengan kantor pusat di Jakarta.
43 brand utama dan 1,000 SKU, dipasarkan melalui jaringan yang
melibatkan sekitar 500 distributor independen yang menjangkau ratusan ribu toko
yang tersebar di seluruh Indoneisa. Produk-produk tersebut didistribusikan
melalui pusat distribusi milik sendiri, gudang tambahan, depot dan fasilitas
distribusi lainnya.

Sebagai perusahaan yang mempunyai tanggung jawab sosial, Unilever


Indonesia menjalankan program Corporate Social Responsibility (CSR) yang luas.
Keempat pilar program PT. Unilever Indonesia Tbk adalah Lingkungan, Nutrisi,
Higiene dan Pertanian Berkelanjutan. Program CSR termasuk antara lain
kampanye Cuci Tangan dengan Sabun (Lifebuoy), program Edukasi kesehatan
Gigi dan Mulut (Pepsodent), program Pelestarian Makanan Tradisional (Bango)
serta program Memerangi Kelaparan untuk membantu anak Indonesia yang
kekurangan gizi (Blue Band).

2.2. Sejarah Perusahaan


PT Unilever Indonesia Tbk didirikan pada 5 Desember 1933 sebagai
Zeepfabrieken N.V. Lever dengan akta No. 33 yang dibuat oleh Tn.A.H. van
7

Ophuijsen, notaris di Batavia. Akta ini disetujui oleh Gubernur Jenderal van
Negerlandsch-Indie dengan surat No. 14 pada tanggal 16 Desember 1933,
terdaftar di Raad van Justitie di Batavia dengan No. 302 pada tanggal 22
Desember 1933 dan diumumkan dalam Javasche Courant pada tanggal 9 Januari
1934 Tambahan No. 3.
Dengan akta No. 171 yang dibuat oleh notaris Ny. Kartini Mulyadi
tertanggal 22 Juli 1980, nama perusahaan diubah menjadi PT Unilever Indonesia.
Dengan akta no. 92 yang dibuat oleh notaris Tn. Mudofir Hadi, S.H. tertanggal 30
Juni 1997, nama perusahaan diubah menjadi PT Unilever Indonesia Tbk. Akta ini
disetujui oleh Menteri Kehakiman dengan keputusan No. C2-
1.049HT.01.04TH.98 tertanggal 23 Februari 1998 dan diumumkan di Berita
Negara No. 2620 tanggal 15 Mei 1998 Tambahan No. 39.
Perusahaan mendaftarkan 15% dari sahamnya di Bursa Efek Jakarta dan
Bursa Efek Surabaya setelah memperoleh persetujuan dari Ketua Badan Pelaksana
Pasar Modal (Bapepam) No. SI-009/PM/E/1981 pada tanggal 16 November 1981.
Pada Rapat Umum Tahunan perusahaan pada tanggal 24 Juni 2003, para
pemegang saham menyepakati pemecahan saham, dengan mengurangi nilai
nominal saham dari Rp 100 per saham menjadi Rp 10 per saham. Perubahan ini
dibuat di hadapan notaris dengan akta No. 46 yang dibuat oleh notaris Singgih
Susilo, S.H. tertanggal 10 Juli 2003 dan disetujui oleh Menteri Kehakiman dan
Hak Asasi Manusia Republik Indonesia dengan keputusan No. C-17533
HT.01.04-TH.2003.
Perusahaan bergerak dalam bidang produksi sabun, deterjen, margarin,
minyak sayur dan makanan yang terbuat dari susu, es krim, makanan dan
minuman dari teh dan produk-produk kosmetik.
Sebagaimana disetujui dalam Rapat Umum Tahunan Perusahaan pada
tanggal 13 Juni, 2000, yang dituangkan dalam akta notaris No. 82 yang dibuat
oleh notaris Singgih Susilo, S.H. tertanggal 14 Juni 2000, perusahaan juga
bertindak sebagai distributor utama dan memberi jasa-jasa penelitian pemasaran.
Akta ini disetujui oleh Menteri Hukum dan Perundang-undangan (dahulu Menteri
Kehakiman) Republik Indonesia dengan keputusan No. C-18482HT.01.04-
8

TH.2000. Perusahaan memulai operasi komersialnya pada tahun 1933 ditunjukan


pada Gambar 2.1.

Gambar 2.1 Perusahaan memulai operasi komersialnya tahun 1933


Sumber : http://www.unilever.co.id

2.2.1. Perluasan Perusahaan


Pada tanggal 22 November 2000, perusahaan mengadakan perjanjian
dengan PT Anugrah Indah Pelangi, untuk mendirikan perusahaan baru yakni
PT Anugrah Lever (PT AL) yang bergerak di bidang pembuatan,
pengembangan, pemasaran dan penjualan kecap, saus cabe dan saus-saus
lain dengan merk dagang Bango, Parkiet dan Sakura dan merk-merk lain
atas dasar lisensi perusahaan kepada PT Al.
Pada tanggal 3 Juli 2002, perusahaan mengadakan perjanjian dengan
Texchem Resources Berhad, untuk mendirikan perusahaan baru yakni PT
Technopia Lever yang bergerak di bidang distribusi, ekspor dan impor
barang-barang dengan menggunakan merk dagang Domestos Nomos. Pada
tanggal 7 November 2003, Texchem Resources Berhad mengadakan
perjanjian jual beli saham dengan Technopia Singapore Pte. Ltd, yang dalam
perjanjian tersebut Texchem Resources Berhad sepakat untuk menjual
sahamnya di PT Technopia Lever kepada Technopia Singapore Pte. Ltd.
Dalam Rapat Umum Luar Biasa perusahaan pada tanggal 8 Desember
2003, perusahaan menerima persetujuan dari pemegang saham minoritasnya
untuk mengakuisisi saham PT Knorr Indonesia (PT KI) dari Unilever
Overseas Holdings Limited (pihak terkait). Akuisisi ini berlaku pada tanggal
9

penandatanganan perjanjian jual beli saham antara perusahaan dan Unilever


Overseas Holdings Limited pada tanggal 21 Januari 2004. Pada tanggal 30
Juli 2004, perusahaan digabung dengan PT KI. Penggabungan tersebut
dilakukan dengan menggunakan metoda yang sama dengan metoda
pengelompokan saham (pooling of interest). Perusahaan merupakan
perusahaan yang menerima penggabungan dan setelah penggabungan
tersebut PT KI tidak lagi menjadi badan hukum yang terpisah.
Penggabungan ini sesuai dengan persetujuan Badan Koordinasi Penanaman
Modal (BKPM) dalam suratnya No. 740/III/PMA/2004 tertanggal 9 Juli
2004.

Pada tahun 2007, PT Unilever Indonesia Tbk. (Unilever) telah


menandatangani perjanjian bersyarat dengan PT Ultrajaya Milk Industry &
Trading Company Tbk (Ultra) sehubungan dengan pengambilalihan industri
minuman sari buah melalui pengalihan merek Buavita dan Gogo dari
Ultra ke Unilever. Perjanjian telah terpenuhi dan Unilever dan Ultra telah
menyelesaikan transaksi pada bulan Januari 2008.
2.2.2. Kronologi Perusahaan
Berikut merupakan Tabel 2.1 yang menjelaskan Sejarah Kronologi
Perusahaan PT. Unilever Indonesia Tbk.

Tabel 2.1 Kronologi Perusahaan

1920-30 Import oleh van den Bergh, Jurgen and Brothers

1933 Pabrik sabun Zeepfabrieken NV Lever Angke, Jakarta

1936 Produksi margarin dan minyak oleh Pabrik van den Bergh NV

Angke, Jakarta

1941 Pabrik komestik Colibri NV, Surabaya

1942-46 Kendali oleh unilever dihentikan (Perang Dunia II)


10

1965-66 Di bawah kendali pemerintah

1967 Kendali usaha kembali ke Unilever

berdasarkan undang-undang penanaman modal asing

1981 Go public dan terdaftar di Bursa Efek Jakarta

1982 Pembangunan pabrik Ellida Gibbs di Rungkut, Surabaya

1988 Pemindahan Pabrik Sabun Mandi dari Colibri ke Pabrik


Rungkut,

Surabaya

1990 Terjun di bisnis the

1992 Membuka pabrik es krim

1995 Pembangunan pabrik deterjen dan makanan di Cikarang, Bekasi

1996-98 Penggabungan instalasi produksi Cikarang, Rungkut

1999 Deterjen Cair NSD Cikarang

2000 Terjun ke bisnis kecap

2001 Membuka pabrik teh Cikarang

2002 Membuka pusat distribusi sentral Jakarta

2003 Terjun ke bisnis obat nyamuk bakar

2004 Terjun ke bisnis makanan ringan

2005 Membuka pabrik sampo cair Cikarang

2008 Terjun ke bisnis minuman sari buah

2010 Perusahaan meluncurkan pureit

2011 Perusahaan mendirikan pabrik sabun mandi Dove di Surabaya


11

sekaligus memperluas pabrik es krim Walls dan Skin Care di


Cikarang

Sumber : http://www.unilever.co.id

2.3. Lokasi Perusahaan


Savoury Factory PT. Unilever Indonesia Tbk berlokasi di :

JL. Jababeka VI Blok L1-2, Cikarang, Bekasi, Indonesia.

2.4. Visi dan Misi Perusahaan


Visi PT. Unilever Indonesia Tbk Untuk meraih rasa cinta dan
penghargaan dari Indonesia dengan menyentuh kehidupan setiap orang
Indonesia setiap harinya.

Misi PT. Unilever Indonesia Tbk :

a. PT. Unilever Indonesia Tbk bekerja untuk menciptakan masa depan yang
lebih baik setiap hari.

b. PT. Unilever Indonesia Tbk membantu konsumen merasa nyaman,


berpenampilan baik dan lebih menikmati hidup melalui brand dan
layanan yang baik bagi mereka dan orang lain.

c. PT. Unilever Indonesia Tbk menginspirasi masyarakat untuk melakukan


langkah kecil setiap harinya yang bila digabungkan bisa mewujudkan
perubahan besar bagi dunia.

d. PT. Unilever Indonesia Tbk senantiasa mengembangkan cara baru dalam


berbisnis yang memungkinkan PT. Unilever Indonesia Tbk tumbuh dua
kali lipat sambil mengurangi dampak terhadap lingkungan.
12

2.5. Tujuan dan Prinsip Perusahaan


PT. Unilever Indonesia Tbk mempunyai tujuan dan prinsip, yaitu :

a. Selalu bekerja dengan integritas

Beroperasi dengan integritas dan rasa hormat pada orang-orang,


sentuhan bisnis PT. Unilever Indonesia Tbk pada organisasi dan
lingkungan selalu menjadi pusat dari tanggung jawab corporate PT.
Unilever Indonesia Tbk.

b. Dampak Positif

PT. Unilever Indonesia Tbk bertujuan memberikan dampak positif


dengan berbagai cara: melalui brand PT. Unilever Indonesia Tbk,
melalui kegiatan komersial dan hubungan PT. Unilever Indonesia Tbk,
melalui kontribusi sukarela, serta berbagai cara lain dimana PT. Unilever
Indonesia Tbk berhubungan dengan masyarakat.

c. Komitmen yang berlanjut

PT. Unilever Indonesia Tbk juga berkomitmen untuk terus meningkatkan


cara dalam menangani dampak lingkungan dan bekerja dengan tujuan
jangka panjang PT. Unilever Indonesia Tbk dalam mengembangkan
bisnis yang berkelanjutan.

d. Menjalankan aspirasi PT. Unilever Indonesia Tbk

Tujuan corporate PT. Unilever Indonesia Tbk telah memberikan aspirasi


bagi PT. Unilever Indonesia Tbk untuk mengelola bisnis. Hal ini
diperkuat peraturan PT. Unilever Indonesia Tbk dalam prinsip-prinsip
bisnis yang menjelaskan standar operasional yang diikuti semua
karyawan Unilever, dimanapun mereka berada diseluruh dunia. Aturan
13

ini juga mendukung pendekatan PT. Unilever Indonesia Tbk pada


pemerintah serta tanggung jawab corporate.
e. Bekerja dengan yang lain

PT. Unilever Indonesia Tbk ingin bekerja dengan para penyedia sumber
daya yang memiliki nilai dan standar yang sama dengan PT. Unilever
Indonesia Tbk dalam bekerja. Peraturan tentang rekanan bisnis, sejalan
dengan peraturan prinsip bisnis PT. Unilever Indonesia Tbk, terdiri dari
sepuluh prinsip yang meliputi integritas bisnis dan tanggung jawab yang
berhubungan dengan karyawan, konsumen dan lingkungan.
2.5.1. Bright Future : Aksi Menginspirasi Dunia
PT. Unilever Indonesia Tbk yakin tidak ada waktu yang lebih tepat
untuk menciptakan masa depan yang lebih cerah bagi anak-anak indonesia.
Di sebuah dunia dengan semua orang mempunyai cukup makanan dan tidak
ada anak-anak tidur dengan perut yang lapar. Anak-anak merayakan ulang
tahunnya yang kelima dan memiliki masa kanak-kanak yang menyenangkan.
Setiap rumah mempunyai cukup air bersih untuk diminum, memasak dan
bebersih, dan di mana semua orang menikmati hidup sambil melestarikan
bumi untuk generasi berikutnya.
Diluncurkan pada tahun 2013 dengan nama: Project Sunlight, Unilever
brightFuture telah menghasilkan kontribusi positif kepada kehidupan
berjuta-juta orang di dunia. Dengan semakin banyaknya dukungan dan
semangat menggapai masa depan yang cerah dari berbagai komunitas dan
masyarakat di dunia, di bulan april 2015 Project Sunlight telah beralih
menjadi Unilever brightFuture.
Inilah beberapa momen membanggakan bagi PT. Unilever Indonesia Tbk :

a. Membantu 2 juta anak di seluruh dunia melalui mitra Unilever yang


sedang berjalan dengan Save the Children, UNICEF dan World Food
Programme .
14

b. Menyediakan setengah juta set makan di UK dengan cara bekerja sama


dengan Oxfam melalui kampanye #ClearAPlate .

c. Di US PT. Unilever Indonesia Tbk bekerja sama dengan Free The


Children untuk We Day untuk merayakan keberhasilan jutaan anak muda
yang menginspirasi.

d. PT. Unilever Indonesia Tbk telah menjangkau hampir 20 juta anak anak
dan lebih dari 100 sekolah di Indonesia dengan memberikan program
edukasi kebersihan dan fasilitas sanitasi yang memadai.

e. Bersama mitra NGO PT. Unilever Indonesia Tbk di India, PT. Unilever
Indonesia Tbk telah membantu lebih dari 115 juta orang melalui
program sanitasi dan kesehatan.

f. Di Brazil PT. Unilever Indonesia Tbk berkomitmen untuk membantu


lebih dari 1 milyar orang untuk meningkatkan kondisi kebersihan dan
kesehatan mereka.

Bergabunglah bersama PT. Unilever Indonesia Tbk untuk menciptakan


masa depan yang lebih baik sekarang.

2.6. Logo Perusahaan


Setiap perusahaan tentunya memiliki logo khas yang memiliki ciri dan
makna tersendiri. Logo PT. Unilever Indonesia Tbk ditunjukan pada Gambar 2.2
yang memiliki ciri dan makna tersendiri dibalik keindahan bentuknya.
15

Gambar 2.2 Logo PT. Unilever Indonesia Tbk

Sumber : http://www.unilever.co.id
Makna dari logo PT. Unilever Indonesia Tbk, yaitu :

a. Mangkuk, masakan yang mengundang selera. Juga melambangkan


makanan siap saji, minuman panas atau sup.

b. Cairan, berhubungan dengan air bersih dan kemurnian.

c. Hati, simbol cinta, perhatian/perawatan dan kesehatan.

d. Bibir, simbol dunia kecantikan, penampilan yang menarik dan citarasa.

e. Matahari, simbol utama dari vitalitas. Konsep dasar brand Unilever.

f. Tangan, simbol sensitivitas, pemeliharaan dan kebutuhan.


Melambangkan kulit dan sentuhan.

g. Bunga, melambangkan wewangian.

h. Bumbu dan Penyedap Rasa, melambangkan rasa pedas atau


kandungan makanan yang segar.

i. Wadah penyimpan, simbol packaging botol krim diasosiasikan


dengan perawatan tubuh.
16

j. Partikel, berhubungan dengan ilmu pengetahuan, gelembung, suara


desisan.

k. Es Krim, hiburan, kesenangan, kenikmatan.

l. Lebah, melambangkan penciptaan, penyerbukan, kerja keras,


keragaman makhluk hidup.

m. Rambut, simbol kecantikan dan penampilan yang menarik.

n. Saus/Selai, melambangkan pencampuran rasa, penambah rasa.

o. Ikan, makanan, laut atau air segar.

p. Pakaian, melambangkan cucian yang bersih dan penampilan yang


menarik.

q. Teh, tumbuhan / sari tumbuh-tumbuhan seperti (contohnya) teh, juga


menyimbolkan pertumbuhan, pertanian.

r. Kilauan, bersih, kesehatan, berkilau.

s. DNA, double helix, cetak biru kehidupan dan simbol ilmu alam, kunci
hidup sehat.

t. Pohon jenis Palem/Kelapa, sumber alam, juga menyimbolkan taman


firdaus.

u. Sendok, simbol nutrisi, citarasa dan memasak.

v. Ombak, menyimbolkan kebersihan, kesegaran dan tenaga.

w. Tanaman, simbol kesegaran, kristal salju, melambangkan pembekuan


(pengawetan). Simbol perubahan bentuk.
17

x. Daur ulang, komitmen Unilever dalam menjaga kelangsungan hidup


lingkungan.
y. Burung, simbol kebebasan, keluar dari rutinitas kerja.

2.7. Pengenalan Produk


Unilever membuat dan menjual lebih dari 400 brand di seluruh dunia. Dua
miliar orang menggunakan produk unilever setiap harinya. Inilah sejumlah brand-
brand utama unilever yang tersedia di banyak Negara :

a. Food and Drink :


1) Bango
2) Blue Band
3) Buavita
4) Lipton
5) Royco
6) Sariwangi
7) Walls Taste Joy

b. Home Care
1) Cif
2) Domestos
3) Molto
4) Rinso
5) Sunlight
6) Super Pell
7) Surf
8) Vixal
9) Wipol
10) Wipol Karbol
11) Wipol Ultra Protection

c. Personal Care
1) Axe
2) Citra
3) Clear
4) Close Up
5) Dove
6) Lifebouy
7) Lux
8) Ponds
18

9) Rexona
10) Vaseline
11) Zwitsal
19

BAB III

LANDASAN TEORI

3.1. Komunikasi Data

Komunikasi merupakan suatu sistem yang digunakan oleh pengirim dalam


memberikan suatu pesan kepada penerima, dengan harapan penerima pesan
memahami isi pesan tersebut. Sehingga dia mampu melanjutkan kegiatannya,
serta mampu mengambil suatu kebijaksanaan dalam memutuskan suatu pekerjaan
untuk mencapai tujuan yang telah ditentukan, yang bergantung pada 3 hal ini :

a. Pengirim pesan yang membuat pesan

b. Sebuah media yang dapat mengantarkan pesan tersebut

c. Penerima pesan yang menerima pesan

Data merupakan fakta atau bagian dari fakta yang mengandung arti, yang
dihubungkan dengan kenyataan. Keberadaan data akan berperan dalam kehidupan
manusia, salah satunya dalam bidang teknologi dan komunikasi.
Komunikasi data dapat didefinisikan sebagai hubungan atau interaksi
(pengiriman dan peneriman) antar device yang terhubung dalam sebuah jaringan,
baik yang dengan jangkauan sempit maupun dengan jangkauan yang lebih luas.

3.1.1. Komponen Komunikasi Data

a. Pengirim, adalah bagian yang mengirimkan data

b. Penerima, adalah bagian yang menerima data

c. Data, adalah informasi yang akan dipindahkan


20

d. Media Pengiriman, adalah media atau saluran yang digunakan


untuk mengirimkan data

e. Protokol, adalah aturan-aturan yang berfungsi untuk menyelaraskan


hubungan

Contoh dari Komunikasi data ditunjukan pada Gambar 3.1.

Gambar 3.1 Komunikasi Data

Sumber : http://www.regisaputra17.wordpress.com
3.1.2. Jenis Komunikasi Data
Berdasarkan dengan media penghubungnya, komunikasi data dibagi
menjadi 2 jenis, yaitu melalui alat dan melalui satelit.

a. Melalui Alat (Device), Menggunakan media kabel dan nirkabel


sebagai jalur akses.

1) Kabel Coaxial
Pelindung Interferensi : Ada
Maks. Bandwith : 10 Mbps
Maks. Kabel : 500 meter
Soket : BNC (Bayonet Naval Conector)
Biaya : Murah dibanding UTP Gambar 3.2 Kabel
Coaxial
Installasi : Sederhana Sumber :
Contoh Kabel Coaxial ditunjukan pada www.metacom.com

Gambar 3.2.
21

2) Kabel UTP
Pelindung Interferensi : Tidak ada
Maks. Bandwith : 100 Mbps
Maks. Kabel : 100 meter
Soket : RJ-45 (RJ = Registered Jack) Gambar 3.3 Kabel
Biaya : Murah UTP
Sumber :
Installasi : Mudah www.metacom.com
Contoh Kabel UTP ditunjukan pada

Gambar 3.3.

3) Kabel STP
Pelindung Interferensi : Ada
Maks. Bandwith : 100 Mbps
Maks. Kabel : 100 meter
Soket : RJ-45 (RJ = Registered Jack) Gambar 3.4 Kabel STP
Biaya : Lebih mahal dibanding UTP Sumber :
Installasi : Sulit www.metacom.com
Contoh Kabel STP ditunjukan pada

Gambar 3.4.

4) Kabel Fiber Optic


Pelindung Interferensi : Ada
Maks. Bandwith : 100 Mbps ~ 1 Gbps
Maks. Kabel : 2000 meter
Soket : ST (Spring Loaded Twist)
Gambar 3.5 Fiber Optic
Biaya : Mahal
Sumber :
Installasi : Paling Rumit www.metacom.com
Contoh Kabel Fiber Optic ditunjukan pada

Gambar 3.5.
22

5) Media Nirkabel
(a) Microwave, Gelombang radio yang menggunakan frekuensi
tinggi. Antara pengirim dan penerima harus berada pada satu
garis lurus / garis pandang untuk dapat berkomunikasi dengan
baik. Oleh karena itu, microwave dapat disebut juga sebagai
Transmisi Garis Pandang.
(b) Gelombang Radio, Menyampaikan informasi melalui udara.
Contoh : Telepon seluler.

(c) Infrared, Menyampaikan informasi dengan menggunakan


gelombang ultra tinggi.
b. Melalui Satelit, Menggunakan satelit sebagai jalur akses. Biasanya
jangkauan yang dapat dicakup lebih luas dan mampu menjangkau
lokasi yang tidak mungkin terjangkau melalui alat (device), namun
waktu yang dibutuhkan untuk melakukan proses komunikasi lebih
panjang. Selain itu, komunikasi melalui satelit juga seringkali
mengalami gangguan yang disebabkan oleh radiasi gelombang
matahari. Sehingga komunikasi yang dilakukan pada malam hari
seringkali tersa lebih baik jika dibadingkan dengan siang hari. Satelit
dapat berguna sebagai :
1) Penerima
2) Penguat

3) Pengirim
3.1.3. Jalur Komunikasi

a. Point-to point
Menghubungkan hanya dua buah perangkat computer yang hendak
berkomunikasi.

b. Multipoint
23

Menghubungkan lebih dari dari dua buah perangkat computer yang


ingin berkomunikasi.

3.1.4. Sistem Transmisi


Merurut ANSI (America National Standard Information) terdapat 3
perbedaan arah transmisi, yaitu :
a. Simplex
Transmisi sinyal pada metode simplex hanya terjadi satu arah.
Hal ini menjadikan satu stasiun sebagai pemancar sedangkan stasiun
lainnya hanya sebagai pemerima. Pada metode ini, aliran data hanya
dapat terjadi secara satu arah (dari pemancar ke penerima). Contoh
transmisi Simplex adalah televisi yang ditunjukan pada Gambar 3.6.

Gambar 3.6 Simplex

Sumber : http://www. learn-networking.com


b. Half Duplex
Pada metode half dulpex, transmisi sinyal dapat terjadi secara
dua arah. Kedua stasiun dapat bertindak sebagai pemancar dan
penerima tetapi tidak bisa secara bersamaan melainkan bergantian.
Sehingga pada metode ini aliran data dapat terjadi secara dua arah
bergantian. Contoh transmisi Half Duplex adalah Handy Talkie yang
ditunjukan pada Gambar 3.7.
24

Gambar 3.7 Half Duplex

Sumber : http://www. learn-networking.com

c. Full Duplex

Pada metode full duplex, transmisi sinyal terjadi yaitu dua arah
secara bersamaan. Stasiun - stasiun yang menggunakan metode ini
bertindak sebagai pemancar dan penerima secara bersamaan. Aliran
data pada metode ini terjadi secara dua arah dan bersamaan. Contoh
transmisi Full Duplex adalah Telephone yang ditunjukan pada
Gambar 3.8.

Gambar 3.8 Full Duplex

Sumber : http://www. learn-networking.com

3.1.5. Sinyal

b. Sinyal Analog
25

Gelombang elektromagnetik continous yang disebar melalui suatu


media, tergantung pada spektrumnya. Memiliki amplitude yang
merupakan ukuran sinyal pada satu ukuran waktu dan frekuensi yang
merupakan banyaknya gelombang per detik.

c. Sinyal Digital
Serangan tegangan yang dapat ditransmisikan melalui suatu medium
kawat. Tersusun atas dua keadaan yang disebut bit, yaitu keadaan 1
yang berarti aktif dan 0 non aktif.

3.2. Jaringan Komputer


Jaringan Komputer merupakan interkoneksi antara 2 komputer autonomous
atau lebih, yang terhubung dengan media transmisi kabel atau tanpa kabel
(wireless). Autonomous adalah apabila sebuah komputer tidak melakukan kontrol
terhadap komputer lain dengan akses penuh, sehingga dapat membuat komputer
lain, restart, shutdowns, kehilangan file atau kerusakan sistem.
Dalam definisi networking yang lain autonomous dijelaskan sebagai
jaringan yang independent dengan manajemen sistem sendiri (punya admin
sendiri), memiliki topologi jaringan, hardware dan software sendiri, dan
dikoneksikan dengan jaringan autonomous yang lain. (Internet merupakan contoh
kumpulan jaringan autonomous yang sangat besar).
Dua unit komputer dikatakan terkoneksi apabila keduanya bisa saling
bertukar data/informasi, berbagi resource yang dimiliki, seperti: file, printer,
media penyimpanan (harddisk, floppy disk, cd-rom, flashdisk, dll). Data yang
berupa teks, audio maupun video, bergerak melalui media kabel atau tanpa kabel
(wireless) sehingga memungkinkan pnegguna komputer dalam jaringan komputer
dapat saling bertukar file/data, mencetak pada printer yang sama dan
menggunakan hardware/software yang terhubung dalam jaringan bersama-sama.
Tiap komputer, printer, atau periferal yang terhubung dalam jaringan disebut
dengan "node". Sebuah jaringan komputer sekurang-kurangnya terdidri dari dua
unti komputer atau lebih, dapat berjumlah puluhan komputer, ribuan atau bahkan
jutaan node yang saling terhubung satu sama lain.
26

Di dalam jaringan komputer dikenal sistem koneksi antar node (komputer),


yakni agar antara suatu komputer dengan komputer tang lainnya dapat saling
berhubungan, maka dilakukan berbagai macam cara. Topologi adalah suatu cara
menghubungkan komputer yang satu denga nkomputer lainnya sehingga
membentuk jaringan. Cara yang saat ini banyak digunakan adalah bus, token
ring, star dan peer-to-peer network. Masing-masing topologi ini mempunyai ciri
khas dengan kelebihan dan kekurangannya sendiri. Contoh Jaringan Komputer
ditunjukan pada Gambar 3.9.

Gambar 3.9 Contoh Jaringan Komputer

Sumber : http://www. elisa.ugm.ac.id

Jaringan komputer menjadi penting bagi setiap orang karena jaringan


komputer mempunyai tujuan yang menguntungkan. Tujuan jaringan komputer
adalah :
a. Sharing Resources
Sharing Resources bertujuan agar seluruh program, peralatan, atau
peripheral lainnya dapat dimanfaatkan oleh setiap orang yang ada pada
jaringan komputer tanpa terpengaruh dari pemakai. Misalnya, Staff BIRO
Akademik mengirimkan daftar mahasiswa baru ke perpustakaan dalam bentuk
27

print out dengan langsung mencetaknya di printer perpustakaan dari komputer


di BIRO akademik. Atau sebaliknya staff perpustakaan mendapatkan langsung
file daftar mahasiswa baru yang disimpan di komputer staff BIRO akademik.
b. High Reliability
High Reliability atau Reliabilitas tinggi yaitu adanya sumber sumber
alternatif pengganti jika terjadi masalah pada salah satu perangkat dalam
jaringan, artinya jika sumber utama mengalami masalah, maka perangkat lain
dapat menggantikannya.
c. Skalabilitas
Skalabilitas yaitu kemampuan untuk meningkatkan kinerja sistem secara
berangsur - angsur sesuai dengan beban pekerjaan dengan hanya
menambahkan sejumlah prosesor. Pada komputer mainframe yang
tersentralisasi, jika sistem sudah jenuh, maka komputer harus diganti dengan
komputer yang mempunyai kemampuan lebih besar. Hal ini membutuhkan
biaya yang sangat besar dan dapat menyebabkan gangguan terhadap
kelanjutan kerja para pemakai.
d. Media Komunikasi

Jaringan komputer dapat dijadikan sebagai media komunikasi yang baik


bagi para pegawai yang terpisah jauh. Dengan menggunakan jaringan, dua
orang atau lebih yang tinggal berjauhan akan lebih mudah berkomunikasi
dalam menyusun sesuatu.
3.2.1. Klasifikasi Jaringan Komputer
Berdasarkan jarak dan area kerjanya, jaringan komputer dibedakan
menjadi tiga kelompok yaitu :
a. Local Area Network
Local Area Network (LAN) adalah jaringan milik pribadi di
dalam sebuah gedung atau kampus dalam ukuran hingga beberapa
kilometer (10 m 1 km).

LAN menghubungkan host/workstation, peripheral, terminal,


dan peralatan lainnya dalam suatu gedung untuk berbagi sumber daya
(seperti printer) dan bertukar informasi.
28

3.2.2. Topologi Jaringan


a. Topologi Tree
Pada jaringan pohon, terdapat beberapa tingkatan simpul (node).
Pusat atau simpul yang lebih tinggi tingkatannya, dapat mengatur
simpul lain yang lebih rendah tingkatannya. Data yang dikirim perlu
melalui simpul pusat terlebih dahulu. Misalnya untuk bergerak dari
komputer dengan node-3 kekomputer node-7 seperti halnya pada
gambar, data yang ada harus melewati node 3, 5, dan node-6 sebelum
berakhir pada node-7. Contoh Topologi Tree ditunjukan pada Gambar
3.10.

Gambar 3.10 Topologi Tree

Sumber : http:// www.aldo-expert.com

Berikut merupakan Tabel 3.1 yang menjelaskan Kelebihan &


Kekurangan Topologi Tree.
Tabel 3.1 Kelebihan & Kekurangan Topologi Tree

KELEBIHAN KEKURANGAN
Scalable, level-level dibawah Jika salah satu node rusak, maka node
29

level utama dapat menambahkan yang berada di jenjang bagian


node baru dengan mudah. bawahnya akan rusak.
Manajemen mudah karena Kabel yang digunakan menjadi lebih
mudah melakukan identifikasi banyak sehingga diperlukan
dan isolasi kesalahan dalam perencanaan yang matang dalam
jaringan. pengaturannya, termasuk di dalamnya
adalah tata letak ruangan.
Koneksi terjadi secara point to Dapat terjadi tabrakan file data
point. (collision).

Sumber : http://www.slideshare.net/nanangdinda/dasar-sistem-jaringan

b. Topologi Star

Dalam topologi star, semua kabel dihubungkan dari komputer-


komputer ke lokasi pusat (central location), dimana semuanya
terhubung ke suatu alat yang dinamakan hub.
Topologi star digunakan dalam jaringan yang padat, ketika
endpoint dapat dicapai langsung dari lokasi pusat, kebutuhan untuk
perluasan jaringan, dan membutuhkan kehandalan yang tinggi.
Topologi ini merupakan susunan yang menggunakan lebih banyak
kabel daripada bus dan karena semua komputer dan perangkat
terhubung ke central point. Jadi bila ada salah satu komputer atau
perangkat yang mengalami kerusakan maka tidak akan mempengaruhi
yang lainnya (jaringan). Contoh Topologi Star ditunjukan pada
Gambar 3.11.
30

Gambar 3.11 Topologi Star


Sumber : http:// www.aldo-expert.com

Setiap komputer dalam jaringan bintang (star) berkomunikasi


dengan central hub yang mengirimkan kembali pesan ke semua
komputer (dalam broadcast star network) atau hanya ke komputer
yang dituju (dalam switched star network). Hub dalam broadcast star
network dapat menjadi aktif ataupun pasif. Active hub memperbaharui
sinyal elektrik yang diterima dan mengirimkannya ke semua komputer
yang terhubung ke hub. Hub tipe tersebut sering disebut juga dengan
multiport repeater. Jika kita menggunakan hub memiliki 32 port,
dengan seluruh port terisi, maka collision akan sering terjadi yang
akan mengakibatkan kinerja jaringan menurun. Untuk menghindari hal
tersebut kita bisa menggunakan switch yang memiliki kemampuan
untuk menentukan jalur tujuan data. Active hub dan switch
membutuhkan tenaga listrik untuk menjalankannya. Pasisive hub,
seperti wiring panel atau blok punch-down, hanya berfungsi sebagai
titik koneksi (connection point) dan tidak melakukan penguatan sinyal
atau memperbaharui sinyal. Passive hub tidak membutuhkan tenaga
listrik untuk menjalankannya. Berikut merupakan Tabel 3.2 yang
menjelaskan Kelebihan & Kekurangan Topologi Star.
31

Tabel 3.2 Kelebihan & Kekurangan Topologi Star

KELEBIHAN KEKURANGAN
Paling fleksibel karena Boros kabel
pemasangan kabel mudah
Pengurangan atau penambahan Kontrol terpusat (HUB) menjadi
terminal sangat mudah dan tidak elemen kritis
mengganggu bagian jaringan
yang lain
Kontrol terpusat sehingga Perlu penanganan khusus, biaya besar
memudahkan dalam deteksi dan
Isolasi kesalahan serta
memudahkan pengelolaan
jaringan

Sumber : http://www.slideshare.net/nanangdinda/dasar-sistem-jaringan

3.3. Web Server

Pengertian Web server adalah sebuah software yang memberikan layanan


berbasis data dan berfungsi menerima permintaan dari HTTP atau HTTPS pada
klien yang dikenal dan biasanya kita kenal dengan nama web browser dan untuk
mengirimkan kembali yang hasilnya dalam bentuk beberapa halaman web dan
pada umumnya akan berbentuk dokumen HTML. itulah pengertian web server
sebenarnya. dalam bentuk sederhana web server akan mengirim data HTML
kepada permintaan web Browser sehingga akan terlihat seperti pada umumnya
yaitu sebuah tampilan website.
Macam macam web server :
a. Apache (Open Source)
b. Xitami
c. IIs

d. PWS (Personal Web Server)


32

Salah satu contohnya adalah Apache Server yang logonya ditunjukan pada
Gambar 3.12.

Gambar 3.12 Salah satu contoh Web Server (Apache Server)

Sumber : http:// www.apache.org

3.4. Web Browser

Web Browser merupakan salah satu jenis program client yang dapat
mengakses beberapa layanan internet. Untuk mengakses layanan tertentu pada
jaringan internet, web browser menggunakan konsep URL untuk menuliskan
alamat yang akan diakses. Web browser saat ini yang banyak digunakan seperti
Google Chrome, Internet Explorer, Netscape, Mozilla, Opera, dan sebagainya.

3.5. Website (Situs Web)


Website adalah kumpulan dari halaman-halaman situs, yang biasanya
terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di
dalam World Wide Web (WWW) di Internet atau server local. Sebuah halaman
web adalah dokumen yang ditulis dalam format HTML (Hyper Text Markup
Language), yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang
menyampaikan informasi dari server website untuk ditampilkan kepada para
pemakai melalui web browser. Semua publikasi dari website-website tersebut
dapat membentuk sebuah jaringan informasi yang sangat besar. Web berdasarkan
teknologinya, terbagi menjadi 2, yaitu :
33

a. Web Statis :
Web statis adalah website yang mana pengguna tidak bisa mengubah
konten dari web tersebut secara langsung menggunakan browser. Interaksi
yang terjadi antara pengguna dan server hanyalah seputar pemrosesan link
saja. Halaman-halaman web tersebut tidak memliki database, data dan
informasi yang ada pada web statis tidak berubah-ubah kecuali diubah
sintaksnya. Dokumen web yang dikirim kepada client akan sama isinya
dengan apa yang ada di web server.
Contoh dari web statis adalah web yang berisi profil perusahaan.
b. Website Dinamis :
Dalam web dinamis, interaksi yang terjadi antara pengguna dan server
sangat kompleks. Seseorang bisa mengubah konten dari halaman tertentu
dengan menggunakan browser. Request (permintaan) dari pengguna dapat
diproses oleh server yang kemudian ditampilkan dalam isi yang berbeda-beda
menurut alur programnya. Halaman-halaman web tersebut memiliki database.
Web dinamis, memiliki data dan informasi yang berbeda-beda tergantung
input apa yang disampaikan client. Dokumen yang sampai di client akan
berbeda dengan dokumen yang ada di web server.

Contoh dari web dinamis adalah portal berita dan jejaring sosial.

3.6. Domain Name System (DNS)

Pengertian DNS (Domain Name System) adalah sebuah sistem yang


menyimpan informasi tentang nama host maupun nama domain dalam bentuk
basis data tersebar (distributed database) di dalam jaringan komputer, misalkan:
Internet.
DNS menyediakan alamat IP untuk setiap nama host dan mendata setiap
server transmisi surat (mail exchange server) yang menerima surat elektronik
(email) untuk setiap domain.
DNS adalah (Domain Name System) yang juga memiliki arti untuk
mengidentifikasi setiap komputer sebagai titik dalam suatu jaringan Internet yang
34

menggunakan bantuan sistem protokol internet address untuk menerjemahkan dari


suatu nama domain ke IP dan begitu juga sebaliknya.
Domain Name System ini merupakan sistem penamaan hirarkis yang
nantinya didistribusikan untuk suatu komputer, jasa, atau sumber daya terhubung
ke Internet maupun jaringan pribadi.
DNS biasanya digunakan sebuah Layanan Nama Domain untuk
menyelesaikan permintaan untuk nama-nama website menjadi alamat IP untuk
tujuan menemukan layanan komputer serta perangkat di seluruh dunia. Topologi
DNS yang ditunjukan pada Gambar 3.13.

Gambar 3.13 Topologi DNS


Sumber : http://www.g-excess.com

3.7. Uniform Resource Locator (URL)

URL adalah singkatan dari Uniform Resource Locators yang berarti suatu
pathname untuk mengidentifikasi sebuah dokumen di web. Didalam URL
terdapat informasi nama mesin/host (dalam hal ini komputer) yang akan diakses,
nama dokumen beserta logical path namenya serta jenis protokol yang akan
digunakan untuk melakukan akses ke web.
Pengertian URL (Uniform Resource Locator) adalah rangkaian karakter
menurut suatu format standar tertentu, yang digunakan untuk menunjukkan alamat
35

suatu sumber seperti dokumen dan gambar di Internet. Bagian URL yang
ditunjukan pada Gambar 3.14.

Gambar 3.14 Bagian URL

Sumber : http:// www.slideshare.net/heriidisubang/02-pti-internet-dan-world-


wide-web

3.8. Bahasa Pemrograman


Bahasa komputer atau bahasa pemrograman komputer, adalah instruksi
standar untuk memerintah komputer. Bahasa pemrograman ini merupakan suatu
himpunan dari aturan sintaks dan semantik yang dipakai untuk mendefinisikan
program komputer. Bahasa ini memungkinkan seorang programmer dapat
menentukan secara persis data mana yang akan diolah oleh komputer, bagaimana
data ini akan disimpan/diteruskan, dan jenis langkah apa secara persis yang akan.
Bahasa pemrograman yang umum digunakan antara lain Java, Visual Basic, C++,
C, Cobol, PHP, HTML, .Net.

3.8.1. Hypertext Prepossesor (PHP)

PHP adalah salah satu bahasa pemrograman skrip yang dirancang


untuk membangun aplikasi web. Ketika dipanggil dari web browser,
program yang ditulis dengan PHP akan di-parsing di dalam web server oleh
interpreter PHP dan diterjemahkan ke dalam dokumen HTML, yang
selanjutnya akan ditampilkan kembali ke web browser. Karena pemrosesan
program PHP dilakukan di lingkungan web server, PHP dikatakan sebagai
bahasa sisi server (server-side). Oleh sebab itu, kode PHP tidak akan terlihat
36

pada saat user memilih perintah View Source pada web browser yang
mereka gunakan.

a. Sintaks Program PHP


PHP adalah bahasa yang dirancang untuk mudah diletakkan di dalam
kode HTML. Banyak dijumpai kode PHP yang menyatu denan kode HTML.
Kode PHP diawali dengan tag <?php dan diakhiri dengan tag ?>. Contoh
kode PHP yang sederhana yang ditunjukan pada Gambar 3.15.

Gambar 3.15 Contoh kode PHP sederhana


Perintah echo di dalam PHP berguna untuk mencetak nilai, baik teks
maupun numerik ke layar web browser. Selain echo, kita juga dapat
menggunakan perintah print yang mempunyai fungsi sama dengan echo.

b. Variable Pada PHP


Variabel digunakan untuk menyimpan suatu nilai, seperti teks, angka
atau array. Ketika sebuah variabel dibuat, variabel tersebut dapat dipakai
berulang - ulang. Pada PHP semua variabel harus dimulai dengan karakter
'$'. Variabel PHP tidak perlu dideklarasikan dan ditetapkan jenis datanya
sebelum kita menggunakan variabel tersebut. Hal itu berarti pula bahwa tipe
data dari variable dapat berubah sesuai dengan perubahan konteks yang
dilakukan oleh user. Secara tipikal, variabel PHP cukup diinisialisasikan
dengan memberikan nilai kepada variabel tersebut. Contoh sintax untuk
menampilkan variable PHP dengan menggunakan perintah print
ditunjukan pada Gambar 3.16.
37

Gambar 3.16 Contoh perintah print pada PHP


Identifier dalam PHP adalah case-sensitive, sehingga $text dengan
$Text merupakan variabel yang berbeda. Built-in function dan structure tidak
casesensitive, sehingga echo dengan ECHO akan mengerjakan perintah yang
sama. Identifier dapat berupa sejumlah huruf, digit/angka, underscore, atau
tanda dollar tetapi identifier tidak dapat dimulai dengan digit/angka. Adapun
aturan penamaan variable.

1) Nama variabel harus diawali dengan sebuah huruf atau garis bawah
(underscore) _
2) Nama variabel hanya boleh mengandung karakter alpha-numeric dan
underscore (a-Z, 0-9, dan _ )

3) Nama variabel tidak boleh mengandung spasi.


3.8.2. Hyper Text Markup Language (HTML)
Hyper Text Markup Language (HTML) adalah sebuah bahasa markup
yang digunakan untuk membuat halaman situs web agar dapat ditampilkan
di browser. HTML diatur standarisasi dan penggunaannya oleh World Wide
Web Consortium (W3C). Versi terbaru HTML adalah versi 5 dan saat ini
sudah ada XHTML yang merupakan pengembangan lebih lanjut dari
HTML. File HTML mempunyai ekstensi .html atau .htm. Karena bahasa ini
merupakan jenis bahasa markup, maka HTML mempunyai pasangan tag
untuk menandai block script HTML, yaitu <HTML> ..</HTML>. Di
HTML terdapat beberapa macam markup yang dapat dikelompokan menjadi
4 jenis :

a. Structural

Markup ini merupakan tanda yang menentukan level atau tingkatan dari
38

sebuah teks. Contoh : <h1>CS</h1> yang artinya memerintahkan


browser agar mencetak teks CS dengan ukuran/format Heading1.
b. Presentational

Markup ini merupakan tanda yang menentukan tampilan teks. Contoh :


<i>Testing</i> yang artinya memerintahkan browser agar mencetak
teks Testing dengan tampilan miring, untuk saat ini peran
presentational markup sudah banyak digantikan oleh CSS.
c. Hypertext

Markup ini merupakan tanda yang menunjukan sebuah link situs web
atau dokumen tertentu. Contoh : <a href=http://www.testing.co.id?>
Cahyo </a> yang berarti memerintahkan browser untuk menampilkan
teks Cahyo dengan fitur link ke situs http://www.testing.co.id/ jika
teks terrsebut diklik.
d. Widget Element

Markup ini merupakan tanda yang digunakan untuk membuat suatu


objek tertentu. Contoh : <button> yang berarti memerintahkan browser
untuk membuat objek tombol.
3.8.3. Cascading Style Sheet (CSS)

Style Sheets merupakan feature yang sangat penting dalam membuat


Dynamic HTML. Meskipun bukan merupakan suatu keharusan dalam
membuat web, akan tetapi penggunaan style sheets merupakan kelebihan
tersendiri. Suatu style sheet merupakan tempat dimana anda mengontrol dan
memanage style-style yang ada. Style sheet mendeskripsikan bagaimana
tampilan document HTML di layar. Anda juga bisa menyebutnya sebagai
template dari documents HTML yang menggunakanya. Anda juga bisa
membuat efek-efek sepesial di web anda dengan menggunakan style sheet.
Sebagai contoh anda bisa membuat style sheet yang mendefinisikan style
39

untuk <H1> dengan style bold dan italic dan berwarna biru. Atau pada tag
<P> yang akan di tampilkan dengan warna kuning dan menggunakan font
verdana dan masih banyak lagi yang bisa anda lakukan dengan style sheet.
Secara teoritis anda bisa menggunakan style sheet technology dengan
HTML. Akan tetapi pada prakteknya hanya Cascading Style Sheet (CSS)
technology yang support pada hampir semua web Browser. Karena CSS
telah di standartkan oleh World Wide Web Consortium (W3C) untuk di
gunakan di web browser.
3.8.4. JavaScript
JavaScript adalah bahasa pemrograman berbasis java yang merupakan
interface pembantu dalam pemrograman web. JavaScript populer di internet
dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet
Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat
disisipkan dalam halaman web menggunakan tag SCRIPT.
a. Penulisan JavaScript
Kode JavaScript biasanya dituliskan dalam bentuk fungsi yang ditaruh
di tag <head> yang dibuka dengan tag, Contoh kode javascript
ditunjukan pada Gambar 3.17.

Gambar 3.17 Contoh kode javascript


Kode JavaScript juga bisa diletakkan di file tersendiri yang berekstensi
.js (singkatan dari JavaScript). Untuk memanggil kode JavaScript yang
terdapat di file sendiri, di bagian awal <head> harus ditentukan dahulu
nama file .js yang dimaksud menggunakan contoh kode seperti pada
Gambar 3.18.
40

Gambar 3.18 Contoh kode untuk memanggil file javascript


b. Script pada bagian Head
Script ini akan dieksekusi ketika dipanggil (biasanya berbentuk function)
atau dipanggil berdasarkan trigger pada event tertentu. Peletakkan script
di head akan menjamin skript di-load terlebih dahulu sebelum digunakan
(dipanggil). Contoh kode javascript pada bagian Head ditunjukan pada
Gambar 3.19.

Gambar 3.19 Contoh kode js pada bagian Head


c. Script pada bagian Body
Script ini dieksekusi ketika halaman di-load sampai di bagian <body>.
Ketika menempatkan script pada bagian <body> berarti antara isi dan
JavaScript dijadikan satu bagian. Contoh kode javascript pada bagian
Body ditunjukan pada Gambar 3.20.
41

Gambar 3.20 Contoh kode js pada bagian Body

3.9. Basis Data (Database)

Database atau Basis Data adalah sekumpulan data yang saling terhubung
satu dengan yang lainnya atau sekumpulan table yang saling terhubung satu
dengan yang lainnya dan fungsi dari database adalah menyimpan suatu data pada
table-tabel dan dikumpulkan menjadi satu dengan database.

1. Basis

Dapat diartikan sebagai markas/gudang, tempat berkumpul.

2. Data

Fakta yang mewakili suatu objek seperti manusia, barang, hewan


peristiwa,keadaan dan sebagainya, yang direkam dalam bentuk angka, huruf
simbol, teks gambar, bunyiatau kombinasinya.

3. Kamus Data
Kamus data (data dictionary) adalah suatu penjelasan tertulis tentang suatu
data yang berada di dalam database.
42

a. Tujuan Basis Data (Database)


1) Kecepatan
2) Efesiensi Ruang Penyimpanan
3) Keakuratan
4) Ketersediaan
5) Kelengkapan
6) Keamanan

7) Kebersamaan Pemakaian
b. Hirarki Data
1) Basis data, merupakan sekumpulan dari bermacam-macam tipe record
yang memiliki hubungan antar record.
2) Berkas/file, merupakan sekumpulan rekaman data yang berkaitan
dengan suatu objek.
3) Record , merupakan sekumpulan field/atribut/data item yang saling
berhubungan terhadap obyek tertentu.
4) Field/atribut/data item, merupakan unit terkecil yang disebut
data,yang tidak dapat dipecah lagi menjadi unit lain yang bermakna.
(a) Fixed length field, memiliki ukuran yang tetap.
(b) Variabel length field, field-field dalam record dapat memiliki
ukuran berbeda.
5) Byte, adalah bagian terkecil yang dialamatkan dalam memori. byte
merupakan sekumpulan bit yang secara konvensional terdiri atas
kombinasi delapan bit yang menyatakan sebuah karakter dalam
memori (I byte= I karakter)
6) Bit, adalah sistem binner yang terdiri atas dua macam nilai, yaitu 0 dan
1. sistem binner merupakan dasar yang dapat digunakan untuk
komunikasi antara manusia dan mesin, yang merupakan serangkaian
komponen elektronik dan hanya dapat membedakan 2 macam keadaan,
yaitu ada tegangan dan tidak ada tegangan yang masuk ke rangkaian
tersebut.
Tingkatan Hirarki Data ditunjukan pada Gambar 3.21.
43

Gambar 3.21 Tingkatan Hirarki Data


Sumber : http:// www.vercomfo.blogspot.co.id/2012/04/basis-data-
database.html

3.13.1. Database Management System (DBMS)


Database Management System (DBMS) yaitu sistem pengorganisasian
dan sistem pengolahan Database pada komputer. Database Management
System (DBMS) merupakan paket program (Software) yang dibuat agar
memudahkan dan mengefisienkan pemasukan, pengeditan, penghapusan dan
pengambilan informasi terhadap database. Software yang tergolong kedalam
DBMS antara lain, Microsoft SQL, MySQL, Oracle, MS. Access, MS Visual
Foxpro dan lain-lain.

a. MySQL
MySQL adalah sebuah perangkat lunak sistem manajemen basis data
SQL atau DBMS yang multi-user. MySQL tersedia sebagai perangkat
lunak gratis dibawah lisensi General Public License (GPL).
44

1) Perintah Dasar MySQL

(a) SELECT

SELECT adalah perintah untuk memanggil data yang ada didalam


sebuah tabel. Contoh sintax select ditunjukan pada Gambar 3.22.

Gambar 3.22 Contoh Sintax Select

NB: simbol artesik/bintang (*) sama artinya memanggil semua field


tanpa terkecuali. Untuk pemanggilan field-field tertentu saja dapat
langsung disebutkan nama fieldnya.

(b) INSERT

INSERT adalah perintah untuk melakukan input data kedalam tabel.


Contoh sintax insert ditunjukan pada Gambar 3.23.

Gambar 3.23 Contoh Sintax Insert

Jadi, ketika kita melakukan insert data ke MySQL inputannya harus


diperhatikkan dan perlu diparsing (difilter) untuk menjaga keamanan
data. Istilah yang dikenal dari proses SQL query secara paksa (hack)
adalah mysql inject. Sebagai contoh, kita tidak bisa meng-insert data
yang mengandung petik satu kedalam tabel tanpa difilter. Untuk
memfilter data yang diinput (kalo inputan ketikan bebas oleh user via
input text atau textarea) adalah menggunakan
45

fungsi mysql_real_escape_string($string) Dengan demikian data


yang diinput menjadi aman dan terhindar dar injeksi.

(c) UPDATE

Berbeda halnya dengan SELECT, query update ini bekerja dibalik layar
dan tidak menampilkan hasil apapun karena update bukanlah perintah
tetapi merupakan proses. Contoh sintax update ditunjukan pada Gambar
3.24.

Gambar 3.24 Contoh Sintax Update

Keterangan: field1,field2, field3, dst: nama field yang ingiin diupdate


nilainya (disesuaikan dengan nama field pada tabel) kondisi where:
sifatnya opsional, namun bila tanpa kondisi semua data akan diupdate.

(d) DELETE

Untuk query DELETE ini kasusnya sama dengan UPDATE, namun yang
membedakan adalah fungsinya. DELETE pada query MySQL berfungsi
untuk menghapus data (satu baris atau lebih) jika where yang diberikan
adalah spesifik, dan tentu akan menghapus semua data di tabel jika tidak
ditambahkan where.

b. Phpmyadmin

phpmyadmin adalah sebuah aplikasi/perangkat lunak bebas


(opensource) yang ditulis dalam bahasa pemrograman PHP yang digunakan
untuk menangani administrasi database MySQL melalui jaringan lokal
maupun internet. phpmyadmin mendukung berbagai operasi MySQL,
46

diantaranya (mengelola basis data, tabel-tabel, bidang (fields), relasi


(relations), indeks, pengguna (users), perijinan (permissions).

3.10. Sistem Informasi

Computer Based Information System (CBIS) atau yang dalam Bahasa


Indonesia disebut juga Sistem Informasi Berbasis Komputer merupakan sistem
pengolah data menjadi sebuah informasi yang berkualitas dan dipergunakan
untuk suatu alat bantu. Sistem Informasi yang akurat dan efektif, dalam
kenyataannya selalu berhubungan dengan istilah computer-based atau
pengolahan informasi yang berbasis pada komputer. Sistem Informasi berbasis
komputer mengandung arti bahwa komputer memainkan peranan penting dalam
sebuah sistem informasi.
Secara teori, penerapan sebuah Sistem Informasi memang tidak harus
menggunakan komputer dalam kegiatannya. Tetapi pada prakteknya tidak
mungkin sistem informasi yang sangat kompleks itu dapat berjalan dengan baik
jika tanpa adanya komputer. Sistem Informasi merupakan sistem pembangkit
informasi. Dengan integrasi yang dimiliki antar subsistemnya, sistem informasi
akan mampu menyediakan informasi yang berkualitas, tepat, cepat dan akurat
sesuai dengan manajemen yang membutuhkannya.

3.10.1. Sistem
Sistem adalah kumpulan dari beberapa elemen yang saling berintegrasi
untuk mencapai tujuan tertentu. Elemen-elemen yang mewakili suatu sistem
secara umum adalah masukan (input), pengolahan (processing) dan keluaran
(output). Elemen-elemen sistem secara garis besar ditunjukan pada Gambar
3.25.
47

Gambar 3.25 Elemen Sistem Informasi (CBIS)

Sumber : http:// fe.uajy.net

Sistem mempunyai karakteristik tertentu, yaitu :

a. Komponen Sistem

b. Batasan Sistem

c. Lingkungan luar Sistem

d. Penghubung Sistem

e. Masukan Sistem

f. Keluaran Sistem

g. Pengolahan Sistem

h. Sasaran Sistem
3.10.2. Informasi

Informasi adalah data yang diolah menjadi bentuk yang berguna dan
menjadi berarti bagi penerimanya. Kegunaan informasi adalah untuk
mengurangi ketidak pastian di dalam proses pengambilan keputusan tentang
suatu keadaan.
48

3.11. Data

Data berasal dari kata datum yang berarti fakta atau bahan-bahan
keterangan. Data merupakan deskripsi dari sesuatu dan kejadian yang dihadapi.
Data adalah fakta yang jelas lingkup, tempat, dan waktunya. Data diperoleh dari
sumber data primer atau sekunder dalam bentuk berita tertulis atau sinyal
elektronis. Jadi pada intinya, data merupakan kenyataan yang menggambarkan
suatu kejadian dan merupakan kesatuan nyata yang nantinya akan digunakan
sebagai bahan dasar suatu informasi.

3.12. Flowmap

Flowmap merupakan diagram yg menggambarkan aliran dokumen pada


suatu prosedur kerja dan memperlihatkan diagram alir yang menunjukkan arus
dari dokumen, entitas-entitas sistem informasi dan kegiatan operasi yang
berhubungan dengan system informasi.
Flow Map berfungsi untuk mendefinisikan hubungan antara bagian (pelaku
proses), proses (manual/berbasis komputer), dan aliran data (dalam bentuk
dokumen keluaran dan masukan).

a. Simbol Flowmap

Simbol Flowmap ditunjukan pada Gambar 3.26.


49

Gambar 3.26 Simbol Flowmap

Sumber : http://elib.unikom.ac.id/files/disk1/441/jbptunikompp-gdl-yaarahimin-
22025-10-daftars-l.pdf

3.13. Diagram Konteks (DFD Level 0)


Diagram konteks adalah diagram yang mencakup masukan-masukan dasar,
sistem umum dan keluaran, diagram ini merupkan tingkatan tertinggi dalam
diagram aliran data dan hanya memuat satu proses, menunjukan sistem secara
keseluruhan, diagram tersebut tidak memuat penyimpanan dan penggambaran
aliran data yang sederhana, proses tersebut diberi nomor nol.

1) Simbol Diagram Konteks


50

Simbol Diagram Konteks ditunjukan pada Gambar 3.27.

Gambar 3.27 Simbol Diagram Konteks

Sumber : http://elib.unikom.ac.id/files/disk1/440/jbptunikompp-gdl-dadanarifi-
21999-13-daftars-l.pdf

3.14. Data Flow Diagram (DFD Level 1)

Data Flow Diagram (DFD) adalah representasi grafik dari sebuah sistem.
DFD menggambarkan komponen-komponen sebuah sistem, aliran-aliran data di
mana komponen-komponen tersebut, dan asal, tujuan, dan penyimpanan dari data
tersebut yang terstruktur dengan jelas.
DFD merupakan alat bantu dalam menggambarkan atau menjelaskan DFD
ini sering disebut juga dengan nama Bubble chart, Bubble diagram, model proses,
diagram alur kerja, atau model fungsi.

a. Fungsi Data Flow Diagram :


1) Memberikan indikasi mengenai bagaimana data ditransformasi pada
saat data bergerak melalui system

2) Menggambarkan fungsi-fungsi yang mentransformasi aliran data


b. Simbol Data Flow Diagram (DFD)
51

Simbol Data Flow Diagram ditunjukan pada Gambar 3.28.

Gambar 3.28 Simbol Data Flow Diagram

Sumber : http://elib.unikom.ac.id/files/disk1/440/jbptunikompp-gdl-dadanarifi-
21999-13-daftars-l.pdf

3.15. Entity Relationship Diagram (ERD)

Entity Relationship Diagram (ERD) adalah suatu model untuk menjelaskan


hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang
mempunyai hubungan antar relasi.
Hubungan Relasi ERD :
a. One To One : Hubungan antara file satu dengan file yang kedua adalah
satu berbanding satu
b. One To Many : Hubungan antara file yang satu dengan file yang kedua
adalah satu berbanding banyak atau banyak berbanding satu.
52

c. Many To Many : Hubungan antara file yang satu antara file yang kedua
adalah banyak berbanding banyak.
1. Simbol Entity Relationship Diagram (ERD)
Simbol Entity Relationship Diagram ditunjukan pada Gambar 3.29.

Gambar 3.29 Simbol Entity Relationship Diagram


Sumber : http://elib.unikom.ac.id/files/disk1/440/jbptunikompp-gdl-dadanarifi-
21999-13-daftars-l.pdf

a. Entitas adalah suatu objek yang dapat didefinisikan dalam lingkungan


pemakai, sesuatu yang penting bagi pemakai dalam konteks sistem yang
akan dibuat. Sebagai contoh pelanggan, pegawai dll.
b. Atribut adalah properti atau karakteristik yang dimiliki oleh suatu entitas
dimana properti atau karakteristik itu bermakna atau berarti bagi
organisasi atau perusahaan.
c. Relasi adalah hubungan antara suatu himpunan dengan himpunan entitas
yang lainnya.

d. Arus Data adalah Simbol yang menunjukan arah dari arus data.
53

3.16. Aplikasi
Aplikasi adalah perangkat lunak komputer yang memanfaatkan kemampuan
komputer langsung untuk melakukan suatu tugas yang diinginkan pengguna.
Contohnya aplikasi Notepad++ yang fungsinya sebagai text editor dan XAMPP
sebagai penyedia layanan Web Server.

3.16.1. Notepad++

Notepad++ adalah sebuah penyunting teks dan penyunting kode


sumber yang berjalan di sistem operasi Windows. Notepad++ menggunakan
komponen Scintilla untuk dapat menampilkan dan menyuntingan teks dan
berkas kode sumber berbagai bahasa pemrograman.
Bahasa pemrograman yang didukung oleh Notepad++ sejak versi 5.9.3 :
a. ActionScript, Ada, ASP, Assembler, autoIt
b. Batch
c. C, C++, C#, Caml, Cmake, COBOL, CSS
d. D, Diff
e. Flash ActionScript, Fortran
f. Gui4CLI
g. Haskell, HTML
h. Berkas INI, InnoSetup
i. Java, Javascript, JSP
j. KiXtart
k. LISP, Lua
l. Makefile, Matlab, MS-DOS
m. NSIS
n. Objective-C
o. Pascal, Perl, PHP, Postscript, PowerShell, Properties file, Python
p. R, Resource file, Ruby
q. Shell, Scheme, Smalltalk, SQL
r. TCL, TeX
s. Pascal, Perl, PHP, Postscript, PowerShell, Properties file, Python
t. XML
u. YAML
Tampilan Notepad++ ditunjukan pada Gambar 3.30.
54

Gambar 3.30 Contoh Tampilan Notepad++


3.16.2. XAMPP

XAMPP adalah perangkat lunak bebas, yang mendukung banyak


sistem operasi, merupakan kompilasi dari beberapa program. Fungsinya
adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas
program Apache HTTP Server, MySQL database, dan penerjemah bahasa
yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP
merupakan singkatan dari X (empat sistem operasi apapun), Apache,
MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public
License dan bebas, merupakan web server yang mudah digunakan yang
dapat melayani tampilan halaman web yang dinamis. Untuk mendapatkanya
dapat mendownload langsung dari web resminya. Tampilan XAMPP
ditunjukan pada Gambar 3.31.

Gambar 3.31 Contoh Tampilan XAMPP


55
56

BAB IV
MEMBUAT SISTEM INFORMASI DATA PERUSAHAAN SAVOURY
FACTORY BERBASIS WEB DI PT. UNILEVER INDONESIA Tbk
MENGGUNAKAN NOTEPAD++

4.1. Perencanaan

Sistem Informasi Data yang diimplementasikan di Savoury Factory PT.


Unilever Indonesia Tbk merupakan Sistem Informasi berbasis Komputer yang
dibuat untuk mempermudah seluruh karyawan Savoury Factory PT. Unilever
Indonesia Tbk dalam mengakses data perusahaan secara efektif dan efisien.
Sistem Informasi Data Savoury Factory PT. Unilever Indonesia Tbk memiliki 3
tipe pengguna yaitu Admin, Gold (Karyawan yang ditunjuk oleh manager sebagai
penanggung jawab data), dan Karyawan (Tanpa proses Login).
Dalam pembuatan Sistem Informasi Data Savoury Factory PT. Unilever
Indonesia Tbk, penulis menggunakan theme Corlate sebagai tampilan sebelum
Login dan AdminLTE sebagai tampilan setelah Login yang akan di edit sesuai
dengan keinginan manager atau assistant manager. Data yang akan diolah
meliputi member, profile, product, activity, gallery, data setiap sub department,
dan final data setiap sub department sesaui dengan keinginan dan kebutuhan
perusahaan.
Sistem Informasi Data Savoury Factory PT. Unilever Indonesia Tbk dapat
diakses melalui web browser, dan web browser yang disarankan adalah Google
Chrome agar semua fungsi system tersebut dapat berjalan dengan baik. Server
menggunakan system operasi Windows 7, sedangkan Client menggunakan system
operasi Multiplatform (Windows, Ubuntu, Mac OS).
57

4.1.1. Karakteristik Pengguna

Sistem Informasi Data Savoury Factory PT. Unilever Indonesia Tbk dibuat
untuk digunakan oleh :
a. Admin
1) Kualifikasi
(a) Memahami Sistem Informasi berbasis Komputer
(b) Memahami Bahasa Pemrograman
(c) Memahami Database
(d) Bertanggung jawab atas segala kerusakan sistem
2) Tugas
(a) Memperbaiki, apabila terjadi error pada Sistem tersebut
(b) Menambah, mengedit, atau menghapus data member (karyawan)
3) Hak Akses
(a) Full Akses

Menambah, mengedit, menghapus, atau mendownload member,


profile, product, activity, gallery, data setiap sub department, dan final
data setiap sub department
b. Gold
Gold yaitu karyawan yang ditunjuk langsung oleh manager sebagai
penanggung jawab data pada Sistem Informasi Data Savoury Factory PT.
Unilever Indonesia Tbk.
1) Kualifikasi
(a) Memahami penggunaan Sistem Informasi Data di Savoury Factory PT.
Unilever Indonesia Tbk
(b) Memahami Data pada Sistem Informasi Data di Savoury Factory PT.
Unilever Indonesia Tbk
2) Tugas
(a) Menambah, mengedit, atau menghapus data bulanan setiap sub
departement
3) Hak Akses
(a) Menambah, mengedit, atau menghapus profile, product, activity,
gallery, data setiap sub department, dan final data setiap sub
department
58

(b) Mendownload file setiap sub department jika diberi akses (berupa
pemberian password) oleh manager
c. Karyawan
Tidak terdapat proses login pada entitas ini.
1) Kualifikasi
(a) Memahami penggunaan Komputer
(b) Memahami penggunaan Sistem Informasi berbasis Komputer
2) Tugas
(a) Melihat data bulanan setiap sub departement
3) Hak Akses
(a) Melihat product, activity, gallery, data setiap sub department, dan final
data setiap sub department

(b) Mendownload file setiap sub department jika diberi akses oleh
manager

4.2. Data Teknis


4.2.1. Topologi
Dalam Topologi pada Gambar 4.1, terdapat 4 buah PC yang masing
masing terdapat pada ruangan setiap department dan dipakai oleh entitas
Gold (Karyawan yang ditunjuk oleh manager sebagai penanggung jawab
data), yaitu safety, quality, productivity, dan eem yang terhubung ke switch
serta 2 buah Access Point yang terdapat pada ruangan Office, dan Access
Point umum (untuk Karyawan Unilever) yang salah satu fungsinya untuk
mengakses Sistem Informasi Data Savoury Factory PT. Unilever Indonesia.
59

Gambar 4.1 Topologi Perencanaan


4.2.2. Model Sistem
a. Diagram Konteks (DFD Level 0)
Pada Gambar 4.2 terdapat Diagram Konteks yang menunjukan
bahwa system mempunyai 3 tipe pengguna yaitu Admin, Gold, dan
Karyawan. Setiap entitas akan mendapatkan pesan error jika
Username dan Password tidak sesuai, admin mempunyai hak
mengolah data member dan perusahaan, gold mengolah data
perusahaan, dan karyawan hanya melihat data perusahaan.
60

Gambar 4.2 Diagram Konteks Sistem Informasi Data


b. Data Flow Diagram (DFD Level 1)
Pada Gambar 4.3 terdapat Data Flow Diagram yang menunjukan
bahwa system mempunyai 3 tipe pengguna yaitu Admin, Gold, dan
Karyawan. Setiap entitas akan mendapatkan pesan error jika
Username dan Password tidak sesuai, terdapat beberapa proses yaitu
input dan update data perusahaan, input dan update data user, login,
dan penampil data, yang masing masing proses memiliki data store
(tempat penyimpanan data).
61

Gambar 4.3 Data Flow Diagram Sistem Informasi Data


c. Kamus Data

Pada Tabel 4.1 terdapat Kamus Data dari Sistem Informasi data
Savoury Factory PT. Unilever Indonesia Tbk.
Tabel 4.1 Kamus Data

NAMA DESKRIPSI KETERANGAN


User ID & Password User ID & Password
disimpan pada data hanya dimiliki oleh
store users, dan Admin dan Gold
User ID & Password
digunakan saat (Karyawan yang
melakukan Login ditunjuk langsung oleh
manager)
62

User adalah pemilik User yang dimaksud


akun Sistem Informasi adalah Admin dan Gold
User Data Savoury Factory (Karyawan yang
PT. Unilever Indonesia ditunjuk langsung oleh
Tbk manager)
Apabila ada ketidak Pesan Error yang
sesuaian pada saat terdapat pada
melakukan login atau authentication Login
download maka akan atau Download
ada pesan Error
Apabila ada ketidak Pesan Error yang
sesuaian pada saat terdapat pada Input
melakukan input data Data Perusahaan atau
Pesan Error perusahaan atau member member
maka akan ada pesan
Error
Apabila ada ketidak Pesan Error yang
sesuaian pada saat terdapat pada update
melakukan update data Data Perusahaan atau
perusahaan atau member member
maka akan ada pesan
Error
Data Savoury Factory Data Savoury Factory
PT. Unilever Indonesia PT. Unilever Indonesia
Tbk diperoleh dari setiap Tbk berisi users,
Data Savoury Factory data store yang ada, product, activity,
PT. Unilever Indonesia yaitu users, product, gallery, department &
Tbk activity, gallery, data sub department, final
department & sub data
department, final data
yang diproses menjadi
63

sebuah informasi
Data diperoleh dari Terdapat pada halaman
proses input oleh Gold setelah Login, setiap
(Karyawan yang data memiliki halaman
ditunjuk langsung oleh dan menu yang berbeda
Product, activity, manager)
gallery, department & Data diperoleh dari Terdapat pada halaman
sub department, final proses update oleh Gold setelah Login, setiap
data (Karyawan yang data memiliki halaman
ditunjuk langsung oleh dan menu yang berbeda,
manager) apabila data pernah diisi,
maka data akan
diperbaharui
Data diperoleh dari Terdapat pada halaman
proses input oleh Admin setelah Login, di bagian
add member
Data diperoleh dari Terdapat pada halaman
User proses update oleh setelah Login, di bagian
Admin & Gold biodata, apabila data
(Karyawan yang pernah diisi, maka data
ditunjuk langsung oleh akan diperbaharui
manager)

4.2.3. Model Data


a. Entity Relationship Diagram (ERD)
Entity Relationship Diagram (ERD) dari Sistem Informasi Data
Savoury Factory PT. Unilever Indonesia terdapat pada Gambar 4.4
yang menjelaskan hubungan antar data dalam basis data yang
mempunyai hubungan antar relasi.
64

Gambar 4.4 Entity Relationship Diagram Sistem Informasi Data


65

b. Flowmap

Flowmap dari Sistem Informasi Data Savoury Factory PT. Unilever


Indonesia terdapat pada Gambar 4.5 yang menjelaskan aliran
dokumen secara manual ataupun berbasis computer.

Gambar 4.5 Flowmap Sistem Informasi Data


66

4.3. Alat dan Bahan

Dalam pembuatan Sistem Informasi Data Savoury Factory PT. Unilever


Indonesia Tbk ini penulis membutuhkan alat dan bahan. Berikut adalah alat dan
bahan yang digunakan :
a. Aplikasi Notepad++ v6.4.5 yang fungsinya sebagai text editor, tampilan
Notepad++ v 6.4.5 ditunjukan pada Gambar 4.6

Gambar 4.6 Tampilan Notepad++


b. Aplikasi XAMPP yang fungsinya sebagai penyedia layanan web server,
tampilan XAMPP ditunjukan pada Gambar 4.7

Gambar 4.7 Tampilan XAMPP


67

c. Database phpmyadmin yang fungsinya sebagai tempat penyimpan data


Sistem Informasi Data Savoury Factory PT. Unilever Indonesia Tbk,
tampilan phpmyadmin ditunjukan pada Gambar 4.8

Gambar 4.8 Tampilan phpmyadmin


d. Theme Corlate (Tema Tampilan Website sebelum Login) yang nantinya
akan diedit sesuai keinginan atau kebutuhan perusahaan, tampilan Corlate
ditunjukan pada Gambar 4.9

Gambar 4.9 Tampilan theme Corlate


e. Theme AdminLTE (Tema Tampilan Website sesudah Login) yang nantinya
akan diedit sesuai keinginan atau kebutuhan perusahaan, tampilan
AdminLTE ditunjukan pada Gambar 4.10
68

Gambar 4.10 Tampilan theme AdminLTE

4.4. Langkah Kerja


4.4.1. Perancangan Antar Muka
a. Halaman Home
Dalam halaman Home terdapat slider yang isinya berupa gambar dan
deskripsi singkat dari perusahaan PT. Unilever Indonesia Tbk, profile
yang isinya menjelaskan profile perusahaan, visi dan misi yang
isinya menjelaskan visi dan misi perusahaan, serta product yang
isinya product dari perusahaan Savoury Factory PT. Unilever
Indonesia Tbk yang ditunjukan pada Gambar 4.11.
69

Gambar 4.11 Perancangan Antar Muka (Halaman Home)


b. Tampilan halaman setiap Sub-department
Dalam halaman Sub-Department terdapat data berupa judul, gambar,
dan deskripsi dari setiap sub-department di perusahaan Savoury
Factory PT. Unilever Indonesia Tbk, tools search yang fungsinya
untuk mencari data berdasarkan tahun dan bulan, serta file yang
dapat di download dari setiap sub-department di PT. Unilever
Indonesia Tbk yang ditunjukan pada Gambar 4.12.
70

Gambar 4.12 Perancangan Antar Muka (Halaman setiap sub-department)


c. Tampilan halaman Final Data setiap department
Dalam halaman Final Data terdapat data berupa judul dan gambar
dari setiap sub-department pada department tersebut di perusahaan
Savoury Factory PT. Unilever Indonesia Tbk yang ditunjukan pada
Gambar 4.13.

Gambar 4.13 Perancangan Antar Muka (Halaman Final Data setiap


department)
d. Tampilan halaman Activity & Gallery
71

Dalam halaman Activity & Gallery terdapat data berupa Judul


gambar dan gambar dari perusahaan Savoury Factory PT. Unilever
Indonesia Tbk yang ditunjukan pada Gambar 4.14.

Gambar 4.14 Perancangan Antar Muka (Halaman Activity & Gallery)


e. Tampilan halaman Login
Dalam halaman Login terdapat kolom username dan password yang
fungsinya sebagai tempat pengisian username dan password, serta
tombol login untuk melakukan proses Login yang ditunjukan pada
Gambar 4.15.
72

Gambar 4.15 Perancangan Antar Muka (Halaman Login)


f. Tampilan halaman Contact
Dalam halaman Contact terdapat informasi contact dari perusahaan
Savoury Factory PT. Unilever Indonesia Tbk yang ditunjukan pada
Gambar 4.16.

Gambar 4.16 Perancangan Antar Muka (Halaman Contact)


g. Halaman setelah Login (Tampilan halaman Form Add atau Tambah)
Halaman Form Add berfungsi sebagai halaman untuk menambahkan
data (users, product, activity, gallery, data department & sub
73

department, final data) perusahaan Savoury Factory PT. Unilever


Indonesia Tbk yang ditunjukan pada Gambar 4.17.

Gambar 4.17 Perancangan Antar Muka (Tampilan halaman Form Add atau
Tambah)
h. Halaman setelah Login (Tampilan halaman List atau Daftar)
Halaman List berfungsi sebagai halaman untuk melihat list data
(users, product, activity, gallery, data department & sub department,
final data) perusahaan Savoury Factory PT. Unilever Indonesia Tbk
yang ditunjukan pada Gambar 4.18.
74

Gambar 4.18 Perancangan Antar Muka (Tampilan halaman List atau


Daftar)
i. Halaman setelah Login (Tampilan halaman Profile)
Halaman Profile berfungsi sebagai halaman untuk melihat isi profile
sekaligus edit profile yang ditunjukan pada Gambar 4.19.

Gambar 4.19 Perancangan Antar Muka (Tampilan halaman Profile)


75

4.4.2. Implementasi Basis Data

Dalam pembuatan Sistem Informasi Data Savoury Factory PT.


Unilever Indonesia Tbk ini penulis mengimplementasikan basis data.
Berikut adalah struktur table setiap basis data :

Berikut tabel database users yang ditunjukan pada Tabel 4.2


Tabel 4.2 Tabel Database Users

Fungsi : Tempat penyimpanan data setiap User


Jenis :
Primary Key : id_user
Foreign Key : Username
Struktur Tabel :
a. Id_user

b. Username

c. Password

d. Name

e. Position

f. Bio

g. Photo

h. Level

Berikut tabel database activity yang ditunjukan pada Tabel 4.3


Tabel 4.3 Tabel Database Activity

Fungsi : Tempat penyimpanan data activity perusahaan


Jenis :
Primary Key : id_activity
76

Foreign Key : -
Struktur Tabel :
a. Id_activity

b. Name

c. Description

d. Event

e. Level

f. Photo

Berikut tabel database gallery yang ditunjukan pada Tabel 4.4


Tabel 4.4 Tabel Database Gallery

Fungsi : Tempat penyimpanan data gallery perusahaan


Jenis :
Primary Key : id_gallery
Foreign Key : -
Struktur Tabel :
a. Id_gallery

b. Name

c. Description

d. Area

e. Photo

Berikut tabel database product yang ditunjukan pada Tabel 4.5


Tabel 4.5 Tabel Database Product

Fungsi : Tempat penyimpanan data product perusahaan


77

Jenis :
Primary Key : id_product
Foreign Key :
Struktur Tabel :
a. Id_product

b. Name

c. Description

d. Level

e. Photo

Berikut tabel database data yang ditunjukan pada Tabel 4.6


Tabel 4.6 Tabel Database Data

Fungsi : Tempat penyimpanan data setiap department & sub


department perusahaan
Jenis :
Primary Key : id_data
Foreign Key :
Struktur Tabel :
a. Id_data

b. Title

c. Description

d. Month

e. Year

f. Departement

g. Subdepartement
78

h. Photo

Berikut tabel database finaldata yang ditunjukan pada Tabel 4.7


Tabel 4.7 Tabel Database Final Data

Fungsi : Tempat penyimpanan final data setiap department


perusahaan
Jenis :
Primary Key : id_finaldata
Foreign Key :
Struktur Tabel :
a. Id_finaldata

b. Value

c. Departement

d. Subdepartement

e. Month

f. Year

g. Background

Berikut tabel database department yang ditunjukan pada Tabel 4.8


Tabel 4.8 Tabel Database Department

Fungsi : Tempat penyimpanan nama data setiap department


perusahaan
Jenis :
Primary Key : id_departement
79

Foreign Key :
Struktur Tabel :
a. Id_departement

b. Departement

Berikut tabel database sub_department yang ditunjukan pada Tabel 4.9


Tabel 4.9 Tabel Database Sub Department

Fungsi : Tempat penyimpanan nama data setiap sub department


perusahaan
Jenis :
Primary Key : id_subdepartement
Foreign Key :
Struktur Tabel :
a. Id_subdepartement

b. Id_departement

c. Subdepartement

Berikut tabel database download yang ditunjukan pada Tabel 4.10


Tabel 4.10 Tabel Database Download

Fungsi : Tempat penyimpanan data download setiap sub department


perusahaan
Jenis :
Primary Key : id_download
Foreign Key :
80

Struktur Tabel :
a. Id_download

b. Filename

c. Departement

d. Subdepartement

e. File

4.4.3. Implementasi Antar Muka Pemakai


a. Folder : C:\xampp\htdocs\unilever
Berikut merupakan file yang terdapat pada folder
C:\xampp\htdocs\unilever yang ditunjukan pada Tabel 4.11.

Tabel 4.11 Folder : C:\xampp\htdocs\unilever

NO. NAMA FILE KETERANGAN


Halaman utama (home) sebelum
1. Index.php
Login
Halaman untuk menampilkan data
2. Subdepartment.php
setiap sub department
Halaman untuk menampilkan
3. Department.php
final data setiap department
File yang berisi script pada
Sistem Informasi, yang fungsinya
4. Script.php
untuk di include sebagai script
pembantu
File yang berisi Header pada
5. Headertop.php Sistem Informasi, yang fungsinya
untuk di include sebagai header
File yang berisi URL File yang
akan di download dan proses
6. Download.php
download, yang fungsinya untuk
di include sebagai download
7. Footer.php File yang berisi Footer pada
81

Sistem Informasi, yang fungsinya


untuk di include sebagai footer
File yang berisi Menu pada
Sistem Informasi, yang fungsinya
8. Menu.php untuk di include sebagai menu
untuk file (department.php dan
subdepartment.php)
File yang berisi Menu pada
9. Newmenu.php Sistem Informasi, yang fungsinya
untuk di include sebagai menu
Halaman untuk menampilkan data
10. Ouractivity.php
Activity Perusahaan
Halaman untuk menampilkan data
11. Ourgallery.php
Gallery Perusahaan
12. Login.php Halaman untuk melakukan Login
Halaman untuk menampilkan data
13. Contact.php
Contact Perusahaan

b. Folder : C:\xampp\htdocs\unilever\admin
Berikut merupakan file yang terdapat pada folder
C:\xampp\htdocs\unilever\admin yang ditunjukan pada Tabel 4.12.

Tabel 4.12 Folder : C:\xampp\htdocs\unilever\admin

NO. NAMA FILE KETERANGAN


File yang berisi script pada
Sistem Informasi, yang fungsinya
1. Script.php
untuk di include sebagai script
pembantu
File yang berisi Header pada
2. Header.php Sistem Informasi, yang fungsinya
untuk di include sebagai header
File yang berisi Footer pada
3. Footer.php Sistem Informasi, yang fungsinya
untuk di include sebagai footer
4. Check.php File untuk check authentikasi
82

ketika proses Login

c. Folder : C:\xampp\htdocs\unilever\admin\pages\examples
Berikut merupakan file yang terdapat pada folder
C:\xampp\htdocs\unilever\admin\pages\examples yang ditunjukan
pada Tabel 4.13.

Tabel 4.13 Folder : C:\xampp\htdocs\unilever\admin\pages\examples

NO. NAMA FILE KETERANGAN


Halaman untuk menampilkan data
1. Profile.php
profile setiap entitas

d. Folder : C:\xampp\htdocs\unilever\admin\pages\forms
Berikut merupakan file yang terdapat pada folder
C:\xampp\htdocs\unilever\admin\pages\forms yang ditunjukan pada
Tabel 4.14.

Tabel 4.14 Folder : C:\xampp\htdocs\unilever\admin\pages\forms

NO. NAMA FILE KETERANGAN


Halaman untuk mengisi form data
1. Add-member.php
User Perusahaan
Halaman untuk mengisi form data
2. Add-product.php
Product Perusahaan
Halaman untuk mengisi form data
3. Add-activity.php
Activity Perusahaan
Halaman untuk mengisi form data
4. Add-gallery.php
Gallery Perusahaan
Halaman untuk mengisi form data
5. Add-data.php
setiap sub department Perusahaan
Halaman untuk mengisi form
6. Add-finaldata.php final data setiap department
Perusahaan
Halaman untuk mengisi form data
7. Add-file.php file download setiap department
Perusahaan

e. Folder : C:\xampp\htdocs\unilever\admin\pages\tables
83

Berikut merupakan file yang terdapat pada folder


C:\xampp\htdocs\unilever\admin\pages\tables yang ditunjukan pada
Tabel 4.15

Tabel 4.15 Folder : C:\xampp\htdocs\unilever\admin\pages\tables

NO. NAMA FILE KETERANGAN


Halaman daftar Member
1. List-member.php
Perusahaan
Halaman daftar Product
2. List-product.php
Perusahaan
Halaman daftar Activity
3. List-activity.php
Perusahaan
Halaman daftar Gallery
4. List-gallery.php
Perusahaan
Halaman daftar data setiap sub
5. List-data.php
department Perusahaan
Halaman daftar final data setiap
6. List-finaldata.php
sub department Perusahaan
Halaman daftar data file
7. List-file.php download setiap sub department
Perusahaan

4.4.4. Implementasi Modul Program


a. Folder : C:\xampp\htdocs\unilever
Berikut merupakan file yang terdapat pada folder
C:\xampp\htdocs\unilever yang ditunjukan pada Tabel 4.16.

Tabel 4.16 Folder : C:\xampp\htdocs\unilever

NO. NAMA FILE KETERANGAN


File untuk mengkoneksikan php
1. Config.php
dengan database

b. Folder : C:\xampp\htdocs\unilever\admin
Berikut merupakan file yang terdapat pada folder
C:\xampp\htdocs\unilever\admin yang ditunjukan pada Tabel 4.17.
84

Tabel 4.17 Folder : C:\xampp\htdocs\unilever\admin

NO. NAMA FILE KETERANGAN


File untuk mengkoneksikan php
1. Config.php
dengan database

c. Folder : C:\xampp\htdocs\unilever\admin\process
Berikut merupakan file yang terdapat pada folder
C:\xampp\htdocs\unilever\admin\process yang ditunjukan pada Tabel
4.18.

Tabel 4.18 Folder : C:\xampp\htdocs\unilever\admin\process

NO. NAMA FILE KETERANGAN


File process, file utama yang
1. Process.php memuat proses logout, insert,
update, delete, dan upload
File untuk authentikasi ketika
2. Authentication.php
proses Login

4.4.5. Daftar User

Dalam pembuatan Sistem Informasi Data Savoury Factory PT.


Unilever Indonesia Tbk ini penulis membuat user. Berikut adalah daftar user
Sistem Informasi Data Savoury Factory PT. Unilever Indonesia Tbk yang
tunjukan pada Tabel 4.19.
Tabel 4.19 Daftar User

NO. LEVEL USERNAME PASSWORD


1. ADMIN admin admin
2. safety safety
3. quality quality
GOLD
4. productivity productivity
5. eem eem
85

4.5. Pengujian
Setelah pembuatan Sistem Informasi Data, maka selanjutnya adalah
pengujian. Pengujian dilakukan untuk pengecekan apa yang telah dibuat sudah
benar atau tidak.

4.5.1. Tampilan Antar Muka


a. Halaman Home

Pada Gambar 4.20 terlihat tampilan halaman Home yang isinya


berupa gambar dan deskripsi singkat dari perusahaan PT. Unilever
Indonesia Tbk, profile yang isinya menjelaskan profile perusahaan,
visi dan misi yang isinya menjelaskan visi dan misi perusahaan, serta
product yang isinya product dari perusahaan Savoury Factory PT.
Unilever Indonesia Tbk dan sesuai dengan perancangan antar muka.
86

Gambar 4.20 Halaman Home


b. Halaman setiap Sub-department
87

Pada Gambar 4.21 terlihat tampilan halaman setiap Sub-department


yang isinya merupakan data dari setiap Sub-department. Penulis
menggunakan contoh tampilan Sub-department Safety Pyramid dan
sesuai dengan perancangan antar muka.

Gambar 4.21 Halaman setiap Sub-department


Pada Gambar 4.22 terlihat tampilan authentikasi password ketika
ingin mendownload file dari sub-department tersebut.

Gambar 4.22 Authentikasi Password saat Download


Pada Gambar 4.23 terlihat tampilan authentikasi password ketika
password yang di inputkan salah.
88

Gambar 4.23 Authentikasi Download (Salah Password)


c. Halaman Final Data setiap Department
Pada Gambar 4.24 terlihat tampilan halaman Final Data setiap sub-
department yang isinya merupakan Final Data dari setiap Sub-
department. Penulis menggunakan contoh tampilan department
Safety dan sesuai dengan perancangan antar muka.

Gambar 4.24 Halaman Final Data setiap Department


d. Halaman Activity
Pada Gambar 4.25 terlihat tampilan halaman Activity yang isinya
merupakan Activity atau Kegiatan Savoury Factory, terdapat gambar
slider dan mini picture beserta deskripsinya, sesuai dengan
perancangan antar muka.
89

Gambar 4.25 Halaman Activity


e. Halaman Gallery
Pada Gambar 4.26 terlihat tampilan halaman Gallery yang isinya
merupakan Gallery Savoury Factory, terdapat gambar mini picture
beserta deskripsinya, sesuai dengan perancangan antar muka.

Gambar 4.26 Halaman Gallery


f. Halaman Login
90

Pada Gambar 4.27 terlihat tampilan halaman Login yang isinya


merupakan Halaman untuk melakukan login ke Data Center, terdapat
form untuk login, sesuai dengan perancangan antar muka.

Gambar 4.27 Halaman Login


Pada Gambar 4.28 terlihat tampilan authentikasi login ketika
username dan password yang di inputkan salah atau tidak sesuai.

Gambar 4.28 Authentikasi Login (Login gagal)


g. Halaman Contact
Pada Gambar 4.29 terlihat tampilan halaman Contact yang isinya
berupa informasi contact Savoury Factory, sesuai dengan
perancangan antar muka.
91

Gambar 4.29 Halaman Contact


h. Halaman Profile (Setelah Login)
Pada Gambar 4.30 terlihat tampilan halaman Login yang isinya
berupa informasi account user tersebut dan terdapat edit profile,
penulis memakai contoh profile menggunakan level ADMIN sesuai
dengan perancangan antar muka.

Gambar 4.30 Halaman Profile


i. Halaman Add Member (Setelah Login)
Pada Gambar 4.31 terlihat tampilan halaman Add Member yang
fungsinya untuk menambahkan data member perusahaan.
92

Gambar 4.31 Halaman Add Member


j. Halaman Add Product (Setelah Login)
Pada Gambar 4.32 terlihat tampilan halaman Add Product yang
fungsinya untuk menambahkan data product perusahaan (bango atau
royco).

Gambar 4.32 Halaman Add Product


k. Halaman Add Activity (Setelah Login)
Pada Gambar 4.33 terlihat tampilan halaman Add Activity yang
fungsinya untuk menambahkan data activity atau kegiatan
perusahaan.
93

Gambar 4.33 Halaman Add Activity


l. Halaman Add Gallery (Setelah Login)
Pada Gambar 4.34 terlihat tampilan halaman Add Gallery yang
fungsinya untuk menambahkan data gallery perusahaan.

Gambar 4.34 Halaman Add Gallery


m. Halaman Add Data (Setelah Login)
Pada Gambar 4.35 terlihat tampilan halaman Add Data yang
fungsinya untuk menambahkan data setiap sub-department
perusahaan berupa informasi dan gambar dari data tersebut.
94

Gambar 4.35 Halaman Add Data


n. Halaman Add File (Setelah Login)
Pada Gambar 4.36 terlihat tampilan halaman Add File yang
fungsinya untuk menambahkan data file yang nantinya akan
didownload dan terdapat pada halaman setiap sub-department.

Gambar 4.36 Halaman Add File


o. Halaman Add Final Data (Setelah Login)
95

Pada Gambar 4.37 terlihat tampilan halaman Add Final Data yang
fungsinya untuk menambahkan final data file setiap sub-department.

Gambar 4.37 Halaman Add Final Data


p. Halaman List Member (Setelah Login)
Pada Gambar 4.38 terlihat tampilan halaman List Member yang
isinya berupa data setiap member Sistem Informasi Data, terdapat
tombol delete untuk melakukan proses delete member.

Gambar 4.38 Halaman List Member


q. Halaman List Product (Setelah Login)
Pada Gambar 4.39 terlihat tampilan halaman List Product yang
isinya berupa data product perusahaan, terdapat tombol delete untuk
melakukan proses delete product.
96

Gambar 4.39 Halaman List Product


r. Halaman List Activity (Setelah Login)
Pada Gambar 4.40 terlihat tampilan halaman List Activity yang
isinya berupa data activity atau kegiatan perusahaan, terdapat tombol
delete untuk melakukan proses delete activity.

Gambar 4.40 Halaman List Activity


s. Halaman List Gallery (Setelah Login)
Pada Gambar 4.41 terlihat tampilan halaman List Gallery yang isinya
berupa data gallery perusahaan, terdapat tombol delete untuk
melakukan proses delete gallery.
97

Gambar 4.41 Halaman List Gallery


t. Halaman List Data (Setelah Login)
Pada Gambar 4.42 terlihat tampilan halaman List Data yang isinya
berupa data dari setiap sub-department, terdapat tombol delete untuk
melakukan proses delete data dan update untuk mengedit data sub-
department tersebut.

Gambar 4.42 Halaman List Data


u. Halaman List File (Setelah Login)
Pada Gambar 4.43 terlihat tampilan halaman List File yang isinya
berupa data file untuk di download pada setiap sub-department,
terdapat tombol delete untuk melakukan proses delete file.
98

Gambar 4.43 Halaman List File


v. Halaman List Final Data (Setelah Login)
Pada Gambar 4.44 terlihat tampilan halaman List Final Data yang
isinya berupa Final Data setiap sub-department, terdapat tombol
delete untuk melakukan proses delete data.

Gambar 4.44 Halaman List Final Data


w. Halaman Edit Data (Setelah Login)
Pada Gambar 4.45 terlihat tampilan halaman Edit Data yang
fungsinya untuk mengedit data sub-department yang telah
diinputkan.
99

Gambar 4.45 Halaman Edit Data


x. Konfirmasi Delete (Setelah Login)
Pada Gambar 4.46 terlihat tampilan Konfirmasi Delete ketika
melakukan proses delete.

Gambar 4.46 Konfirmasi Delete


y. Username Telah Terdaftar (Setelah Login)
Pada Gambar 4.47 terlihat pesan error yang menyatakan bahwa
penginputan member tidak boleh dengan username yang telah
terdaftar.
100

Gambar 4.47 Username Telah Terdaftar


z. Logout (Setelah Login)
Pada Gambar 4.48 terlihat Tampilan untuk melakukan proses Logout
dari Sistem Informasi Data perusahaan Savoury Factory PT. Unilever
Indonesia Tbk.

Gambar 4.48 Logout


4.5.2. Tabel Pengujian
Berikut merupakan hasil pengujian Sistem Informasi Data perusahaan
Savoury Factory PT. Unilever Indonesia Tbk yang penulis lakukan, yang
ditunjukan pada Tabel 4.20.

Tabel 4.20 Pengujian Sistem Informasi Data

SKENARIO HASIL
NO. HASIL NYATA
PENGUJIAN PENGUJIAN
Login dengan dengan
username dan
Kembali ke halaman
password yang tidak
1. login, dan menampilkan OK
sesuai (Kosong atau
pesan error
Salah username atau
password)
101

Password salah ketika Menampilkan pesan error


2. akan mendownload bahwa password tidak OK
file sesuai
Level Gold membuka
Kembali ke halaman
3. halaman Add member OK
profile user tersebut
atau List Member
Data yang diinputkan Menampilkan pesan error
4. tidak sesuai (Format bahwa penginputan data OK
salah atau tidak di isi) tidak sesuai
102

BAB V

PENUTUP

5.1. Kesimpulan

Berdasarkan Laporan Praktik Kerja Industri (PRAKERIN) tentang Membuat


Sistem Informasi Data Savoury Factory di PT. Unilever Indonesia Tbk. Penulis
menarik kesimpulan sebagai berikut :

a. Sistem Informasi Data Savoury Factory PT. Unilever Indonesia Tbk dapat
mempermudah perusahaan dalam hal pengiriman dan memperkecil
kemungkinan hilangnya data setiap department atau sub department kepada
manager atau assistant manager, karena dengan adanya Sistem Informasi
Data Savoury Factory setiap penanggung jawab data setiap department tidak
perlu lagi berjalan jauh untuk memberikan data ke ruang manager atau
assistant manager atau khawatir data hilang, setiap penanggung jawab data
hanya perlu mengakses Sistem Informasi Data Savoury Factory melalui
computer yang tersedia di ruangan setiap department.

b. Sistem Informasi Data Savoury Factory PT. Unilever Indonesia Tbk dapat
mempermudah seluruh karyawan perusahaan Savoury Factory PT. Unilever
Indonesia Tbk dalam mengakses informasi perusahaan, seperti karyawan
tidak perlu lagi menanyakan informasi final data dari setiap department,
karyawan cukup mengakses Sistem Informasi Data Savoury Factory PT.
Unilever Indonesia Tbk untuk mengetahui final data setiap department.

5.2. Saran
Dalam penulisan Laporan Praktik Kerja Industri (PRAKERIN) tentang
Membuat Sistem Informasi Data Savoury Factory di PT. Unilever Indonesia Tbk.
Penulis memberikan saran kepada pembaca sebagai berikut :
103

a. Untuk membuat Sistem Informasi Data perlu dilakukan perencanaan terlebih


dahulu sebelum melakukan pembuatan Sistem, agar pembuatan system
sesuai dengan yang diharapkan.
b. Dalam pembuatan Sistem Informasi Data, lebih baiknya membuat Data
Teknis berupa DFD, ERD, dan FLOWMAP, agar alur aliran data dapat
terstruktur dan jelas.
104

DAFTAR PUSTAKA

Hubungan Industri. 2015. Buku Panduan Praktik Kerja Industri (Prakerin).


Cimahi: SMKN 1 Cimahi.
Prasetya, Abie. (2012). Analisis dan Perancangan Jaringan Komputer dengan
Menggunakan VLAN pada PT. Bakrie Pipe Industries, [Online]. Tersedia:
http://library.binus.ac.id/Collections/ethesis_detail/2012-1-00135-IF. [25
September 2014]

______. Materi Pelatihan Pengenalan Jaringan Komputer, [Online]. Tersedia:


http://www.coremap.or.id/downloads/modul_PC_1168590511.pdf. [2
Oktober 2014]

Chapter Sistem. Diakses pada 5 Desember 2015 [Online]. dari :


http://repository.usu.ac.id/bitstream/123456789/48330/5/Chapter%20I.pdf.
Cecep Bunyadin. (2013). Sistem Informasi Berbasis Web. Diakses pada 12
Desember 2015 [Online]. Dari
http://www.cs.unsyiah.ac.id/~frdaus/PenelusuranInformasi/FilePdf/komuni
kasi_data.pdf.
Parno Staff . Konsep Dasar Sistem Informasi. Diakses pada 12 Desember 2015
[Online]. Dari
http://www.parno.staff.gunadarma.ac.id/Downloads/.../SI_01_Konsep_Das
ar_SI.pdf.

Dir Unikom. Daftar Simbol . Diakses pada 12 Desember 2015 [Online]. Dari
http://dir.unikom.ac.id/s1-final-project/fakultas-teknik-dan-ilmu-
komputer/manajemen-informatika/2010/jbptunikompp-gdl-asepnanoni-
22142/12-unikom-a-l.pdf/pdf/12-unikom-a-l.pdf.

Anda mungkin juga menyukai