PERANCANGAN WEBSITE SEBAGAI MEDIA PROMOSI DAN

PENJUALAN PADA TOKO GEMILANG CENTER COMPUTER CILACAP

Naskah Publikasi

disusun oleh

Mafridhoh 09.12.3525

Kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM YOGYAKARTA YOGYAKARTA

2013

Designing Website As Media Promotions and Sales At Gemilang Center Computer Stores Cilacap

Perancangan Website Sebagai Media Promosi dan Penjualan Pada Toko

Gemilang Center Computer Cilacap

Mafridhoh Heri Sismoro

Jurusan Sistem Informasi STMIK AMIKOM YOGYAKARTA

ABSTRACT

Gemilang Computer Center is a store engaged in selling hardware - computer hardware. The layout of the store is located on Garden of Eden Housing Complex Laban R3 street, Cilacap central java. Gemilang Computer Center began operation in October 2010. Promotion is done is still very minimal, limited to pamphlets and pricelist (list price) attached around the store. For that website aims to enhance the promotion and sale of the product range, so that buyers are not only located in the area around the store. The website will feature a catalog of products - products that are sold and shopping cart for online purchases. Additionally dilengkapai website also features online chat customer service as a service to help prospective buyers. This website will be created using PHP programming language and uses MySQL database. PHP is a powerful scripting programming language and the most widely used today. Adobe Photoshop CS3 is used to design images required. While the software itself is MySql database management system or DBMS multithreaded, multiuser. Keywords: Website, Information Systems, DBMS Multithread and Multi User

1. PENDAHULUAN 1.1. Latar Belakang Masalah

Teknologi informasi (Information Technology) semakin hari semakin berkembang dengan cepat. Perkembangan ini memungkinkan seseorang dapat berkomunikasi dan mengakses informasi secara cepat tanpa batasan ruang dan waktu. Perkembangan tersebut diiringi dengan kemajuan teknologi di perangkat lunak (software) dan perangkat keras (hardware). Salah satu perkembangan teknologi informasi saat ini yang memacu munculnya informasi yang jamak adalah internet. motherboard, VGA, RAM, harddisk, dan lain-lain. Selama ini Toko Gemilang Center Computer Cilacap belum memiliki sebuah situs resmi seperti website untuk melakukan promosi dan pemasaran. Dengan adanya situs resmi diharapkan dapat mempermudah costumer untuk memperoleh informasi produk dengan lebih mudah, serta mempermudah dalam melakukan transaksi secara online. Berdasarkan uraian masalah diatas penulis dalam usulan skripsi ini mencoba membuat sebuah website dengan judul “Perancangan Website Sebagai Media Promosi dan Penjualan Pada Toko Gemilang Center Computer Cilacap”.

1.2. Rumusan Masalah Rumusan masalah dalam pembuatan website ini adalah : Bagaimana membangun sebuah web yang dapat memudahkan konsumen untuk mendapatkan informasi promosi mengenai hardware, sistem transaksi baru pada Toko Gemilang Center Computer Cilacap secara online ?

1.3. Batasan Masalah

Agar dalam pembuatan web ini dapat mencapai sasaran dan tujuan yang diharapkan maka penulis membatasi mengenai pembuatan website Toko Gemilang Center Computer Cilacap :

a. Pembuatan sistem ini terkait dengan input data, update data, pencarian data dan hapus data

b. Pengolahan data meliputi: 1. Data barang 2. Data price list 3. Data Konten 4. Data penjualan 5. Data kritik saran 6. Data admin 7. Data customer service online

c. Pengolahan data laporan Laporan data penjualan barang sesuai dengan periode waktu yang diinginkan.

d. Web E-commerce pada Toko Gemilang Center Computer Cilacap menggunakan PHP sebagai bahasa pemogramannya, MySQL sebagai database, Adobe Dreamweaver sebagai editor script php, Adobe Photoshop sebagai editor grafis, XAMPP sebagai web server, Mozilla firefox sebagai browser.

1.4. Tujuan Penelitian

a. Sebagai prasyarat untuk menyelesaikan program Strata 1 STMIK “AMIKOM” Yogyakarta.

