SISTEM INFORMASI PENJUALAN PERANGKAT KERAS

SISTEM INFORMASI PENJUALAN PERANGKAT KERAS KOMPUTER
BERBASIS WEB MERCURY TECH YOGYAKARTA
Naskah Publikasi
diajukan oleh
Mohammad Adiwisanghagni
06.12.1734
kepada
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
AMIKOM
YOGYAKARTA
2011
Web-Based Sales Information System Computer Hardware Mercury Tech
Yogyakarta
Sistem Informasi Penjualan Perangkat Keras Komputer Berbasis-Web Mercury
Tech Yogyakarta
Mohammad Adiwisanghagni
Jurusan Sistem Informasi
STMIK AMIKOM YOGYAKARTA
ABSTRACT
Business in the mall is currently booming, especially sales of computer hardware.
One of them is Mercury Tech Yogyakarta, computer store located in the path Wates KM 4
Yogyakarta. Likewise with internet technology, the number and range more widely. Then
look at the circumstances, it is necessary for Mercury Tech Yogyakarta to make the
internet media as a means of information dissemination and promotion.
To realize this, then it needs to be designed and built a webiste-based ecommerce site that contains information about the Mercury Tech Yogyakarta. Whether it's
the concept, product, price, specifications and so on. Website design and manufacture of
Yogyakarta Tech Mercury is expected to be able to introduce the Mercury Tech
Yogyakarta, more broadly, and can also increase the number of consumers.
To build this website, use Wordpress and other supporting software such as
Mozilla Firefox and Spanel. This website is built directly with the online system by buying
doamin and hosting first.
Keywords:
WordPress, Mozilla Firefox, Spanel, E-Commerce, Domain,
Hosting.
1.
Pendahuluan
Perkembangan dunia IT (Information Technology) sekarang ini demikian
pesatnya, apalagi di bidang Internet. Hal ini dapat terlihat dari semakin banyaknya
kalangan pengguna Internet, meluasnya jangkauan Internet hingga ke berbagai pelosok,
serta semakin mudahnya untuk kita mengakses ke dunia maya tersebut.
Usaha di bidang pertokoan pun sekarang juga sedang marak. Terutama yang
mengedepankan konsep Online (Online Shop). Online Shop adalah suatu bentuk
pertokoan informal berupa website yang digunakan untuk memasarkan produknya.
Produk Toko Online bisa berupa barang atau jasa.
Salah satunya adalah Mercury Tech Yogyakarta. Toko Komputer yang terletak di
jalan Wates KM 4 Yogyakarta, ini adalah satu dari puluhan, bahkan mungkin ratusan,
toko yang menjual hardware komputer di Yogyakarta pada khususnya dan di Indonesia
pada umumnya.
2.
Landasan Teori
2.1
Internet
Internet adalah jaringan komunikasi global yang terbuka dan menghubungkan
ribuan jaringan komputer, melalui sambungan telepon umum maupun pribadi (pemerintah
maupun swasta). (Mac Bride, 1997:1)
2.1.1
Sejarah Teknologi Internet
Internet diciptakan pada tahun 1970 oleh Departemen Pertahanan AS
(Departement Of Defense) sebagai percobaan komunikasi jaringan untuk memperbaiki
komunikasi antara pemerintah AS dan lembaga komunikasi jaringan untuk memperbaiki
komunikasi antara pemerintah AS dan lembaga penelitian tentang aplikasi militer.
Organisasi dalam Departemen Keamanan yang mulai bekerja pada Internet adalah
Defense Advanced ReSearch Projects Agency (DARPA).
2.1.2
TCP/IP
TCP / IP
merupakan
protokol
yang
membolehkan
banyak
komputer
untuk
berkomunikasi satu sama lain melintasi jaringan jarak jauh.
2.2
World Wide Web (WWW)
World Wide Web adalah sistem komunikasi dan informasi hypertext yang secara
populer digunakan pada jaringan Internet dengan operasi komunikasi data menurut
model client/server. Web client (browser) dapat mengakses multiprotocol dan informasi
hypermedia dengan menggunakan pola pengalamatan. (John December, 1997:13)
2.2.1
Pengertian Web Site atau Situs
Situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk
menampilkan informasi, gambar gerak, suara, dan atau gabungan dari semuanya itu baik
yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang
saling terkait dimana masing-masing dihubungkan dengan link-link.
2.2.2
Unsur-Unsur Web Site atau Situs
Untuk membangun situs diperlukan beberapa unsur yang harus ada agar situs
dapat berjalan dengan baik dan sesuai yang diharapkan. Unsur-unsur yang harus ada
dalam situs antara lain:
A. Domain Name.
B. Hosting
C. Scripts/Bahasa Program
D. Design Web
E. Publikasi
2.2.3
Web Client (Web Browser)
Web Browser adalah sebuah jembatan untuk menghubungkan diri ke World Wide
Web. Browser adalah software client yang memungkinkan untuk mengakses dan melihat
setiap dokumen yang ada di Web. (Scott Arpajian, Robert Mullen, 1995:6)
2.2.4
HTTP (Hypertext Transfer Protocol)
HTTP merupakan protokol yang digunakan untuk mengirim dan menerima
seluruh data melalui World Wide Web.
2.2.5
HTML (Hypertext Markup Language)
HTML digunakan untuk membuat hypertext pada Web. Disusun sebagai
semantic markup language untuk menandai struktur logika dari dokumen. HTML
2.3
E-Commerce
2.3.1
Pengertian E-Commerce
E-Commerce atau yang sering juga disebut dengan Internet E-Commerce atau
Ecom pada dasarnya mempunyai makna yang sama., yang berarti adalah penyebaran,
pembelian, penjualan, pemasaran barang dan jasa melalui sistem elektronik seperti
Internet atau televisi, www, atau jaringan komputer lainnya.
2.3.2
Penggolongan E-Commerce
Penggolongan E-Commerce berdasar sifat transaksinya, antara lain :
1. Business-to-Business (B2B)
2. Business-to-Customer (B2C)
3. Customer-to-Customer (C2C)
4. Customer-to-Business (C2B)
5. Nonbusiness E-Commerce
6. Introbusiness (Organizational) E-Commerce
2.3.3
Manfaat E-Commerce

