BAB I

PENDAHULUAN

Pada bab pendahuluan ini akan dijelaskan mengenai latar belakang

masalah, permasalahan yang dihadapi, tujuan dan manfaat dilaksanakannya
praktik industri, organisasi dan manajemen industri serta prospek industri di masa
depan.

A. Latar Belakang, Tujuan dan Manfaat

1. Latar Belakang
Perkembangan teknologi yang terjadi pada saat ini ikut
mempengaruhi gaya hidup masyarakat. Sebagai seorang mahasiswa
khususnya mahasiswa teknik komputer dan informatika, perkembangan
teknologi merupakan perhatian yang tidak dapat terabaikan begitu saja.
Untuk itu dipilihlah Praktik Industri/Praktik Kerja Lapangan yang
berhubungan dengan disiplin ilmu yang dipelajari diperkuliahan. Mata
kuliah Praktik Industri ini dilakukan diluar jam perkuliahan, hal ini
dilakukan agar tidak mengganggu kegiatan belajar mengajar pada saat
jam kuliah berlangsung.
Di era globalisasi seperti ini, mutlak dibutuhkannya SDM
(Sumber Daya Manusia) yang berkualitas. Yang dimaksud berkualitas
disini adalah sumber daya manusia yang mampu bersaing, siap pakai dan
ahli dalam bidangnya. Oleh karena itu mata kuliah PI (Praktik Industri)
untuk mahasiswa program studi Diploma III (D3), wajib diikuti sebab
dalam mata kuliah tersebut mahasiswa terjun langsung ke lapangan
untuk mengetahui, mengikuti dan menerapkan ilmu yang telah diperoleh
di bangku kuliah. Mata kuliah ini diadakan dengan tujuan agar
mahasiswa dapat mengetahui dan memiliki pengalaman di lapangan,
sebelum masuk dalam dunia kerja sesuai dengan bidang keahliannya
masing – masing.
Selain itu kemajuan bidang IT di era globalisasi ini telah
menyebabkan dunia industri khususnya fashion di Indonesia yang

1
berkembang saat ini menjadi semakin kompetitif. Tingkat persaingan
antar industri merupakan salah satu fenomena yang menjadi ciri utama
dinamika persaingan yang semakin tinggi. Dalam kondisi ini, eksistensi
sebuah industri dalam konteks persaingan antar industri sangat
ditentukan oleh kemampuan industri yang bersangkutan untuk
menciptakan tingkat keunggulan dalam persaingan tersebut. Berkaitan
dengan upaya untuk menciptakan keunggulan bersaing tersebut, kualitas
produk yang dihasilkan dapat menjadi salah satu competitive weapon
(senjata kompetisi) untuk meningkatkan daya saing industri.
Distro kependekan dari distribution outlet. Distro hadir sebagai
salah satu tempat penjualan kaos dan asesorisnya dengan desain yang
limited atau yang hanya bisa dibeli ditempat tersebut saja. Maka dengan
ciri distro yang menjual limited product tentu tidak dijual di mall, dan
tidak dijual secara grosiran. Asal mula dinamakan distro karena
berkembangnya dunia busana sehingga banyak yang mengatas namakan
produk lokal dengan harga yang lebih murah namun dengan kualitas
yang baik.
Oleh karena itu, di zaman globalisasi ini diharapkan
perkembangan distro tidak kalah saing dengan toko – toko busana
maupun mall – mall yang menjual berbagai busana. Sehingga dibuatlah
Distro Online yang mana dapat memberikan manfaat yang lebih dalam
pemasaran distro yang bersangkutan. Dengan adanya distro online maka
konsumen dapat dengan mudah mencari dan mendapatkan berbagai
produk yang dijual di distro tersebut.
Distro sebagai salah satu tempat penjualan busana maupun
asesoris telah mengimplementasikan berbagai kemajuan teknologi untuk
menjual dan memasarkan produk yang berkualitas dengan standar
kualitas yang dapat diterima oleh konsumen menengah. Distro online
juga terus – menerus akan meningkatkan kualitas produk yang dijual
sebagai upaya untuk mempertahankan reputasi sebagai tempat penjualan
(toko) pakaian dan asesoris serta memperkuat posisi distro sebagai
pemimpin di pasar lokal.

2
 Dalam pelaksanaan penjualan produk dalam ruang lingkup
masyarakat, tidak hanya sekedar dibutuhkan berbagai jenis, kualitas,
harga produk yang dijual serta fasilitas – fasilitas yang mendukung
sistem untuk berjalan dengan baik, tetapi harus mampu menghasilkan
produk sesuai dengan permintaan pasar, namun dibutuhkan pula suatu
sistem informasi yang dapat berjalan secara efektif dan efisien. Cara
pemasaran produk kepada konsumen dapat menjadi suatu tolak ukur
apakah suatu proses informasi berjalan secara efektif dan efisien. Untuk
meningkatkan produktivitas penjualan, pada dasarnya tidak hanya
tergantung pada cara yang digunakan dan fasilitas – fasilitas pelayanan
informasi yang tersedia, tetapi ditentukan pula oleh lingkungan
persaingan pasar yang ada. Lingkungan persaingan pasar yang sangat
ketat dan tidak teratur dengan baik akan menyebabkan penurunan minat
pembeli baik pada konsumen maupun fasilitas – fasilitas yang ada. Salah
satu cara yang dapat dilakukan untuk mengatur lingkungan pasar yang
baik dan kondusif adalah dengan penerapan Sitem Informasi Situs Public
Service pada sebuah distro.

2. Tujuan
Adapun tujuan yang ingin dicapai dari pelaksanaan Praktik Industri ini
antara lain :
1. Mahasiswa dapat mempelajari pembuatan Situs Public Service
Website untuk sebuah Distro Online.
2. Mahasiswa dapat memperoleh pengalaman dan latihan kerja sesuai
dengan Teknik Komputer dan Informatika sebagai penerapan ilmu
ke bidang pekerjaan yang nyata, yang akan digunakan sebagai bekal
untuk bekerja.
3. Mahasiswa dapat meningkatkan kemampuan dalam mengaplikasikan
teori yang diperoleh dalam perkuliahan ke dalam pelaksanaan yang
ada di lapangan sehingga dapat memahami manajemen pekerjaan di
lapangan.

3
 4. Mahasiswa diharapkan setelah lulus mampu berkompetisi dalam
dunia kerja.
5. Mahasiswa dapat mengenal kegiatan industri dan menghayati proses
pengelolaan industri.

3. Manfaat
Adapun manfaat yang dapat diambil dari pelaksanaan Praktik Industri ini
adalah :
1. Mendapatkan pengetahuan yang baru mengenai pembuatan website
yang pada waktu perkuliahan belum diajarkan.
2. Mendapatkan pengetahuan lebih mengenai PHP, meskipun belum
maksimal.
3. Dapat menambah wawasan dan pengetahuan kami sebagai
mahasiswa akan dunia kerja yang nyata dimana kita dituntut untuk
bersaing dan menciptakan suatu lingkungan kerja yang lebih baik.

B. Organisasi dan Manajemen Industri

INDEV adalah sebuah team konsultasi dan penyedia aplikasi teknologi
informasi yang berdiri pada tahun 2005 dibawah naungan badan usaha yang
bernama CV. INCREASE Development. INDEV merupakan team yang terdiri
dari beberapa anak muda yang memiliki visi yang sama terhadap berbagai hal,
teknologi informasi salah satunya. INDEV memiliki keahlian dalam penerapan
teknologi Desktop Applications, WEB Applications dan Networking untuk
memberikan solusi efisiensi dan efektifitas dari suatu kegiatan bisnis.
1. Sejarah Perusahaan
CV. INCREASE Development didirikan pada akhir tahun 2005 oleh
beberapa orang mahasiswa STIKOM yang baru saja menyelesaikan kuliahnya
dan beberapa juga masih menyelesaikan kuliahnya di tahap akhir. Dengan
menyamakan visi dan misi di dalam pendirian sebuah usaha yang bergerak di
bidang software dan website developer ini maka terbentuklah CV.
INCREASE Development yang sudah terdaftar secara legal dan berbadan
hukum. Nama INCREASE Development sendiri merupakan kepanjangan dari

