• Tidak ada hasil yang ditemukan

Perancangan Website E-Commerce Fashion Second Branded Chapter III V

N/A
N/A
Protected

Academic year: 2017

Membagikan "Perancangan Website E-Commerce Fashion Second Branded Chapter III V"

Copied!
23
0
0

Teks penuh

(1)

3.1. Perancangan Sistem

Perancangan sistem merupakan upaya perusahaan untuk memulai memiliki sistem baik yang lama maupun yang baru. Perancangan sistem dilakukan setelah mendapat gambaran dengan jelas apa yang harus dilakukan. Desain sistem secara

umum mengidentifikasikan komponen-komponen sisteme-Commerce yang akan didesain secara terperinci.

Tujuan perancangan sistem:

a. Untuk memenuhi kebutuhan pemakaian sistem (user).

b. Untuk memberikan gambaran yang jelas dan menghasilkan rancangan

bangunan yang lengkap kepada pemrograman komputer dan ahli-ahli teknik lainnya yang terlibat dalam pengembangan atau pembuatan sistem.

3.2. Perancangan Database

Database merupakan kumpulan dari data yang saling berhubungan satu dengan

lainnya, tersimpan di simpanan luar computer. Database merupakan salah satu komponen yang penting dalam sistem informasi yang berbasis e-Commerce, karena berfungsi sebagai basis penyedia informasi bagi para pemakainya. Karena

(2)

yang terkandung didalamnya. Berikut ini adalah langkah-langkah perancangan

database yang penulis gunakan untuk membangun sisteme-Commerceini :

3.2.1. Field Name

Tabel 3.1. Tabel Dalam Database

No Table Name

1 admin

2 filter

3 katalog

4 keranjang

5 konfirmasi

6 order

7 pelanggan

8 produk

9 tb_bobot

10 tb_user

(3)

3.2.2. Field Table

Tabel 3.2. Field Tabel Dalam Database

No Table Name Field Name

1 Admin - id_admin

- username

3 Katalog - id_katalog

- kode_brg

4 Keranjang - id_keranjang

(4)

5 Konfirmasi - id

- no_orderr - nama_rek - bank - total

6 Order - no_order

- token

7 Pelanggan - id_pelanggan

- username

8 Produk - kode_brg

(5)

9 tb_bobot - kodebrng - harga - warna - motif - bahan

10 tb_order - kode_brg

- id_user

Flowchart ini menjelaskan tentang bagaimana alur dan bentuk dari halaman

utama Perancangan Website E-Commerce Fashion Second Branded. Flowchart berisi menu-menu dan sub menu yang bisa digunakan pengunjung untuk melihat produk-produk Website E-Commerce Fashion Second Branded. Flowchart menu

(6)

Gambar 3.1. Flowchart

Flowchart diatas menjelaskan tentang login pelanggan yang sudah mempunyai

akun member di Website E-Commerce Fashion Second Branded. Untuk masuk menjadi member harus login terlebih dahulu dengan cara input kombinasi

usernamedanpassword. Jikausernamedanpasswordbenar makauserakan login sebagai member. Jika kombinasinya salah maka user akan diberitahu bahwa username dan password salah. User terlebih dahulu harus registrasi di halaman

(7)

3.3.1. Simbol-Simbol DFD dan Flowchart Tabel 3.3. Simbol-Simbol DFD dan Flowchart

No Gambar Nama Fungsi

1. Kesatuan Luar

2. Proses (Process) Kegiatan dari hasil

(8)

4. Penyimpanan Data

6. Perintah Dasar Petunjuk untuk

setiap aplikasi program.

7. Proses Data Proses data dari

aplikasi yang tersedia.

8. Aplikasi Program Aplikasi-aplikasi

yang terdapat pada website tersebut.

9. Database Tempat

(9)

3.4. Algoritma Program

Bahasa pemrograman semakin banyak dipelajari oleh banyak orang. Hal ini terkait dengan kemajuan zaman yang menjadikan teknologi sebagai hal penting untuk

