Tampilkan postingan dengan label Pengantar Web Science. Tampilkan semua postingan
Tampilkan postingan dengan label Pengantar Web Science. Tampilkan semua postingan

Selasa, 03 Mei 2016

Hasil Akhir World Pet

Pada postingan sebelumnya, saya telah mempublikasikan rancangan dan instalasi serta perkembangan aplikasi CMS World Pet. Dan kali ini saya akan memposting hasil akhirnya. Dan berikut ini adalah hasil akhirnya


Ini adalah tampilan depan dari cms World Pet, World Pet memiliki menu untuk daftar hewan, makanan hewan, dan perlengkapan hewan. Jika anda ingin memilih item yang akan anda pesan, bisa diklik item yang dipilih sehingga terlihat seperti gambar dibawah ini.


Setelah anda masuk ke menu item, jika ingin memesan silahkan klik add to cart hingga tampilan terlihat seperti dibawah ini


Untuk menyelesaikan pemesanan, klik checkout hingga tampak seperti gambar dibawah

Anda diminta untuk melengkapi nama, dan alamat pengiriman. Setelah selesai klik place order. Kemudian tampilan terlihat seperti gambar dibawah


Proses pemesanan selesai. Dan dibawah ini adalah tampilan detail transaksi anda.



Anggota kelompok:
Acep Mulya Diwargana (50414090)
Andi Muhadir Amin (51414049)
Evan Nada Virgiawan (53414684)
Fajri Yusuf (53414892)
Krisna Arief Budiman (55414917)
Muhammad Fadil Fidrian (57414184)
Muhammad Nizar Aulia (57414432)
Nalom Maruli Tua (57414789)
Rahmat Burhanudin (58414797)
Venessa Arie Putri (58411861)

2IA10

Kamis, 21 April 2016

Install CMS WordPress dan WooCommerce Web eCommerce dan Perkembangan Web World Pet


Di sini kami akan memberi tutorial menginstal web ecomerce menggunakan CMS WordPress serta plugin WooCommerce. Sebeleumnya sudah di jelaskan bahwa CMS singkatan dari Content Management System yaitu perangkat lunak yang memudahkan seseorang untuk memambahkan dan atau memanipulasi isi dari suatu situs web. WooCommerce adalah plugin untuk WordPress supaya cms tersebut bisa menjadi eCommerce.
Untuk install di komputer sendiri, bisa menggunakan xampp. Bisa di download di http://apachefriends.org
Langsung saya masuk cara penginstalan CMS WordPress
1. Download WordPress di https://wordpress.org/download
2. Lalu extract di htdocs
3. Masuk ke localhost/phpmyadmin untuk membuat databasenya.
4. Masuk ke localhost lalu di ikuti folder tempat file wordpress, lalu pilih bahasa yang di inginkan.
5. Muncul instruksi penginstalan secara manual, tapi kita pergunakan cara automatic saja, klik lets go!
6. Masukkan nama databasenya. Untuk username dan password, jika anda menginstall xampp maka default username root dan password kosong
7. Jika tidak ada pesan error, berarti wordpress dapat berkomunikasi dengan database. Klik Run the install
8. Disini kita mengisi title dan membuat akun sebagai admin

9.   Klik login
10. Masukkan username dan password admin yang sudah anda bikin pada saat instalasi.
11. Anda berhasil menginstall wordpress.
12. Setelah itu, install plugin WooCommerce dengan cara masuk ke dashboard wordpress, pilih plugin lalu add new plugin dan search plugin woocommerce, setelah itu klik install dan activate.

13. Ikuti proses konfigurasinya hingga selesai.

14. Selesai.

Untuk theme, anda bisa gunakan Storefront ( https://wordpress.org/themes/storefront/ ) atau menggunakan theme yang lainnya.
Sebagai tambahan, ada plugin yang menurut saya penting untuk di install
1. WP Slimstat Analytics https://wordpress.org/plugins/wp-slimstat/. Berfungsi untuk melihat statistik pengunjung.
2. Yoast SEO https://wordpress.org/plugins/wordpress-seo/. Membantu web anda menjadi teratas di engine.
3. Hompage Control https://wordpress.org/plugins/homepage-control/. Jika anda memilih apa saja yang tampil di homepage.
Untuk perkembangan tugas web ecomerce saya seperti ini.

Tampilan homepage web ecomerce world pet.

Tampilan detail produknya.

Tampilan Cart.

Tampilan Checkout.
Anggota Kelompok :
Acep Mulya Diwargana (50414090)
Andi Muhadir Amin (51414049)
Evan Nada Virgiawan (53414684)
Fajri Yusuf (53414892)
Krisna Arief Budiman (55414917)
Muhammad Fadil Fidrian (57414184)

Muhammad Nizar Aulia (
57414432)
Nalom Maruli Tua (
57414789)
Rahmat Burhanudin (
58414797)
Venessa Arie Putri (
58411861)
2IA10

Kamis, 24 Maret 2016

Rancangan CMS

Dalam kesempatan kali ini kami akan membahas mengenai rancangan struktur menu website E-Commerce yang kami buat bersama dengan menggunakan CMS wordpress. CMS atau Content Manajemen System merupakan perangkat lunak yang memudahkan seseorang untuk memambahkan dan atau memanipulasi isi dari suatu situs web.
Dengan adanya CMS kami dapat dengan mudah untuk manambahkan dan atau memanipulasi sebuah website.
Kelebihannya :
1.  Seo, karena menggunakan clean url
2. Ada banyak pilihan pluginnya

·        3.Banyak Pilihan Thema

Kami telah membuat sebuah website E-Commerce yang bernama WORLD PET. WORLD PET merupakan website yang menjual hewan-hewan peliharan seperti Anjing, kucing dan burung serta menyediakan pula makanan dan perlengkapan dari hewan-hewan tersebut. World Pet hanya dapat mengirimkan hewan peliharaan di daerah sekitar toko penjualan, namun untuk perlengkapan dan makanan kami dapat mengirimkan barang pesanan anda sepanjang daerah tempat tinggal anda dijangkau oleh kurir pengiriman yang kami gunakan.
Berikut adalah Struktur menu dari website kami

Anggota Kelompok :
Acep Mulya Diwargana (50414090)
Andi Muhadir Amin (51414049)
Evan Nada Virgiawan (53414684)
Fajri Yusuf (53414892)
Krisna Arief Budiman (55414917)
Muhammad Fadil Fidrian (57414184)
Muhammad Nizar Aulia (57414432)
Nalom Maruli Tua (57414789)
Rahmat Burhanudin (58414797)

2IA10