4
Inovative and Creative Software Development sehingga terbentuklah konsep
bahwa perusahaan ini adalah software dan website developer yang
menonjolkan inovasi dan kreatifitas dalam membuat suatu aplikasi yang
khusus perusahaan ini buat “one application one client” dengan kata lain CV.
ini mengcustomize aplikasi sesuai kebutuhan dari klien perusahaan, jadi tidak
ada kesamaan aplikasi antara satu klien dengan klien yang lain.
Pada awalnya brand dari CV. INCREASE Development sendiri
bernama GAPTEK, jadi CV. INCREASE Development merupakan nama
legal secara hukum sedangkan GAPTEK merupakan merk dari CV.
INCREASE Development sendiri. Jadi pada mulanya perusahaan ini lebih
menonjolkan brand dari GAPTEK, dan nama GAPTEK sendiri bisa bertahan
selama dua tahun. Nama GAPTEK dipilih karena istilah GAPTEK sangat
berhubungan dekat dengan dunia teknologi, terutama dibidang teknologi
informasi yang perusahaan ini geluti.
Setelah menggeluti dunia teknologi informasi lebih dari dua tahun,
maka perusahaan ini memutuskan untuk mengganti brand perusahaan ini dari
GAPTEK menjadi INDEV, dengan alasan bahwa perusahaan ini bisa lebih
menguatkan brand sekaligus nama CV. INCREASE Development sendiri.
Nama INDEV merupakan kepanjangan dari INCREASE Development. Dan
dengan brand baru perusahaan ini diharapkan bisa diterima disemua kalangan
klien perusahaan, baik yang formal maupun non formal. Brand INDEV ini
resmi perusahaan pakai mulai awal tahun 2008 sampai sekarang. Dengan
perubahan dan perkembangan yang perusahaan alami seiring berjalannya
waktu, maka perusahaan akan berusaha untuk tetap menjaga brand baru
perusahaan ini agar lebih bisa dipercaya oleh pihak klien perusahaan ini. Dan
dengan bukti pada portfolio perusahaan yang semakin banyak dan
kepercayaan dari pihak klien perusahaan sendiri mulai dari perusahaan kecil
hingga perusahaan besar, maka perusahaan ini optimis bahwa perusahaan ini
bisa meningkatkan brand perusahaan ini lebih baik lagi.
CV. INCREASE Development telah berdiri dari akhir tahun 2005
hingga sekarang 2009, jadi perusahaan ini telah eksis di dunia teknologi
informasi di Surabaya ini selama hampir 4 tahun. Suatu proses yang panjang

5
bagi perusahaan ini untuk terus bisa mendapatkan kepercayaan dari pihak
klien perusahaan ini. Dan perusahaan juga bertekad untuk terus berusaha lebih
baik dan lebih professional dalam pekerjaannya. Juga berusaha untuk
membantu pemerintah dalam mengenalkan dan memasyarakatkan teknologi
informasi pada seluruh lapisan masyarakat, demi kemajuan dan kebaikan kita
semua.
CV. INCREASE Development (INDEV) adalah sebuah perusahaan
yang bergerak di bidang Information and Technology. CV. INDEV hadir
untuk membantu memecahkan masalah IT yang sedang dihadapi oleh
konsumen. Innovative, Creative adalah sebuah pola kerja CV. INDEV sehari –
hari. Quality telah menjadi tolak ukur perusahaan ini dalam produktifitas.
Dengan semangat yang segar dan pantang menyerah perusahaan ini mencoba
menyelesaikan project dan problem anda right on schedule.
Perusahaan ini memiliki tiga divisi utama yaitu, "INsoft" yang
menangani masalah software desktop, "INweb" yang menangani masalah web,
dan "INcomp" yang menangani masalah hardware dan networking. Dimana
masing – masing divisi memiliki resource yang handal di bidangnya.
Akhirnya titik pelayanan perusahaan ini tertuju pada kepuasan konsumen
sebagai client perusahaan ini.
Sebagai perusahaan yang bergerak dibidang IT (Information
Technology), CV. INDEV memberikan layanan dalam bidang :
1. WEB Design and Consulting
2. WEB Application Development
3. System Design and Consulting
4. Desktop Application Development
5. SMS Gateway based Information System Development
6. Company Profile Development with FLASH Animation
7. IT Consultant
8. Computer Hardware Supplier
9. Computer Network Design and Security
10. Network Installation

6
Selain itu, CV. INDEV juga memiliki kemampuan dalam hal :
1. Web Programming language : HTML, XML, Javascript, PHP, ASP
2. Programming Tools : Visual Basic, Borland Delphi,C++, Pascal , Java
3. Database : SQL Server, MySql, Oracle 9i, MS Access
4. Designing Tools : Adobe, Swish, CorelDraw, Macromedia
5. Networking : Wired and Wifi networking
Dalam satu tahun ini perusahaan telah berhasil mengembangkan
beberapa aplikasi yang mendukung perkembangan bisnis serta telah dipakai
dan mendapatkan pengakuan dari customer. Diantaranya adalah :
1. Website PD Pasar Surya
Website PD Pasar Surya merupakan salah satu website profile resmi dari
Perusahaan Daerah Pasar Surya.
2. Aplikasi dan Situs Pendidikan
Aplikasi Pendidikan merupakan aplikasi yang digunakan untuk mengolah
sistem informasi dalam bidang pendidikan, sedangkan Situs Pendidikan
sebagai pengembangan dari aplikasi pendidikan yang dapat di akses secara
online.
3. Sistem Inventori
Sistem Inventori merupakan aplikasi untuk pengelolaan inventori
perusahaan. Didukung dengan GUI yang memudahkan user mengelola
informasi yang akan ditampilkan.
4. Sistem Informasi Perhotelan
Sistem Informasi Perhotelan merupakan aplikasi yang digunakan untuk
mengolah sistem informasi di perhotelan yang memungkinkan kelancaran
komunikasi data antar divisi dapat tercipta.

7
2. Struktur Organisasi Perusahaan

Andry Noviansyah
Direktur/Owner

Christian Tri A.
Manager

Taufik Rachman Saputra Andyana Gilang Permana

Programmer Programmer Marketing

Freelance Freelance Freelance

Programmer Programmer Marketing

Gambar 1. Struktur Organisasi CV. INCREASE Development

8
C. Prospek Industri Di Masa Depan
Adalah sebuah hal yang tidak aneh jika saat ini perjalanan sebuah
informasi telah tiba pada titik tanpa batas. Tanpa batas baik dalam sudut pandang
ruang maupun waktu. Perubahan yang revolusioner ini memang sangat bisa kita
rasakan sebagai sebuah gerakan yang hampir menyentuh segala bidang, termasuk
bidang usaha sampai dengan bidang pendidikan. Bahkan begitu globalnya efek
yang ditimbulkan sehingga banyak kalangan yang telah beranggapan bahwa
sekarang adalah “abad informasi” atau “era informasi”.
Memang jika kita mau merunut ke belakang tentang fenomena tersebut,
maka hal itu bukanlah sebuah kejadian yang serba kebetulan belaka. Banyak
faktor yang sangat berperan serta dalam perjalanan menuju era informasi tadi.
Salah satu faktor dari sekian banyak faktor yang sangat penting adalah
perkembangan teknologi informasi (information technology).
Diawali dengan ditemukannya komputer sebagai mesin pengolah data
yang kemudian dengan proses perjalanan yang bisa dikategorikan sangat cepat
sehingga melahirkan konsep tentang komunikasi melalui dunia internet yang
merupakan konsep komunikasi yang telah mendunia.
Akan tetapi ironisnya seiring dengan fenomena tadi, ternyata masih
banyak kalangan yang belum mampu untuk menjawab tantangan dunia informasi
sesuai dengan batasan masing-masing. Dari mulai kebingungan dalam proses
perencanaan, penggunaan, bahkan sampai belum sadarnya akan sebuah
kemudahan dan fasilitas yang ditawarkan oleh dunia Teknologi Informasi.
Sesuai dengan penjelasan diatas, maka CV. INCREASE Development
(INDEV) sebagai perusahaan yang bergerak dibidang IT (Information
Technology) merasa perlu untuk membangun negara mengikuti perkembangan
pada “era informasi” dengan melakukan kerjasama dengan perusahaan. Seiring
dengan perkembangan perusahaan, maka negara kita tercinta akan merasakan
dampak perkembangannya.