b. Toko Gemilang Center Computer Cilacap agar lebih diketahui, dikenal oleh masyarakat luas.

1.5. Manfaat Penelitian a. Mengamalkan ilmu yang sudah penulis pelajari dan peroleh selama di STMIK

AMIKOM Yogyakarta. b. Sebagai salah satu alternative dalam menyampaikan dan memberikan informasi

kepada konsumen.

1.6. Metodologi Penelitian Untuk lebih memahami sebuah sistem yang ada dalam membangun website

pada Toko Gemilang Center Computer Cilacap, yang akan sangat membantu dalam penyusunan laporan maupun kelengkapan data yang diperlukan, maka dalam pembangunan aplikasi ini ada beberapa langkah, yakni : a. Perencanaan b. Analisa c. Desain d. Pengembangan e. Testing f. Implementasi g. Pengoperasian dan pemeliharaan

Adapun metode yang digunakan penulis dalam pengumpulan data adalah : a. Metode wawancara (interview) b. Metode langsung (observasi) c. Metode pustaka (library)

1.7. Sistematika Penulisan

Sistematika penulisan Skripsi yagn disusun oleh penulis adalah:

BAB I : PENDAHULUAN BAB II : LANDASAN TEORI BAB III : ANALISIS DAN PERANCANGAN SISTEM BAB IV : IMPLEMENTASI DAN PEMBAHASAN BAB V : PENUTUP DAFTAR PUSTAKA

2. LANDASAN TEORI 2.1 Konsep Dasar Internet

2.1.1 Sejarah Internet Pada awalnya internet berasal dari ARPANET yang dibangun oleh

Advance Research Project Agency. ARPANET merupakan jaringan riset dan pertahanan yang dibuat oleh departemen pertahanan AS pada awal tahun 1970. Tujuannnya adalah untuk menciptakan sistem jaringan dan komunikasi yang dapat bertahan dari serangan nuklir. ARPANET juga digunakan untuk pertukaran data antar ilmuwan dalam proyek lainnya. Salah satu solusi atas inisiatif ini adalah pengembangan cara baru routing sata lewat banyak jalur menggunakan unit data yang disebut packets, alamat tujuan tiap packets disertakan salam strukturnya. Metode ini dikenal sebagai Transmission Control/Internet Protokol (TCP/IP).

2.1.2 Pengertian Internet

Internet berasal dari kata Interconnected Netwoking yang merupakan sebuah sistem komunikasi global yang menghubungkan komputer-komputer dan jaringan-jaringan komputer diseluruh dunia. Secara harfiah, internet adalah rangkaian komputer yang terhubung kebeberapa jaringan lain.”

1

2.2 Konsep Dasar Web

2.2.1 Pengertian Web Web adalah Sebuah sistem dimana informasi dalam bentuk teks, gambar,

suara, dan lain-lain dipresentasikan dalam bentuk hypertext dan dapat diakses oleh perangkat lunak yang di sebut browser. Dengan media internet seseorang dapat menciptakan puluhan bahkan ratusan aplikasi yang berjalan di bawah web (under web). Tehnik pembuatan website pun dapat dilakukan dengan beberapa macam pemrograman maupun nonpemrograman.”

2

2.2.2 Pemograman Web

Pemrograman merupakan suatu metode untuk membuat aplikasi menggunakan bahasa pemograman. Bahasa pemrograman adalah bahasa yang dimengerti oleh komputer untuk mengolah sesuatu, yang berasal dari input user.”

3

2.2.3 Client Side Scripting

Cara kerja pada sisi client, script yang dibuat akan dijalankan pada komputer client (user) lalau ditampilkan hasilnya pada browser. Kelebihannya akses akan menjadi cepat. Kerugiaannya tingkat keamanan sangat rendah. 2.2.4 HTML (Hyper Text Markup Language)

HTML adalah singkatan dari Hyper Text Markup Language yang merupakan bahasa pemograman Client Side Scripting yang digunakan untuk membuat dokumen web yang akan diletakan pada world wide web menggunakan Hypertext. Dokumen web biasanya berisi sejumlah teks, gambar san suara.

