Design Screen Layout HASIL DAN PEMBAHASAN

Pada rancangan halaman store online ini akan menjelaskan mengenai produk-produk yang akan diperjual belikan secara online, dengan terlebih dahulu memilih kategori produk yang akan dipesan kemudian pilih produk yang akan dipesan, tetapi sebelumnya pengunjung website haruslah melakukan registrasi terlebih dahulu apabila ingin melakukan pemesanan produk. Untuk rancangan halaman produk adalah seperti pada gambar 4.14 Rancangan Halaman produk. Gambar 4.15. Perancangan Layout Halaman Produk :: BANNER: Home | Store Online | GuestBook | Contact Us Time Main Menu Link1 Link2 Link3 Link4 Pengunjung Browse Order by: Display: Nama Produk Product Details Rp. xxx Quantity Average customer rating Add to Cart 3 Perancangan Layout Tampilan Shooping Cart linkl Gambar 4.16. Perancangan Layout Halaman Shooping Cart Dalam rancangan halaman shooping cart ini yang merupakan halaman yang akan mengkalkumulasikan harga pemesanan setiap produk yang telah dipesan oleh pengunjung website ataupun customer. Dijelaskan dalam halaman ini mengenai penambahan produk dan penambahan item per produk. Setelah selesai pemesanan maka klik checkout, maka akan masuk pada tampilan pengisian biodata pemesanan. Untuk rancangannya dapat dilihat pada gambar 4.16 Rancangan halaman shooping cart. :: BANNER: Home | Store Online | GuestBook Time Cart Name Sku Price Quantity Subtotal Update xxxx xxx Rp. xxx Rp.xxx Hapus Sub-Total: Rp. xxx Total : Rp. xxx CONTINUE SHOPPING CHECKOUT Pengunjung Main Menu Link1 Link2 Link3 Link4 4 Perancangan Layout Registrasi Gambar 4.17. Perancangan Layout Halaman Registrasi Halaman registrasi ini dibuat untuk mengisi data –data pengunjung, seperti nama, nama pengguna, email dan password. Pada halaman registrasi ini nantinya akan menjadi acuan untuk biodata pengunjung yang dapat dijadikan subjek apabila pengunjung itu melakukan pemesanan produk ataupun mengisi forum tanya jawab yang ada pada website tersebut. Untuk rancangan halaman registrasi ini adalah seperti gambar 4.17 Rancangan Halaman Registrasi. :: BANNER: Home | Store Online | GuestBook | Contact Us Time Main Menu Link1 Link2 Link3 Link4 Registration Name : Username : Email : Passsword : Verify Password : Send Registration Akun anda telah dibuat dan link untuk aktivasi telah dikirim ke alamat e-mail yang anda daftarkan. Anda harus melakukan aktivasi sebelum anda dapat melakukan login. Aktivasi dilakukan dengan mengunjungi link aktivasi yang terdapat di dalam e-mail. Pengunjung 5 Perancangan Layout GuestBook Gambar 4.18. Perancangan Layout Halaman GuestBook Dalam halaman forum atau guestbook ini dimaksudkan untuk setiap pengunjung dapat mengisi forum tersebut. Untuk forum itu bisa berisi komentar maupun saran ataupun pertanyaan –pertanyan yang berhubungan dengan website ini. Untuk rancangannya dapat dilihat pada gambar 4.18. Save new entry :: BANNER: Home | Store Online | GuestBook | Contact Us View Guestbook Add new guestbook entry Name : email : location : homepage : Rating : Content : Anti-spam : Im1sGe3x question Your answer : Pengunjung Time Main Menu Link1 Link2 Link3 Link4 Save new entry

4.3. Implementasi

4.3.1. Perangkat Keras Hardware

Dalam implementasi Aplikasi E-commerce Aromatherapy Berbasis Content Management System , perangkat keras yang peneliti gunakan adalah komputer dengan spesifikasi antara lain: 1. Processor : IntelR AtomTM CPU N450 1.66GHz 1.67GHz 2. Memory : 1.00 GB RAM 3. Hardisk : 150 GB 4. Monitor : 10 Inc 5. Printer : Hp Deskjet D2666

4.3.2. Perangkat Lunak Software

Pada pembuatan Aplikasi E-commerce Aromatherapy Berbasis Content Management System ini, peneliti menggunakan PHP sebagai bahasa sdripting, Apache Web Server, dan MySQL sebagai pengolah database dengan paket Xampp .

4.4. Langkah-langkah Hosting dan Alamat

Agar website yang buat dapat dikunjungi oleh masyarakat luas maka perlu dipublikasi melalui jaringan internet, dimana hal ini perlu dilakukan proses upload . Penulis mendapatkan nama domain dan ruang space hosting dengan cara mencari alamat hosting yang gratis yaitu freetzi.com di internet dan nama servernya. Langkah-langkah proses upload akan dijelaskan sebagai berikut : 1. Siapkan folder yang akan di upload yaitu folder yang akan di upload. 2. Gunakan komputer yang telah terkoneksi dengan internet, buka browser Mozilla Firefox, pada address bar ketikkan http:www.freetzi.com Gambar 4.19. Tampilan Freetzi Hosting 3. Register terlebih dahulu pada free hosting freetzi.com 4. Isi nama domain yang akan dipakai misalkan http:vikoaromatherapy.freetzi.com Gambar 4.20. Tampilan Input Nama Domain 5. Setelah sesesai masuk ke member area Selanjutanya akan muncul form untuk meminta input username dan password, Gambar 4.21. Tampilan Member Area 6. Jika username dan password yang masukkan benar, maka akan dibawa pada halaman Cpanel Gambar 4.22. Tampilan C-Panel 7. Klik ikon File Manager, maka browser akan membuka jendela baru yang menampilkan halaman File Manager.