9
 BAB II
PELAKSANAAN KEGIATAN
Pada bab pelaksanaan kegiatan ini akan dijelaskan mengenai deskripsi
pelaksanaan kegiatan dan faktor – faktor pendukung dan penghambat kegiatan
praktik industri.

A. Deskripsi Pelaksanaan Kegiatan

1. Identitas Perusahaan
Nama Perusahaan : CV. INCREASE DEVELOPMENT
Nama Pimpinan : Christian Tri Anggoro
Alamat : Jl. Gubeng Kertajaya VA/53, Surabaya 60286, Jawa
Timur – Indonesia
No. Telp./Fax. : ( 031) 5028210
INDEV adalah sebuah team konsultasi dan penyedia aplikasi
teknologi informasi yang berdiri pada tahun 2005 dibawah naungan badan
usaha yang bernama CV. INCREASE Development. INDEV merupakan
team yang terdiri dari beberapa anak muda yang memiliki visi yang sama
terhadap berbagai hal, teknologi informasi salah satunya. INDEV
memiliki keahlian dalam penerapan teknologi Desktop Applications, WEB
Applications dan Networking untuk memberikan solusi efisiensi dan
efektifitas dari suatu kegiatan bisnis.
Perusahaan ini memiliki tiga divisi utama yaitu, "INsoft" yang
menangani masalah software desktop, "INweb" yang menangani masalah
web, dan "INcomp" yang menangani masalah hardware dan networking.
Dimana masing – masing divisi memiliki resource yang handal di
bidangnya. Akhirnya titik pelayanan perusahaan ini tertuju pada kepuasan
konsumen sebagai client perusahaan ini.

2. Waktu dan Jadwal Kegiatan

Dalam pembuatan web Distro Online ini melibatkan tiga orang
mahasiswa yang sama – sama melaksanakan praktik industri di CV.

10
INCREASE DEVELOPMENT. Disini tugas penulis adalah membuat serta
merancang database.
Praktik industri ini dilakukan dalam waktu kurang lebih dua bulan
yang bertempat di CV. INCREASE DEVELOPMENT yang kami
laksanakan mulai tanggal 6 Juli sampai 27 Agustus 2009. Pada saat
pelaksanaan praktik industri kami tidak harus setiap hari datang ke CV.
INCREASE DEVELOPMENT karena tugas pembuatan web khususnya
database ini dapat dikerjakan di rumah. Kami datang pada hari Senin dan
Kamis untuk meminta konsultasi tugas kepada pembimbing perusahaan.
Dan untuk waktu pelaksanaan praktik industri ini dimulai pukul 10.00
sampai dengan 14.00.
Adapun jadwal kegiatan selama mengikuti praktik industri di CV.
INCREASE DEVELOPMENT adalah sebagai berikut :
No. Minggu Tanggal Uraian Kegiatan
1. 6 Juli 2009 Pengenalan lingkungan, surve
Menunjukkan contoh – contoh web
2. 7 Juli 2009
1 dinamis
3. 8 Juli 2009 Penerimaan tugas pembuatan web
4. 9 Juli 2009 Persiapan pembuatan web
5. 13 Juli 2009 Pembagian tugas masing – masing
6. 14 Juli 2009 Izin membayar SPP kuliah
2
7. 15 Juli 2009 Pencarian bahan untuk tugas PI
8. 16 Juli 2009 Konsultasi tugas
9. 20 Juli 2009 Libur hari raya (Isro’ Mi’raj)
10. 21 Juli 2009 Analisa kebutuhan
11. 3 22 Juli 2009 Pembuatan desain tabel user
Izin kepenasehatan dan mengurus
12. 23 Juli 2009
KRS
13. 27 Juli 2009 Pembuatan desain tabel product
14. 28 Juli 2009 Pembuatan desain tabel kategori
4
15. 29 Juli 2009 Pembuatan desain tabel komentar
16. 30 Juli 2009 Pembuatan desain tabel faq
17. 5 3 Agustus 2009 Konsultasi tugas
Penggabungan database tabel
18. 4 Agustus 2009
product pada hal. web product
Penggabungan database tabel
19. 5 Agustus 2009
kategori pada hal. web kategori
20. 6 Agustus 2009 Penggabungan database tabel

11
 komentar pada hal. web komentar
Penggabungan database tabel faq
21. 10 Agustus 2009
pada hal. web faq
Penggabungan database tabel user
22. 11 Agustus 2009
pada hal. web admin
6
Penggabungan tugas masing –
23. 12 Agustus 2009 masing sehingga menjadi web
dinamis
24. 13 Agustus 2009 Konsultasi tugas
Libur hari besar (Proklamasi
25. 17 Agustus 2009
Kemerdekaan)
26. 7 18 Agustus 2009 Menginputkan data – data
27. 19 Agustus 2009 Pengetesan tugas
28. 20 Agustus 2009 Revisi tugas 1
29. 24 Agustus 2009 Penyerahan hasil revisi tugas 1
30. 25 Agustus 2009 Revisi tugas 2
31. 8 26 Agustus 2009 Penyerahan hasil revisi tugas 2
Penyerahan tugas web yang sudah
32. 27 Agustus 2009
jadi

Tabel 1. Jadwal Kegiatan Praktik Industri

Uraian dan penjelasan pelaksanaan praktik industri :
1. Penjelasan jadwal kegiatan minggu ke – 1 :
a. Pengenalan lingkungan perusahaan
1). Memahami sistem kerja perusahaan
2). Mengetahui lebih jauh tentang perusahaan
3). Mengetahui jasa yang ditawarkan oleh perusahaan
4). Mengetahui lingkungan/tempat perusahaan tersebut
b. Menunjukkan contoh – contoh web dinamis
1). Memahami berbagai contoh web yang bersifat dinamis
2). Mempelajari contoh web dinamis
3). Mengetahui berbagai contoh web dinamis
c. Penerimaan tugas pembuatan web
1). Memberi tugas pembuatan web kepada mahasiswa
2). Memilih salah satu project/tugas pembuatan web yang akan
dikerjakan

12
 3). Menerima tugas untuk membuat web Distro Online
d. Persiapan pembuatan web
1). Menginstal software Macromedia Dreamweaver
2). Menginstal software Apache Friends (XAMPP)
3). Menginstal software Adobe Photoshop
Pada jadwal minggu ke – 1 ini, kegiatan praktik industri yang
dilakukan adalah pengenalan lingkungan perusahaan dan menunjukkan
contoh – contoh web dinamis. Hal ini dilakukan agar mahasiswa dapat
mengetahui sedikit gambaran tentang perusahaan dan sistem kerjanya.
Disamping itu, pembimbing perusahaan juga menunjukkan berbagai
macam contoh – contoh mengenai web dinamis dengan tujuan agar
mahasiswa tahu dan dapat mempelajari berbagai macam contoh –
contoh web dinamis yang telah diproduksi oleh perusahaan tersebut.
Selain itu dalam kegiatan praktik industri ini, mahasiswa diberi
sebuah project/tugas untuk membuat web dan mempersiapkan bahan
untuk pembuatan web. Dalam hal ini mahasiswa ditugaskan untuk
memilih salah satu judul project sebagai tugas pembuatan website.
Judul project yang dipilih adalah Distro Online, judul ini dipilih karena
sebuah distro menginginkan adanya suatu perubahan dari sistem lama
yang mempromosikan distronya dengan sebuah berita pengumuman
dimajalah sebagai salah satu sarana publikasi yang sangat kurang
efektif dan efisien. Dari sini akan diciptakan sistem baru yang berbasis
website yang penulis beri nama Public Service Website. Dalam
melakukan persiapan untuk membuat website, mahasiswa harus
menginstal software – software yang dibutuhkan yaitu Macromedia
Dreamweaver yang berfungsi untuk menata dan mendesain sebuah
web yang nantinya akan dijalankan, Apache Friends (XAMPP) yang
berfungsi untuk menjadikan sebuah PC menjadi web server dengan
memberi service internet pada suatu komputer, dan Adobe Photoshop
yaitu software yang berfungsi untuk mengedit atau membuat
gambar/desain. Software tersebut diinstal dengan tujuan agar dalam
proses pengerjaan web, mahasiswa tidak kebingungan dan dapat

