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

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

Didukung dengan GUI yang memudahkan user mengelola informasi yang akan ditampilkan. Web Programming language : HTML. 7 . 4. Swish. INDEV juga memiliki kemampuan dalam hal : 1. Javascript. Borland Delphi. 3. Database : SQL Server. XML. Programming Tools : Visual Basic. Designing Tools : Adobe. Java 3. Aplikasi dan Situs Pendidikan Aplikasi Pendidikan merupakan aplikasi yang digunakan untuk mengolah sistem informasi dalam bidang pendidikan. Pascal . 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. Oracle 9i. PHP. 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. Sistem Inventori Sistem Inventori merupakan aplikasi untuk pengelolaan inventori perusahaan. Website PD Pasar Surya Website PD Pasar Surya merupakan salah satu website profile resmi dari Perusahaan Daerah Pasar Surya.C++. CV. ASP 2.Selain itu. CorelDraw. MS Access 4. Diantaranya adalah : 1. sedangkan Situs Pendidikan sebagai pengembangan dari aplikasi pendidikan yang dapat di akses secara online. MySql. 2. Macromedia 5.

Manager Taufik Rachman Programmer Saputra Andyana Programmer Gilang Permana Marketing Freelance Programmer Freelance Programmer Freelance Marketing Gambar 1.2. INCREASE Development 8 . Struktur Organisasi Perusahaan Andry Noviansyah Direktur/Owner Christian Tri A. Struktur Organisasi CV.

Salah satu faktor dari sekian banyak faktor yang sangat penting adalah perkembangan teknologi informasi (information technology). ternyata masih banyak kalangan yang belum mampu untuk menjawab tantangan dunia informasi sesuai dengan batasan masing-masing. Sesuai dengan penjelasan diatas. maka CV. Dari mulai kebingungan dalam proses perencanaan. 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. 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. Memang jika kita mau merunut ke belakang tentang fenomena tersebut. Banyak faktor yang sangat berperan serta dalam perjalanan menuju era informasi tadi. penggunaan. 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”. Perubahan yang revolusioner ini memang sangat bisa kita rasakan sebagai sebuah gerakan yang hampir menyentuh segala bidang. maka hal itu bukanlah sebuah kejadian yang serba kebetulan belaka. Tanpa batas baik dalam sudut pandang ruang maupun waktu. 9 . Seiring dengan perkembangan perusahaan.C. Prospek Industri Di Masa Depan Adalah sebuah hal yang tidak aneh jika saat ini perjalanan sebuah informasi telah tiba pada titik tanpa batas. maka negara kita tercinta akan merasakan dampak perkembangannya. bahkan sampai belum sadarnya akan sebuah kemudahan dan fasilitas yang ditawarkan oleh dunia Teknologi Informasi. Akan tetapi ironisnya seiring dengan fenomena tadi.

: CV. 2. "INsoft" yang menangani masalah software desktop. Perusahaan ini memiliki tiga divisi utama yaitu. INDEV memiliki keahlian dalam penerapan teknologi Desktop Applications. Telp. "INweb" yang menangani masalah web. A. dan "INcomp" yang menangani masalah hardware dan networking. Deskripsi Pelaksanaan Kegiatan 1. INCREASE Development. WEB Applications dan Networking untuk memberikan solusi efisiensi dan efektifitas dari suatu kegiatan bisnis. Akhirnya titik pelayanan perusahaan ini tertuju pada kepuasan konsumen sebagai client perusahaan ini. INDEV merupakan team yang terdiri dari beberapa anak muda yang memiliki visi yang sama terhadap berbagai hal. Jawa Timur – Indonesia : ( 031) 5028210 INDEV adalah sebuah team konsultasi dan penyedia aplikasi teknologi informasi yang berdiri pada tahun 2005 dibawah naungan badan usaha yang bernama CV.BAB II PELAKSANAAN KEGIATAN Pada bab pelaksanaan kegiatan ini akan dijelaskan mengenai deskripsi pelaksanaan kegiatan dan faktor – faktor pendukung dan penghambat kegiatan praktik industri. Waktu dan Jadwal Kegiatan Dalam pembuatan web Distro Online ini melibatkan tiga orang mahasiswa yang sama – sama melaksanakan praktik industri di CV. Gubeng Kertajaya VA/53./Fax. Dimana masing – masing divisi memiliki resource yang handal di bidangnya. Surabaya 60286. 10 . teknologi informasi salah satunya. INCREASE DEVELOPMENT : Christian Tri Anggoro : Jl. Identitas Perusahaan Nama Perusahaan Nama Pimpinan Alamat No.

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