1 syafrizal,Melwin,Pengantar Jaringan Komputer,Andi Offset 2005

2 syafrizal,Melwin,Pengantar Jaringan Komputer,Andi Offset 2005

3 ST,Bimo Sunarfrihantono,PHP Dan MySql untuk Web 2002-2003

2.2.5 Server Side Scripting Cara kerja script apada sisi server, script akan dijalankan pada computer

server, kemudian server akan mengirimkan hasilnya pada computer client dan client hanya bisa menampilkan isinya.

PHP (PHP: Hypertext Prepocessor)

PHP(Hypertext Preprocessor) adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML. Salah satu fungsi dari PHP adalah untuk menerima, mengelola dan menampilkan data dari dan ke sebuah website. Data yang diterima akan dioalha sebuah pemograman databaase server yang kemudian hasilnya ditampilkan kembali ke layar browser sebuah situs.

2.2.6 Web Server Dan Web Browser

Web server merupakan software yang memberikan layanan data yang berfungsi menerima permintaan HTTP atau HTTPS dari klien yang dikenal dengan browser web dan mengirimkan kembali hasilnya dalam bentuk halaman-halaman web yang umumnya berbentuk dokumen HTML. Komputer bisa dikatakan sebagai web server jika komputer tersebut memiliki suatu program server yang disebut Persial Web server(PWS). PWS ini berfungsi agar halaman web yang ada didalam sebuah computer server dapat dipanggil olej computer client.

Web browser merupakan client yang mengirim permintaan melalui jaringan kerja pada web server. Dan program seperti Netscape, Internet Explorer, Opera, firefox atau lainnya bahwa merupakan web browser yang banyak dipakai saat ini. 2.2.7 Database Server

Database server merupaka database yang berada diserver yang berfungsi sebagai tempat untuk menyimpan data-data yang diperlukan leh user. Jadi semua data-data terpusat disini. Database yang digunakan untuk membuat website ini adalah My SQL (My Structure Query Language).

2.3 Pengenalan Sistem Secara Umum

2.3.1 Pengertian Sistem “Sekumpulan objek-objek yang saling berelasi dan berinteraksi serta hubungan

antar objek bisa dilihat sebagai satu kesatuan yang dirancang untuk mencapai satu tujuan .”

4

“Sistem adalah elemn-elemen yang saling berhubungan dan membentuk satu kesatuan atau organisasi”

5

2.3.2 Karakteristik Sistem

Untuk memahami atau mengembangkan suatu sistem, maka perlu membedakan unsur-unsur dari sistem yang membentuknya. Berikut adalah karakteristik sistem yang dapat membedakan suatu sistem dengan sistem lainnya :

1. Batasan (Boundry) Penggambaran dari suatu elemen atau unsur mana yang termasuk didalam sistem san mana yang diluar sistem.

4 Hanif Al Fatta, Analisis Dan Perancangan Sistem informasi untuk Keunggulan Bersaing Perusahaan

Dan Organisasi Modern, Yogyakarta : Andi Offset,2007, hal.3. 5

Hanif Al Fatta, Analisis Dan Perancangan Sistem informasi untuk Keunggulan Bersaing Perusahaan Dan Organisasi Modern, Yogyakarta : Andi Offset,2007, hal.3.

2. Lingkungan (Environment) Segala sesuatu diluar sistem, lingkungan yang menyediakan asumsi, kendala dan input terhadap suatu sistem.

3. Masukan (Input) Sumber saya (data, bahan baku,peralatan, energi) dari lingkungan yang dikonsumsi atau dimanipulasi oleh suatu sistem.

4. Keluaran (Output) Sumber daya atau produk (informasi, laporan, dokumen, tampilan layar komputer, barang jadi) yang disediakan untuk lingkungan sistem oleh kegiatan dalam suatu sistem.

5. Komponen (component) Kegiatan-kegiatan atau suatu proses dalam suatu sistem yang mentransformaskan input menjadi bentuk setengah jadi(output). Komponen ini bisa merupakan subsistem sari sebuah sistem.