Manfaat yang bisa diperoleh perusahaan diantaranya :
1. E-Commerce memperluas daerah pemasaran hingga ke pasar nasional dan
internasional.
2. E-Commerce dapat mengurangi biaya pembuatan, pemrosesan, pendistribusian,
penyimpanan, dan pencarian informasi yang mneggunakan kertas.
3. E-Commerce mengurangi waktu antara pengeluaran modal dan penerimaan
barang dan jasa.
4. E-Commerce memperkecil biaya telekomunikasi, karena Internet lebih murah
dibandung VANs (Value Added Networks).
5. E-Commerce dapat mengurangi biaya administrasi hingga 80% atau lebih,
mengurangi biaya purchasing hingga 5-10% dan mengurangi cycle time hingga
lebih dari 50%.
6. E-Commerce memungkinkan interaksi yang lebih dekat dengan pelanggan.
7. Layanan konsumen dan citra perusahaan menjadi lebih baik.

Manfaat E-Commerce bagi konsumen antara lain :
1. E-Commerce memungkinkan pelanggan untuk berbelanja atau melakukan
transaksi kain sepanjang tahun selama 24 jam sehari dari manapun.
2. E-Commerce menyediakan pilihan lebih banyak kepada pelanggan sehingga
pelanggan bisa memilih berabagai produk dari berbagai vendor.
3. E-Commerce dapat membuat pelanggan mendapatkan kebutuhannya dengan
mengeluarkan biaya yang lebih rendah.
4. Dalam beberapa produk, khususnya pada produk-produk digital, E-Commerce
memungkinkan pengiriman yang sangat cepat.
5. Pelanggan bisa mendapatkan informasi yang relevan dari detail produk dalam
hitungan detik, bukan lagi hari atau minggu.
6. E-Commerce memungkinkan untuk turut berpartisipasi dalam pelelangan maya
(virtual auction).
7. E-Commerce memberikan tempat bagi pelanggan yang satu untuk berinteraksi
dengan pelanggan lain.

