Laporan Prakerin WEBSITE PROMOSI DAN PEM

(1)

BAB I PENDAHULUAN

1.1 LATAR BELAKANG

Wirausahawan (bahasa Inggris : entrepreneur) adalah orang yang melakukan aktivitas wirausaha dicirikan dengan pandai atau berbakat mengenali produk baru, menentukan cara produksi baru, menyusun operasi untuk pengadaan produk baru, memasarkannya, serta mengatur permodalan operasinya. Dari sekian aktivitas yang dilakukan oleh wirausahawan, aktivitas terpenting yang harus diperhatikan yaitu bagian pemasaran produk.

Pemasaran (bahasa Inggris: marketing) adalah proses penyusunan komunikasi terpadu yang bertujuan untuk memberikan informasi mengenai barang atau jasa dalam kaitannya dengan memuaskan kebutuhan dan keinginan manusia. Pemasaran dimulai dengan pemenuhan kebutuhan manusia yang kemudian bertumbuh menjadi keinginan manusia. Proses dalam pemenuhan kebutuhan dan keinginan manusia inilah yang menjadi konsep pemasaran. Mulai dari pemenuhan produk (product), penetapan harga (price), pengiriman barang (place), dan mempromosikan barang (promotion). Seseorang yang bekerja dibidang pemasaran disebut pemasar. Pemasar ini sebaiknya memiliki pengetahuan dalam konsep dan prinsip pemasaran agar kegiatan pemasaran dapat tercapai sesuai dengan kebutuhan dan keinginan manusia terutama pihak konsumen yang dituju. Strategi pemasaran merupakan hal yang sangat penting bagi perusahaan dimana strategi pemasaran merupakan suatu cara mencapai tujuan dari sebuah perusahaan. Hal ini juga didukung oleh pendapat Swastha “Strategi adalah serangkaian rancangan besar yang menggambarkan bagaimana sebuah perusahaan harus beroperasi untuk mencapai tujuannya. Salah satu hal yang harus diperhatikan dalam hal pemasaran yaitu tahap promosi.

(2)

bergerak dibidang penjualan barang-barang furniture, Sweet Home Furniture mempromosikan barangnya hanya melalui iklan dari mulut ke mulut, kartu nama dan brosur untuk menarik calon kunsumen datang ke perusahaan yang didirikannya. Promosi yang dilakukan dengan cara demikian kurang banyak menarik perhatian calon pembeli sehingga tidak banyak yang tahu akan keberadaan Sweet Home Furniture tersebut.

Melihat perkembangan teknologi yang kian canggih, mengharuskan manusia dapat mengikuti dan memanfaatkan perkembangan teknologi dengan maksimal, begitu juga untuk wirausahawan. Teknologi modern memberikan berbagai kemudahan serta peluang dalam menjalankan dan mengelola bisnis. Ada berbagai kemudahan teknologi yang dapat dimanfaatkan dalam menjalankan bisnis mulai dari kemudahan mengelola bisnis hingga tersedianya peluang promosi yang lebih efektif dan efisien. Promosi online adalah salah satunya. Semakin banyaknya pengguna internet serta semakin lazimnya kegiatan bisnis berbasis internet, membuat produk teknologi ini merupakan salah satu pilihan media untuk melakukan promosi yang efektif dan efisien. Internet memberikan kemudahan, terutama kemudahan untuk mendapatkan informasi dan kemudahan untuk berkomunikasi. Selain itu internet juga memiliki cakupan yang sangat luas hampir tak terbatas, berbeda dengan media informasi dan komunikasi lainnya yang mempunyai batasan, baik itu berupa batasan area maupun lainnya. Saat ini, hanya dengan mengetikkan kata kunci, kita bisa mendapatkan informasi dengan cepat. Bahkan dari alat yang sederhana, seperti ponsel yang sudah lumrah dipakai oleh siapa saja.

(3)

bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi informasi website selalu berubah-ubah, dan isi informasinya interaktif dua arah berasal dari pemilik serta pengguna website. Melalui keberadaan website, penulis ingin membantu perusahaan Sweet Home Furniture dalam memajukan usaha furniture di bidang promosi sehingga informasi perusahaan termasuk produk-produk di dalamnya dapat dilihat dan diketahui oleh jutaan manusia kapanpun dan dimanapun.

(4)

gencar dilakukan demi memenuhi keinginan masyarakat akan berbelanja yang efektif dan efisien.

Maka dari itu penulis ingin membuatkan media promosi online untuk perusahaan Sweet Home Furniture berbasis website dengan judul Website Promosi dan Pemesanan Produk Sweet Home Furniture. Secara umum website ini menggambarkan profile perusahaan Sweet Home Furniture beserta contact lengkap sehingga memudahkan calon pembeli untuk mengetahui keberadaan perusahaan tersebut. Selain itu, website ini juga menampilkan produk-produk yang siap ditawarkan kepada calon pembeli sebagai ajang promosi. Untuk memudahkan akses pemesanan cepat dan langsung secara online, penulis juga menyediakan fasilitas pemesanan online dalam website dengan sistem pembayaran melalui bank.

1.2 LINGKUP PRAKTEK KERJA INDUSTRI

Kegiatan Praktek Kerja Industri merupakan kegiatan lapangan bagi mahasiswa jurusan Pendidikan Teknik Informatika yang merupakan syarat untuk memenuhi tuntutan dari salah satu mata kuliah yang sudah terprogram di Jurusan Pendidikan Teknik Informatika yaitu Praktek Kerja Industri (PRAKERIN). Praktek Kerja Industri dapat diartikan sebagai suatu program yang merupakan sarana pelatihan untuk menerapkan berbagai pengetahuan dan keterampilan dalam membuat dan mengembangkan software.

Kegiatan Praktek Kerja Industri diselenggarakan secara sistematis dan terjadwal dibawah bimbingan dosen pembimbing dan bersifat wajib bagi semua mahasiswa jurusan Pendidikan Teknik Informatika. Lingkup Praktek Kerja Industri yang dilakukan oleh penulis di Sweet Home Furniture adalah membangun sebuah media promosi berbasis website yang berjudul “Website Promosi dan Pemesanan Produk Sweet Home Furniture”. Website ini dibagun penulis melalui dua tahap, yaitu tahap perancangan sistem dan tahap implementasi.

(5)

pengerjaan database, interface dan codding program (basis data dan sistem bagian customer) dikerjakan oleh Putu Deli Januartini.

1.3 TUJUAN PRAKTEK KERJA INDUSTRI

Tujuan dari Praktek Kerja Industri yang dilakukan oleh penulis adalah sebagai berikut.

1. Merancang Website Promosi dan Pemesanan Produk Sweet Home Furniture.

2. Mengiplementasikan Website Promosi dan Pemesanan Produk Sweet Home Furniture.

3. Membantu perusahaan dalam hal melakukan promosi melalui website yang sudah dirancang dengan efektif dan efisien.

4. Memenuhi tugas untuk mata kuliah Praktek Kerja Industri (PRAKERIN).

BAB II

(6)

Lingkungan kerja penulis selama melaksanakan Praktek Kerja Industri adalah di perusahaan yang bergerak dalam bidang penjualan produk-produk furniture yaitu di Sweet Home Furniture, Badung. Berikut ini merupakan pemaparan terkait dengan penulis melaksanakan PRAKERIN.

2.1.1 Tugas Pokok dan Fungsi

Tugas pokok dari Sweet Home Furniture ini adalah melayani dan memfasilitasi masyarakat terkait keperluan mereka dalam melengkapi benda-benda di dalam atau di luar ruangan. Berkaitan dengan tugas pokok dari Sweet Home Furniture tersebut, perusahaan ini memiliki fungsi yaitu menjual produk-produk keperluan rumah tangga atau hotel pada umumnya seperti kasur, sofa, dan accessories lainnya dengan kualitas bagus dan unik. Selain menyediakan barang-barang furniture hasil kerjasama dengan perusahaan besar lainnya, perusahaan ini juga menyediakan barang-barang hasil desain dari karyawan perusahaan sendiri terutama pada produk sofa dan accessories. Sweet Home Furniture juga menerima pesanan hasil desain pembeli, sehingga pembeli dapat mendesain sendiri barang furniture yang mereka inginkan untuk diproduksi oleh perusahaan tersebut.