6. Penghubung (Interface) Tempat dimana komponen atau sistem dan lingkungannya bertemu atae berinteraksi.

7. Penyimpanan (Storage) Area yang dikuasai dan digunakan untuk penyimpanan sementara dan tetap dari informasi, energi, bahan baku dan sebagainya.penyimpanan merupakan suatu media penyangga siantara komponen tersebut bekerja dengan berbagai tingkatan yang ada dan memungkinkan komponen yang berada dari berbagai data yang sama.

2.4 Konsep Dasar Informasi

2.4.1 Pengertian Informasi Informasi (information) didefinisikan oleh Davis, 1995 sebagai berikut :

“Informasi adalah data yang telah diolah menjadi sebuah bentuk yang berarti bagi penerimanya dan bermanfaat dalam pengambilan keputusan saat ini atau mendatang.”

6

2.4.2 Siklus Informasi

Dalam hal ini data merupakan suatu bentuk yang masih mentah, belum dapat dijadikan sebagai sumber cerita yang mampu menjadi suatu bahan jawaban dari suatu partanyaan, sehingga masih perlu memasuki tahap untuk diolah dan berdaya guna dalam bentuk informasi yang akurat.

2.4.3 Kualitas Informasi

Kualitas dari suatu informasi (quality of information) tergantung dari enam hal, yaitu : 1. Akurat (accurate)

Makdsud dari akurat adalah Informasi tersebut tidak bisa atau menyesatkan harus bebas dari kesalahan-kesalahan dan tidak bisa salah atau menyesatkan.

2. Tepat pada waktunya (timely basis) Tepat pada waktunya berarti Informasi yang dihasilkan dari suatu proses pengolahan data tidak boleh terlambat.

6 Hanif Al Fatta, Analisis Dan Perancangan Sistem informasi untuk Keunggulan Bersaing Perusahaan

Dan Organisasi Modern, Yogyakarta : Andi Offset,2007, hal.9.

3. Relevan (Relevance) Relevan maksudnya adalah Informasi tersebut harus mempunyai manfaat untuk pemakaianya.

4. Dapat dipahami Hal tersebut terkait dengan bahasa dan cara penyajian informasi agar pengguna lebih mudah dalam mengambil keputusan.

5. Dapat dibandingkan Sebuah informasi yang memungkinkan seorang pemakaiuntuk mengidentifikasi persamaan atau perbedaan antara dua objek atau kejadian yang mirip.

6. Lengkap Merupakan derajat sampai seberapa jauh informasi menyertakan kejadian-kejadian atau objek-objek yang berhubungan.

2.5 Konsep Dasar Sistem Informasi

2.5.1 Sistem Informasi Sistem informasi manajemen atau lebih dikenal dengan singkat SIM adalah

kumpulan dari interaksi-interaksi sistem informasi yang menghasilkan informasi berguna untuk semua tingkatan manajemen dan memiliki tujuan utama dan memberikan informasi yang berkulitas serta meningkatkan efesien kerja pada suatu organisasi guna mencapai sasaran dan tujuan.”

7

2.5.2 Komponen Sistem Informasi

Sistem informasi terdiri dari komponen-komponen yang disebut dengan istilah blok bangunan (building block), yaitu blok masukan, blok model, blok keluaran, blok tekonologi, blok basisdata dan blok kendali. 2.5.3 Flowchart

Flowchart atau diagram alir merupakan sebuah diagram dengan simbol-simbol grafis yang menyatakan aliran algoritma atau proses yang menampilkan langkah-langkah yang disimbolkan dalam bentuk kotak, beserta urutannya dengan menghubungkan masing masing langkah tersebut menggunakan tanda panah. Diagram ini bisa memberi solusi selangkah demi selangkah untuk penyelesaian masalah yang ada di dalam proses atau algoritma tersebut. 2.5.4 Konsep Dasar Data Flow Diagram (DFD)

Data Flow Diagram (DFD) adalah cara mempresentasikan proses model, yaitu bagaimana mengilustrasikan aktivitas-aktivitas yang dilakukan dan bagaimana data berpindah diantara aktivitas-aktivitas itu.