Manfaat E-Commerce bagi masyarakat antara lain :
1. E-Commerce memungkinkan tiap individu untuk bekerja di dalam rumah dan
mengurangi perjalanan ke luar rumah untuk berbelanja.
2. E-Commerce memungkinkan sejumlah barang dijual dengan harga lebih murah.
3. E-Commerce memfasilitasi layanan umum, seperti perawatan kesehatan,
Pendidikan dan layanan sosial pemerintah yang dapat diselenggarakan dengan
biaya yang lebih rendah dengan kualitas yang lebih baik.
2.4
Manajemen Pemasaran
2.4.1
Pengertian Manajemen Pemasaran
Manajemen pemasaran adalah analisis, perencanaan, implementasi, dan
pengendalian
program
yang
dirancang
untuk
menciptakan,
membangun,
dan
mempertahankan pertukaran yang saling menguntungkan antara produsen dengan
konsumen.
2.4.2
Lima Falsafah Manajemen Pemasaran
1. Konsep Produksi (production concept).
2. Konsep Produk (product concept)
3. Konsep Penjualan (selling concept)
4. Konsep Pemasaran (marketing concept)
5. Konsep pemasaran berwawasan sosial (social marketing concept)
2.5
Pengertian Data dan Informasi
Data adalah kelompok teratur simbol-simbol yang mewakili kuantitas, tindakan,
benda dan sebagainya. (Gordon B. Davis, 1993:29). Data terdiri dari fakta-fakta dan
angka-angka seara relatif tidak berarti bagi pemakai. Sumber dari informasi adalah data.
Sedangkan informasi adalah data yang telah diolah menjadi sebuah bentuk yang berarti
bagi penerimanya dan bermanfaat dalam mengambil keputusan saat ini atau mendatang.
(Gordon B. Davis, 1993:28)
2.6
Pengertian Sistem
Sistem adalah sekelompok elemen-elemen yang terintegrasi dengan maksud
yang sama untuk mencapai suatu tujuan. (Raymond McLeod, Jr., 1995:13) Suatu sistem
yang dihubungkan dengan lingkungannya melalui arus sumber daya disebut sistem
terbuka.
2.6.1
Metodologi Siklus Hidup Sistem
Siklus Hidup Sistem (system life cycle) adalah proses evolusioner yang diikuti
dalam menerapkan sistem atau sub-sistem informasi berbasis komputer. (Raymond
McLeod, Jr., 1995:28) Metode ini terdiri dari serangkaian tugas yang erat mengikuti
langkah-langkah pendekatan sistem. Berikut ini tahap-tahap siklus hidup sistem:
1. Tahap Perencanaan
2. Tahap Analisis
3. Rancangan
4. Penerapan
5. Penggunaan
2.7
Perkembangan Internet di Indonesia
Teknologi informasi telah membuka mata dunia akan sebuah dunia baru,
interaksi baru, market place baru, dan sebuah jaringan bisnis dunia yang tanpa batas.
Disadari betul bahwa perkembangan teknologi yang disebut Internet, telah mengubah
pola interaksi masyarakat, yaitu; interaksi bisnis, ekonomi, sosial, dan budaya. Internet
telah memberikan kontribusi yang demikian besar bagi masyarakat, perusahaan / industri
maupun pemerintah.
2.8
WordPress
WordPress adalah sebuah aplikasi sumber terbuka (Open source) yang sangat
populer digunakan sebagai mesin blog (blog engine). WordPress dibangun dengan
bahasa pemrograman PHP dan basis data (database) MySQL. PHP dan MySQL,
keduanya merupakan perangkat lunak sumber terbuka (Open source software). Selain
sebagai blog, WordPress juga mulai digunakan sebagai sebuah CMS (Content
Management System) karena kemampuannya untuk dimodifikasi dan disesuaikan
dengan kebutuhan penggunanya. WordPress yang mulai dibuat sejak 2001 adalah
penerus resmi dari b2/cafelog yang dikembangkan oleh Michel Valdrighi. Ada beberapa
istilah unik yang dipakai WP, yang merupakan feature yang dimilikinya antara lain :
1. Post
2. Page
3. Permalink
a. default (‘ugly)
b. mod_rewrite (‘pretty Permalinks’)
c.
PATHINFO (‘almost pretty’)
4. Trackback
5. Widgets
6. Feed
7. Plugins
8. Theme
3.
Analisis Dan Perancangan Sistem
3.1
Analisis Sistem
Menurut Jogiyanto HM, analisis sistem dapat didefinisikan sebagai berikut :
Penguraian
dari
komponennya
suatu
dengan
sistem
informasi
maksud
untuk
yang
utuh
ke
mengidentifikasikan
dalam
bagian-bagian
dan
mengevaluasi
permasalahan-permasalahan, kesempatan dan hambatan yang terjadi dan kebutuhankebutuhan yang diharapkan sehingga dapat diusulkan perbaikannya. (Jogiyanto HM,
2005 : 129)
Di dalam tahap analisis sistem terdapat langkah-langkah dasar yang harus
dilakukan oleh analis sistem sebagai berikut :
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
Analisis Kelemahan Sistem
Untuk mengetahui kelemahan dan kelebihan dalam perancangan web Mercury
Tech Yogyakarta ini maka digunakanlah analisis SWOT. Analisis SWOT adalah metode
perencanaan strategis yang digunakan untuk mengevaluasi kekuatan, kelemahan,
peluang, dan ancaman dalam suatu perancangan.
1. Analisis Kekuatan ( Strenghts )
Kekuatan dalam web Mercury Tech Yogyakarta ini adalah Web
mempunyai sistem dan user interface yang mudah dipahami oleh user , Web
tidak terlalu berat ketika dijalankan sehingga tidak memerlukan komputer yang
mempunyai spesifikasi tinggi serta koneksi internet yang terlalu cepat.
2. Analisis Kelemahan ( Weakness )
Kelemahanya adalah Web ini hanya memperjual belikan hardware
tertentu, dan kebanyakan hanya aksesoris pendukung dari sebuah komputer.
Tidak semua hardware disediakan oleh Web ini.
3. Analisis Kesempatan ( Opportunity)
Kebanyakan toko online yang memperjual belikan hardware-hardware
komputer termasuk jenis web yang berat pada saat loading, sedangkan web
Mercury Tech Yogyakarta ini cukup ringan untuk ukuran web yang menyediakan
konten cukup banyak.
4. Analisis Ancaman ( Threats )
Saat ini sudah banyak tersedia Web sejenis hanya saja tidak terdapat
konsep yang sama pada Web sejenis yang sudah ada.
3.2
Analisis Perancangan Web
3.2.1
Analisis Kebutuhan Sistem
Dari analisis diatas maka dapat disimpulkan bahwa sistem yang
dibutuhkan
dalam perancangan Web ini adalah yang memiliki kriteria sebagai berikut :
1.
Web mempunyai sistem dan user
interface yang sederhana dan mudah
dimengerti oleh pengguna.
2.
Web tidak terlalu berat ketika dijalankan sehingga tidak memerlukan komputer
yang mempunyai spesifikasi tinggi dan koneksi internet berkecepatan tinggi.
3.
Web bersifat dinamis.
3.2.2
Analisis Kelayakan Teknologi
Dari segi kelayakan teknologi Web ini dapat dikatakan layak karena untuk
menjalankan Web ini tidak perlu spesifikasi komputer yang tinggi, serta koneksi internet
yang tidak terlalu cepat dan untuk mendapatkan komputer dan koneksi internet tersebut
sangat mudah serta harga yang relatif terjangkau.
3.2.3
Analisis Kelayakan Hukum
Dari segi kelayakan hukum Web ini juga dapat di katakan layak karena untuk
menjalankan Web di butuhkan web browser yang dapat diunduh secara gratis. Dan dari
segi kontent Web ini tidak melanggar hukum karena tidak mengandung unsur sara serta
pornografi.
3.2.4
Analisis Kelayakan Operasional
Dari segi operasional Web ini dikatakan layak karena saat ini masyarakat sudah
mampu mengoperasikan komputer dengan baik dan Web ini mudah dijalankan. Sumber
daya manusia yang di butuhkan untuk membangun Web ini sudah cukup banyak.
3.3
Perancangan Sistem
3.3.1
Definisi Sistem
Desain sistem dapat didefinisikan sebagai penggambaran, perencanaan dan
pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu
kesatuan yang utuh dan berfungsi.
3.3.2
Desain pemodelan dengan UML
Unifield Modeling Language (UML) merupakan system arsitektur yang bekerja
dalam Object Analysis and Design (OOAD) dengan satu bahasa yang konsisten untuk
menentukan, visualisasi, mengkonstruksi, dan mendokumentasikan artifak yang terdapat
dalam sistem perangkat lunak.
3.3.3
Use-Case Diagram
Use-Case Diagram menggambarkan proses secara grafis perilaku Software
aplikasi. Sebuah Use-Case Diagram mengandung :
1. Actor
a. Admin
Admin adalah seorang yang mengatur web, Admin berhak melakukan apa saja
yang berhubungan dengan website Mercury Tech Yogyakarta.
b. User
User
adalah pengguna biasa, pengunjung biasa yang hanya bisa melihat
informasi mengenai sekilas instansi, membaca berita, jajak pendapat (polling)
dan buku tamu.
2. Use-Case Diagram
Use-Case Diagram digunakan untuk menggambarkan proses yang
dilakukan oleh setiap actor dalam menjalankan atau menggunakan system.
3. Use case Description
4. Class Diagram
Class Diagram digunakan untuk melakukan visualisasi struktur class
class dari suatu sistem dan merupakan tipe Diagram yang paling banyak yang
digunakan. Class Diagram juga dapat memperlihatkan hubungan antar kelas dan
penjelasan detail tiap-tiap kelas di dalam model desain (logical view) dari suatu
sistem.
5. Sequence Diagram
Sequence Diagram menjelaskan interaksi objek yang disusun dalam
suatu urutan waktu. Diagram ini secara khusus berasosiasi dengan use case.
Sequence Diagram memperlihatkan tahap demi tahap apa yang seharusnya
terjadi untuk menghasilkan sesuatu di dalam use case.
3.3.4
Desain Database
Desain Database dimaksudkan untuk mengidentifikasi kebutuhan sistem
terhadap organisasi file dan hubungan antar entitas.
Karena interface WordPress dengan database ini terstruktur dengan sendirinya,
sebagai pengguna akhir, tidak perlu khawatir banyak tentang struktur database
WordPress. Wordpress menyediakan wpdb kelas untuk membuat tugas ini menjadi lebih
mudah.
Untuk mengembangkan sistem WordPress lebih dari sekedar engine weblog,
maka cukup dengan membuat plugins yang menggunakan koneksi database dengan
class wpdb.
3.3.5
Perancangan Antar Muka
Perancangan
antarmuka
dalam
WordPress
boleh
disamakan
dengan
perangcangan themes. Theme paling sederhana terdiri dari sebuah file style sheet dan
gambar-gambar pendukung. Untuk lebih jelasnya berikut uraian file-file yang menyusun
themes :
 style.css – Style sheet utama. Harus ada pada struktur theme.
 index.php – Template utama, jika theme menggunakan template mandiri, file ini