menunjang kemajuan. Bagi pembaca yang ingin mempelajari bahasa pemrograman, hal dasar yang harus dipahami adalah algoritma pemrograman tersebut. Untuk mengerti apa itu algoritma pemrograman, silahkan simak pembahasan di bawah ini.

Dalam matematika dan ilmu komputer, algoritma adalah urutan atau langkah-langkah untuk penghitungan atau untuk menyelesaikan suatu masalah yang ditulis

secara berurutan. Sehingga, algoritma pemrograman adalah urutan atau langkah-langkah untuk menyelesaikan masalah pemrograman komputer.

Dalam pemrograman, hal yang penting untuk dipahami adalah logika kita

dalam berpikir bagaimana cara untuk memecahkan masalah pemrograman yang akan dibuat. Sebagai contoh, banyak permasalahan matematika yang mudah jika diselesaikan secara tertulis, tetapi cukup sulit jika kita terjemahkan ke dalam

pemrograman. Dalam hal ini, algoritma dan logika pemrograman akan sangat penting dalam pemecahan masalah. Adapun algoritma yang dibuat penulis dalam

pembuatan Perancangan Website E-Commerce Fashion Second Branded adalah sebagai berikut:

3.4.1. Algoritma Home

Berfungsi menampilkan halaman utama (Homepage)websitePerancangan Website E-Commerce Fashion Second Branded.

(10)

Firefox, ketikkan padaaddress bar “localhost/chadstore” kemudian

tekan enter atau klik icon “Go” pada sudut kanan address bar. Langkah 2 : Setelah itu pilihindex.phpuntuk memunculkan halaman utama atau

halaman index.

Langkah 3 : Setelah halamanindexmuncul, maka terdapat berbagai menu yang telah disediakan diantaranya,

pojok kanan layar anda.

3.4.2. Algoritma Pemesanan Produk

Berfungsi menampilkan halaman produk yang dijual pada website Perancangan Website E-Commerce Fashion Second Branded.

Langkah 1 : Klik menu Shop pada halaman utama website, setelah masuk ke

halaman Shop pengunjung dapat memilih kategori yang diinginkan dengan beragam jenis produk dalam setiap kategori. Klik

kategori yang diinginkan, maka produk yang sesuai dengan kategori yang dipilih akan muncul. Kemudian klik jenis produk dari kategori kemudian klik nama produk. Akan muncul keterangan

(11)

Langkah 2 : Pembeli masih dapat membatalkan atau menambah produk yang

ingin di beli. Setelah benar-benar produk ingin di beli, pembeli harus mengklik proses checkout. Kemudian sistem akan

mengarahkan ke dalam halaman login member atau halaman register.

Langkah 3 : Data diri pembeli dan produk yang dibeli akan masuk ke dalam

database admin untuk di proses, kemudian pembeli akan menerima konfirmasi detail orderan melalui e-mail/sms.

Langkah 4 : Jika sudah mendapatkan konfirmasi nomor orderan, selanjutnya pembeli harus melakukan transfer (1x24 jam) ke nomor rekening yang sudah tertera pada website.

Langkah 5 : Setelah melakukan transfer, pembeli harus login ke website dan mengisi data formconfirmation paymentyang ada di menu halaman utama.

Langkah 6 : Admin akan mengecek apakah konfirmasi sudah sesuai dengan orderan, jika sudah maka akan dilanjutkan ke proses pengiriman

produk ke alamat pembeli yang diberikan pada saat daftar sebagai member.

3.4.3. Algoritma Member

Berfungsi menampilkan halaman login bagi member dan register bagi yang ingin menjadi member padawebsitePerancangan Website E-Commerce Fashion Second

(12)

Langkah 1 : Klik Login pada menu home atau Index maka akan muncul

menu login, kemudian masukkan username dan password. Sekarang pembeli masuk sebagai member.

Langkah 2 : Bagi yang belum menjadi member, pembeli bisa melakukan register dengan mengklik menu sign up pada halaman utama. Langkah 3 : Kemudian pembeli diminta untuk menginput data-data pada form

register, jika sudah klik Daftar. Pembeli akan otomatis login sebagai member.

