Pengembangan Website Penjualan Online Menggunakan Joomla 2.5

21.25

Setelah membahas pengertian dan tips untuk menjadi Young Techno Creator. Kali ini kita akan membahas beberapa siswa SMA Plus PGRI Cibinong yang berhasil menciptakan teknologi yang diharapkan bisa bermanfaat bagi banyak orang khususnya masyarakat Indonesia.

Berikut sedikit ulasannya :

Pengembangan Website Penjualan Online Menggunakan Joomla 2.5 

Website adalah keseluruhan halaman-halaman web yang terdapat dalam sebuah domain yang mengandung informasi. Sebuah website biasanya dibangun atas banyak halaman web yang saling berhubungan.

    Untuk pembuatan website ini dibutuhkan :
    1. Xampp : Sebuah software yang berfungsi untuk menjalankan website berbasis PHP dan menggunakan pengolah data MySQL di komputer local.
    2. Joomla 2.5 : Merupakan web berbasis Content Management System (CMS) dan bersifat opensource.

Berikut cara kerjanya :

Diagram Korteks

Aliran data pada diagram korteks Web penjualan online ini menjelaskan tentang data yang mengalir dari entitas admin dan entitas user ke dalam sistem Web penjualan online.

1. Entitas admin melakukan verifikasi login dengan memasukan username & password, manipulasi data informasi web. upload informasi web, menampilkan informasi data. admin juga dapat melakukan pencarian data. Data baru admin untuk mengupdate data admin. Aliran data dari sistem ke entitas admin adalah informasi pencarian data.

Proses Perancangan Admin
Flowchart Proses Login


Proses Tambah Data
Flowchart Tambah Data

Proses Ubah Data

Flowchart Ubah Data


Proses Hapus Data

Flowchart Hapus Data


2. Entitas user dapat melakukan pencarian data. Setelah itu user dapat melihat informasi data. Aliran data dari sistem ke entinitas user adalah informasi.

Proses Pemesanan Barang
Flowchart Pemesanan Barang


3. Perancangan arsitektur mencangkup struktur sistem yang digunakan. Sistem sistem digunakan adalah struktur grid. Sehinggan user tidak perlu mengikuti urutan tertentu untuk mengakses sistem ini. Struktur grid dapat dilihat pada gambar.

Gambar Struktur Grid
4. Perancangan Antarmuka
Perancangan antarmuka Web Lovawatches terdiri dari :
a. Perancangan antarmuka tampilan user
Perancangan antarmuka user merupakan halaman utama user setelah melakukan proses login yang valid. Perancagan antarmuka tampilan user dapat dilihat gambar
Perancangan antarmuka tampilan user
Tampilan antarmuka Webjoomla terdiri dari 5 bagian, yaitu :
      a. Header
          Terdiri dari logo Perusahaan web dan menu login untuk member web.
      b. Menu
          Berisi link menu ke halaman-halaman lain yang masih berhubungan dengan materi penjualan.
      c. Isi kanan
          Berisi module informasi dan iklan produk.
      d. Isi utama
          Bersisi daftar-daftar produk penjualan.
      e. Footer
          Berisi copyright pembuat system dan media pembayaran.
      f. Perancangan Input
         Perancangan input dilakukan untuk mengetahui masukan yang dibutuhkan dalam pemberian informasi untuk memasukan data. Pernacangan input dalam Web Lovawatches ini, antara lain:

1. Perancangan input login
Perancangan input login ini memiliki dua text box yang harus diisi, yaitu username dan password. Perancangan input login dapat dilihat pada Gambar dibawah ini


Username              : data nama yang valid.
Password               : kata kunci tunggal dan valid

Perancangan input login

Dalam tahap ini akan dilakukan beberapa tahap implementasi, yaitu:
1. Implementasi Antarmuka
Implementasi antarmuka pengguna umum web penjualan online diawali dengan menampilkan halaman Login Setelah memasukan username dan password yang sesuai dengan data pada awal pengistalan Joomla, maka akan masuk ke halaman administrator. Menu atas terdiri dari menu-menu yang digunakan untuk mengolah data dalam pengembangan website. Selengkapnya dapat dilihat digambar sebagai berikut:
      a. Perancangan antarmuka halaman utama user dapat dilihat pada gambar dibawah ini
Implementasi antarmuka login admin


a) Implementasi antarmuka login
Implementasi antarmuka login admin bisa ditemukan dengan mengetikan url seperti http://localhost/namafolder/administrator maka selanjutnya dapat dilihat seperti gambar.

Implementasi antarmuka login admin

b) Implementasi antarmuka halaman admin
Implementasi antarmuka halaman admin dapat dilihat pada gambar 5
Implementasi antarmuka halaman admin


c) Implementasi Perangkat Keras
Pengembangan website penjualan online dibuat dengan menggunakan perangkat keras berupa laptop HP Pavilion g series dengan spesifikasi sebagai berikut:
1. Processor Intel® Core™ i3-2310M CPU @ 2.10GHz 2.10 GHz
2. Memori 1,00 GB
3. Monitor 14’ dengan standar resolusi 1366 x 768
4. Keyboard
5. Mouse
6. Modem Smartfren CE682UI
d) Implementasi Perangkat Lunak
Spesifikasi software yang digunakan dalam pengembangan website penjualan online ini, yaitu:
1. Microsoft windows 8 Pro 32-bit sebagai system operasi
2. Adobe Photoshop CS5 sebagai manajemen gambar dan foto
3. Google Chrome sebagai web browser
4. Xammp 1.7.1 yang terdiri dari apache sebagai web server dan mysql sebagai manajemen basis data.
5. Joomla 2.5.4 sebagai manajemen pengembangan website.

Tampilan Catalog Online Web Penjualan



Tampilan Halaman Belanja Web Penjualan


You Might Also Like

2 komentar

  1. Gan apa kita harus membuat database lagi untuk membuat toko online menggunakan joombla?

    BalasHapus
    Balasan
    1. setiap kita menginstall cms (joomla yang kita pakai disini), ada pada saat dimana kita akan mengisikan kolom database name, jadi gausah susah2 bikin sendiri, nanti sudah disediakan. ikuti saja proses instalasi joomla yang benar

      Hapus