Mengetahui jasa yang ditawarkan oleh perusahaan 4). Memahami berbagai contoh web yang bersifat dinamis 2). Memilih salah satu project/tugas pembuatan web yang akan dikerjakan 12 . Mempelajari contoh web dinamis 3). 6 23. Jadwal Kegiatan Praktik Industri Uraian dan penjelasan pelaksanaan praktik industri : 1. 30. web faq Penggabungan database tabel user pada hal. web admin Penggabungan tugas masing sehingga dinamis Konsultasi tugas Libur hari besar masing – 12 Agustus 2009 13 Agustus 2009 17 Agustus 2009 18 Agustus 2009 19 Agustus 2009 20 Agustus 2009 24 Agustus 2009 25 Agustus 2009 26 Agustus 2009 27 Agustus 2009 menjadi web (Proklamasi 8 Kemerdekaan) Menginputkan data – data Pengetesan tugas Revisi tugas 1 Penyerahan hasil revisi tugas 1 Revisi tugas 2 Penyerahan hasil revisi tugas 2 Penyerahan tugas web yang sudah jadi Tabel 1. Penjelasan jadwal kegiatan minggu ke – 1 : a. Menunjukkan contoh – contoh web dinamis 1). 22. 31. 25. Memahami sistem kerja perusahaan 2).21. 32. Mengetahui lingkungan/tempat perusahaan tersebut b. Pengenalan lingkungan perusahaan 1). 29. Mengetahui berbagai contoh web dinamis c. 24. 7 10 Agustus 2009 11 Agustus 2009 komentar pada hal. 28. 27. Memberi tugas pembuatan web kepada mahasiswa 2). Penerimaan tugas pembuatan web 1). 26. Mengetahui lebih jauh tentang perusahaan 3). web komentar Penggabungan database tabel faq pada hal.

mahasiswa tidak kebingungan dan dapat 13 . Menginstal software Apache Friends (XAMPP) 3). Disamping itu. Menginstal software Macromedia Dreamweaver 2). 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. Apache Friends (XAMPP) yang berfungsi untuk menjadikan sebuah PC menjadi web server dengan memberi service internet pada suatu komputer. mahasiswa harus menginstal software – software yang dibutuhkan yaitu Macromedia Dreamweaver yang berfungsi untuk menata dan mendesain sebuah web yang nantinya akan dijalankan. mahasiswa diberi sebuah project/tugas untuk membuat web dan mempersiapkan bahan untuk pembuatan web. Menerima tugas untuk membuat web Distro Online d. kegiatan praktik industri yang dilakukan adalah pengenalan lingkungan perusahaan dan menunjukkan contoh – contoh web dinamis.3). Judul project yang dipilih adalah Distro Online. Hal ini dilakukan agar mahasiswa dapat mengetahui sedikit gambaran tentang perusahaan dan sistem kerjanya. Dari sini akan diciptakan sistem baru yang berbasis website yang penulis beri nama Public Service Website. Dalam melakukan persiapan untuk membuat website. Menginstal software Adobe Photoshop Pada jadwal minggu ke – 1 ini. 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. dan Adobe Photoshop yaitu software yang berfungsi untuk mengedit atau membuat gambar/desain. Selain itu dalam kegiatan praktik industri ini. Dalam hal ini mahasiswa ditugaskan untuk memilih salah satu judul project sebagai tugas pembuatan website. Persiapan pembuatan web 1). Software tersebut diinstal dengan tujuan agar dalam proses pengerjaan web.

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

Membuat field yang diperlukan pada tabel product b.perusahaan dapat membantu memberikan solusi apa – apa yang kurang dari tugas masing – masing individu tersebut. dalam pembuatan tabel user diperlukan sebuah rancangan serta data/field yang diperlukan yaitu field id. 3. Membuat field yang diperlukan pada tabel komentar d. Membuat rancangan tabel product 2). Membuat rancangan tabel kategori 2). Membuat rancangan tabel komentar 2). kegiatan praktik industri yang dilakukan adalah menganalisa kebutuhan dan membuat desain tabel user. Membuat rancangan tabel user 2). Penjelasan jadwal kegiatan minggu ke – 3 : a. Analisa kebutuhan 1). Penjelasan jadwal kegiatan minggu ke – 4 : a. Selain itu. Membuat field/data yang diperlukan pada tabel user Pada jadwal minggu ke – 3 ini. Membuat rancangan tabel faq 2). Pembuatan desain tabel komentar 1). 4. Pembuatan desain tabel faq 1). Mencari data – data yang dibutuhkan dari internet b. Membuat field yang diperlukan pada tabel faq 15 . Membuat field yang diperlukan pada tabel kategori c. Pembuatan desain tabel product 1). Pembuatan desain tabel kategori 1). Menganalisa data – data yang dibutuhkan 2). username dan password yang dibuat melalui phpMyAdmin. Dalam hal ini mahasiswa mencari data – data yang dibutuhkan yang nantinya akan diinputkan kedalam web yang sudah jadi. Pembuatan desain tabel user 1).