2.1.2 Visi dan Misi Perusahaan

Visi dari Perusahaan Sweet Home Furniture adalah “Tersedianya Perusahaan Furniture yang Menjual Produk Bermutu dan Berkualitas di Kabupaten Badung”.

Misi dari Perusahaan Sweet Home Furniture adalah sebagai berikut : 1. Melayani kebutuhan masyarakat akan produk furniture.

2. Menciptakan perusahaan yang berkualitas 3. Memfasilitasi kebutuhan masyarakat

4. Meningkatkan sarana serta prasarana yang meliputi semua aspek

2.2 LOKASI LINGKUNGAN PRAKTEK KERJA INDUSTRI a. Nama Perusahaan : Sweet Home Furniture

(7)

 Jalan : Malboro Barat, Denpasar-Bali  Kecamatan : Badung

 Kabupaten : Denpasar  Provinsi : Bali  Kode Pos : 81117

 Email : [email protected]

2.3 LINGKUP KERJA

Dalam kegiatan PRAKERIN ini, penulis bersama dengan anggota tim lainnya ditempatkan di sub perencanaan teknis promosi oleh pemilik perusahaan Sweet Home Furniture. Selama kegiatan PRAKERIN, penulis mengerjakan tugas yaitu membangun media promosi online berbasis website yaitu Website Promosi dan Pemesanan Produk Sweet Home Furniture.

2.4 DESKRIPSI PEKERJAAN

Selama melaksanakan kegiatan PRAKERIN, penulis mengerjakan tugas pokok yaitu merancang DFD (Data Flow Diagram) dari level 0-2, berkoordinasi bersama tim untuk membuat table dan field di dalamnya yang diimplementasikan ke dalam basis data menggunakan aplikasi SQLYog, dan merancang proses pada website secara menyeluruh. Setelah perancangan selesai dikerjakan, penulis mengimplementasikan rancangan tersebut pada Notepad++ sebagai sarana untuk mengimplementasikan rancangan yang kemudian dirun pada localhost xampp.

2.5 JADWAL PELAKSANAAN PRAKTEK KERJA INDUSTRI Tabel 2.1. Jadwal Pelaksanaan Praktek Kerja Industri

No Uraian Kegiatan Waktu Kegiatan/Bulan

(8)

1 Pengumuman

Pelaksanaan Prakerin 2 Pencarian Tempat

Prakerin

3 Pembekalan Prakerin 4 Penyetoran Topik

Prakerin dan penentuan Dosen pembimbing

5 Pelaksanaan Prakerin 6 Penyusunan Laporan

BAB III DASAR TEORI

3.1 STRATEGI PROMOSI YANG BERJALAN DI PERUSAHAAN SWEET HOME FURNITURE

(9)

menarik perhatian masyarakat, Sweet Home Furniture melakukan banyak promosi seperti iklan mulut ke mulut, brosur, informasi di BBM (Black Berry Messanger) atau menyebarkan kartu nama. Walau strategi promosi tersebut sudah dapat menarik beberapa pembeli untuk berbelanja di perusahaan tersebut, namun tetap saja suatu perusahaan belum dikatakann sukses apabila hanya mendapat beberapa orang pembeli saja. Jika hanya mengandalkan strategi promosi yang demikian, maka peningkatan pembeli di perusahaan itu akan tergolong kecil. Jangankan untuk membeli produk, untuk sekedar berkunjung dan melihat koleksi produk yang tersedia pun kurang karena banyak yang kurang mengetahui keberadaan perusahaan ini berikut dengan produk yang dijual. Selain itu, melihat banyaknya pesaing dibidang yang sama yaitu menjual produk furniture, tentu perusahaan ini harus dapat selangkah lebih maju dari pesaing lainnya untuk dapat merebut pembeli dalam hal promosi. Menindaklanjuti hal tersebut, sudah seharusnya perusahaan ini mengembangkan promosinya ke tingkat lebih tinggi.

Melihat dari adanya permasalahan tersebut, maka dari pihak Sweet Home Furniture tersebut memerlukan sebuah sistem promosi yang lebih baik dan lebih unggul dibanding strategi promosi yang telah diterapkan pihak perusahaan sejauh ini. Selain hanya mengandalkan promosi secara langsung dilapangan, suatu perusahaan wajib memiliki promosi secara tidak langsung atau yang disebut dengan promosi online (melalui perantara). Promosi online yang banyak digunakan saat ini yaitu menggunakan website. Website merupakan media promosi atau media perantara transaksi antara penjual dan pembeli tanpa harus berhadapan langsung. Selain itu website juga dapat digunakan sebagai identitas suatu perusahaan itu sendiri. Strategi promosi menggunakan website sudah banyak diterapkan oleh perusahaan-perusahaan besar pada umumnya, melihat pengguna internet dan pembeli online saat ini sangat banyak.

(10)

menyangkut strategi promosi baru yang akan diterapkan pada perusahaan Sweet Home Furniture.

3.2 PENGEMBANGAN PERANGKAT LUNAK, ANALISIS DAN PERANCANGAN

3.2.1 Website

Website (situs web) atau bisa juga disebut Web adalah halaman yang ditampilkan di internet yang memuat informasi tertentu (khusus). Web pertama kali diperkenalkan pada tahun 1992. Hal ini sebagai hasil usaha pengembangan yang dilakukan CERN di Swiss. Internet dan web adalah dua hal yang berbeda. Internet yaitu yang dapat menampilkan web-nya, sedangkan web adalah yang ditampilkannya yang berupa susunan dari halaman-halaman yang menggunakan teknologi web dan saling berkaitan satu sama lain.

Suatu standar teknologi web saat ini sudah tersusun, meskipun penerapannya belum didukung oleh seluruh pengembang web. Standar ini disusun oleh suatu badan yaitu World Wide Web Consortium (W3C). Standar ini dibutuhkan karena semakin banyaknya variasi dalam teknologi web sehingga terkadang satu sama lain tidak kompatibel. Secara umum, teknologi desain web terbagi menjadi beberapa layer (lapisan), yaitu structural layer, presentation layer dan behavioral layer.

1. Structural Layer

(11)

Layer ini berhubungan dengan bagaimana mengatur tampilan dokumen pada layar, suara yang keluar, atau bagaimana format percetakan dokumen. Pada teknologi web lama, bagian ini menyatu dengan structural layer. Tetapi pada standar baru, layer ini disarankan untuk dipisah. Yang termasuk dalam teknologi ini adalah Cascading Styles Sheets (CSS).

3. Behavioral Layer

Layer ini berhubungan dengan masalah penggunaan bahasa skrip dan pemrogramannya untuk tujuan meningkatkan sisi interaktif dan dinamis halaman web. Yang termasuk dalam layer ini adalahDocument Object Model (DOM) dan JavaScript. DOM memungkinkan suatu dokumen atau skrip untuk mengakses atau meng-update isi, struktur, dan style dari dokumen. JavaScript merupakan teknologi yang cukup lama dan tetap digunakan untuk menambah dokumen menjadi lebih hidup.

3.2.1.1 Jenis-Jenis Website

Secara umum, situs web digolongkan menjadi 3 jenis yaitu: Website Statis, Website Dinamis, Website Interaktif.

a.Website Statis

Website Statis adalah web yang mempunyai halaman tidak berubah. Artinya adalah untuk melakukan perubahan pada suatu halaman dilakukan secara manual dengan mengedit code yang menjadi struktur dari situs itu.