13
 mengerjakan project dengan tenang dengan adanya persiapan –
persiapan yang telah dilaksanakan.

2. Penjelasan jadwal kegiatan minggu ke – 2 :

a. Pembagian tugas masing – masing
1). Membagi tugas pembuatan web untuk masing – masing
individu
b. Pencarian bahan untuk tugas PI
1). Mencari materi dan data melalui internet
2). Mencari materi dari buku – buku referensi
3). Mempelajari materi dari internet
4). Mempelajari materi dari buku – buku referensi
c. Konsultasi tugas
1). Menanyakan/meminta pertimbangan tentang tugas dari masing
– masing individu
Pada jadwal minggu ke – 2 ini, kegiatan praktik industri yang
dilakukan adalah pembagian tugas untuk masing – masing individu
dan pencarian bahan untuk tugas PI. Kegiatan ini dilakukan agar
masing – masing individu dapat bekerja sama untuk dapat
menyelesaikan project tersebut, dan masing – masing individu dapat
fokus untuk mengerjakan project sesuai bidangnya masing – masing.
Disini penulis mendapat tugas untuk membuat rancangan database
yang dibutuhkan dalam pembuatan Distro Online. Dilakukan suatu
pembentukan tabel serta data apa yang diperlukan didalam tabel
tersebut dan relasi antar tabel, sehingga tabel pertama dengan tabel
kedua dapat saling berhubungan. Selain itu, mahasiswa juga mencari
materi – materi baik dari internet maupun dari buku – buku referensi
serta mempelajarinya untuk menunjang tugas yang sedang dikerjakan.
Disamping itu dalam kegiatan praktik industri ini, penulis juga
meminta pertimbangan kepada pembimbing perusahaan tentang tugas
yang akan dikerjakan oleh mahasiswa, sehingga pembimbing

14
 perusahaan dapat membantu memberikan solusi apa – apa yang kurang
dari tugas masing – masing individu tersebut.

3. Penjelasan jadwal kegiatan minggu ke – 3 :

a. Analisa kebutuhan
1). Menganalisa data – data yang dibutuhkan
2). Mencari data – data yang dibutuhkan dari internet
b. Pembuatan desain tabel user
1). Membuat rancangan tabel user
2). Membuat field/data yang diperlukan pada tabel user
Pada jadwal minggu ke – 3 ini, kegiatan praktik industri yang
dilakukan adalah menganalisa kebutuhan dan membuat desain tabel
user. Dalam hal ini mahasiswa mencari data – data yang dibutuhkan
yang nantinya akan diinputkan kedalam web yang sudah jadi. Selain
itu, dalam pembuatan tabel user diperlukan sebuah rancangan serta
data/field yang diperlukan yaitu field id, username dan password yang
dibuat melalui phpMyAdmin.

4. Penjelasan jadwal kegiatan minggu ke – 4 :

a. Pembuatan desain tabel product
1). Membuat rancangan tabel product
2). Membuat field yang diperlukan pada tabel product
b. Pembuatan desain tabel kategori
1). Membuat rancangan tabel kategori
2). Membuat field yang diperlukan pada tabel kategori
c. Pembuatan desain tabel komentar
1). Membuat rancangan tabel komentar
2). Membuat field yang diperlukan pada tabel komentar
d. Pembuatan desain tabel faq
1). Membuat rancangan tabel faq
2). Membuat field yang diperlukan pada tabel faq

15
 Pada jadwal minggu ke – 4 ini, kegiatan praktik industri yang
dilakukan adalah pembuatan tabel – tabel yang diperlukan untuk
membuat website Distro Online. Dalam hal ini diperlukan adanya
suatu rancangan tabel dan field/data yang diperlukan pada pembuatan
tabel – tabel. Adapun tabel yang dibuat adalah tabel product yang
berisi field id, nama, id_ktgr, harga, deskripsi dan gambar. Tabel
kategori berisi field id_ktgr dan kategori. Tabel komentar berisi field
id, nama, e-mail dan komentar. Sedangkan tabel faq berisi field id,
tanya dan jawab. Keempat tabel tersebut dibuat melalui phpMyAdmin.

5. Penjelasan jadwal kegiatan minggu ke – 5 :

a. Konsultasi tugas
1). Meminta untuk mengkoreksi kekurangan – kekurangan
database maupun tabel – tabelnya
2). Meminta pertimbangan tentang pembuatan database dan tabel –
tabelnya
b. Penggabungan database tabel product pada hal. web product
1). Menggabungkan desain web product dengan database product
c. Penggabungan database tabel kategori pada hal. web kategori
1). Menggabungkan desain web kategori dengan database kategori
d. Penggabungan database tabel komentar pada hal. web komentar
1). Menggabungkan desain web komentar dengan database
komentar
Pada jadwal minggu ke – 5 ini, kegiatan praktik industri yang
dilakukan adalah konsultasi tugas dan penggabungan database tabel
product, database tabel kategori dan database tabel komentar pada
halaman web product, kategori dan komentar. Pada kegiatan ini
mahasiswa menggabungkan desain web dengan database yang
bertujuan untuk mengetahui database tersebut dapat muncul atau tidak
jika digabungkan pada desain web yang telah dibuat.
Selain itu, mahasiswa melakukan konsultasi tugas untuk
meminta koreksi terhadap tugas tersebut. Kegiatan yang dilakukan

16
 yaitu menanyakan kekurangan – kekurangan tentang pembuatan
database pada desain web dan meminta saran tentang desain tersebut
terhadap apa – apa yang mungkin dapat diperbaharui lagi dari tugas
tersebut kepada pembimbing perusahaan.

6. Penjelasan jadwal kegiatan minggu ke – 6 :

a. Penggabungan database tabel faq pada hal. web faq
1). Menggabungkan desain web faq dengan database faq
b. Penggabungan database tabel user pada hal. web admin
1). Menggabungkan desain web admin dengan database user
c. Penggabungan tugas masing – masing sehingga menjadi web
dinamis
1). Menggabungkan hasil dari tugas masing – masing individu
2). Menguji hasil penggabungan tugas
d. Konsultasi tugas
1). Meminta untuk mengkoreksi kekurangan – kekurangan desain
web yang telah digabungkan dengan database tabel
2). Meminta pertimbangan tentang pembuatan web dari hasil
penggabungan tugas ketiga mahasiswa
Pada jadwal minggu ke – 6 ini, kegiatan praktik industri yang
dilakukan adalah penggabungan database tabel faq dan database tabel
user pada halaman web faq dan admin. Pada kegiatan ini mahasiswa
menggabungkan desain web dengan database yang bertujuan untuk
mengetahui database tersebut dapat muncul atau tidak jika
digabungkan pada desain web yang telah dibuat.
Selain itu, mahasiswa melakukan penggabungan dari tugas
masing – masing individu dan melakukan konsultasi tugas untuk
meminta koreksi terhadap tugas tersebut. Dalam hal ini hasil dari tugas
ketiga mahasiswa digabungkan sehingga membentuk suatu Public
Service Website dinamis yang nantinya dapat berguna bagi Distro
Online tersebut. Dalam penggabungan ini meliputi desain gambar/web,
script program php dan desain database. Diperlukan adanya ketelitian