harus ada.
 comments.php – Template untuk komentar.
 comments-popop.php – Template untuk komentar popup.
 single.php – Template untuk posting tunggal.
 page.php – Tempalate untuk halaman situs (page).
 category.php – Template kategori.
 author.php – Template untuk info penulis.
 date.php – Template untuk tanggal/waktu.
 archive.php – Template untuk archive. Digunakan ketika ada query untuk
kategori, penulis, atau tanggal.
 Search.php – Template untuk hasil pencarian.
 404.php – Template ‘404 Not Found’, Digunakan ketika WP tidak menemukan
suatu post yang diminta.
4.
Implementasi Sistem
4.1
Implementasi Sistem
Dalam simulasi penelitian ini, aplikasi yang dirancang langsung dijalankan pada
jaringan yang terhubung dengan koneksi internet. Pemilihan media ini lebih efisien dan
efektif dalam proses pembuatan aplikasi web.
4.1.1
Konfigurasi Web Hosting
Konfigurasi web hosting dimulai dari membeli domain name dan hosting dari
situs situs yang menjual domain dan hosting bisa dari server lokal ataupun server luar.
Dalam penelitian ini penulis membeli domain serta hosting dari server lokal. Selain lebih
mudah dalam penggunaanya, server lokal lebih cepat dan lebih mudah maintenance-nya.
Penulis menggunakan domain dan hosting dari http://masterweb.net. Setiap web hosting
pasti mempunyai panel kontrol masing masing, dan panel kontrol yang disediakan oleh
http://masterweb.net adalah Spanel.
Spanel adalah sebuah panel kontrol hosting berbasis Web (seperti halnya
cPanel/WHM, Plesk, dll). Tujuan dikembangkannya Spanel adalah membuat panel
kontrol yang aman, terjangkau, sederhana, mudah dipakai, dan memiliki bahasa
pengantar bahas Indonesia, dan tersedia juga Spanel dalam bahasa Inggris. Spanel
pertama kali dikembangkan di perusahaan hosting Indonesia, Masterweb (MWN). Berikut
adalah pemhasan tentang Spanel :
Tampilan Spanel :
4.1.2
Konfigurasi Database
Langkah selanjutnya adalah pembuatan database. Proses ini dapat dilakukan
dengan menggunakan submenu MySQL dari menu Database yang sudah disediakan
oleh Spanel. Pembuatan database dilakukan dengan cara klik tambah database pada
menu MySQL. Setelah itu inputkan data pada menu pembuatan database tersebut.
Berikut gambar pembuatan database.
Namun dalam hal ini penulis tidak membuat database baru, karena database
terbuat dengan sendirinya di PhpMyAdmin setelah melakukan instalasi aplikasi
WordPress yang akan dijelaskan pada konfigurasi aplikasi. Inilah keuntungan dari
menggunakan Instaler Aplikasi WordPress yang disediakan oleh Spanel. Fitur ini
memudahkan admin untuk mencipatakan sebuah situs web berbasis WordPress.
4.1.3
Konfigurasi Aplikasi
1. Instalasi WordPress
Instalasi WordPress dilakukan dengan Login Spanel, masuk ke menu
File > Installer Aplikasi. Pilih tambah baru dan pilih aplikasi WordPress. Isi
parameter-parameter yang diperlukan seperti nama subdomain yang ingin
diinstal, alamat email admin, dsb, kemudian pilih Submit.
2. Log In Administrator WordPress
Setelah berhasil menginstal aplikasi WordPress, untuk melakukan editing
WordPress harus masuk terlebih dahulu ke Dashboard WordPress dengan cara
login ke Administrator WordPress dengan mengetikan URL pada web browser
http://namawebsite.com/wp-admin.
3. Dashboard Administrator WordPress
Dashboard Administrator WordPress merupakan halaman control panel
admin pada WordPress. Di halaman ini semua editing yang berhubungan dengan
halaman WordPress dilakukan oleh admin.
4. Instalasi Tema WordPress
Instalasi tema dilakukan dengan cara masuk ke menu appearance,
theme, install theme. Tema WordPress dapat di install dengan 2 cara, upload
dari hardisk komputer atau langsung dari theme directory WordPress. Dalam hal
ini yang digunakan adalah upload file tema dari hardisk komputer. Tema yang
digunakan adalah RT-Theme 13 1.0.4 by Tolga Can.
5. Instalasi Plugins
Instalasi Plugins dilakukan dengan cara masuk ke menu Plugins, add
new Plugins.
6. Pembuatan Pages
Pembuatan Page website ini dilakukan dengan cara masuk ke menu
Pages dalam Dashboard WordPress, kemudian pilih add new Pages.