b. Website Dinamis

(12)

c. Website Interaktif

Website Interaktif adalah web yang saat ini memang sedang booming. Salah satu contoh website interaktif adalah blog dan forum. Di website ini user bisa berinteraksi dan beradu argument mengenai apa yang menjadi pemikiran mereka. Biasanya website seperti memiliki moderator untuk mengatur supaya topik yang diperbincangkan tidak melenceng dari alur pembicaraan.

3.2.1.2 Unsur-unsur Penunjang Dalam Website Atau Situs Web Untuk membangun sebuah website yang lebih advance, kita juga diharuskan untuk menyediakan unsur penunjang lainnya. Diantara unsur-unsur website itu adalah sebagai berikut:

a) Nama domain

Domain Name atau URL adalah alamat unik di dunia internet yang digunakan untuk mengenali sebuah situs, atau dengan kata lain nama domain adalah alamat yang digunakan untuk menemukan sebuah website di internet.

b) Web Hosting

Web Hosting adalah ruangan yang terdapat dalam harddisk tempat menyimpan berbagai data, file-file, gambar dan lainnya yang akan ditampilkan di website. Besarnya data yang bisa dimasukkan tergantung dari besarnya web hosting yang disewa/ dipunyai, semakin besar web hosting semakin besar pula data yang dapat dimasukkan dan ditampilkan dalam website.

c) Bahasa Pemerograman

(13)

dinamis, dan interaktif serta terlihat bagus. Beragam bahasa program saat ini telah hadir untuk mendukung kualitas website. d) Desain website

Keberadaan seakan kekurangan makna dan nilai kegunaannya jika dibangun tanpa dikunjungi atau dikenal oleh masyarakat atau

pengunjung internet. Karena efektif tidaknya situs sangat tergantung dari besarnya pengunjung dan komentar yang masuk. Untuk mengenalkan situs kepada masyarakat memerlukan apa yang disebut publikasi atau promosi tadi.

3.2.1.3 Komponen Penyusun Website 1. Bahasa Pemrograman/Scripting Language

Secara garis besar ada 2 kategori script yang dibutuhkan untuk membuat aplikasi web, yaitu:

a) Client Side Scripting, contohnya adalah: HTML, HTML5, XHTML, Casading Style Sheet (CSS), JavaScript, VBScript, jQuery. Untuk client side scripting eksekusinya (baca: diterjemahkan) dilakukan di sisi client yaitu oleh web browser langsung. Ini karena

di dalam web browser sudah terdapat library yang mampu mengenali semua perintah-perintah client side scripting. Library ini disebut Web Engine.

(14)

engine-engine-nya sudah termasuk di dalam web server Internet Information

Service (IIS) yang diinstall terpisah di Microsoft Windows.

Untuk membuat web statis maka script yang digunakan cukup jenis client side scripting. Untuk membuat web dinamis maka script yang digunakan adalah gabungan antara client side scripting dan

server side scripting. 2. Web Editor

Merupakan program aplikasi yang berfungsi untuk mengetikkan perintah-perintah dokumen web baik client side

scripting maupun server side scripting. Saat ini banyak tersedia web editor mulai dari yang paling sederhana hingga yang lebih smart. Mulai dari web editor yang berbayar hingga yang gratis. Contoh web editor adalah: Notepad, Notepad++, Macromedia Dreamweaver.

3. Web Browser

Merupakan program yang berfungsi untuk menampilkan dokumen-dokumen web dalam format HTML. Bagaimana halaman web yang dibuat ditampilkan sangat tergantung pada web engine

yang digunakan oleh masing-masing browser. Semua jenis web browser yang ada saat ini mengikuti standarisasi yang dibuat ileh World Wide Web Consortium (W3C) yang merupakan badan independen yang mengurus semua hal yang berkaitan dengan web

dunia. Berikut ini adalah contoh web browser yang cukup populer beserta web engine yang dilakukan:

a) Web Engine WebKit: Safari, Google Chrome

b) Web Engine Trident: Microsoft Internet Explorer, Maxthon c) Web Engine Gecko: Mozilla Firefox

d) Web Engine Presto: Opera 4. Web Server

Web server adalah program aplikasi yang memiliki fungsi

(15)

dokumen web baik yang ditulis menggunakan client side scripting

maupun server side scripting tersimpan dalam direktori utama web server (document root). Berikut adalah beberapa contoh web server:

a) Web Server Apache yang mendukung PHP.

b) Web Server Microsoft Internet Information Servce (IIS) yang mendukung ASP dan PHP

c) Web Server Apache Tomcat yang mendukung Java Server Pager (JSP).

Port yang digunakan oleh web server di komputer default-nya

adalah port 80 untuk web server Apache dan web server IIS, sedangkan web server Apache Tomcat menggunakan port 8080 untuk default-nya. Web server ada yang mendukung beberapa platform/sistem operasi, maksudnya adalah vendor pembuat web

server tersebut menyediakan file instalasi web server untuk mendukung banyak sistem operasi dan ada yang hanya menyediakan dukungan file instalasi untuk satu sistem operasi saja. Kebanyakkan web server yang berbasis open source seperti Apache mampu

mendukung banyak sistem operasi. Sedangkan untuk web server yang berbayar biasanya tidak menyediakan dukungan untuk banyak sistem operasi. Web server Apache mampu berjalan di beberapa sistem operasi seperti Microsoft Windows, Linux, Solaris, Mac OS

X. Web server yang berbasis sistem file NTFS (Windows XP ke atas, Windows NT 4.0 keatas). Web server IIS digunakan untuk mengolah script ASP.

5. Database Server

Database server adalah program yang digunakan untuk menyimpan data yang akan di olah di halaman web. Database biasa disebut Database Management System (DBMS) adalah sebuah aplikasi yang menjembatani user dan data-data di dalam database.

(16)

dalam database secara mudah dan cepat. Arsitektur DBMS ada yang

stand alone dan ada yang client-server. Untuk aplikasi web, jenis DBMS yang digunakan adalah yang berarsitektur client-server. DBMS merupakan komponen opsional dalam pembuatan aplikasi web. Maksudnya, keberadaan komponen ini di dalam komputer

sangat tergantung kebutuhan dari web yang akan dibuat. Jika web tersebut menyimpan data-datanya di file dan bukan di database, maka database server tidak dibutuhkan. Sebaliknya, jika web yang dibuat butuh media penyimpanan data untuk membuat web menjadi lebih

dinamis maka database server dibutuhkan. Untuk selanjutnya disebut database server.

Mengapa jenis DBMS yang digunakan harus database server, adalah karena aplikasi web adalah aplikasi client-server yang dapat

di akses oleh banyak user dari berbagai tempat sepanjang ada koneksi internet. Untuk mendukung aplikasi web tersebut maka dibutuhkan aplikasi DBMS yang berarsitektur client-server juga. Database server/DBMS, ada yang berbasis open source/gratis dan

ada yang closed source/berbayar. Ada beberapa hal yang perlu diperhatikan ketika akan menggunakan database untuk menyimpan data-data di halaman web:

a) Jenis DBMS yang berbasis client-server/database server.

b) Sistem operasi yang digunakan, banyak DBMS yang dapat mendukung banyak sistem operasi.

c) Open source atau Closed source.

d) File instalasi yang dipilih, apakah yang versi install (EXE) atau yang versi terkompress (ZIP/RAR).

e) Platform processor, apakah 32 bit atau 64 bit. 6. Image Editor

Image editor adalah program aplikasi yang berfungsi untuk

(17)

di halaman web untuk mempercantik halaman web. Jika ada animasi

berarti harus ada program pengolah animasi juga. Berikut contoh program aplikasi pengolah gambar, video, dan animasi baik berbayar maupun gratis yang berbasis open source: Microsoft Paint, Adobe Photoshop, Adobe Flash, Adobe Premiere, Grab (Mac OS X), Corel