17
 yang cukup tinggi karena disini program tidak akan bisa berjalan
dengan sempurna apabila ada sedikit kesalahan. Lalu kegiatan lain
yang dilakukan yaitu menanyakan kekurangan – kekurangan tentang
desain web yang telah digabungkan dengan database tabel dan
meminta saran tentang pembuatan web dari hasil penggabungan tugas
ketiga mahasiswa tersebut terhadap apa – apa yang mungkin dapat
diperbaharui lagi dari tugas terseut kepada pembimbing perusahaan.

7. Penjelasan jadwal kegiatan mingu ke – 7 :

a. Menginputkan data
1). Menginputkan data yang dibutuhkan
2). Menguji keberhasilan menginputkan data
b. Pengetesan tugas
1). Menguji hasil web kepada pembimbing perusahaan
c. Revisi tugas 1
1). Memperbaiki error/kesalahan pada web
2). Memperbaiki data yang tidak muncul jika diinputkan
Pada jadwal minggu ke -7 ini, kegiatan praktik industri yang
dilakukan adalah menginputkan data dan pengetesan tugas. Dalam hal
ini kegiatan menginputkan data dilakukan untuk menguji keberhasilan
dari penggabungan tugas dari ketiga mahasiswa tersebut. Jika data –
data yang diinputkan dapat berjalan dengan sempurna maka data yang
diinputkan tidak mengalami kesalahan. Kegiatan pengetesan tugas
dilakukan oleh pembimbing perusahaan, dimana pembimbing menguji
secara langsung terhadap hasil web yang sudah selesai dibuat oleh
mahasiswa. Jika dalam pengujian tersebut ada kekurangan –
kekurangan maka pembimbing akan meminta untuk diperbaiki lagi.
Selain itu, kegiatan praktik industri yang dilakukan adalah
revisi tugas pertama. Disini mahasiswa memperbaiki error/kesalahan
pada web dan memperbaiki data yang tidak muncul jika diinputkan.
Pada saat menginputkan data, muncul pesan error/kesalahan, disini
mahasiswa mencoba memperbaiki error tersebut sehingga pesan error

18
 tidak muncul lagi. Selain itu pada saat menginputkan data juga terjadi
kesalahan, dimana data yang diinputkan tidak dapat muncul pada
halaman web. Sehingga mahasiswa berusaha mencoba lagi untuk
memperbaiki kesalahan tersebut. Dan akhirnya data yang diinputkan
bisa muncul pada halaman web.

8. Penjelasan jadwal kegiatan minggu ke – 8 :

a. Penyerahan hasil revisi tugas 1
1). Memperlihatkan hasil dari tugas yang telah direvisi
b. Revisi tugas 2
1). Memperbaiki desain web yang kurang rapi
c. Penyerahan hasil revisi tugas 2
1). Memperlihatkan hasil dari tugas yang telah direvisi
d. Penyerahan tugas web yang sudah jadi
1). Mengumpulkan tugas pembuatan web yang sudah jadi
Pada jadwal minggu ke – 8 ini, kegiatan praktik industri yang
dilakukan adalah melakukan revisi tugas kedua dan menyerahkan hasil
revisi tugas pertama. Disini tugas revisi kedua yaitu memperbaiki
desain web yang kurang rapi, sehingga mahasiswa harus memperbaiki
desain web tersebut yang kemudian diserahkan untuk diperlihatkan
kepada pembimbing perusahaan dari hasil revisi tugas tersebut. Dalam
perbaikan desain web ini dibutuhkan kesabaran karena mahasiswa
harus benar – benar membuat hasil web tersebut terlihat rapi dan
menarik.
Setelah perbaikan desain web selesai, mahasiswa menyerahkan
tugas web yang sudah benar – benar jadi dan sempurna kepada
pembimbing perusahaan yang kemudian akan diberi penilaian terhadap
hasil tugas website tersebut.

B. Faktor – Faktor Pendukung Dan Penghambat

19
 Pada pelaksanaan praktik industri yang dilaksanakan di CV.
INCREASE DEVELOPMENT terdapat faktor – faktor yang mempengaruhi
baik kinerja maupun keefektifan praktik industri, diantaranya sebagai berikut :
1. Faktor Pendukung :
a. Jadwal kerja praktik industri yang fleksibel. Dimana mahasiswa
diberikan kesempatan untuk dapat mengerjakan tugas tersebut di
rumah, sehingga waktu pengerjaan tugas bisa lebih maksimal dan tidak
diharus datang ke tempat praktik industri setiap hari.
b. Mahasiswa mendapatkan fasilitas yang ada di perusahaan yaitu adanya
fasilitas internet, dengan adanya fasilitas tersebut maka mahasiswa
bebas untuk menggunakan fasilitas itu untuk menunjang tugas yang
diberikan. Dimana mahasiswa bisa mencari materi – materi yang
dibutuhkan untuk mengerjakan tugas tersebut.

2. Faktor Penghambat :
a. Mahasiswa tidak terlibat langsung dalam penanganan terhadap project
– project pembuatan website dari client yang tengah dikerjakan oleh
pegawai perusahaan yang dianggap serius dan rumit, dikarenakan
untuk hal tersebut memang harus ditangani oleh orang yang
berkompeten.
b. Kondisi tempat praktik industri yang agak panas membuat mahasiswa
merasa tidak begitu nyaman berada di tempat praktik industri.

3. Inovasi dan Solusi Terhadap Masalah

a. Meskipun tidak terlibat langsung dalam penanganan terhadap project –
project pembuatan website dari client maupun kegiatan lainnya, namun
mahasiswa diberi hak untuk bertanya kepada pembimbing atau
pegawai lain jika mengalami kesulitan terhadap tugas yang diberikan.
b. Meskipun kondisi tempat praktik industri agak panas, namun
mahasiswa berusaha untuk menyibukkan diri dengan menyelesaikan

20
 tugas yang diberikan dan mengakses internet untuk mencari materi,
bahan maupun data – data yang diperlukan.

BAB III
PEMBAHASAN
Pada bab pembahasan ini akan dijelaskan mengenai landasan teori dan
pembuatan program serta pembahasan terhadap kegiatan praktik industri yang
telah dilakukan.
A. Landasan Teori
1. Apache Friends (XAMPP)

21
 Apache adalah aplikasi web server. Aplikasi web server adalah
aplikasi yang berguna untuk menjadikan sebuah PC menjadi web server
dengan memberi service internet pada suatu komputer. Aplikasi ini
sebagai program untuk mengkoneksikan dan mengakses antara database
dengan halaman Web. Ada berbagai macam web server yang tersedia
antara lain phptriad, wampserver, dll. Apache banyak digunakan karena
merupakan produk Open Source, maksudnya bebas digunakan (gratis),
freeware , cepat dan stabil.

2. MySQL
MySQL Server adalah database server yang freeware. MySQL
didukung langsung oleh PHP. Untuk memanajemen MySQL server
digunakan MySQL – Front 2.5.
Pada aplikasi web ini dipakai beberapa syntax, antara lain :
 Create Database : membuat database
 Use Database : menggunakan database
 Create Table : membuat tabel
 Delete : menghapus record dalam tabel
 Insert : mengisi/memasukkan data dalam sebuah tabel
 Select : menampilkan data dari sebuah table

3. Macromedia Dreamweaver
Macromedia dreamweaver adalah suatu program yang digunakan
untuk menata dan mendesain sebuah web yang nantinya akan dijalankan,
disini kita bisa mengedit dan membuat scrip php, html, dan css style.
Program ini memudahkan para web desainer dalam merancang dan
mendesain tampilan web yang menarik dan indah dipandang serta mudah
dalam hal pengoperasiannya. Perancangan web dengan menggunakan
Macromedia Dreamweaver sangatlah mudah bila dibandingkan dengan
program pembuatan web yang lain seperti Adobe Go Alive, Ms. Front
Page, dll. Karena program ini memiliki script yang sederhana yang dapat

