Kota Login Orders Orders_detail Page Produk Langkah-langkah Pengiriman Barang dan Pembayaran Barang Kesimpulan

3.4 Kota

Nama_Field Type Size Keterangan Id_kota Varchar 25 Primary key Nama_Kota Varchar 100 Ongkos_kirim Varchar 10

3.5 Login

Nama_Field Type Size Keterangan User_id Varchar 20 Primary Key Password Varchar 30 Status Varchar 35

3.6 Orders

Nama_Field Type Size Keterangan Id_Orders Varchar 20 Primary Key Nama_customer Varchar 100 Alamat_Lengkap Text Telepon Varchar 50 Email Varchar 50 Status_order Varchar 50 Jam_order Time Tgl_order Date Id_kota Varchar 25 Universitas Sumatera Utara

3.7 Orders_detail

Nama_Field Type Size Keterangan Id_orders Varchar 20 Id_Produk Varchar 50 Jumlah Integer 10

3.9 Page

Nama_Field Type Size Keterangan Id_ page Varchar 15 Primary key Title Varchar 255 url Varchar 255

3.10 Produk

Nama_Field Type Size Keterangan Id_produk Varchar 20 Primary Key Id_katagori Varchar 10 Nama_produk Varchar 100 Deskripsi Text Harga Integer 50 Stok Varchar 50 Tgl_masuk Date Gambar Varchar 100 Direktori Varchar 100 Universitas Sumatera Utara

3.5 Flowchart

Flow chart adalah penggambaran secara grafik dari langkah – langkah dan urutan – urutan prosedur dari suatu program. Flow chart menolong analis dan programmer untuk memecahkan masalah ke dalam segmen – segmen yang lebih kecil dan menolong dalam menganalisis alternatif – alternatif lain dalam pengoperasian Flow chart biasanya mempermudah penyelesaian suatu masalah khususnya masalah yang perlu dipelajari dan dievaluasi lebih lanjut. Petunjuk untuk membuat flow chart Bila seorang analisis dan programmer akan membuat flow chart, ada eberapa petunjuk yang harus diperhatikan, seperti : 1. Flow chart digambarkan dari halaman atas ke bawah dan kiri ke kanan. 2. Aktifitas yang digambarkan harus didefinisikan secara hati – hati dan defenisi ini harus dapat dimengerti oleh pembacanya. 3. Kapan aktifitas dimulai dan berakhir harus ditentukan secara jelas. 4. Setiap langkah dari aktifitas harus diuraikan dengan menggunakan deksripsi kata kerja. 5. Setiap langkah dari aktifitas harus berada pada urutan yang benar. 6. Lingkup, range dan aktifitas yang sedang digambarkan harus ditelusuri dengan hati - hati. Percabangan - percabangan yang memotong aktifitas yang sedang digambarkan tidak perlu digunakan dan percabangannya diletakkan pada halaman yang terpisah atau hilangkan seluruhnya bila percabangan tidak berkaitan dengan sistem. 7. Gunakan symbol – symbol flowchart yang standard. Berikut ini adalah gambar simbol – simbol standar dalam flow chart beserta dengan arti dari masing – masing simbol : Universitas Sumatera Utara Tabel 3.11 Flow-Chart No Nama Gambar Fungsi 1 Terminator Terminator, fungsinya untuk permulaan akhir program 2 Process Process, digunakan untuk melambangkan kegiatan pemrosesan input. 3 Input data Input data, fungsi untuk proses input data, parameter. 4 Garis alir flow line Garis alir flow line, fungsinya untuk arah aliran program. 5 Preparation Preparation, berfungsi untuk proses inisialisasi pemberian harga awal atau untuk perulangan looping. 6 Proses Proses, fungsinya untuk proses perhitunganproses pengolahan data . 7 Connector Connector,penghubung bagian-bagian flowchart yang berada pada satu halaman. 8 Output data Output data, informasi 9 Off page connector Off page connector penghubung bagian-bagian flowchart yang berada pada Universitas Sumatera Utara halaman berbeda. 10 Predefined process Predefined process, untuk menyatakan sekumpulan langkah proses yang ditulis sebagai prosedur. 11 Display Display,untuk output yang diajukan suatu device, seperti monitor. 12 Magnetic disk Magnetic disk, untuk penyimpanan data. Universitas Sumatera Utara