Draw. Program tersebut tentunya bersifat opsional/pilihan tergantung rancangan web yang akan dibuat.

3.2.2 HTML (Hypertext Markup Language)

Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk menulis halaman web. HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). HTML sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu.

HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya. Namun perkembangan resmi dikeluarkan pada bulan November 1995 oleh IETF (Internet Engineering Task Force). HTML 2.0 ini merupakan penyempurnaan dari HTML+ (1993).

HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah usaha dari World Wide Web Consortium’s (W3C) HTML Working Group pada tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan Januari 1997. HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan. (18 Desember 1997).

(18)

CSS merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam tentunya tanpa CSS website tidak akan memiliki tampilan yang rapi. CSS bukan merupakan bahasa pemograman. Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.

CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian membentuk hubungan ayah-anak (parent-child) pada setiap style. CSS sendiri merupakan sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996. Setelah CSS distandarisasikan, Internet Explorer dan Netscape melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS.

Versi Untuk saat ini terdapat tiga versi CSS, yaitu CSS1, CSS2, dan CSS3. CSS1 dikembangkan berpusat pada pemformatan dokumen HTML, CSS2 dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa ditampilkan di printer, sedangkan CSS3 adalah versi terbaru dari CSS yang mampu melakukan banyak hal dalam desain website. CSS2 mendukung penentuan posisi konten, downloadable, huruf font, tampilan pada tabel /table layout dan media tipe untuk printer. Kehadiran versi CSS yang kedua diharapkan lebih baik dari versi pertama dan kedua.

(19)

dengan dukungan fitur baru yakni media query. Selain itu, banyak fitur baru pada CSS3 seperti: multiple background, border-radius, drop-shadow, border-image, CSS Math, dan CSS Object Model.

3.2.4 PHP

PHP merupakan singkatan dari “Hypertext Preprocessor”, yang merupakan sebuah bahasa scripting tingkat tinggi yang dipasang pada dokumen HTML. Sebagian besar sintaks dalam PHP mirip dengan bahasa C, Java dan Perl, namun pada PHP ada beberapa fungsi yang lebih spesifik. Sedangkan tujuan utama dari penggunaan bahasa ini adalah untuk memungkinkan perancang web yang dinamis dan dapat bekerja secara otomatis.

PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C. Pada waktu itu PHP masih bernama FI (Form Interpreted), yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form dari web. Jadi semula PHP digunakannya untuk menghitung jumlah pengunjung di dalam webnya. Kemudian ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis. Versi ini pertama kali keluar pada tahun 1995. Isinya adalah sekumpulan script PERL yang dibuatnya untuk membuat halaman webnya menjadi dinamis. Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya PHP/FI, kependekan dari Hypertext Preprocessing/Form Interpreter.

Dengan perilisan kode sumber ini menjadi open source, maka banyak programmer yang tertarik untuk ikut mengembangkan PHP. Kemudian pada tahun 1996 ia mengeluarkan PHP versi 2.0 yang kemampuannya telah dapat mengakses database dan dapat terintegrasi dengan HTML. Pada rilis ini interpreter PHP sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.Pada tahun 1998 tepatnya pada tanggal 6 Juni 1998 keluarlah PHP versi 3.0 yang dikeluarkan oleh Rasmus sendiri bersama kelompok pengembang softwarenya.

(20)

mendasar pada PHP 4.0 adalah terintegrasinya Zend Engine yang dibuat oleh Zend Suraski dan Andi Gutmans yang merupakan penyempurnaan dari PHP scripting engine. Yang lainnya adalah build in HTTP session, tidak lagi menggunakan library tambahan seperti pada PHP. Tujuan dari bahasa scripting ini adalah untuk membuat aplikasi-aplikasi yang dijalankan di atas teknologi web. Dalam hal ini, aplikasi pada umumnya akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan web server.

PHP 4.0 adalah versi PHP yang paling banyak dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi. Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Versi ini juga memasukkan model pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa pemrograman ke arah paradigma berorientasi objek.

3.2.5 KONSEP BASIS DATA

Basis data adalah suatu kumpulan data terhubung yang disimpan secara bersama-sama pada suatu media, tanpa mengatap satu sama lain atau tidak perlu suatu kerangkapan data dengan cara-cara tertentu, sehingga mudah untuk digunakan dan ditampilkan kembali, dapat digunakan untuk satu atau lebih program aplikasi secara optimal, data dapat disimpan tanpa mengalami ketergantungan pada program yang akan menggunakannya, serta disimpan sedemikian rupa sehingga penambahan, pengambilan dan modifikasi data dapat dilakukan dengan mudah dan terkontrol.

Definisi-definisi yang berhubungan dengan basis data:

a. Entity (entitas) adalah orang, tempat, kejadian atau konsep yang informasinya direkam.

b. Atribut adalah seperti entity mempunyai atribut atau sebutan untuk mewakili suatu entitas.

(21)

d. Record adalah kumpulan elemen yang saling berkaitan yang menginformasikan suatu entity secara lengkap.

e. File adalah kumpulan record–record sejenis yang mempunyai panjang elemen sama dan mempunyai perbedaan pada data valuenya.

f. Database adalah kumpulan file–file yang mempunyai kaitan antara satu file dengan file yang lain sehingga membentuk satu bangunan data untuk menginformasikan satu perusahaan instansi dalam batasan tertentu.

g. Database Management System (DBMS) adalah kumpulan file yang saling berkaitan bersama dengan program untuk pengelolanya. Database adalah kumpulan datanya, sedangkan program pengelolanya berdiri sendiri dalam satu paket program yang komersial untuk membaca data, mengisi data, menghapus data, melaporkan data dalam database

3.2.6 KONSEP DFD (DATA FLOW DIAGRAM)

Data Flow Diagram (DFD) adalah alat pembuatan model yang memungkinkan profesional sistem untuk menggambarkan sistem sebagai suatu jaringan proses fungsional yang dihubungkan satu sama lain dengan alur data, baik secara manual maupun komputerisasi. DFD ini sering disebut juga dengan nama Bubble chart, Bubble diagram, model proses, diagram alur kerja, atau model fungsi. DFD ini adalah salah satu alat pembuatan model yang sering digunakan, khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih penting dan kompleks dari pada data yang dimanipulasi oleh sistem.

Dengan kata lain, DFD adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi sistem. DFD ini merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem kepada pemakai maupun pembuat program.

Ada 4 elemen yang menyusun suatu DFD yaitu:

(22)

proses memiliki : nomer, nama, deskripsi proses,satu atau lebih input dan output data flow.

2. Data Flow : Satu data tunggal atau kumpulan logis suatu data, selalu diawali atau berakhir pada suatu proses. Setiap data flow memiliki : nama, deskripsi, satu atau lebih koneksi ke suatu proses.

3. Data Store : Kumpulan data yang disimpan dengan cara tertentu. Data yang mengalir disimpan dalam data store. Aliran data di-update atau ditambah ke data store. Setiap data store memiliki : nomer, nama, deskripsi, satu atau lebih input dan output data flow.

4. External Entity : Berupa orang, organisasi atau sistem yang berada diluar sistem tetapi berinteraksi dengan sistem. Setiap external entitas memiliki : nama, dan deskripsi.

Keterangan simbol-simbol yang digunakan dalam Data Flow Diagram:

Gambar 3.1 Beberapa symbol Data Flow Diagram

3.2.7 KONSEP ERD (ENTITY RELATIONALSHIP DIAGRAM)

ERD (Entity Relationship Diagram) adalah suatu model jaringan yang menggunakan susunan data yang disimpan dalam sistem secara abstrak. Jadi ERD ini berbeda dengan DFD yang merupakan suatu model jaringan fungsi yang akan dilaksanakan oleh sistem, sedangkan ERD merupakan model jaringan data yang menekankan pada struktur-struktur dan relationship data.

(23)