2.6 Konsep Dasar Database

Basis data adalah sekumpulan data yang saling berelasi. Data sendiri merupakan fakta mengenai objek, orang, dan lain-lain. Data dinyatakan dengan nilai (angka, deretan karakter atau simbol). Basis data bertujuan untuk mengatur data sehingga diperoleh kemudahan, ketepatan, dan kecepatan dalam pengambilan kembali.

7Jogiyanto,HM, Analisis dan Desain Sistem Informasi, 2005:9

2.6.1 Normalisasi Normalisasi adalah teknik yang digunakan untuk memvalidasi model data.

Serangkaian aturan dberlakuakan pada data model logis untuk meningkatkan pengaturanya.

2.7 Software-software Yang Digunakan

2.7.1 MySQL MySQL adalah RDBMS (Relational Database Management Sistem) yang

didistibusikan secara gratis dibawah lisensi GPL (General Public License). Setiap orang bebas untuk menggunakan MySQL, namun tidak boleh dijadikan produk turunan yang komersial.

2.7.2 Adobe Dreamwever

Adobe Dreamweaver adalah perangkat lunak pengembang yang bersifat komersial yang digunakan untuk mendesain web. Perangkat lunak ini dibuat dan dikembangkan oleh Adobe Systems.

2.7.3 Adobe Photoshop

Adobe Photoshop adalah perangkat lunak komersial yang digunakan sebagai editor citra yang dikhususkan untuk pengeditan foto/gambar dan pembuatan efek. Perangkat lunak ini dibuat dan dikembangkan oleh Adobe Systems.

2.7.4 XAMPP

XAMPP adalah perangkat lunak pengembang yang digunakan untuk pengembangan website berbasis PHP dan MySQL. XAMPP dibuat dan dikembangkan oleh Apache Friends.

2.7.5 Mozilla Firefox

Mozilla Firefox adalah web browser sifatnya gratis dan open source, dikembangkan untuk Microsoft Windows, OS X, dan Linux.

2.8 Metode Pengumpulan Data Metode yang digunakan penulis dalam pengumpulan data adalah :

Metode wawancara (interview) Metode langsung (observasi) Metode pustaka (library)

3. ANALISIS DAN PERANCANGAN SISTEM

3.1 Analisis Sistem 1. Identify, yaitu mengidentifikasi masalah 2. Understand, yaitu memahami kerja dari sistem yang ada 3. Analyze, yaitu menganalisis sistem 4. Report, yaitu membuat laporan hasil analisis

3.1.1 Identifikasi Masalah

Identifikasi masalah adalah langkah pertama yang dilakukan dalam analisis sistem. Masalah dapat didefinisikan sebagai suatu pertanyaan yang harus dipecahkan.

3.1.2 Analisis PIECES Analisis PIECES (Performance, Information,Economic, Control, Efficiency,

Services) bertujuan untuk mengetahui sistem yang sedang berjalan apakah masih layak atau tidak.

3.1.2.1 Analisis Kinerja(Performance)

Kinerja adalah suatu kemampuan sistem dalam menyelesaikan tugas dengan cepat sehingga sasaran dapat segera tercapai. Kinerja dapat diukur dari throughput dan response time. Throughput adalah jumlah pekerjaan yang dapat dilakukan suatu sistem tertentu. Response time adalah rata rata waktu yang tertunda diantara dua pekerjaan ditambah dengan waktu response untuk menangani pekerjaan tersebut.

3.1.2.2 Analisis Informasi (Information)

Informasi merupakan hal penting karena dengan informasi tersebut pihak manajemen (marketing) dan user dapat melakukan langkah selanjutnya. Apabila kemampuan sistem informasi baik, maka user akan mendapatkan informasi yang akurat, tepat waktu dan relevan sesuai dengan yang diharapkan.

3.1.2.3 Analisis Ekonomi (Economy) Pemanfaatan biaya yang digunakan dari pemanfaatan informasi.

Peningkatan terhadap kebutuhan ekonomis mempengaruhi pengendalian biaya dan peningkatan manfaat.