nama. Penjelasan jadwal kegiatan minggu ke – 5 : a. web kategori 1). Meminta pertimbangan tentang pembuatan database dan tabel – tabelnya b. Menggabungkan desain web kategori dengan database kategori d. kegiatan praktik industri yang dilakukan adalah konsultasi tugas dan penggabungan database tabel product. 5. Keempat tabel tersebut dibuat melalui phpMyAdmin.Pada jadwal minggu ke – 4 ini. web komentar 1). Kegiatan yang dilakukan 16 . Konsultasi tugas 1). Menggabungkan desain web product dengan database product c. harga. Meminta untuk mengkoreksi kekurangan – kekurangan database maupun tabel – tabelnya 2). database tabel kategori dan database tabel komentar pada halaman web product. kategori dan komentar. Penggabungan database tabel kategori pada hal. Penggabungan database tabel product pada hal. deskripsi dan gambar. Dalam hal ini diperlukan adanya suatu rancangan tabel dan field/data yang diperlukan pada pembuatan tabel – tabel. Tabel kategori berisi field id_ktgr dan kategori. 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. nama. kegiatan praktik industri yang dilakukan adalah pembuatan tabel – tabel yang diperlukan untuk membuat website Distro Online. mahasiswa melakukan konsultasi tugas untuk meminta koreksi terhadap tugas tersebut. Selain itu. Penggabungan database tabel komentar pada hal. Menggabungkan desain web komentar dengan database komentar Pada jadwal minggu ke – 5 ini. Adapun tabel yang dibuat adalah tabel product yang berisi field id. Tabel komentar berisi field id. web product 1). e-mail dan komentar. tanya dan jawab. id_ktgr. Sedangkan tabel faq berisi field id.

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

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

Mengumpulkan tugas pembuatan web yang sudah jadi Pada jadwal minggu ke – 8 ini. Disini tugas revisi kedua yaitu memperbaiki desain web yang kurang rapi. Selain itu pada saat menginputkan data juga terjadi kesalahan. Penyerahan hasil revisi tugas 2 1). B. Revisi tugas 2 1). Penyerahan tugas web yang sudah jadi 1). Memperlihatkan hasil dari tugas yang telah direvisi d. Dan akhirnya data yang diinputkan bisa muncul pada halaman web.tidak muncul lagi. Setelah perbaikan desain web selesai. Memperbaiki desain web yang kurang rapi c. Sehingga mahasiswa berusaha mencoba lagi untuk memperbaiki kesalahan tersebut. Dalam perbaikan desain web ini dibutuhkan kesabaran karena mahasiswa harus benar – benar membuat hasil web tersebut terlihat rapi dan menarik. sehingga mahasiswa harus memperbaiki desain web tersebut yang kemudian diserahkan untuk diperlihatkan kepada pembimbing perusahaan dari hasil revisi tugas tersebut. Memperlihatkan hasil dari tugas yang telah direvisi b. Penjelasan jadwal kegiatan minggu ke – 8 : a. Faktor – Faktor Pendukung Dan Penghambat 19 . mahasiswa menyerahkan tugas web yang sudah benar – benar jadi dan sempurna kepada pembimbing perusahaan yang kemudian akan diberi penilaian terhadap hasil tugas website tersebut. dimana data yang diinputkan tidak dapat muncul pada halaman web. kegiatan praktik industri yang dilakukan adalah melakukan revisi tugas kedua dan menyerahkan hasil revisi tugas pertama. Penyerahan hasil revisi tugas 1 1). 8.

