Sabtu, 21 Maret 2015

Tugas Web E-Commerce

Untuk tugas membuat web e-commerce, kami menggunakan HTML5. Maka dari itu kami akan membahas sedikit tentang HTML5.

HTML5

Dari penjelasan yang ada di wikipedia : HTML5 merupakan sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML dan hingga bulan Juni 2011 masih dalam pengembangan.

Dimana tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.

HTML5 merupakan hasil proyek dari W3C (World Wide Web Consortium dan WHATWG ( Web Hypertext Application Technology Working Group ).
Dimana WHATWG bekerja dengan bentuk web dan aplikasi dan W3C merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML.


Berikut tujuan dibuatnya HTML5 :

  • Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript
  • Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash )
  • Penanagan kesalahan yang lebih baik
  • Lebih markup untuk menggantikan scripting
  • HTML5 merupakan perangkat mandiri
  • Proses pembangunan dapat terlihat untuk umum

Fitur baru dalam HTML5 :

  • Unsur kanvas untuk menggambar
  • Video dan elemen audio untuk media pemutaran
  • Dukungan yang lebih baik untuk penyimpanan secara offline
  • Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav, section
  • Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.

Beberapa browser sudah mendukung HTML5 seperti safari, chrome, firefox, dan opera. Kabarnya IE9 ( Internet Explorer ) akan mendukung beberapa fitur dari HTML5.

Pembuatan HTML5 juga di karenakan Standard HTML4 yang dijumpai banyak memiliki kelemahan untuk mendukung aplikasi web yang interaktif. Akibat hal ini banyak orang menambahkan fitur baru baik disisi aplikasi web ataupun disisi browser. Solusi ini dikenal dengan plugin dan salah satunya adalah Flash dan Silverlight.

XAMPP
Xampp adalah perangkat yang menggabungkan tiga aplikasi kedalam satu paket,yaitu Apache,MySQL,dan PHPMyAdmin,Dengan Xampp pekerjaan anda sangat dimudahkan karena dapat menginstalasi dan mengkonfigurasi ketiga aplikasi tersebut dengan sekaligus dan otomatis. Dalam membuat web e-commerce ini kami tidak menggunakan xampp sebagai localhost dari web kami. Akan tetapi web kami sudah berada di bawah kendali situs : www.wix.com. Tetapi kami akan membuat tutorial untuk meng-install XAMPP di sistem operasi Windows, berikut caranya.

Cara Instal XAMPP di Windows :
  1. Download aplikasi XAMPP xampp-win32-1.8.1-VC9-installer.exe.
  2. Klik 2x file xampp yang baru saja Anda download, selanjutnya akan muncul jendela “installer language” seperti di bawah ini:
    instal xampp, xampp localhost
  3. Selanjutnya pilih bahasa. Pilih Bahasa Inggris (English). Lalu Klik OK.
  4. Terkadang pada proses ini muncul pesan error. Jika ada, abaikan saja dan lanjutkan dengan klik OK dan YES.
    2-instal-xampp
    3-instal-xamp
  5. Berikutnya akan muncul jendela yang isinya meminta Anda menutup semua aplikasi yang sedang berjalan. Jika semua aplikasi sudah ditutup, maka klik tombol Next.
    4-instal-xampp
  6. Selanjutnya Anda akan diminta untuk memilih aplikasi yang mau diinstal. Centang saja semua pilihan dan klik tombol Next.
    5-instal-xampp
  7. Kemudian Anda akan diminta untuk menentukan lokasi folder penyimpanan file-file dan folder XAMPP. Secara default akan diarahkan ke lokasi c:\xampp. Namun jika Anda ingin menyimpannya di folder lain bisa klik browse dan tentukan secara manual folder yang ingin digunakan. Jika sudah selesai, lanjutkan dan klik tombol Install.
    6-instal-xampp
  8. Tunggu beberapa menit hingga proses intalasi selesai. Jika sudah muncul jendela seperti di bawah ini, klik tombol Finish untuk menyelesaikannya.
    7-instal-xampp
  9. Berikutnya, akan muncul jendela dialog seperti gambar di bawah ini yang menanyakan Anda apakah mau langsung menjalankan aplikasi XAMPP atau tidak. Jika ya, maka klik YES.
    8-instal-xampp

Cara Menjalankan Aplikasi XAMPP

  1. Bukalah aplikasi XAMPP, bisa melalui Start Menu atau Desktopdan klik icon XAMPP. Atau, jika Anda membukanya begitu proses instalasi selesai maka klik Yes seperti yang terlihat pada gambar di atas.
  2. Setelah terbuka, silahkan klik tombol Start pada kolom Action sehingga tombol tersebut berubah menjadi Stop. Dengan mengklik tombol tersebut, artinya itulah aplikasi yang dijalankan. Biasanya jika saya menggunakan XAMPP, yang saya start hanyalah aplikasi Apache dan MySQL, karena saya tidak memerlukan aplikasi seperti Filezilla, dan lain-lain.
    9-instal-xampp
    10-instal-xampp
  3. Sekarang bukalah browser kesukaan Anda, dan coba ketikkanhttp://localhost/xampp di address bar. Jika muncul tampilan seperti gambar di bawah ini, instalasi telah berhasil.
    11-instal-xampp
Selamat, akhirnya Anda berhasil menginstal aplikasi XAMPP. Sekarang komputer Anda sudah berfungsi seperti server dan bisa menjalankan aplikasi-aplikasi berbasis web.

Fitur Web E-Commerce


asdasddsa