3.5.2 Flowchart menu utama

Beranda Start Buka Koneksi Database Menu halaman utama Katagori Produk Start Order Langkah Pembelian Hubungi Kami Keranjang belanja Close Tutup koneksi Database End N Y Tampilan utama Katagori Produk Ponsel Berisi Produk ponsel Cara pembelian Konfirmasi pembelian Penyimpanan pembelian barang Kontak yang dapat dihubungi Gambar 3.3 Flowchart Menu Utama Universitas Sumatera Utara

3.5.3 Flowchart Pembelian Ponsel

Gambar 3.4 Flowchart Pembelian Ponsel Start Pilih katagori Nokia Pilih produk Tambah ke keranjang Kekeranjang belanja Simpan pesan End Database Isi data lengkap Konfirmasi N N N Universitas Sumatera Utara

3.5.3 Flowchart Login Admin

Gambar 3.5 Flowchart Login Admin Start index Login Isi „ User id „ password „ User id „ password‟ benar Menu admin End Salah „User Id‟atau “password “ N Universitas Sumatera Utara BAB 4 ANALISA HASIL DAN PEMBAHASAN

4.1 Pembuatan Program

Pembuatan program aplikasi penjualan ponsel menggunakan prestashop v1.4.6.2 ini adalah guna membantu para pembeli pelanggan dan mempermudah pembelian produk handpone yang mereka inginkan sesuai dengan kebutuhan mereka, ini dirancang dengan lengkap menggunakan jasa pengiriman JNE yang mendukung dan membantu pengiriman barang.

4.1.1 Tampilan Menu Utama

Universitas Sumatera Utara Gambar 4.1 Tampilan Menu Utama [ Listing program ada pada lampiran 1 ] Gambar 4.1 merupakan interface menu utama pada sistem. Terdapat katagori produk dari program, dan menu-menu yang tersedia untuk menggunakan penjualan ponsel ini.

4.1.2 Tampilan Menu Katagori

Gambar 4.2 Tampilan Menu Katagori Universitas Sumatera Utara [ Listing Program ada pada lampiran 2 ] Gambar 4.2 tampilan menu katagori merupakan tampilan untuk pemilihan jenis-jenis handpone yang telah kami sediakan disini kami memberikan banyak pilihan katagori, daari nokia, Samsung, sonyericsson, blackberry, mito,LG dll.

4.1.3 Tampilan Produk yang Pernah Di Lihat

Gambar 4.3 Tampilan Produk yang Pernah Dilihat Universitas Sumatera Utara [ Listing program pada lampiran 3 ] Gambar 4.3 merupakan sebuah tampilan katagori ponsel yang sudah pernah kita lihat sebelumnya, disini diberitahukan bahwa berapa banyak ponsel yang sering dan yang sudah pernah dilihat oleh pelanggan-pelanggan sebelumnya.

4.1.4 Tampilan Produk – Produk Baru

Gambar 4.4 Tampilan Produk-Produk Baru [ Listing program pada lampiran 4 ] Gambar 4.4 merupakan tampilan produk-produk baru yang baru kami upload ke dalam website kami sehingga customer kami akan terus mendapatkan info ponsel terbaru dan keluaran terbaru serta lengkap dengan spesifikasinya.

4.1.5 Tampilan Cara Melihat Produk Beserta Keterangannya

Universitas Sumatera Utara Setelah klik tombol “ view akan keluar tampilan seperti ini Klik tombol view untuk melihat gambar dan spesifikasi penuh Universitas Sumatera Utara