Contact us
Page ini berisi data dari toko komputer Mercury Tech Yogyakarta dan
contact form yang bisa di isi oleh pelanggan.

Form Order
Page ini berisi kolom parameter form order yang harus di isi oleh
pelanggan apabila akan melakukan transaksi pembelian dari situs ini.

Form Konfirmasi Pembayaran
Page ini berisi kolom parameter form pembayaran yang harus di isi oleh
pelanggan setelah pelanggan melakukan pembayaran atas transaksi
yang sudah dilakukan di situs ini.

Pemesanan
Page ini merupakan halaman aturan atau tata cara bertransaksi baik
lewat pembelian secara online ataupun offline.

Privacy Policy
Page ini merupakan Page privacy policy yang harus ada di setiap
website baik itu website e-commerce atau bukan.

Product
Page ini berisi tampilan thumbnail dari semua produk-produk yang
ditawarkan di situs ini. Karena tidak ada keterangan mengenai Page
produk ini, Page ini tidak menggunakan skrip html yang harus di
inputkan saat pembuatan Page. Page ini hanya sebatas gallery yang
menampilkan semua produk-produk Mercury Tech Yogyakarta. Isi
lengkap tentang apa yang ada dalam halaman produk ini akan dibahas
di sub bab Pembuatan Product.
7. Pembuatan Category Product
Kategori produk dibuat dengan cara masuk ke menu Product dan pilih
Product Category. Disana akan tertera tulisan Add new Product Category,
kemudian isikan form-form yang tersedia mulai dari nama kategori, slug, parent,
dan description. Parent disini bertindak sebagai induk dari kategori produk,
dengan kata lain di dalam situs web ini parent merupakan kategori utama dan
yang didalam parent merupakan tipe, jenis atau merek tertentu dari sebuah
vendor perangkat keras yang di tawarkan. Kategori yang dibuat untuk situs web
ini antara lain :