22
 diakses melalui notepad. Kita juga dapat membuat halaman PHP melalui
program ini secara langsung.

B. Pembuatan Program
Dalam pembuatan tugas web ini ada beberapa tahapan yang perlu
dikerjakan diantaranya :
1. Analisis : Tahap ini merupakan tahap awal sebelum dimulainya
pembuatan suatu program. Pada tahap ini dilakukan pengumpulan data
yang ikut mendukung terciptanya program. Analisis ini sangat penting
karena berisi tujuan yang ingin dicapai.
2. Desain : Tahap ini merupakan tahap pembuatan program yang
sesungguhnya. Semua hal yang berhubungan dengan pembuatan program
terjadi pada tahap ini dimulai dari desain database, form, programming,
dan dokumentasi.
3. Implementasi : Tahap ini merupakan tahap pengaplikasian program yang
telah dibuat untuk dijadikan sebagai alat yang siap pakai. Pada tahap ini
kita dapat menilai apakah program yang telah dibuat tersebut telah sesuai
dengan apa yang diharapkan ataukah masih banyak kesalahan.
Tahapan diatas merupakan prosedur standart yang biasa dilakukan oleh
para pembuat web ataupun programmer dalam proses pembuatan sebuah
project. Tahapan itu harus dilakukan sesuai dengan urutan dengan maksud
agar pembuatan project dapat berjalan lancar dan bila ada kesalahan dapat
diminimalis sekecil mungkin.

1. Tahap Analisis
Tahap analisis merupakan tahap awal dalam membangun sebuah
situs. Pada saat tahap analisis, pembuat project harus dapat menganalisa
kira – kira hal apa saja yang dibutuhkan untuk menjadikan project itu
sesuai dengan apa yang diharapkan. Tahap ini meliputi :
a. Analisa Dokumen

23
b. Analisa Masalah
c. Analisa Teknologi

a. Analisa Dokumen
Analisa ini kami lakukan untuk mengetahui proses administrasi
maupun proses publikasi dari distro yang masih dilakukan secara
konvensional/cara lama, sehingga kami bisa mengimplementasikan ke
program yang akan kami buat nanti.
1. Jenis kategori
Dalam distro tersebut terdapat beberapa kategori antara lain :
a. Bross
b. Dompet
c. Jacket
d. Jam Tangan
e. Jeans
f. Pin
g. Topi
h. T-Shirt
i. Sandal
j. Sepatu
2. Macam – macam Produk
Distro tersebut memiliki bermacam – macam jenis product
diantaranya :
a. Bross
1). Shopie Martin

b. Dompet
1). Billabong
2). Quiksilver
3). Volcom
4). Roxy
c. Jacket

24
 1). Polo
2). Adidas
d. Jam Tangan
1). Adidas
2). Alba
3). Guess
4). Swiss Army
e. Jeans
1). Lea
2). Wrangler
f. Pin bergambar kartun
g. Topi
1). Ripcurl
2). Volcom
h. T-shirt
1). Ripcurl
2). Rusty
i. Sandal
1). Carville
2). Homyped
j. Sepatu
1). Nike
2). Adidas

b. Analisa Masalah
Masalah yang kami hadapi adalah kurangnya keefektivitas dan
keefisiennya mempublikasikan produk dari sebuah distro pada
majalah/pamflet. Disini mahasiswa memberikan suatu solusi yang
dapat membantu untuk mempublikasikan produk – produk yang

25
 dihasilkan secara efektiv dan efisien dengan menerapkan Public
Service Website dalam ruang lingkup distro.

c. Analisa Teknologi
Pada sistem publikasi yang lama, teknologi yang dipakai
adalah cara lama yaitu dengan mempublikasikan produk distro pada
halaman majalah atau memasang sebuah pamflet. Pada analisa ini
kami mencoba untuk mengimplementasikan teknologi komputerisasi
yang berbasis website untuk bisa mempermudah pempublikasian yang
selama ini dilakukan secara manual, karena teknologi yang kami pilih
ini mudah untuk diimplementasikan.

2. Tahap Desain
Tahap ini adalah tahap terpenting dalam pembuatan web kami,
tahap ini terdiri dari beberapa tahap yaitu desain model, desain database,
dan desain program. Desain model adalah termasuk tujuan yang paling
penting sama seperti mendesain database dan mendesain program. Dalam
pembuatan Public Service Website penulis mendapatkan tugas untuk
mendesain database pada Public Service Website dinamis ini. Adapun
desain yang penulis buat adalah mendesain tabel dan relasi.

a. Desain Model

Index

Home Produk Kategori F.A.Q Komentar About Us Contact Us

26
 Macam Pilih Tambah
Produk Kategori Komentar

Detail Nama Mengisi

Produk Kategori yg Komentar
Dipilih

Ok

Index Index

Cari Kategori
Produk

Macam
Cari Kategori

Macam Macam
Produk Produk dr
Kategori

Gambar 2. Pohon Struktur Halaman Index Distro Online

Index_Admin

Login

Halaman
Administrator

27
 Home User Produk Kategori F.A.Q Komentar LogOut

Tambah Tambah Tambah Tambah Hapus

User Produk Kategori F.A.Q

Mengisi Edit Hapus Mengisi Edit Hapus

User F.A.Q

Mengisi Edit Hapus

Produk
Tambah Batal Tambah Batal

Edit
Tambah Produk
Edit Edit
User F.A.Q

Ok

Ok Cancel Ok Cancel

Mengisi Edit Hapus

Kategori

Edit
Kategori

Tambah Batal

Ok Cancel

Gambar 3. Pohon Struktur Halaman Administrator Distro Online

28
 Gambar 4. Relationships Tabel Web Distro Online

komentar
nama
i id_ktgr kategori
e-mail
d

Komentar Kategori

id

29
 Menghap Mengi
us si

password User username

Mengi i
Mengi si gamba
si d
r

Faq jawa Produk

tanya b nama
harg
a
deskrips
id id_ktgr
i

Gambar 5. ER-Diagram Tabel Web Distro Online

b. Desain Database
Sebelumnya harus dibuat database terlebih dahulu. Pembuatan
database ini dibuat melalui PhpMyAdmin yang terdapat dalam
program PHP.
1. Membuat Database
 create database dbdistro;
2. Menggunakan Database
 use dbdistro;
3. Membuat Tabel ( ada 5 tabel yaitu tabel faq, tabel kategori, tabel
komentar, tabel produk, dan table user)

a. Tabel faq :

create table faq (id tinyint(4), tanya text,

jawab text);

30
 Tabel 2. Struktur Tabel F.A.Q
Field Type Length/Value
id tinyint 4
tanya text -
jawab text -

b. Tabel kategori

create table kategori (id_ktgr tinyint(3),

kategori(30));

Tabel 3. Struktur Tabel Kategori

Field Type Length/Value
id_ktgr tinyint 3
kategori varchar 30

c. Tabel komentar

create table komentar (id tinyint(3), nama

varchar(30), email varchar(30), komentar text);

Tabel 4. Struktur Tabel Komentar

Field Type Length/Value
id tinyint 3
nama varchar 30
email varchar 30
komentar text -
d. Tabel produk

create table produk (id tinyint(3), nama

varchar(30), id_ktgr tinyint(3), harga int
(10), deskripsi text, gambar text);

Tabel 5. Struktur Tabel Produk

Field Type Length/Value
id tinyint 3

31
 nama varchar 30
id_ktgr tinyint 3
harga text -
gambar text -

e. Tabel user

create table user (id tinyint(3), username

varchar(30), password varchar(30));

Tabel 6. Struktur Tabel User

Field Type Length/Value
id tinyint 3
username varchar 30
password varchar 30

4. Memasukkan Data
Data pada tabel komentar hanya dapat diisi melalui
halaman web Distro Online yang telah dibuat. Namun pada tabel
faq, tabel kategori, tabel produk dan tabel user cara pengisiannya
secara langsung pada halaman PhpMyAdmin karena pada tabel ini
berisi data – data dari Distro Online yang hanya diketahui oleh
Admin.