INCREASE DEVELOPMENT terdapat faktor – faktor yang mempengaruhi baik kinerja maupun keefektifan praktik industri. namun mahasiswa berusaha untuk menyibukkan diri dengan menyelesaikan 20 . Mahasiswa tidak terlibat langsung dalam penanganan terhadap project – project pembuatan website dari client yang tengah dikerjakan oleh pegawai perusahaan yang dianggap serius dan rumit. Faktor Pendukung : a. dengan adanya fasilitas tersebut maka mahasiswa bebas untuk menggunakan fasilitas itu untuk menunjang tugas yang diberikan. b. Mahasiswa mendapatkan fasilitas yang ada di perusahaan yaitu adanya fasilitas internet. Inovasi dan Solusi Terhadap Masalah a. Meskipun kondisi tempat praktik industri agak panas. Faktor Penghambat : a.Pada pelaksanaan praktik industri yang dilaksanakan di CV. b. Dimana mahasiswa bisa mencari materi – materi yang dibutuhkan untuk mengerjakan tugas tersebut. Kondisi tempat praktik industri yang agak panas membuat mahasiswa merasa tidak begitu nyaman berada di tempat praktik industri. Meskipun tidak terlibat langsung dalam penanganan terhadap project – project pembuatan website dari client maupun kegiatan lainnya. 2. Jadwal kerja praktik industri yang fleksibel. b. diantaranya sebagai berikut : 1. Dimana mahasiswa diberikan kesempatan untuk dapat mengerjakan tugas tersebut di rumah. namun mahasiswa diberi hak untuk bertanya kepada pembimbing atau pegawai lain jika mengalami kesulitan terhadap tugas yang diberikan. dikarenakan untuk hal tersebut memang harus ditangani oleh orang yang berkompeten. sehingga waktu pengerjaan tugas bisa lebih maksimal dan tidak diharus datang ke tempat praktik industri setiap hari. 3.

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. Apache Friends (XAMPP) 21 . Landasan Teori 1.tugas yang diberikan dan mengakses internet untuk mencari materi. A.

dan css style. MySQL didukung langsung oleh PHP. maksudnya bebas digunakan (gratis). wampserver. freeware .5. dll. Ada berbagai macam web server yang tersedia antara lain phptriad. dll. Perancangan web dengan menggunakan Macromedia Dreamweaver sangatlah mudah bila dibandingkan dengan program pembuatan web yang lain seperti Adobe Go Alive. Program ini memudahkan para web desainer dalam merancang dan mendesain tampilan web yang menarik dan indah dipandang serta mudah dalam hal pengoperasiannya. 2. Apache banyak digunakan karena merupakan produk Open Source. html. Ms. disini kita bisa mengedit dan membuat scrip php.Apache adalah aplikasi web server. antara lain :  Create Database  Use Database  Create Table : membuat database : menggunakan database : membuat tabel  Delete : menghapus record dalam tabel  Insert : mengisi/memasukkan data dalam sebuah tabel  Select : menampilkan data dari sebuah table 3. Aplikasi ini sebagai program untuk mengkoneksikan dan mengakses antara database dengan halaman Web. Front Page. Karena program ini memiliki script yang sederhana yang dapat 22 . Untuk memanajemen MySQL server digunakan MySQL – Front 2. Pada aplikasi web ini dipakai beberapa syntax. cepat dan stabil. MySQL MySQL Server adalah database server yang freeware. Macromedia Dreamweaver Macromedia dreamweaver adalah suatu program yang digunakan untuk menata dan mendesain sebuah web yang nantinya akan dijalankan. Aplikasi web server adalah aplikasi yang berguna untuk menjadikan sebuah PC menjadi web server dengan memberi service internet pada suatu komputer.

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

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

Ripcurl 2). Sepatu 1). Adidas 2). Volcom h. Sandal 1). Jam Tangan 1). Pin bergambar kartun g. Adidas d. Ripcurl 2). Rusty i. Swiss Army e. Alba 3). T-shirt 1). Nike 2). Homyped j. Lea 2). Disini mahasiswa memberikan suatu solusi yang dapat membantu untuk mempublikasikan produk – produk yang 25 . Jeans 1). Wrangler f.1). Polo 2). Carville 2). Analisa Masalah Masalah yang kami hadapi adalah kurangnya keefektivitas dan keefisiennya mempublikasikan produk dari sebuah distro pada majalah/pamflet. Guess 4). Topi 1). Adidas b.