Accessories (Parent) - Xigmatex

Casing (Parent) - Xigmatex

Memory (Parent) -G-SKILL

Power Supply (Parent) - Muscle Power - Seasonic
8. Pembuatan Product
Halaman produk menampilkan keseluruhan produk yang ditawarkan oleh
situs ini. Hal yang perlu diperhatikan dalam pembuatan produk adalah
penempatan produk pada kategori produk yang harus sesuai. Langkah awal
pembuatan produk adalah masuk ke menu Product pada Dashboard WordPress
dan pilih menu Add New, kemudian isikan kolom-kolom yang tersedia sesuai
dengan produk yang akan dibuat, mengupload gambar produk dan juga
menempatkan produk pada kategorinya masing masing.
9. Pembuatan Home Page Slider
Home Page Slider merupakan tampilan utama home yang bisa bergeser.
Membuatnya dengan masuk ke menu Home Page Slider pilih Add new kemudian
isikan kolom kolom yang ada termasuk meng-upload featured image guna untuk
menampilkan
gambar.
Umumnya
pada
situs-situs
e-commerce
yang
menggunakan Home Page Slider yang dibuat adalah produk produk unggulan
dari situs situs tersebut. Di situs ini hanya ada 3 Home Page Slider yang dibuat.
Ketiganya memang merupakan produk unggulan dari situs Mercury Tech
Yogyakarta. Berikut tampilan form pembuatan Home Page Slider dan list Home
Page Slider yang dibuat.
10. Pembuatan Home Page Contents
Home Page Contents merupakan tampilan utama home seperti Home
Page Slider. Membuatnya dengan masuk ke menu Home Page Contents pilih
Add new Box kemudian isikan kolom kolom yang ada termasuk meng-upload
featured image guna untuk menampilkan gambar. Umumnya pada situs-situs ecommerce yang menggunakan Home Page Contents. Berikut tampilan form
pembuatan Home Page Contents dan list Home Page Contents yang dibuat.
Terdapat 5 Menu Home Page Contents yang dibuat di situs ini.
4.2