Contoh: Entitas buku untuk menyimpan atribut mengenai buku (judul, buku, kode buku, pengarang, dsb). Entity digambarkan dengan Persegi dalam ERD.

b) Relasi (Relationship) adalah hubungan yang terjadi antara entitas atau lebih.

Contoh: Entitas buku dan Entitas Pengarang memiliki hubungan "ditulis", yang artinya, pengarang menulis buku, dan buku ditulis pengarang. Selain itu, terdapat relasi "one to one", "one to many", dan "many to many" dalam entity. Relasi ini digambarkan dengan garis dalam ERD.

c) Atribut (Attribute) adalah ciri umum semua entitas atau semua yang ada dalam entitas.

Contoh: Entitas pengarang memiliki atribut nama, alamat, no telpon, dsb. Atribut digambarkan dengan lingkaran memanjang dalam ERD tapi jarang sekali dalam ERD atribut ikut digambarkan. Atribut juga sering disebut dengan field atau kolom dalam suatu ERD.

3.2.8 SISTEM PERANGKAT LUNAK (SOFTWARE) YANG DIGUNAKAN

3.2.8.1 XAMPP

XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemahbahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis.

(24)

1. htdoc adalah folder tempat meletakkan berkas-berkas yang akan dijalankan, seperti berkas PHP, HTML dan skrip lain.

2. phpMyAdmin merupakan bagian untuk mengelola basis data MySQL yang ada dikomputer. Untuk membukanya, buka browser lalu

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa Inggris: database management system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL.

MySQL adalah Relational Database Management System (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (General Public License). Dimana setiap orang bebas untuk menggunakan MySQL, namun tidak boleh dijadikan produk turunan yang bersifat komersial. MySQL sebenarnya merupakan turunan salah satu konsep utama dalam database sejak lama, yaitu SQL (Structured Query Language). SQL adalah sebuah konsep pengoperasian database, terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis.

(25)

aplikasinya. Sebagai database server, MySQL dapat dikatakan lebih unggul dibandingkan database server lainnya dalam query data. Hal ini terbukti untuk query yang dilakukan oleh single user, kecepatan query MySQL bisa sepuluh kali lebih cepat dari PostgreSQL dan lima kali lebih cepat dibandingkan Interbase.

Keunggulan mengunakan database server MySQL:

• MySQL dapat berjalan pada sistem operasi Windows, Linux, Mac Os X Server, FreeBSD, dll

• MySQL bersifat Opensource yang dapat digunakan tanpa harus membayar

• MySQL bersifat Multi User dalam artian dapat digunakan dalam waktu bersamaan tanpa mengalamai gangguan.

• MySQL memiliki banyak tipe data seperti integer, float, double, char, text, date dan lain-lain.

• MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani Alter Table dibanding database lainnya.

• MySQL dapat dikoneksikan pada beberapa bahasa pemrograman seperti C, C++, Java, Perl, PHP dan Python.

3.2.8.2.1 PHP MyAdmin

PhpMyAdmin adalah perangkat lunak bebas yang ditulis dalam bahasa pemrograman PHP yang digunakan untuk menangani administrasi MySQL melalui Jejaring Jagat Jembar (World Wide Web). phpMyAdmin mendukung berbagai operasi MySQL, diantaranya (mengelola basis data, tabel-tabel, bidang (fields), relasi (relations), indeks, pengguna (users), perijinan (permissions), dan lain-lain).

(26)

saja sangat menyulitkan karena seseorang harus hafal dan mengetikkan perintahnya satu per satu.

Saat ini banyak sekali perangkat lunak yang dapat dimanfaatkan untuk mengelola basis data dalam MySQL, salah satunya adalah phpMyAdmin. Dengan phpMyAdmin, seseorang dapat membuat database, membuat tabel, mengisi data, dan lain-lain dengan mudah, tanpa harus menghafal baris perintahnya.

PhpMyAdmin merupakan bagian untuk mengelola basis data MySQL yang ada di komputer. Untuk membukanya, buka browser lalu ketikkan alamat http://localhost/phpmyadmin, maka akan muncul halaman phpMyAdmin. Di situ nantinya seseorang bisa membuat (create) basis data baru, dan mengelolanya.

3.2.8.2.2 Aphace

Apache adalah sebuah nama web server yang bertanggung jawab pada request-response HTTP dan logging informasi secara detail (kegunaan basicnya). Selain itu, Apache juga diartikan sebagai suatu web server yang kompak, modular, mengikuti standar protokol HTTP, dan tentu saja sangat digemari. Kesimpulan ini bisa didapatkan dari jumlah pengguna yang jauh melebihi para pesaingnya. Sesuai hasil survai yang dilakukan oleh Netcraft, bulan Januari 2005 saja jumlahnya tidak kurang dari 68% pangsa web server yang berjalan di Internet. Ini berarti jika semua web server selain Apache digabung, masih belum bisa mengalahkan jumlah Apache.

(27)

Saat ini ada dua versi Apache yang bisa dipakai untuk server produksi, yaitu versi mayor 2.0 dan versi mayor 1.3. Apache merupakan web server yang paling banyak digunakan saat ini. Hal ini disebabkan oleh beberapa sebab, di antaranya adalah karena sifatnya yang opensource dan mudahnya mengkostumisasikannya. diantaranya dengan menambahkan support secure protocol melalui ssl dan konektifitasnya dengan database server melalui bahasa scripting PHP.

3.2.8.3 Notepad++

Notepad++ adalah sebuah aplikasi penyunting teks dan penyunting kode sumber yang berjalan di sistem operasi Windows. Notepad++ menggunakan komponen Scintilla untuk dapat menampilkan dan menyuntingan teks dan berkas kode sumber berbagai bahasa pemrograman. Notepad++ mendukung banyak bahasa pemrograman. Dukungan dalam hal ini adalah dimengerti dan diterjemahkan menjadi teks oleh Notepad++. Misalnya pada C++, fungsi-fungsinya akan di masukan kedalam daftar fungsi dan kata-katanya akan berubah warna sesuai dengan makna kata tersebut di C++. Perangkat lunak komputer ini memiliki kelebihan pada peningkatan kemampuan sebuah program text editor, lebih dari sekedar program Notepad bawaan Windows. Notepad++ bisa mengenal tag dan kode dalam berbagai bahasa pemrograman. Fitur pencarian tingkat lanjut dan pengeditan teks yang tersedia juga cukup ampuh, sangat membantu tugas seorang programmer atau developer dalam menyelesaikan skrip kode programnya.

(28)

komputer Windows Anda cukup memiliki kapasitas kosong harddisk minimal 12 MB.

Beberapa bahasa pemrograman yang didukung oleh Notepad++ sejak versi 5.9.3 adalah: ActionScript, Ada, ASP, Assembler, autoIt, Batch, C, C++, C#, Caml, Cmake, COBOL, CSS, D, Diff, Flash ActionScript, Fortran, Gui4CLI, Haskell, HTML, Berkas INI, InnoSetup, Java, Javascript, JSP, KiXtart, LISP, Lua, Makefile, Matlab, MS-DOS, NSIS, Objective-C, Pascal, Perl, PHP, Postscript, PowerShell, Properties file, Python, R, Resource file, Ruby, Shell, Scheme, Smalltalk, SQL, TCL, TeX, Visual Basic, VHDL, Verilog, XML, YAML.

3.2.8.3 SQLYog

SQL merupakan singkatan dari Structured Query Language. SQL merupakan bahasa komputer standard ANSI(American National Standard Institude). Dengan SQL kita dapat mengakses database, menjalankan queri untuk mengambil data dari database, menambahkan data ke database, menghapus data di dalam database dan meng-update data di dalam database.

SQLyog sendiri merupakan aplikasi client MySQL yang sangat populer digunakan di Indonesia untuk memudahkan pengguna melakukan administrasi maupun melakukan pengolahan data MySQL. SQLyog adalah salah satu tool administrasi untuk database MySQL. Jika kita biasanya menggunakan PhpMyAdmin yang include di dalam aplikasi Xampp untuk melakukan administrasi database, SQLyog adalah aplikasi alternatif untuk melakukan proses administrasi database MySQL. Banyak fitur yang disediakan oleh SQLyog yang tidak disediakan oleh PhpMyAdmin maupun tool administrasi database lainnya seperti MySQLQueryBrowser. Dengan SQLyog kita dapat membuat Store Prosedure, Function maupun Trigger dengan mudah.

(29)

dan record-record yang ada di dalam database mysql. Dengan kelebihan GUI, pembuatan sebuah database dan table cukup dengan click-click.

4 perintah dasar operasi manajemen database:

a) Create: Membuat database, tabel, mengisi tabel: CREATE DATABASE/TABLE, INSERT INTO