Tahap Desain Tahap ini adalah tahap terpenting dalam pembuatan web kami. c. tahap ini terdiri dari beberapa tahap yaitu desain model. Adapun desain yang penulis buat adalah mendesain tabel dan relasi. 2. karena teknologi yang kami pilih ini mudah untuk diimplementasikan. Pada analisa ini kami mencoba untuk mengimplementasikan teknologi komputerisasi yang berbasis website untuk bisa mempermudah pempublikasian yang selama ini dilakukan secara manual.dihasilkan secara efektiv dan efisien dengan menerapkan Public Service Website dalam ruang lingkup distro. desain database. dan desain program. Desain model adalah termasuk tujuan yang paling penting sama seperti mendesain database dan mendesain program.A. Desain Model Index Home Produk Kategori F. teknologi yang dipakai adalah cara lama yaitu dengan mempublikasikan produk distro pada halaman majalah atau memasang sebuah pamflet. Analisa Teknologi Pada sistem publikasi yang lama. Dalam pembuatan Public Service Website penulis mendapatkan tugas untuk mendesain database pada Public Service Website dinamis ini. a.Q Komentar About Us Contact Us 26 .

Pohon Struktur Halaman Index Distro Online Index_Admin Login Halaman Administrator 27 .Macam Produk Pilih Kategori Tambah Komentar Detail Produk Nama Kategori yg Dipilih Mengisi Komentar Ok Index Index Cari Produk Kategori Cari Macam Kategori Macam Produk Macam Produk dr Kategori Gambar 2.

A.A.Q Edit Hapus Mengisi Produk Tambah Batal Edit Hapus Tambah Batal Tambah Edit User Edit Produk Edit F.Home User Produk Kategori F. Pohon Struktur Halaman Administrator Distro Online 28 .Q Komentar LogOut Tambah User Tambah Produk Tambah Kategori Tambah F.Q Ok Ok Cancel Mengisi Kategori Edit Hapus Ok Cancel Edit Kategori Tambah Batal Ok Cancel Gambar 3.Q Hapus Mengisi User Edit Hapus Mengisi F.A.A.

Gambar 4. Relationships Tabel Web Distro Online nama i d komentar e-mail id_ktgr kategori Komentar id Kategori 29 .