Service

Pemesanan

Products

Shopping Online

Feeling Fine
Hasil Implementasi
Hasil implementasi dari beberapa konfigurasi yang dilakukan pada pembuatan
website kali ini dapat dilihat menggunakan web browser. Web browser yang digunakan
adalah Mozilla Firefox. Berikut ini adalah beberapa tampilan hasil implementasi
perancangan website Mercury Tech.
1. Halaman Home
Halaman ini dirancang sebagai halaman utama yang berisi menu-menu ke
halaman selanjutnya. Berikut tampilan halaman home.
2. Halaman Products
Halaman ini menampilkan produk produk yang dijual oleh Mercury Tech
Yogyakarta Online Shop. Berikut tampilan beberapa produk.
3. Halaman Contact-Us
Halaman ini menampilkan profile dari Mercury Tech Yogyakarta Online Shop.
Berikut tampilannya.
4. Halaman Form Order
Halaman ini menampilkan form yang harus diisi untuk melakukan transaksi
pembelian secara online. Berikut tampilannya.
5. Halaman Form Konfirmasi Pembayaran
Halaman ini merupakan verifikasi dari halaman form-order yang telah diisi oleh
pembeli dan telah melakukan pembayaran. Berikut tampilannya.
6. Halaman Pemesanan
Halaman ini menampilkan tata cara pemesanan manual produk dari website ini.
Berikut tampilannya.
4.3
Testing / Pengetesan Program
4.3.1
Pengujian White Box
Pengujian white box kadang-kadang disebut dengan pengujian glass box.
Pengujian glass box adalah metode desain test case yang menggunakan struktur control
desain procedural untuk memperoleh test case. Dengan pengujian white box perekayasa
sistem dapat melakukan tes case yang :
1. Memberikan jaminan bahwa semua jalur independent pada suatu modul telah
digunakan, paling tidak satu kali.
2. Menggunakan semua keputusan logis pada sisi true dan false.
3. Mengeksekusi semua loop pada batasan mereka dan pada batas operasional
mereka.
4. Menggunakan struktur data internal untuk menjamin validitasnya. Contoh uji coba
white box adalah testing konversi. Uji coba ini dinyatakan berhasil apabila fungsifungsi pada perangkat lunak sesuai dengan yang diharapkan.
4.3.2
Pengujian Black Box
Pengujian black box berfokus pada persyaratan fungsional perangkat lunak.
Dengan demikian pengujian black box memungkinkan perekayasa lunak mendapat
serangkaian kondisi input yang sepenuhnya menggunakan persyaratan fungsional untuk
semua program. Pengujian black box bukan merupakan alternative dari teknik white box,
tetapi merupakan pendekatan komplementer yang memungkinkan besar mampu
mengungkap kesalahan daripada metode white box.
Pengujian black box berusaha menemukan kesalahan dalam kategori sebagai
berikut :
1.
Fungsi-fungsi yang tidak benar atau hilang
2.
Kesalahan interface
3.
Kesalahan kinerja
4.
Inisialisasi dan kesalahan terminasi
Dalam hal ini, yang digunakan untuk melakukan testing adalah white box testing.
Kesalahan yang mungkin terjadi dari suatu program adalah kesalahan bahasa,
kesalahan waktu proses, dan kesalahan logika. Berikut adalah hasil dari tes :
Tabel Hasil Tes Tiap Halaman
5.
Halaman
Hasil Tes
Home
Baik
Products
Baik
Contact-Us
Baik
Form Order
Baik
Form Konfirmasi Pembayaran
Baik
Informasi (Cara Belanja, Cara Pembayaran, Pemesanan)
Baik
Kesimpulan
Setelah melalui tahap analisis, perancangan, implementasi, dan pengujian yang
dijabarkan dalam setiap bab penulisan ini, penulis dapat mengambil kesimpulan bahwa
sebuah
website
penjualan perangkat keras komputer
dapat
dibentuk
dengan
menggunakan engine weblog WordPress yang sudah terkonfigurasi dan dapat
menyajikan
fungsi-fungsi
penjualan
seperti
menawarkan
barang
dengan
menampilkannya di halaman Product, menjual produk, menerima pemesanan, dan
menindak lanjuti proses penjualan produk.
Website juga sudah memenuhi :