4.5 Tampilan Cara Melihat Produk Beserta Keterangannya

[ Listing program Pada lampiran 5 ] Gambar 4.5 tampilan ini menjelaskan cara melihat barang dan spesifikasi lainnya, Pertama, klik tombol view kemudian muncullah gambar dan spesifikasi- spesifikasinya, dalam spesifikasinya ini menjelaskan kelebihan dan kekurangan ponsel - ponsel tersebut. Universitas Sumatera Utara

4.1.6 Cara Menambahkan Produk Ke keranjang Belanja

4.6 Cara Menambahkan Produk Ke keranjang Belanja

[ Listing program ada pada lampiran 6 ] Gambar 4.6 ini merupakan tampilan yang menjelaskan cara customer menambahkan produk yang akan dibeli masuk ke keranjang belanja, caranya kita bisa klik “Add to cart “ dan dengan otomatis produk tersebut akan masuk sendiri ke keranjang belanja tersebut. Klik tobol Add to cart untuk menambah kekeranja ng belanja Universitas Sumatera Utara

4.1.7 Cara Melihat Daftar Belanja

4.7 Cara Melihat Daftar Belanja

[ Listing program ada pada lampiran 7 ] Gambar 4.7 merupakan tampilan untuk melihat daftar pembelanjaan yang kita beli, disini akan diberitahukan dan dijelaskan tipe ponsel, warna ponsel, serta harga dan total pembayaran yang sudah kita pesan. Universitas Sumatera Utara

4.1.8 Langkah-langkah Pengiriman Barang dan Pembayaran Barang

1. Silahkan isi Account Dibawah ini : 2. Create Your Account 3. Kemudian klik Register dan setelah itu akan muncul tampilan dibawah ini Universitas Sumatera Utara 4. Klik Tombol Next dan buat tanda centang √ “ Saya setuju dengan persyaratan dan ketentuan yang berlaku dan mematuhinya tanpa syarat. baca ” Universitas Sumatera Utara 5. Kemudian klik tombol “Next” dan silahkan pilih pembayaran yang ingin anda lakukan melalui bank atau cast. 6. Pemilihan Pembayaran Melalui Bank 7. Kemudian klik “ saya setuju dengan order saya “ dan hasil akhir adalah sebagai berikut : Universitas Sumatera Utara

4.8 Langkah-langkah Pengiriman Barang dan Pembayaran Barang

[ Listing program ada pada lampiran 8 ] Gambar 4.8 ini menjelaskan langkah-langkah pengiriman barang dan cara pembayarannya menggunakan via bank, disini dijelaskan cara transfer uang menggunakan via bank serta jumlah pembayaran yang harus ditransfer ke rekening pengguna admin. Universitas Sumatera Utara BAB 5 KESIMPULAN DAN SARAN

5.1 Kesimpulan

Berdasarkan penulisan Tugas Akhir ini, maka penulis mengambil keputusan bahwa : 1. Ecommerce merupakan sistem yang digunakan untuk melakukan transaksi jual beli dalam suatu perdagangan atau bisnis dengan menggunakan alat elektronik yang dilakukan secara online dengan memanfaatkan media internet. 2. Dengan adanya sistem ecommerce, para pedagang ataupun perusahaan dapat dengan mudah mempromosikan produk-produk terbaru mereka dengan kualitas terjangkau dan harga relatif murah agar menarik perhatian para konsumen. 3. Aplikasi ini dapat memperoleh beberapa keuntungan, yaitu mendapat rekan bisnis yang baru, produk dapat tersebar lebih luas, dan meningkatkan produktivitas. 4. Tampilan website yang unik, menarik dan bagus dapat menambah daya tarik serta rasa percaya kepada konsumen terhadap sistem ecommerce yang dimiliki toko. Universitas Sumatera Utara

5.2 Saran