Menghap us Mengi si password Mengi si User Mengi si username i d gamba r tanya Faq jawa b nama Produk deskrips i harg a id id_ktgr Gambar 5. jawab text). ER-Diagram Tabel Web Distro Online b. Membuat Database  create database dbdistro. 1. Pembuatan database ini dibuat melalui PhpMyAdmin yang terdapat dalam program PHP. tabel produk. Desain Database Sebelumnya harus dibuat database terlebih dahulu. 2. tabel komentar. tabel kategori. Menggunakan Database  use dbdistro. 3. 30 . Membuat Tabel ( ada 5 tabel yaitu tabel faq. Tabel faq : create table faq (id tinyint(4). tanya text. dan table user) a.

nama Type tinyint varchar Length/Value 3 30 varchar(30). Tabel 3. gambar text). deskripsi text. harga nama int varchar(30). Struktur Tabel F. Tabel 4. (10). Struktur Tabel Kategori Field id_ktgr kategori c. tinyint(3). Struktur Tabel Produk Field id Type tinyint Length/Value 3 31 . email varchar(30). Tabel 5. komentar text). Struktur Tabel Komentar Field id nama email komentar d.Q Field id tanya jawab b.Tabel 2. Tabel kategori create table kategori (id_ktgr tinyint(3). Type tinyint text text Length/Value 4 - kategori(30)).A. Tabel produk create table Type tinyint varchar varchar text Length/Value 3 30 30 - produk id_ktgr (id tinyint(3). Tabel komentar create table komentar (id tinyint(3).

Struktur Tabel User Field id username password Type tinyint varchar varchar Length/Value 3 30 30 4. Berikut merupakan tahap – tahap pengoperasian dari program yang telah dibuat : 32 . Pada tahap ini sekaligus berfungsi sebagai pengujian apakah proyek yang telah dibuat sesuai dengan harapan ataukah tidak. Tabel 6. Memasukkan Data Data pada tabel komentar hanya dapat diisi melalui halaman web Distro Online yang telah dibuat. password varchar(30)). 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.nama id_ktgr harga gambar e. Namun pada tabel faq. username varchar(30). Tabel user create table varchar tinyint text text 30 3 - user (id tinyint(3). pada tahap ini program yang telah jadi diimplementasikan atau diterapkan pada keadaan yang nyata. 3. Tahap Implementasi Tahap akhir adalah implementasi.

Hak akses yang kami berikan pada admin adalah menambah data. memasukkan username dan password yaitu admin. Setelah berhasil memasukkan username dan password selanjutnya kita bisa mengakses situs public service yang telah dibuat. mengedit data dan menghapus data.a. 33 . Gambar 6. Pengoperasian Khusus Untuk Admin Untuk login khusus admin. Login Khusus Admin Tampilan dibawah ini merupakan menu tampilan setelah melakukan login.

Gambar 7. admin bisa menambah. mengedit maupun menghapus produk. faq maupun komentar. kategori. Gambar 8. 34 . Misalnya ada jenis kategori yang harus ditambahkan pada daftar. Login Sukses Setelah masuk ke halaman ini. Misalnya menambah daftar kategori dengan nama Bross. Disini admin dapat menambahkan daftar kategori yang akan dimasukkan. Tabel Daftar Kategori Pada halaman daftar kategori terdapat menu tambah kategori.

maka admin harus masuk pada halaman tabel Daftar Produk. Gambar 10.Gambar 9. Maka dalam tabel daftar kategori akan muncul nama kategori yaitu Bross. 35 . admin bisa melihat daftar nama kategori. Halaman Tabel Tambah Kategori Setelah mengisi nama kategori pada halaman tabel daftar kategori maka klik tombol Tambah. Tabel Daftar Kategori Setelah Ditambah Nama Kategori Dalam halaman tabel daftar kategori. Jika admin ingin menambah gambar dan detail tentang gambar produk. mengedit nama kategori serta juga bisa menghapus nama kategori.

Maka dalam tabel daftar produk akan muncul nama produk yaitu Shopie Martin. Dalam halaman tabel daftar produk. Misalnya menambah nama produk. admin bisa melihat daftar nama produk. harga maupun deskripsi gambar yang akan dimasukkan. gambar. harga dan deskripsi dengan jenis kategori Bross pada daftar produk. harga dan deskripsi gambar pada halaman tabel daftar produk maka klik tombol Tambah. mengedit nama produk serta juga bisa menghapus nama produk. 36 . Tabel Daftar Produk Pada halaman daftar produk terdapat menu tambah produk. Gambar 12. Halaman Tabel Tambah Produk Setelah mengisi nama produk. gambar.Gambar 11. gambar. Disini admin dapat menambahkan nama produk.

maka klik Produk. 37 . Halaman Index Distro Online 1). Gambar 14. Selain itu. Pada halaman ini nama produk dan detail dari produk yang baru dimasukkan akan terlihat pada Halaman Produk. Jika ingin melihat halaman produk pada halaman index. semua nama – nama produk yang telah ditambahkan pada halaman admin juga akan tampil pada halaman ini. 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 13.

Jika ingin melihat halaman kategori pada halaman index. 38 . Gambar 16. Halaman Index – Kategori Agar daftar nama kategori dapat terlihat. maka akan muncul nama produk dan detail produk. maka klik Kategori. Halaman Index – Produk 2). Pada halaman ini terdapat combo box tulisan Pilih Kategori.Gambar 15. maka klik combo box Pilih Kategori dan memilih nama kategori yang ingin ditampilkan. Misalnya pilih nama kategori Bross.

Q pada halaman index.Q.A. Pada halaman ini berisi tentang komentar – komentar mengenai Distro Online.Q 4). 39 . maka klik F. Pada halaman ini terdapat pertanyaan dan jawaban seputar Distro Online.Gambar 17. Halaman Index – F. maka klik Komentar.A. Jika ingin melihat halaman komentar pada halaman index. Halaman Kategori – Bross 3). Gambar 18. Jika ingin melihat halaman F.A.

40 . Halaman Index – Komentar Pada halaman komentar terdapat tombol Tambah Komentar. Halaman Tambah Komentar Pada halaman komentar ini akan tampil sebuah komentar yang telah ditambah pada halaman tambah komentar tadi. komentar – komentar yang sudah ada juga akan tampil. Selain itu. Jika ingin menambahkan komentar klik tombol tersebut. disini para pengunjung dapat memberikan komentar apapun tentang Distro Online. Gambar 20.Gambar 19.

maka klik About Us. Jika ingin melihat halaman about us pada halaman index. Pada halaman ini berisi tentang Distro Online. Gambar 21. 41 . 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.5). Halaman Index – About Us 6).

Gambar 22. Pada form ini pengunjung dapat mencari nama produk yang ingin dilihat. 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 . Pada halaman index terdapat form Cari Produk. Misalnya ingin mencari nama produk Shopie Martin. Gambar 23. Halaman Index – Contact Us 7).

Gambar 25. Jika ingin melihat semua produk yang ditampilkan melalui Kategori yang terdapat pada sebelah kiri dari halaman index. maka akan muncul semua produk beserta keterangan detailnya dari kategori Bross. Halaman Nama Produk Shopie Martin 8). Gambar 26. 43 . Halaman Kategori (Sebelah Kiri) Misalnya ingin menampilkan semua produk dari kategori Bross. maka klik Kategori.

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