Langkah 4 : Klik menu Log Out jika ingin keluar sebagai member.

3.4.4. Algoritma Search

Berfungsi untuk mempermudah pembeli dalam memilih barang yang akan dibeli padawebsitePerancangan Website E-Commerce Fashion Second Branded.

Langkah 1 : Pada halaman Index terdapat kotak Search yang berfungsi untuk

membantu pengunjung dan pembeli mencari data produk yang diinginkan tanpa melihat dari kategori.

Langkah 2 : Masukkan nama produk yang ingin di cari misalnya “macbeth

shirt”. Maka akan tampil produk dengan nama yang dicari.

3.4.5. Algoritma Admin

(13)

Langkah 1 : Aktifkan server yang digunakan, Apache, Xampp, Wampp

dll. Kemudian aktifkan browser Internet Explorer atau Mozilla Firefox, ketikkan pada address bar “localhost/chadstore/admin”

kemudian tekan enter atau klik icon “Go” pada sudut kanan address bar.

Langkah 2 : Isiusernamedanpasswordsebagai admin pada form login admin.

Langkah 3 : Jikausernamedanpasswordbenar, user akan dialihkan ke halaman khusus admin.

3.4.6. Algoritma Tambah Produk

Berfungsi untuk administrator dalam menambahkan produk-produk yang akan

dijual padawebsitePerancangan Website E-Commerce Fashion Second Branded. Langkah 1 : Setelah login sebagai admin, akan ada menu-menu pada halaman

admin. Pilih menu product kemudian klik tambah produk.

Langkah 2 : Pada halaman tambah product, admin akan diminta untuk mengisi data-data produk dan mengupload gambar produk.

(14)

4.1. Pengertian Implementasi Sistem

Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan desain yang ada dalam dokumen desain sistem yang disetujui dan menguji, menginstal, memulai, serta menggunakan sistem yang baru atau sistem yang diperbaiki.

Penggunaan suatu komputer untuk pemecahan masalah membutuhkan suatu sistem yang baik, sehingga memungkinkan berhasilnya komputer dalam

melaksanakan tugasnya, yaitu mengolah data menjadi informasi. Langkah implementasi yang dilakukan dalam menyelesaikan Perancangan Website E-Commerce Fashion Second Branded sebagai berikut:

1. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang website.

2. Menyelesaikan rancangan sistem.

3. Menulis, menguji, mengontrol dan mendokumentasikan website. 4. Mendapatkan persetujuan.

4.2. Tujuan Implementasi Sistem

Adapun tujuan-tujuan dari implementasi sistem, yaitu:

1. Mengkaji rangkaian sistem baik dari segi software maupunhardware sebagai sarana pengolah data penyaji informasi.

(15)

3. Memastikan bahwa pengunjung dapat mengoperasikan dengan mudah

terhadap sistem yang baru dan mendapat informasi yang baik dan jelas. 4. Memperhitungkan bahwa sistem telah memenuhi permintaan pemakai yaitu

dengan menguji sistem secara menyeluruh.

5. Memastikan bahwa sistem yang telah berjalan dengan lancar dengan mengontrol dan melakukan instalasi secara benar.

4.3. Komponen-Komponen Kebutuhan Sistem

Komponen-komponen yang sangat berperan dalam menunjang penerapan sistem

yang dirancang pengolahan data. Beberapa komponen yang dibutuhkan sistem untuk dapat beroperasi dengan baik antara lain:

4.3.1. Hardware

Hardware merupakan komponen yang sangat dibutuhkan dalam mewujudkan sistem yang diusulkan. Dalam hal ini penulis dapat merincikan spesifikasi

komponenhardwareyaitu: 1. Harddisk minimal 500GB 2. RAM minimal 512MB

(16)

4.3.2. Software

Hardware tidak dapat memecahkan suatu masalah tanpa adanya komponen software. Adapun software yang digunakan dalam Perancangan Website

E-Commerce Fashion Second Branded ini adalah: 1. Sistem Operasi Windows

2. Sublime Text 2

3. XAMPP 4. Browser

4.3.3. Brainware