3. Tahap Implementasi
Tahap akhir adalah implementasi, pada tahap ini program yang
telah jadi diimplementasikan atau diterapkan pada keadaan yang nyata.
Pada tahap ini sekaligus berfungsi sebagai pengujian apakah proyek yang
telah dibuat sesuai dengan harapan ataukah tidak.
Berikut merupakan tahap – tahap pengoperasian dari program yang telah
dibuat :

32
a. Pengoperasian Khusus Untuk Admin
Untuk login khusus admin, memasukkan username dan
password yaitu admin. Setelah berhasil memasukkan username dan
password selanjutnya kita bisa mengakses situs public service yang
telah dibuat. Hak akses yang kami berikan pada admin adalah
menambah data, mengedit data dan menghapus data.

Gambar 6. Login Khusus Admin

Tampilan dibawah ini merupakan menu tampilan setelah

melakukan login.

33
 Gambar 7. Login Sukses

Setelah masuk ke halaman ini, admin bisa menambah,

mengedit maupun menghapus produk, kategori, faq maupun komentar.
Misalnya ada jenis kategori yang harus ditambahkan pada daftar.

Gambar 8. Tabel Daftar Kategori

Pada halaman daftar kategori terdapat menu tambah kategori.

Disini admin dapat menambahkan daftar kategori yang akan
dimasukkan. Misalnya menambah daftar kategori dengan nama Bross.

34
 Gambar 9. Halaman Tabel Tambah Kategori

Setelah mengisi nama kategori pada halaman tabel daftar

kategori maka klik tombol Tambah. Maka dalam tabel daftar kategori
akan muncul nama kategori yaitu Bross.

Gambar 10. Tabel Daftar Kategori Setelah Ditambah Nama

Kategori
Dalam halaman tabel daftar kategori, admin bisa melihat daftar
nama kategori, mengedit nama kategori serta juga bisa menghapus
nama kategori.
Jika admin ingin menambah gambar dan detail tentang gambar
produk, maka admin harus masuk pada halaman tabel Daftar Produk.

35
 Gambar 11. Tabel Daftar Produk

Pada halaman daftar produk terdapat menu tambah produk.

Disini admin dapat menambahkan nama produk, gambar, harga
maupun deskripsi gambar yang akan dimasukkan. Misalnya
menambah nama produk, gambar, harga dan deskripsi dengan jenis
kategori Bross pada daftar produk.

Gambar 12. Halaman Tabel Tambah Produk

Setelah mengisi nama produk, gambar, harga dan deskripsi
gambar pada halaman tabel daftar produk maka klik tombol Tambah.
Maka dalam tabel daftar produk akan muncul nama produk yaitu
Shopie Martin. Dalam halaman tabel daftar produk, admin bisa
melihat daftar nama produk, mengedit nama produk serta juga bisa
menghapus nama produk.

36
 Gambar 13. Tabel Daftar Produk Setelah Ditambah Nama Produk

b. Pengoperasian Untuk Pengunjung Website

Pada halaman web Distro Online ini pengunjung hanya bisa
melihat produk – produk yang dijual oleh Distro Online.

Gambar 14. Halaman Index Distro Online

1). Jika ingin melihat halaman produk pada halaman index, maka klik
Produk. Pada halaman ini nama produk dan detail dari produk
yang baru dimasukkan akan terlihat pada Halaman Produk.
Selain itu, semua nama – nama produk yang telah ditambahkan
pada halaman admin juga akan tampil pada halaman ini.

37
 Gambar 15. Halaman Index – Produk

2). Jika ingin melihat halaman kategori pada halaman index, maka klik
Kategori. Pada halaman ini terdapat combo box tulisan Pilih
Kategori.

Gambar 16. Halaman Index – Kategori

Agar daftar nama kategori dapat terlihat, maka klik combo box
Pilih Kategori dan memilih nama kategori yang ingin ditampilkan.
Misalnya pilih nama kategori Bross, maka akan muncul nama
produk dan detail produk.

38
 Gambar 17. Halaman Kategori – Bross

3). Jika ingin melihat halaman F.A.Q pada halaman index, maka klik
F.A.Q. Pada halaman ini terdapat pertanyaan dan jawaban seputar
Distro Online.

Gambar 18. Halaman Index – F.A.Q

4). Jika ingin melihat halaman komentar pada halaman index, maka
klik Komentar. Pada halaman ini berisi tentang komentar –
komentar mengenai Distro Online.

39
 Gambar 19. Halaman Index – Komentar

Pada halaman komentar terdapat tombol Tambah Komentar,

disini para pengunjung dapat memberikan komentar apapun
tentang Distro Online. Jika ingin menambahkan komentar klik
tombol tersebut.

Gambar 20. Halaman Tambah Komentar

Pada halaman komentar ini akan tampil sebuah komentar yang
telah ditambah pada halaman tambah komentar tadi. Selain itu,
komentar – komentar yang sudah ada juga akan tampil.

40
5). Jika ingin melihat halaman about us pada halaman index, maka
klik About Us. Pada halaman ini berisi tentang Distro Online.

Gambar 21. Halaman Index – About Us

6). Jika ingin melihat halaman contact us pada halaman index, maka
klik Contact Us. Pada halaman ini berisi tentang bagaimana cara
memesan barang maupun cara pembayaran pada Distro Online.

41
 Gambar 22. Halaman Index – Contact Us

7). Pada halaman index terdapat form Cari Produk. Pada form ini
pengunjung dapat mencari nama produk yang ingin dilihat.
Misalnya ingin mencari nama produk Shopie Martin.

Gambar 23. Halaman Index – Cari Produk

Maka akan tampil semua produk dengan nama Shopie Martin.

Gambar 24. Halaman Cari Produk – Shopie Martin

Jika ingin melihat gambar dari produk Shopie Martin maka klik
Nama Shopie Martin pada form tersebut.

42
 Gambar 25. Halaman Nama Produk Shopie Martin

8). Jika ingin melihat semua produk yang ditampilkan melalui

Kategori yang terdapat pada sebelah kiri dari halaman index, maka
klik Kategori.

Gambar 26. Halaman Kategori (Sebelah Kiri)

Misalnya ingin menampilkan semua produk dari kategori Bross,
maka akan muncul semua produk beserta keterangan detailnya dari
kategori Bross.

43
 Gambar 27. Halaman Kategori – Bross

BAB IV
PENUTUP

A. Kesimpulan
Dari hasil analisa dan pembahasan yang dilakukan mengenai program
yang telah dibuat, maka masih terdapat beberapa kelemahan, antara lain
pengolahan program php kurang maksimal, pembuatan web ini masih dalam
tingkat yang sederhana.
Kelebihan dari sistem ini adalah memudahkan siapa saja yang hendak
ingin mengetahui informasi yang diinginkan mengenai distro online tanpa
harus datang langsung ke distro. Pelanggan hanya perlu mengakses web dari

44
 komputer, sistem ini juga dilengkapi dengan login yang memasukkan
username dan password dimana manajemen admin dapat dilakukan sehingga
admin memiliki hak akses sepenuhnya dalam penggunaan sistem ini.

B. Saran
Setelah melakukan analisa serta implementasi program dari sistem
yang dibuat, maka diharapkan adanya pengembangan sistem. Melihat dari
terdapatnya kekurangan sistem maka pengembangan yang diperlukan antara
lain:
1. Pengembangan pemograman menggunakan sistem yang lebih maju
mengikuti kemajuan yang ada.
2. Pengembangan dan pengolahan database diharapkan juga memakai
software yang lebih baik.
3. Komputer server harus terinstal xampp.
4. Tampilan situs public service masih dalam tingkat yang sederhana,
hendaklah diperbaharui lagi dengan 3D animasi, sehingga lebih bagus
dipandang.
Beberapa saran diatas diharapkan dapat membantu dalam pengembangan
sistem, agar dapat lebih memaksimalkan kegunaan dari web situs public
service.

DAFTAR PUSTAKA