b) Retrieve: Menampilkan data: SELECT*FROM nama-table WHERE kondisi

c) Update: Memperbarui data: UPDATE nama-table SET field where kondisi

d) Delete: Menghapus data: DROP DATABASE,DROP TABLE

BAB IV

PELAKSANAAN PRAKTEK KERJA INDUSTRI

4.1 MODAL PRAKTEK KERJA INDUSTRI

Pengetahuan dan pengalaman merupakan modal utama yang penulis miliki untuk melakukan Praktek Kerja Industri (Prakerin) ini. Pengetahuan dan pengalaman tersebut merupakan bentuk dari hasil belajar penulis selama mengikuti perkuliahan di Jurusan Pendidikan Teknik Informatika sejak 2012. Pengetahuan serta pengalaman yang penulis dapatkan selama perkuliahan sangat berguna dalam melaksanakan kegiatan prakerin ini antara lain pengenalan konsep-konsep website dan pembelajaran tahap-tahap di dalam membangun sebuah website, serta yang tidak kalah pentingnya adalah pembelajaran bahasa pemrograman dan membangun basis datanya.

Keberadaan komputer yaitu perangkat keras serta perangkat lunak yang penulis miliki merupakan pendukung utama di dalam membangun sebuah website terkait dengan pelaksanakan program Prakerin (Praktek Kerja Industri). Berikut adalah spesifikasi laptop yang penulis gunakan selama tahap perancangan dan implementasi berlangsung .

(30)

2. Processor : AMD A6-3420M APU with Radeon(tm) HD Graphics (4 CPUs), ~1.5GHz

3. RAM : 2GB DDR3 4. Harddisk : 500GB

Berikut di bawah ini adalah daftar software pendukung yang penulis gunakan untuk membangun Website Promosi dan Pemesanan Produk Sweet Home Furniture:

4.2 STATUS AWAL PRAKTEK KERJA INDUSTRI

Pada awalnya penulis melaksanakan suatu tugas kuliah, penulis mengobservasi dan menemukan bahwa Sweet Home Furniture memerlukan sebuah sistem yang dapat mempromosikan dan menyebarluaskan informasi perusahaan termasuk produk-produk dari perusahaan tersebut. Adapun Status awal penulis ketika menjajaki tempat pelaksanaan Prakerin adalah sebagai mahasiswa semester V Jurusan Pendidikan Teknik Informatika (PTI) Fakultas Teknik dan Kejuruan (FTK) Universitas Pendidikan Ganesha (UNDIKSHA) Singaraja.

4.3 CARA MELAKSANAKAN PRAKTEK KERJA INDUSTRI

Praktek Kerja Industri (Prakerin) ini dilaksanakan selama 2 bulan yaitu dimulai dari tanggal 1 Juli 2014 hingga tanggal 31 Agustus 2014, dengan pelaksanaannya yaitu dua bulan melakukan observasi sistem, perancangan dan implementasi sistem serta pengujian di tempat prakerin yaitu Sweet Home Furniture dan selama satu bulan berikutnya menyelesaikan pendokumentasian sistem dan kegiatan selama melaksanakan prakerin (penyusunan laporan Prakerin).

(31)

sistem yang digunakan untuk melakukan promosi yaitu “Website Promosi dan Pemesanan Produk Sweet Home Furniture” yang dimulai dari analisis kebutuhan perangkat lunak, merancang, mengimplementasikan dengan perangkat lunak, hingga melakukan uji coba atau tes pada website yang sudah dibangun.

Pada proses pengembangan projek dan pembuatan laporan, penulis melakukan bimbingan dengan dosen pemimbing. Setelah website selesai dikembangkan, penulis mempresentasikan hasilnya kepada pembimbing di tempat Prakerin serta menyerahkan lembar penilaian. Selain itu, Penulis wajib melengkapi log book aktivitas harian dengan meminta tanda tangan kepada pembimbing Prakerin di setiap hari kerja selama dua bulan. Setelah penarikan mahasiswa Prakerin oleh pihak jurusan yang disetujui oleh pihak fakultas, setiap peserta Prakerin wajib mengikuti ujian Prakerin.

4.4 PENGEMBANGAN PERANGKAT LUNAK

Perangkat lunak yang penulis kembangkan adalah website observasi dan diskusi dipaparkan sebagai berikut :

4.4.1.1 Analisis Umum Sistem Berjalan

Perangkat lunak yang dikembangkan adalah Website Promosi dan Pemesanan Produk Sweet Home Furniture. Website ini nantinya akan dapat:

 Memberi fasilitas kepada Admin untuk memanipulasi data

About yaitu company profile perusahaan Sweet Home Furniture, yang meliputi penambahan dan pengeditan data About. Data About ini kemudian akan muncul atau ditampilkan pada halaman pengguna (User).

(32)

ditampilkan pada halaman pengguna (User). Selain itu antara admin dan user dapat saling bercakap dalam website.

How To Order yaitu informasi tentang cara memesan produk perusahaan Sweet Home Furniture secara online melalui website, yang meliputi penambahan dan pengeditan data How To Order. Data How To Order ini kemudian akan muncul atau ditampilkan pada halaman pengguna (User).

Produk yaitu informasi tentang produk-produk yang tersedia pada perusahaan Sweet Home Furniture, yang meliputi penambahan, penghapusan dan pengeditan data Produk. Data Produk ini kemudian akan muncul atau ditampilkan pada halaman pengguna (User).

 Menyediakan fasilitas kepada pengguna (User) untuk dapat mendaftarkan diri dan menjadi customer perusahaan Sweet Home Furniture.

 Menyediakan fasilitas kepada pengguna (User) untuk dapat memesan produk perusahaan Sweet Home Furniture yang diinginkan secara online melalui website.

 Menyediakan proses pembayaran online melalui website.

 Melayani fasilitas user yang lupa password.

 Menyediakan fasilitas kepada user untuk mengembalikan produk yang mereka beli jika dalam perjalanan produk tersebut rusak.

4.4.1.2 Analisis Kebutuhan Aplikasi  Kebutuhan Fungsional

1. Validasi login

2. Mengolah data about

(33)

2.2 Mengedit data about

4. Mengolah How To Order

4.1 Menambahkan data How To Order

4.2 Mengedit data How To Order 4.3 Menampilkan data How To Order

(34)

9.3 Menghapus data member

Perencanaan dan pengembangan Website Promosi dan Pemesanan Produk Sweet Home Furniture memiliki tujuan agar dapat mempromosikan produk-produk pada perusahaan Sweet Home Furniture secara efektif, efisien dan mengikuti perkembangan teknologi saat ini. Kebutuhan teknologi atau peralatan yang diperlukan dalam pengembangan website terdiri dari :

a. Kebutuhan Perangkat Lunak (Software)

Perangkat lunak merupakan perangkat yang berfungsi untuk melakukan pengerjaan dalam processing system untuk mendukung pekerjaan sistem komputer, untuk melaksanakan proyek website ini, maka hanya dibutuhkan beberapa perangkat lunak saja yaitu :

 Notepad++