3.1.2.4 Analisis Pengendalian (Control)

Analisis ini digunakan untuk membandingkan sistem yang dianalisa berdasarkan pada segi ketepatan waktu, kemudahan akses, dan ketelitian data yang diproses.

3.1.2.5 Analisis Efisiensi(Efficiency) Efisiensi ini erat hubungannya dengan input yaitu bagaimana sumber

daya yang ada dapat digunakan seminimal mungkin sehingga tidak terjadi pemborosan.

3.1.2.6 Analisis Pelayanan(Service) Analisis pelayanan dilakukan untuk mengetahui apakah proses

pelayanan penyampaian informasi penjualan sudah berjalan dengan baik atau belum. Dalam proses yang singkat, diharapkan kebutuhan dasar atas semua data dan informasinya akan terpenuhi.

3.1.3 Analisis Kebutuhan Sistem

3.1.3.1 Kebutuhan Fungsional Jenis kebutuhan yang berisi proses-proses apa saja yang nantinya

dilakukan oleh sistem. Kebutuhan fungsional juga berisi informasi-informasi apa saja yang harus ada dan dihasilkan sistem.

3.1.3.2 Kebutuhan Nonfungsional

Kebutuhan nonfungsional adalah tipe kebutuhan yang berisi properti perilaku yang dimilikki oleh sistem.

Spesifikasi hardware dan software yang dibutuhkan untuk membuat sistem informasi berbasis website.

3.1.4 Analisis Kelayakan Sistem

3.1.4.1 Kelayakan Teknologi Secara teknis, teknologi yang digunakan untuk pengembangan

sistem mudah didapatkan. Perangkat keras dan perangkat lunak untuk mengakses aplikasi web sudah banyak tersedia di pasaran dan telah banyak pihak yang sudah menggunakannya.

3.1.4.2 Kelayakan Hukum

Kelayakan hukum yang dimaksud disini adalah untuk mengetahui apakah website yang akan diterapkan melanggar hukum atau tidak.

3.1.4.3 Kelayakan Operasional

Agar disebut layak secara operasional, website harus bisa menyelesaikan masalah yang ada pada sisi pengguna website. Website ini mampu memberikan informasi yang tepat untuk pihak-pihak yang membutuhkan, yaitu konsumen, pengunjung dan admin.

3.1.4.4 Kelayakan Ekonomi

Pengembangan suatu sistem informasi merupakan suatu investasi.investasi berarti dikeluarkannya sumber-sumber daya untuk mengembangkan sistem informasi.Sebagai hasilnya, sistem informasi yang baru diharapkan akan memberikan manfaat-manfaat yang baru.

3.2 Perancangan Sistem

Perancangan sistem dilakukan agar lebih mudah dalam pembuatan website, karena dengan melakukan ini programmer dapat mengetahui garis besar pada website yang akan dibuat.

3.2.1 Perancangan Proses

Perancangan proses yang digunakan adalah Data Flow Diagram (DFD). DFD menggambarkan arus data dari suatu sistem informasi secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut berada. Pada gambar 3.1

AdminsD1

Admin

1

Proses arus data admin

bannerD2

headerD4

Jasa kirimD5

KategoriD6

KotaD7

Main menuD8

ModulD9

Modul bankD10

Modul YMD11

Sub menuD13

ProdukD12

Data admins

Data banner

Data header

Data jasa kirim

Data kategori

Data kota

Data mainmenu

Data modul

Data modul bank

Data Modul YM

Data produk

Data submenu

Download katalog

D3

Data download katalog

Gambar 3.1 DFD Level 1 Proses 1 Proses Arus Data Admin

3.2.2 Perancangan Basis Data Perancangan basis data yang digunakan oleh penulis adalah

normalisasi.Normalisasi merupakan sebuah teknik dalam desain logika sebuah basis data, teknik pengelompokan atribut dari suatu relasi sehingga membentuk struktur relasi yang baik (tanpa redudansi).

3.2.3 Rancangan Interface Rancangan interface ini menggambarkan atau mewakili tampilan dari

website yang akan dibuat.