Menyediakan informasi detail produk yang diperjualkan dalam Toko
Mercury Tech Yogyakarta.

Tampilan dari website juga sudah sesuai dengan konsep yang disajikan
Toko Online, dan di sisi lain juga memiliki user interface yang menjanjikan
bagi pengunjung website.

Website yang easy use serta friendly dan cukup cepat untuk diakses,
mengingat para pengguna Internet tidak menyukai waktu loading yang
lama.

Menggunakan
plugins
SEO
(Search
Engine
Optimization)
untuk
mempercepat pencarian pada mesin pencari seperti Google dsb.
5.2
Saran
Dalam perancangan dan pembangunan website ini penulis dengan sangat
menyadarai masih memiliki banyak kekurangan dalam pembangunan website
serta
penulisan laporan, diharapkan dapat diperbaiki dan dilengkapi oleh pengembang
selanjutnya. Adapun saran-saran yang ingin penulis sampaikan diantaranya adalah :
1. Dalam pembuatan website hanya terdapat satu administrator, sangat disarankan
agar dapat dikembangkan menjadi memiliki super administrator, agar hak akses
yang dimiliki admin memiliki batasan batasan tersendiri.
2. Disarankan untuk menambah fasilitas User Personalized Setting, dimana setiap
user nantinya memiliki informasi dari akun masing-masing.
3. Fasilitas pemesanan online pada website ini belum maksumal, disarankan untuk
dikembangkan agar dapat dimaksimalkan.
4. Selain aspek efektifitas dan efisiensi, hendaknya aspek keamanan dari sebuah
situs juga harus dimaksimalkan untuk menghindari hal-hal yang tidak di inginkan,
sangat disarankan untuk pengembang selanjutnya memperbaiki aspek ini.
5. SEO (Search Engine Optimization) dalam website ini juga masih kurang
maksimal, disarankan kepada pengembang selanjutnya untuk memaksimalkannya
agar mendapat peringkat tinggi di mesin pencari.
Akhir kata, semoga penyusunan laporan ini dapat bermanfaat bagi semua pihak
yang membutuhkannya.
DAFTAR PUSTAKA
Bride, Mac.1997. Internet. Jakarta: PT.Keisaint Blanc.
Davis, Gordon, B.1993. Kerangka Dasar Sistem Informasi Manajemen. Jakarta: PT.
Pustaka Binaman Pressindo.
th
December, J.1997. The World Wide Web Unleashed. (4 ed) Indianapolis, IN:
Sams.net Publishing
December, J.1997. Introducing the World Wide Web. In The Internet Unleashed
1997. (3rd ed.). Indianapolis. IN: Sams.net Publishing
Jr, McLeod, Raymond.1995. Sistem Informasi Manajemen Jilid I. Edisi Bahasa
Indonesia. Jakarta: Salemba Empat
Arlow,Jim & Neustadt, Ila. 2005. UML 2 and the Unified Process: Practical ObjectOriented Analysis and Design, (2nd ed). Canada: Addison-Wesley
Professional.
Jogiyanto, HM. 2005. Analisis dan Desain Sistem Informasi. Yogyakarta: Andi
Offset.
Sumber-Sumber Online (diakses antara Oktober 2011- November 2011)
http://www.wordpress.org/
http://codex.wordpress.org/
http://kb.masterweb.net/b/r/
http://forums.masterweb.net/
http://www.scoutpress.de/download/wp_Template_Hierarchy.png
http://en.wikipedia.org/
http://id.wikipedia.org/