(35)

 XAMPP

 MYSQL

 APACHE

 PHP MyAdmin

b. Kebutuhan Perangkat Keras (Hardware)

Perangkat keras yang digunakan dalam penerapan sistem ini dengan menggunakan laptop penulis yaitu Toshiba Satellite L740D dengan spesifikasi sebagai berikut :

1. Tipe Laptop : Toshiba Satellite L740D 2. Processor : AMD A6-3420M

APU with Radeon(tm) HD Graphics (4 CPUs), ~1.5GHz

3. RAM : 2GB DDR3

4. Harddisk : 500GB

c. Kebutuhan Perangkat Manusia (Brainware)

Kebutuhan brainware untuk mengerjakan website ini adalah :

1) Analis Sistem

Bertugas mempelajari dan menganalisa serta memberikan penjelasan terhadap suatu masalah untuk menyelesaikan permasalan tersebut dengan menggunakan sistem.

2) Programmer

(36)

3) Operator

Bertugas mengoperasikan sistem yang telah dibuat berupa masukkan (input), pengeditan (update), dan pembuatan laporan dengan bantuan komputer.

4.4.1.3 Analis Karakteristik Pengguna

Pengguna sistem ini dibedakan menjadi 2, yaitu Admin dan User.

1. Admin yaitu seseorang yang bertugas dan dipercaya oleh perusahaan untuk bekerja mengelola website.

2. User yaitu masyarakat yang akan atau telah menjadi customer pada perusahaan Sweet Home Furniture tersebut.

Adapun hak akses dari masing-masing pengguna dapat dilihat dalam tabel berikut ini :

Tabel 4.1. Hak Akses Website Promosi dan Pemesanan Produk Sweet Home Furniture

No .

Pengguna Hak Akses

(37)

8.2 Menampilkan data bayar 11. Mengolah data return

11.1 Menambah data return 11.2 Menampilkan data return

2. User Keseluruhan fungsi dari sistem, kecuali kebutuhan fungsional meliputi :

4. Mengolah How To Order

4.1 Menambahkan data How To Order

4.2 Mengedit data How To Order

4.3 Menampilkan data How To Order 5. Mengolah data produk

(38)

Program ini dibuat dengan menu yang mudah dipahami (user friendly) oleh admin maupun user. Kemudahan menjalankan sistem ini sangat di utamakan, terlihat dari sub-sub menu dalam sebuah menu memang di sesuaikan dengan bagian-bagian yang bisa di akses oleh pengguna secara mudah. Dengan menerapkan pertimbangan diatas maka pengguna baik admin atau user tidak akan mengalami kesulitan dalam mengoperasikan sistem ini.

4.4.2 Perancangan

4.4.2.1 Perancangan Aliran Data

4.4.2.1.1 DFD Level 0 (Diagram Konteks)

(39)

Nama Tabel Nama Field

Tb_reg {id_reg, nama, email, pass, alamat, telepon, jk, tgl_lhr, repass, dan province}

Tb_cust {id_cust, email, password}

Tb_order {id_order, id_barang, tanggal, email, qty, detail_order, bayar} Tb_bayar {id_bayar, email, bukti, tanggal_bayar, bank, detail }

Tb_forgot {id, email, nama}

Tb_retur {id_retur, tanggal_terima, gambar, keterangan, email, bukti_kirim}

(40)

(41)

(42)

No Proses Proses Data Masuk Data Keluar Deskripsi Proses

1 Login Login Konfirmasi

login

Proses untuk mengecek validasi login ketika masuk ke dalam website.

2 Manipulasi data about Data about Info data about

3 Manipulasi data contact Data contact Info data contact

4 Manipulasi data cara

order Data cara order

(43)

4.4.2.1.3 DFD Level 2 Proses 1.0

Gambar 4.3. DFD Level 2 Proses 1.0

Tabel 4.4. DFD Level 2 Proses 1.0

1 Menambah Data

Admin dan User Data Login

Konfirmasi

Konfirmasi Login

Proses untuk menampilkan data user dan admin

(44)

Gambar 4.4. DFD Level 2 Proses 2.0

1 Menambah data about Data about Info data about

Proses untuk menambah data about

2 Mengubah data about Data about Info data about

(45)

Gambar 4.5. DFD Level 2 Proses 3.0

1 Menambah data contact Data contact Info data contact

Proses untuk menambah data contact

2 Mengubah data contact Data contact Info data contact

(46)

Gambar 4.6.DFD Level 2 Proses 4.0

1 Menambah data cara

2 Mengubah data cara order

3 Menampilkan data cara

(47)

(48)

1 Menambah data produk Data produk Info data produk

Proses untuk menambah data produk

2 Mengubah data produk Data produk Info data produk

4.4.2.1.8 DFD Level 2 Proses 6.0

(49)

4.4.2.1.9 DFD Level 2 Proses 7.0

(50)

4.4.2.1.10 DFD Level 2 Proses 8.0

(51)

1 Menambah data order Data order Info data order

Proses untuk menambah data order

2 Mengubah data order Data order Info data order

4 Menghapus data order Data order Info data order

Proses untuk menghapus data order

4.4.2.1.11 DFD Level 2 Proses 9.0

(52)

1 Menambah data bayar Data bayar Info data bayar

4.4.2.1.12 DFD Level 2 Proses 10.0

1 Menambah data forgot Data forgot Info data forgot

(53)

1 Menambah data Return

Produk Data return 4.4.2.1.14 DFD Level 2 Proses 12.0

(54)

1 Menambah data Pesan Data pesan Info data pesan

4.4.2.1.13. Entity Relation Diagram (ERD)

(55)

(56)

4.4.2.2 Perancangan Basis Data

Dalam perancangan Website Promosi dan Pemesanan Produk Sweet Home Furniture ini menggunakan dua belas tabel yang diantaranya yaitu tb_admin, td_about, tb_contac, tb_barang, tb_cara, tb_kategori, tb_reg, tb_cust, tb_order, tb_bayar, tb_retur dan tb_forgot. Keduabelas tabel tersebut dapat dijabarkan sebagai berikut.

a. Tabel Registrasi

Nama Tabel : tb_reg

Fungsi Tabel : Menyimpan data user yang mendaftar untuk menjadi customer

Tabel 4.14.Rancangan Tabel Registrasi No

.

Nama Field Tipe Data Null Keterangan

1. Id_reg* Int (11) No Nomor untuk user yang

5. Alamat Text No Alamat tinggal user

6. Telepon Varchar

(20)

No Nomor telepon user

7. Jk Varchar

(35)

No Jenis kelamin user (Male atau Female)

8. Tgl_lhr Varchar

(20)

No Tanggal lahir user

9. Repass Varchar

(20)

(57)

10. Province Varchar (30)

No Provinsi user

b. Tabel Customer

Nama Tabel : tb_cust

Fungsi Tabel : Menyimpan data user terdaftar yang digunakan untuk login user

Tabel 4.15. Rancangan Tabel Customer No

.

1. Id_cust* Int (11) No ID user

2. Email** Varchar

Fungsi Tabel : Menyimpan data pemesanan produk dari user

Tabel 4.16.Rancangan Tabel Order No

.

1. Id_order* Int (15) No Id order

2. Id_barang** Varchar

(10) No

Id barang

3. Tanggal Date and

Time No

Tanggal pemesanan

4. Email** Varchar

(50) No

Email user

(58)

7. Bayar Enum No Status pembayaran (Y atau N)

d. Tabel Bayar

Nama Tabel : tb_bayar

Fungsi Tabel : Menyimpan data bukti pembayaran pemesanan dari user

Tabel 4.17.Rancangan Tabel Bayar No

.

1. Id_bayar* Int (11) No Id bayar

2. Email** Varchar

(50)

No Email user

3. Bukti Text No Bukti pembayaran

4. Tanggal_bayar Varchar