Buku Panduan Praktik Industri/Praktik Kerja Lapangan. maka diharapkan adanya pengembangan sistem. 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. Komputer server harus terinstal xampp.anonkuncoro@yahoo. Saran Setelah melakukan analisa serta implementasi program dari sistem yang dibuat. agar dapat lebih memaksimalkan kegunaan dari web situs public service. hendaklah diperbaharui lagi dengan 3D animasi. Melihat dari terdapatnya kekurangan sistem maka pengembangan yang diperlukan antara lain: 1. 4. Membongkar Trik Rahasia Para Master Php. Dasar Pemrograman PHP dan MySQL www.ilmu-komputer. Yogyakarta : Lokomedia. Beberapa saran diatas diharapkan dapat membantu dalam pengembangan sistem. Surabaya : Unesa University Press. Pengembangan pemograman menggunakan sistem yang lebih maju mengikuti kemajuan yang ada.com. Artikel Pengenalan Database www. Artikel Menciptakan Web Dinamis Tim Penyusun.komputer. 2008 45 . B. sehingga lebih bagus dipandang. 2009 Hakim Lukmanul. Tampilan situs public service masih dalam tingkat yang sederhana.ilmu-komputer. 2. Pengembangan dan pengolahan database diharapkan juga memakai software yang lebih baik.com. 3. DAFTAR PUSTAKA www.com.

Jawa Timur – Indonesia : Dwi Merryana S. INCREASE DEVELOPMENT : Jl. Format NPI LEMBAR PENILAIAN Nama Industri/Perusahaan Alamat Industri Nama Mahasiswa Lama Praktik Unit/Bagian/Seksi : CV. Surabaya 60286. : Dua bulan (Tanggal 6 Juli sampai 27 Agustus 2009) : Web Design 46 . Gubeng Kertajaya VA/53.Lampiran 3.

. Tanggung jawab 4. INDEV Lampiran 1 REKAPITULASI KEGIATAN PRAKTIK INDUSTRI Nama Mahasiswa Program Studi/NIM : Dwi Merryana S. Kerapian *) Mencakup aspek pengetahuan dan keterampilan Nilai Rata-rata = ……(…………………………………………….No.) Surabaya. Kejujuran 5. Kerja sama 6. Kedisiplinan 3. 10 Februari 2010 Pembimbing Industri. INCREASE DEVELOPMENT Bidang Pekerjaan : Web Design Catatan Kegiatan : Minggu ke I 47 . Aspek Yang Dinilai Kualitas/Prestasi Baik Sekali (100-81) Baik (80-66) Cukup (65-56) Kurang (55-40) Kurang Sekali (39-0) kerja*) 2. Christian Tri Anggoro Manager CV. Kreatifitas 7. : D3 Manajemen Informatika/075413062 Tempat Praktik Industri : CV. 1.

Hari/Tanggal Senin/6-07-2009 Selasa/7-07-2009 Rabu/8-07-2009 Kamis/9-07-2009 Catatan Kegiatan Hari/Tanggal Senin/13-07-2009 Rabu/15-07-2009 Kamis/16-07-2009 Catatan Kegiatan Hari/Tanggal Selasa/21-07-2009 Rabu/22-07-2009 Catatan Kegiatan Hari/Tanggal Senin/27-07-2009 Selasa/28-07-2009 Rabu/29-07-2009 Kamis/30-07-2009 Catatan Kegiatan Hari/Tanggal Senin/3-08-2009 Selasa/4-08-2009 Rabu/5-08-2009 Kamis/6-08-2009 Uraian Kegiatan Pengenalan lingkungan. web komentar : Minggu ke VI Paraf Pembimbing PI Paraf Pembimbing PI Paraf Pembimbing PI Paraf Pembimbing PI Paraf Pembimbing PI Catatan Kegiatan 48 . web product Penggabungan database tabel kategori pada hal. surve Menunjukkan contoh – contoh web dinamis Penerimaan tugas pembuatan web Persiapan pembuatan web : Minggu ke II Uraian Kegiatan Pembagian tugas masing – masing Pencarian bahan untuk tugas PI Konsultasi tugas : Minggu ke III Uraian Kegiatan Analisa kebutuhan Pembuatan desain tabel user : Minggu ke IV Uraian Kegiatan Pembuatan desain tabel product Pembuatan desain tabel kategori Pembuatan desain tabel komentar Pembuatan desain tabel faq : Minggu ke V Uraian Kegiatan Konsultasi tugas Penggabungan database tabel product pada hal. web kategori Penggabungan database tabel komentar pada hal.