Brainwareadalah sumber daya manusia yang akan berperan sebagai user ataupun administrator. Administrator harus mengerti tentang bahasa pemrograman PHP

dan MySQL serta mengerti akan jalannya sistem. Sedangkan user tidak harus memiliki kemampuan khusus hanya mengerti mengoperasikaninternet system.

4.4. Uji Program

Dari hasil uji program yang telah dilakukan, maka dapat dilihat tampilan hasil desain dan tampilan website dinamis dari Perancangan Website E-Commerce

(17)

Halaman utama/index

Gambar 4.1. Halaman utama/index

Halaman shop

(18)

Halaman confirmation payment

Gambar 4.3. Halaman confirmation payment

Halaman login member

(19)

Halaman registrasi member

Gambar 4.5. Halaman registrasi member

Halaman login admin

(20)

Halaman utama admin

Gambar 4.7. Halaman utama admin

Halaman tambah produk

(21)

Halaman order admin

Gambar 4.9. Halaman order admin

Halaman konfirmasi admin

(22)

5.1. Kesimpulan

Webstie e-Commerce fashion second branded ini dirancang dan direalisasikan dengan menggunakan sistem operasi Windows, XAMPP sebagai server, MySQL

sebagai database manajemen sistem, PHP sebagai bahasa scripting yang menyatu dengan HTML (sintaks dan perintah yang diberikan sepenuhnya dijalankan diweb server), dan Sublime Text 2 sebagai web editornya. Dari realisasi tersebut dapat

diambil kesimpulan yaitu:

1. Penggunaan sistem layanan e-Commerce ini akan memberikan kemudahan

dalam pembelian suatu barang dengan user interface yang sederhana, dimana konsumen tidak perlu datang ke toko tersebut secara langsung. Karena

pemesanan barang dapat dilakukan melalui teknologi internet.

2. Perancangan e-Commerce harus dilakukan sebaik mungkin untuk menarik perhatian konsumen, dan menumbuhkan rasa percaya konsumen terhadap

sisteme-Commerceyang dimiliki oleh suatu toko.

5.2. Saran

(23)

2. Poses pembelajaran akan berkembang jika tidak fanatik terhadap satu sistem

saja. Karena itu sebagai alat bantu pemecahan masalah.

3. Aplikasi yang digunakan masih sederhana dan masih membutuhkan

Gambar

Table NameField Name
Gambar 3.1. Flowchart
Gambar 4.1. Halaman utama/index
Gambar 4.3. Halaman confirmation payment
+4

Referensi

Dokumen terkait

Penghambat yang ada dalam kelas II adalah salah satu atau kombinasi dari pengaruh berikut: (1) lereng landai, (2) kepekaan erosi atau bahaya erosi sedang atau

1 http:/ / endyf.blogspot.com/ 2009/ 02/ anali sis-kepuasan -nasabah-pada.html.. yang mengalami per kembangan pesat adalah minimar ket. Sekar ang ini banyak ber munculan minimar

Yuanti (dalam Rani, Setianingrum). ‟‟ Analisis Aspek Kepribadian Tokoh. Utama dalam NovelSupernova Episode Akar Karya

Berdasarkan kajian secara langsung pada sistem pelayanan kendaraan wisata si Thole, dapat dirumuskan 9 karakteristik layanan kendaraan wisata yang dipentingkan oleh pelanggan

Untuk memudahkan dalam melakukan pembaruan besaran harga pada penampil harga elektronik, dibuat aplikasi desktop yang terintegrasi dengan file Excel sebagai database untuk

Ter kait dengan pengaw asan yang dilakukan oleh Dinas Per industr ian dan Per dagangan Kota Palangka Raya sebagaimana hasil penelitian peneliti yang telah diur aikan di at as, hal

acid application and sandblasting procedure, one sample in each group was analysed by scanning electron microscopy (SEM) to see the microporosity formed, the remaining

yang merupakan kekuatan motif atau sifat yang menyebabkan tindakan yang mengarah pada hasil kinerja. Kompetensi dapat diukur berdasarkan kriteria atau standar