Nama Tabel : tb_forgot

Fungsi Tabel : Menyimpan data permintaan informasi password dari user yang lupa password login

Tabel 4.18.Rancangan Tabel Forgot No

.

1. Id * Int (11) No Id forgot

2. Email** Varchar

(50)

No Email user

(59)

(30)

f. Tabel Return

Nama Tabel : tb_retur

Fungsi Tabel : Menyimpan data pengembalian produk dari user

Tabel 4.19.Rancangan Tabel Return No

.

1. Id_retur * Int (11) No Id return 2. Tanggal_terima Date and

time

No Tanggal barang diterima oleh user

6. Bukti_kirim Text No Bukti pengiriman dari perusahaan.

(Selanjutnya dikerjakan oleh tim atas nama Ni Made Nafta Sukendry)

Keterangan : * : Primary key

** : Foreign Key

(60)

Gambar 4.14.Relasi Antar-Tabel 4.4.2.3 Perancangan Masukkan

Perancangan masukkan perangkat lunak merupakan proses penentuan masukkan data ke sistem. Masukkan untuk Website Promosi dan Pemesanan Produk Sweet Home Furniture adalah berupa data pengguna (Admin dan User), data about, data contact, data cara order, data produk, data member, data order, data bayar, data return dan data forgot.

4.4.2.4 Perancangan Keluaran

(61)

digunakan dalam tahapan promosi. Keluaran dari website ini berupa info data pengguna (Admin dan User), info data about, info data contact, info data How To Order, info data produk, info data member, info data order, info data bayar, info data return dan info data forgot.

4.4.2.5 Perancangan Antar-muka

(62)

Gambar 4.15.Rancangan Tampilan Home Keterangan :

a) Menu Home : menu tampilan utama website.

b) Menu About : menu informasi company profile. c) Menu Contact : menu informasi detail perusahaan.

d) Menu How To Order : menu tampilan produk. e) Menu Register : menu pendaftaran calon customer.

f) Menu Login : menu untuk user dapat login dalam website menggunakan username dan password yang terdaftar.

g) Slider : tampilan foto yang berganti-ganti dalam hitungan detik.

h) Greeting : teks sambutan dari perusahaan.

i) Gambar : foto hiasan tampilan. j) Footer : batas bawah website.

(63)

Menu About ini merupakan informasi terkait perusahaan Sweet Home Furniture layaknya company profile untuk pengguna luar website (user).

Gambar 4.16.Rancangan Tampilan Menu About Keterangan :

a) About : informasi company profile perusahaan sweet home furniture dalam bentuk paragraph.

3. Rancangan Interface Menu Contact

(64)

Gambar 4.17.Rancangan Tampilan Form Menu Contact Keterangan :

a) Contact Us : informasi detail perusahaan meliputi alamat, telepon, waktu buka dan email dalam bentuk kolom.

4. Rancangan Interface Menu How To Order

(65)

Gambar 4.18.Rancangan Tampilan Form Menu How To Order Keterangan :

(66)

Menu Kategori Produk ini merupakan rancangan tampilan kategori produk yang tersedia dan ditawarkan oleh perusahaan Sweet Home Furniture.

Gambar 4.19.Rancangan Tampilan Form Menu Kategori Produk Keterangan :

a) Accessories : produk dengan kategori accessories.

b) Bed : produk dengan kategori bed. c) Sofa : produk dengan kategori sofa.

(67)

6. Rancangan Interface Menu Produk Sub Accessories

(68)

Keterangan :

a) Gambar : tampilan foto produk accessories.

b) Read more : link untuk melihat detail gambar.

c) Pages : halaman tampilan produk menggunakan paging.

7. Rancangan Interface Menu Produk Sub Bed

(69)

Gambar 4.21.Rancangan Tampilan Form Menu Produk Sub Bed Keterangan :

a) Gambar : tampilan foto produk bed.

(70)

8. Rancangan Interface Menu Produk Sub Sofa

Menu Produk ini merupakan rancangan tampilan produk-produk yang tersedia dan ditawarkan oleh perusahaan Sweet Home Furniture dengan kategori sofa.

(71)

Keterangan :

a) Gambar : tampilan foto produk sofa.

c) Pages : halaman tampilan produk menggunakan paging.

9. Rancangan Interface Menu Detail Produk

(72)

Keterangan :

a) Gambar : foto produk.

b) Name : nama produk. c) Colour : warna produk.

d) Price : harga produk. e) Zise : ukuran produk.

f) Back : Button untuk kembali ke halaman sebelumnya.

10. Rancangan Interface Menu Register

(73)

Gambar 4.24.Rancangan Tampilan Form Menu Register Keterangan :

a) Gambar : gambar tampilan hiasan. b) Name : nama user.

(74)

e) Comfirm password : re-passowrd user. f) Address : alamat user.

g) Province : provinsi asal user. h) Phone : nomor telepon user.

i) Gender : jenis kelamin user. j) Born date : tanggal lahir user.

k) Register : Button untuk menambahkan data inputan ke dalam basis data.

11. Rancangan Interface Menu Login

(75)

Gambar 4.25.Rancangan Tampilan Form Menu Login Keterangan :

a) Gambar : gambar hiasan untuk website.

b) Email : email user yang telah terdaftar.

c) Password : password user yang telah terdaftar.

d) Login : Button untuk mengirim inputan user ke dalam website dan akan divalidasi pada basis data.

(76)

12. Rancangan Interface Home Setelah Login

(77)

Gambar 4.26.Rancangan Tampilan Interface Home Setelah Login Keterangan :

(78)

b) Payment : menu pembayaran online pemesanan produk. c) Logout : menu untuk user keluar dari website.

d) Return an Products : menu untuk mengembalikan barang rusak yang dibeli customer

13. Rancangan Interface Biodata

(79)

(80)

b) E-mail: email user.

c) Password : password user.

d) Comfirm password : re-passowrd user. e) Address : alamat user.

f) Province : provinsi asal user. g) Phone : nomor telepon user.

h) Gender : jenis kelamin user. i) Born date : tanggal lahir user.

j) Edit : button untuk mengubah biodata.

14. Rancangan Interface Detail Produk Setelah Login

(81)

Gambar 4.28.Rancangan Tampilan Interface Produk Setelah Login Keterangan :

a) Gambar : foto produk.

b) Name : nama produk. c) Colour : warna produk.

(82)

f) Back : Button untuk kembali ke halaman sebelumnya. g) Order : Button untuk menuju form order.

15. Rancangan Interface Detail Order

(83)

Gambar 4.29.Rancangan Tampilan Interface Detail Order Keterangan :

(84)

b) Name : nama user.

c) Phone : nomor telepon user.

d) Address : alamat user.

e) Quantity : jumlah pesanan yang diingan user.

f) Detail Order : detail pesanan yang diingan user seperti warna, ukuran dan lai-lain.

g) Gambar : foto produk yang diinginkan user.

16. Rancangan Interface Menu Payment

(85)

(86)

Gambar 4.30.Rancangan Tampilan Interface Menu Payment Keterangan :

a) Id : nomor order.

b) Date : tanggal user memesan produk.

c) Order : foto produk yang dipesan. d) Quantity : jumlah pesanan.

e) Detail : detail pesanan.

f) Edit : Button untuk mengubah jumlah atau detail pesanan yang akan diarahkan pada tampilan detail order.

g) Delete : Button untuk menghapus pesanan.

h) Bank : jenis bank yang digunakan user saat membayar pesanan, dipilih slah satunya.

i) Date You Pay : tanggal pembayaran di bank.

j) Detail Payment : detail jenis pembayaran (pembayaran DP atau Full).

k) Upload Scan Of Pay : upload foto bukti pembayaran di bank.

l) Gambar : gambar hiasan untuk website.

m) Send : Button untuk menambah dan menyimpan inputan user pada basis data.

17. Rancangan Interface Forgot Password