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/