Halaman Utama :

Logo Gemilang Center Computer

Waktu

Home Keranjang belanjaProfil Cara pembelian Download Hubungi kamiCustom PCSemua produk

Pencarian

Banner

Kategori

Copyright © 2013 Develoved by : Mafridhoh Gemilang Center Computer

Customer service

Link terkait

Bank pembayaran

Keranjang belanja

PRODUK

BELI DETAIL

PRODUK

BELI DETAIL

PRODUK

BELI DETAIL

PRODUK

BELI DETAIL

PRODUK

BELI DETAIL

PRODUK

BELI DETAIL

PRODUK

BELI DETAIL

PRODUK

BELI DETAIL

PRODUK

BELI DETAIL

PRODUK

BELI DETAIL

PRODUK

BELI DETAIL

PRODUK

BELI DETAIL

Gambar 3.2 Halaman Utama

Halaman Admin :

Logo Gemilang Center

Computer

Menu utama

Data menu utama

Data ongkos kirim

Data pesan masuk

Lihat order masuk

Data produk

Data kategori produk

Data cara pembelian

Data selamat datang

Data profil

Data sub menu

Lihat laporan transaksi

Data jasa pengiriman

Admin

Ganti password

Edit admin

Web

Ganti header

Data rekening Bank

Data costumer service online

Data link terkait

Isi halaman utama

Home Logout View website

Waktu login

Data katalog

Gambar 3.2 Halaman Admin

4. IMPLEMENTASI DAN PEMBAHASAN 4.1 Implementasi Sistem

Tahapan Implementasi merupakan tahap penerapan dari tahap perancangan yang dituliskan pada bab tiga. Implementasi meliputi cara upload, pelatihan personil, uji coba sistem, manual program dan tindak lanjut implementasi sehingga halaman web siap untuk diakses.

4.1.1 Cara Upload

Setelah pembuatan aplikasi selesai, kini waktunya upload file ke web server online, untuk melakukan upload file ini tidaklah mudah, kita harus memiliki domain dan hosting. Dan setelah kita memiliki domain dan hosting maka kita dapat melakukan upload file aplikasi dan database.

4.1.1.1 Upload File

Sebelum kita melakukan upload file aplikasi, terlebih dahulu seluruh file harus di compres ke dalam file .ZIP. Hal ini dilakukan untuk mempermudah upload seluruh file secara bersamaan. Dan setelah seluruh file telah menjadi 1 di dalam file ZIP maka proses upload file dapat dilakukan. Dan berikut ini tahap-tahapnya :

4.1.1.2 Upload Database

Karena seluruh file aplikasi telah berhasil di upload, dan kita menggunakan database, maka kita juga harus mengupload databasenya juga

4.1.2 Uji Coba Sistem

Setelah pembuatan Website Sebagai Media Promosi Dan Penjualan Pada Toko Gemilang Center Computer Cilacap selesai di buat maka perlu dilakukan pengujian sistem, hal ini dilakukan agar tidak ada lagi kesalahan yang terjadi pada website yang telah di buat. a. Uji White Box

Uji coba white box menggunakan struktur control rancangan untuk memperoleh tase case. Didasarkan pada pengamatan yang teliti tahap detail prosedur dan jalur logika yang melewati perangkat lunak diuji dengan memberikan tase case yang menguji serangkaian kondisi atau loop tertentu. Uji white box yang dilakukan pada Website Sebagai Media Promosi Dan Penjualan Pada Toko Gemilang Center Computer cilacap dilakukan pada pemilihan halaman Keranjang belanja. Dan apabila user belum memilih produk maka akan mucul pesan error seperti gambar 4.1

Gambar 4.1 Hasil Uji White Box

b. Uji Black Box

Uji coba black box yaitu pengujian spesifikasi suatu fungsi atau modul apakah berjalan dengan sesuai dengan yang diharapkan atau tidak.Pengujian ini dilakukan pada seluruh modul yang ada.

4.1.3 Manual Program

Manual program merupakan petunjuk bagi administrator untuk dapat menggunakan aplikasi yang telah di buat. Pada manual program berisi tentang cara penggunaan program yang benar, sehingga akan lebih mempermudah administrator.