Gubeng Kertajaya VA/53. Surabaya 60286. Format NLP LEMBAR PENILAIAN LAPORAN PRAKTIK INDUSTRI Nama Industri/Perusahaan Alamat Industri Nama Mahasiswa Lama Praktik Unit/Bagian/Seksi : CV.Hari/Tanggal Senin/10-08-2009 Selasa/11-08-2009 Rabu/12-08-2009 Kamis/13-08-2009 Catatan Kegiatan Hari/Tanggal Selasa/18-08-2009 Rabu/19-08-2009 Kamis/20-08-2009 Catatan Kegiatan Hari/Tanggal Senin/24-08-2009 Selasa/25-08-2009 Rabu/26-08-2009 Kamis/27-08-2009 Uraian Kegiatan Penggabungan database tabel faq pada hal. web admin Penggabungan tugas masing – masing sehingga menjadi web dinamis Konsultasi tugas : Minggu ke VII Uraian Kegiatan Menginputkan data – data Pengetesan tugas Revisi tugas 1 : Minggu ke VIII Uraian Kegiatan Penyerahan hasil revisi tugas 1 Revisi tugas 2 Penyerahan hasil revisi tugas 2 Penyerahan tugas web yang sudah jadi Paraf Pembimbing PI Paraf Pembimbing PI Paraf Pembimbing PI Lampiran 4. Jawa Timur – Indonesia : Dwi Merryana S. INCREASE DEVELOPMENT : Jl. : Dua bulan (Tanggal 6 Juli sampai 27 Agustus 2009) : Web Design 49 . web faq Penggabungan database tabel user pada hal.

T. M. Reg......T..... S.. 1... 196 403 311 990 031 001 DEPARTEMEN PENDIDIKAN NASIONAL UNIVERSITAS NEGERI SURABAYA FAKULTAS TEKNIK Kampus Ketintang Surabaya 60231... (031) 8285362 fax (031) 829341 LEMBAR KONSULTASI BIMBINGAN PRAKTIK INDUSTRI Nama No... Komponen Sistematika Laporan Kualitas Materi Kelengkapan Laporan Tata Tulis Laporan Penggunaan Bahasa A (100-81) B (80-66) C (65-56) D (55-40) E (39-0) 1. Nilai Ujian/Seminar (NUP) : .. Nilai Laporan (NLP) : ………………….. NIP.. 4.... 2. Program Studi Jurusan/Angkatan Fakultas : Dwi Merryana S.. 10 Februari 2010 Dosen Pembimbing PI.No.. Telp. 3.. : 075413062 : D3 Manajemen Informatika : Teknik Elektro/2007 : Teknik 50 . 2. Endryansyah... Surabaya... 5.

Judul Laporan : Implementasi Desain Database Untuk Sebuah Distro Menggunakan Public Service Website Pembimbing : Endryansyah.T. 2. M. 8. 3. 10 Februari 2010 Ketua Jurusan Teknik Elektro. Edy Sulistiyo. 1. Surabaya. Hari/Tanggal Bab Catatan Bimbingan Paraf 51 . Drs. 4. 6. M. 7. 9. 5. 196 404 201 991 031 005 No.T. 10..Pd NIP. S.

........... M.. menyusun laporan dan telah diuji : Nama Mahasiswa NIM Program Studi/Angkatan Tempat Praktik : Dwi Merryana S.. S...T... Endryansyah.. Format NA DEPARTEMEN PENDIDIKAN NASIONAL UNIVERSITAS NEGERI SURABAYA FAKULTAS TEKNIK Kampus UNESA Jl........ Telp : (031) 8280009... Pesawat : 510 Fax (031) 8280769 NILAI AKHIR PRAKTIK INDUSTRI Telah melaksanakan Praktik Industri...... 52 ............. NIP... Surabaya 60231..... Ketintang.........Surabaya.. 10 Februari 2010 Pembimbing Praktik Industri. 196 403 311 990 031 001 Lampiran 5............ : 075413062 : D3 Manajemen Informatika/2007 : CV.T... INCREASE DEVELOPMENT Nilai Akhir Praktik Industri : ..........

NIP. S. 196 403 311 990 031 001 53 . Endryansyah.. 10 Februari 2010 Dosen Pembimbing PI.T.T. M.Surabaya.

Sign up to vote on this title
UsefulNot useful