www.anonkuncoro@yahoo.com. Dasar Pemrograman PHP dan MySQL

www.ilmu-komputer.com. Artikel Pengenalan Database
www.ilmu-komputer.com. Artikel Menciptakan Web Dinamis
Tim Penyusun.Buku Panduan Praktik Industri/Praktik Kerja Lapangan.
Surabaya : Unesa University Press. 2009
Hakim Lukmanul. Membongkar Trik Rahasia Para Master Php. Yogyakarta :
Lokomedia. 2008

45
Lampiran 3. Format NPI

LEMBAR PENILAIAN

Nama Industri/Perusahaan : CV. INCREASE DEVELOPMENT

Alamat Industri : Jl. Gubeng Kertajaya VA/53, Surabaya 60286,
Jawa Timur – Indonesia
Nama Mahasiswa : Dwi Merryana S.
Lama Praktik : Dua bulan (Tanggal 6 Juli sampai 27 Agustus
2009)
Unit/Bagian/Seksi : Web Design

46
 Baik Baik Cukup Kurang Kurang
Aspek Yang
No. Sekali (80-66) (65-56) (55-40) Sekali
Dinilai
(100-81) (39-0)
1. Kualitas/Prestasi
kerja*)
2. Kedisiplinan
3. Tanggung jawab
4. Kejujuran
5. Kerja sama
6. Kreatifitas
7. Kerapian
*) Mencakup aspek pengetahuan dan keterampilan

Nilai Rata-rata = ……(……………………………………………..)

Surabaya, 10 Februari 2010

Pembimbing Industri,

Christian Tri Anggoro

Manager CV. INDEV
Lampiran 1

REKAPITULASI KEGIATAN
PRAKTIK INDUSTRI

Nama Mahasiswa : Dwi Merryana S.

Program Studi/NIM : D3 Manajemen Informatika/075413062
Tempat Praktik Industri : CV. INCREASE DEVELOPMENT
Bidang Pekerjaan : Web Design

Catatan Kegiatan : Minggu ke I

47
 Hari/Tanggal Uraian Kegiatan Paraf Pembimbing PI
Senin/6-07-2009 Pengenalan lingkungan, surve
Selasa/7-07-2009 Menunjukkan contoh – contoh web
dinamis
Rabu/8-07-2009 Penerimaan tugas pembuatan web
Kamis/9-07-2009 Persiapan pembuatan web

Catatan Kegiatan : Minggu ke II

Hari/Tanggal Uraian Kegiatan Paraf Pembimbing PI

Senin/13-07-2009 Pembagian tugas masing – masing
Rabu/15-07-2009 Pencarian bahan untuk tugas PI
Kamis/16-07-2009 Konsultasi tugas

Catatan Kegiatan : Minggu ke III

Hari/Tanggal Uraian Kegiatan Paraf Pembimbing PI

Selasa/21-07-2009 Analisa kebutuhan
Rabu/22-07-2009 Pembuatan desain tabel user

Catatan Kegiatan : Minggu ke IV

Hari/Tanggal Uraian Kegiatan Paraf Pembimbing PI

Senin/27-07-2009 Pembuatan desain tabel product
Selasa/28-07-2009 Pembuatan desain tabel kategori
Rabu/29-07-2009 Pembuatan desain tabel komentar
Kamis/30-07-2009 Pembuatan desain tabel faq

Catatan Kegiatan : Minggu ke V

Hari/Tanggal Uraian Kegiatan Paraf Pembimbing PI

Senin/3-08-2009 Konsultasi tugas
Selasa/4-08-2009 Penggabungan database tabel product
pada hal. web product
Rabu/5-08-2009 Penggabungan database tabel kategori
pada hal. web kategori
Kamis/6-08-2009 Penggabungan database tabel komentar
pada hal. web komentar

Catatan Kegiatan : Minggu ke VI

48
 Hari/Tanggal Uraian Kegiatan Paraf Pembimbing PI
Senin/10-08-2009 Penggabungan database tabel faq pada
hal. web faq
Selasa/11-08-2009 Penggabungan database tabel user pada
hal. web admin
Rabu/12-08-2009 Penggabungan tugas masing – masing
sehingga menjadi web dinamis
Kamis/13-08-2009 Konsultasi tugas

Catatan Kegiatan : Minggu ke VII

Hari/Tanggal Uraian Kegiatan Paraf Pembimbing PI

Selasa/18-08-2009 Menginputkan data – data
Rabu/19-08-2009 Pengetesan tugas
Kamis/20-08-2009 Revisi tugas 1

Catatan Kegiatan : Minggu ke VIII

Hari/Tanggal Uraian Kegiatan Paraf Pembimbing PI

Senin/24-08-2009 Penyerahan hasil revisi tugas 1
Selasa/25-08-2009 Revisi tugas 2
Rabu/26-08-2009 Penyerahan hasil revisi tugas 2
Kamis/27-08-2009 Penyerahan tugas web yang sudah jadi

Lampiran 4. Format NLP

LEMBAR PENILAIAN LAPORAN PRAKTIK INDUSTRI

Nama Industri/Perusahaan : CV. INCREASE DEVELOPMENT

Alamat Industri : Jl. Gubeng Kertajaya VA/53, Surabaya 60286,
Jawa Timur – Indonesia
Nama Mahasiswa : Dwi Merryana S.
Lama Praktik : Dua bulan (Tanggal 6 Juli sampai 27 Agustus
2009)
Unit/Bagian/Seksi : Web Design

49
No. Komponen A B C D E
(100-81) (80-66) (65-56) (55-40) (39-0)
1. Sistematika Laporan
2. Kualitas Materi
3. Kelengkapan Laporan
4. Tata Tulis Laporan
5. Penggunaan Bahasa

1. Nilai Laporan (NLP) : ………………….

2. Nilai Ujian/Seminar (NUP) : .............................

Surabaya, 10 Februari 2010

Dosen Pembimbing PI,

Endryansyah, S.T., M.T.

NIP. 196 403 311 990 031 001

DEPARTEMEN PENDIDIKAN NASIONAL

UNIVERSITAS NEGERI SURABAYA
FAKULTAS TEKNIK
Kampus Ketintang Surabaya 60231, Telp. (031) 8285362 fax (031) 829341

LEMBAR KONSULTASI BIMBINGAN PRAKTIK INDUSTRI

Nama : Dwi Merryana S.

No. Reg. : 075413062
Program Studi : D3 Manajemen Informatika
Jurusan/Angkatan : Teknik Elektro/2007
Fakultas : Teknik

50
 Judul Laporan : Implementasi Desain Database Untuk Sebuah Distro

Menggunakan Public Service Website

Pembimbing : Endryansyah, S.T., M.T.

Surabaya, 10 Februari 2010

Ketua Jurusan Teknik Elektro,

Drs. Edy Sulistiyo, M.Pd

NIP. 196 404 201 991 031 005

No. Hari/Tanggal Bab Catatan Bimbingan Paraf

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

51
 Surabaya, 10 Februari 2010
Pembimbing Praktik Industri,

Endryansyah, S.T., M.T.

NIP. 196 403 311 990 031 001

Lampiran 5. Format NA

DEPARTEMEN PENDIDIKAN NASIONAL

UNIVERSITAS NEGERI SURABAYA
FAKULTAS TEKNIK
Kampus UNESA Jl. Ketintang, Surabaya 60231, Telp : (031) 8280009, Pesawat : 510
Fax (031) 8280769

NILAI AKHIR PRAKTIK INDUSTRI

Telah melaksanakan Praktik Industri, menyusun laporan dan telah diuji :

Nama Mahasiswa : Dwi Merryana S.
NIM : 075413062
Program Studi/Angkatan : D3 Manajemen Informatika/2007
Tempat Praktik : CV. INCREASE DEVELOPMENT
Nilai Akhir Praktik Industri : .................................................................................

52
 Surabaya, 10 Februari 2010
Dosen Pembimbing PI,

Endryansyah, S.T., M.T.

NIP. 196 403 311 990 031 001

53