4.1.3.1 Menu User

Pada menu user terdapat 3 bagian penting, yaitu menu, utama, dan informasi.

4.1.3.2 Menu Admin

Menu admin adalah menu yang hanya bisa di akses oleh administrator saja, untuk masuk ke menu ini admin harus login dan memasukkan username dan password yang benar, setelah username dan password di terima maka akan muncul halaman admin yang berisikan 3 bagian, yaitu menu atas, menu kanan, dan utama.

4.1.4 Pemeliharaan Sistem

Tahap akhir dari proses penerapan sistem adalah tahap pemeliharaan yang terus dilakukan selama sistem masih berjalan dan tetap dipakai. Pemeliharaan dilakukan untuk sistem itu sendiri atau pun pemeliharaan data. Hal ini bertujuan agar sistem dapat berjalan dengan baik.

4.1.4.1 Pemeliharaan sistem

Pemeliharaan sistem yang dilakukan adalah mengupdate konten dari website, antara lain informasi produk, gambar produk, gambar header dan banner.

4.1.4.2 Pemeliharaan Data

Pemeliharaan data dilakukan dengan membuat backup dari website tersebut secara keseluruhan, yakni membackup file-file dan database website.

4.2 Pembahasan 4.2.1 Pembahasan Interface 1. Halaman beranda

Halaman beranda adalah halaman ketika GemilangCenterComputer.com dibuka halaman ini menampilkan semua produk.

Gambar 4. Homescreen Pengunjung

2. Halaman utama admin Halaman ini digunakan untuk menambah, edit, delet data yang ada dimenu.

Gambar 4.37 Halaman Utama Admin

5. PENUTUP 5.1. Kesimpulan

Berdasarkan uraian-uraian yang telah penulis jelaskan pad bab-bab terdahulu dan hasil rancangan serta implementasi Perancangan Website Sebagai Media Promosi dan Penjualan Pada Toko Gemilang Center Computer Cilacap. Maka dapat diambil kesimpulan, dengan adanya website ini maka Gemilang Center Computer lebih mudah untuk menyebarkan infomasi promosi kepada para konsumen dan proses transaksi menjadi lebih mudah karena konsumen tidak harus datang langsung ketoko.

5.2. Saran

Penulis menyadari bahwa pembuatan website ini masih banyak terdapat kekurangan – kekurangan yang sudah selayaknya dapat diperbaiki maupun dilengkapi oleh pengembang selanjutnya. Adapun saran – saran yang ingin penulis sampaikan, sebagai berikut :

1. Tampilan dari website ini masih kurang menarik sehingga perlu diperbaiki supaya pengunjung lebih merasa nyaman menggunakannya.

2. Untuk memudahkan konsumen perlu ditambahkan fasilitas member, agar konsumen cukup login dan tidak perlu memasukkan datanya setiap kali melakukan pemesanan.

DAFTAR PUSTAKA

Al Fatta, Hanif. 2007. Analisis Dan Perancangan Sistem informasi untuk Keunggulan

Bersaing Perusahaan Dan Organisasi Modern. Yogyakarta; Andi Offset.

Arief, M. Rudyanto. 2005. Pemograman Basis Data Menggunakan Transact-SQL dengan

Microsoft SQL Server 2000. Yogyakarta; Andi.

Jogiyanto,HM. 2005. Analisis dan Desain Sistem Informasi: Pendekatan Terstruktur Teori

dan Praktek Aplikasi Bisnis. Yogyakarta; Andi Offset .

Nugroho, Bunafit.2004. PHP & MySQL dengan Editor Dreamweaver. Yogyakarta ; Andi

Offset.

Sunarfrihantono, Bimo. 2003. PHP Dan MySql untuk Web. Yogyakarta; Andi Offset.

Suyanto, M. 2003. Strategi Periklanan pasa E-commerce Perusahaan Dunia. Yogyakarta;

Andi Offset.

Syafrizal, Melwin. 2005. Pengantar Jaringan Komputer. Yogyakarta; Andi Offset.