Perancangan Aplikasi E-Commerce Outlet Buku

PERANCANGAN APLIKASI E-COMMERCE OUTLET BUKU

TUGAS AKHIR

ANGGI HERMANITA 102406042

PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2013

PERANCANGAN APLIKASI E-COMMERCE OUTLET BUKU

TUGAS AKHIR

Diajukan untuk melengkapi tugas akhir dan memenuhi syarat memperoleh gelar Ahli Madya

ANGGI HERMANITA 102406042

PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMA

ERA UTARA MEDAN

PERSETUJUAN

Judul : PERANCANGAN APLIKASI E-COMMERCE

OUTLET BUKU

Kategori : TUGAS AKHIR

Nama : ANGGI HERMANITA

Nomor Induk Mahasiswa : 102406042

Program Studi : D-3 TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA

UTARA

Diluluskan di

Medan, Juli 2013

Disetujui Oleh

Departemen Matematika FMIPA USU

Ketua, Pembimbing,

Prof. Dr. Tulus, M.Sc Syahriol Sitorus,S.Si.,M.IT. Nip. 19620901 198803 1 002 Nip. 19591231 199802 1 001

PERNYATAAN

PERANCANGAN APLIKASI E-COMMERCE OUTLET BUKU

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juni 2013

ANGGI HERMANITA 102406042

PENGHARGAAN

Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa atas limpahan rahmat dan hidayah-Nya sehingga kajian tugas akhir ini dapat diselesaikan dengan baik dan dalam waktu yang telah ditetapkan.

Penyusunan tugas akhir ini masih banyak memiliki kekurangan karena keterbatasan kemampuan dan pengetahuan penulis, sehingga diharapkan kritik dan saran yang membangun serta dapat memberikan inspirasi yang baik untuk kemajuan tugas akhir ini. Tugas Akhir merupakan salah satu syarat yang harus dilakukan setiap mahasiswa Ilmu Komputer untuk dapat menyelesaikan pendidikan di Program D-3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam di Universitas Sumatera Utara. Pada kesempatan ini penulis juga menyampaikan terima kasih kepada seluruh pihak yang sudah banyak membantu:

1. Bapak Dr.Sutarman, M.Sc, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam di Universitas Sumatera Utara.

2. Bapak Prof. Drs Tulus, Vordipl.Math.,M.Si.,Ph.D selaku ketua Departemen Matematika di Universitas Sumatera Utara.

3. Bapak Syahriol Sitorus,S.Si.,M.IT. selaku Dosen pembimbing pada penyelesaian tugas akhir ini yang telah memberikan panduan dan penuh kepercayaan kepada penulis untuk menyelesaikan kajian tugas akhir ini.

4. Para Staf/Pengajar Jurusan D-3 Teknik Informatika FMIPA USU.

5. Kedua orang tua saya Bpk.H Sadien, Ibu Sulastri terimakasih atas do’a dan dukungan moril maupun materil. Dan seluruh keluarga besar saya.

6. Kakak-kakak saya Sri Utami Ningsih S.pdi dan Wita Arif pudia Ningsih, terimakasih atas saran dan dukungannya.

8. Seluruh rekan-rekan dari Kom C 2010 D-3 Teknik Informatika FMIPA USU, khususnya Vivi Saufina,Icha Khairunnisa, Dwi Anggraini, Septi Purwati N, Irma Novida, Nurvika Rani S, dan Ahmad Arif Abdi D, terimakasih atas saran dan kritik serta support dalam penyusunan Tugas Akhir ini.

Medan, Juni 2013

ABSTRAK

Pada penulisan tugas akhir ini, penulis membuat Perancangan Aplikasi E-Commerce Outlet Buku. Sistem ini merupakan Penjualan Buku secara Online dengan menggunakan CMS Prestashop yng merupakan gabungan dari Web Server PHP dan MySQL. Pembuatan sistem penjualan buku online ini bertujuan untuk mempermudah masyarakat dalam memperoleh informasi perbelanjaan (Online) sehingga menghemat waktu. Fasilitas-fasilitas yang terdapat dalam pembuatan website ini berupa data dan informasi terbaru,profil, dan berbagai macam jenis buku yang tersedia. Layout yang bagus dan menarik sehingga dapat menambah daya tarik tersendiri.

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak v

Daftar Isi vi

Daftar Tabel viii

Daftar Gambar ix

BAB 1 PENDAHULUAN 1.1 Latar Belakang 1

1.2 Identifikasi Masalah 3

1.3 Batasan Masalah 3

1.4 Rumusan Masalah 3

1.5 Tujuan 4

1.6 Manfaat 4

1.7 Sistematika Penulisan 4

BAB 2 LANDASAN TEORI 2.1 Sekilas Tentang e-commerce 6

2.2 Sekilas Tentang komputer 7

2.3 Sekilas Tentang internet 8

2.4 Sekilas Tentang perancangan 9

2.5 Sekilas Tentang sistem 9

2.6 Sekilas Tentang informasi 9

2.7 Sekilas Tentang Mysql 10

2.8 Sekilas Tentang CMS 10

2.9 Sekilas Tentang Prestashop 12

2.10 Sekilas Tentang Domain 13

2.11 Sekilas Tentang Hosting 15

2.12 Sekilas Tentang DFD 15

2.13 Sekilas Tentang Diagram Alir(Flowchart) 17

BAB 3 PERANCANGAN SISTEM 3.1 Perancangan 19

3.2 Perancangan Halaman Website 19

3.2.1 Halaman Home 19

3.2.2 Cara Belanja 20

3.2.3 Pengiriman 20

3.2.4 Kategori Poduk 20

3.2.6 Kontak 20

3.2.7 Syarat & Ketentuan 21

3.3 Diagram Level Korteks 21

3.4 Perancangan Database 30

3.4.1 Field Name 30

3.4.2 Field Table 31

3.5 Perancangan Diagram Alir (Flowchart) 34

3.5.1 Flowchart Home 34

3.5.2 Flowchart Produk 36

3.5.3 Flowchart Pembelian 37

3.5.4 Flowchart Admin 38

3.6 Entity Relationship Diagram (ERD) 39

3.7 Normalisasi 42

3.8 Desain Website 48

3.8.1 Desain Menu Utama 48

3.8.2 Desain Produk 49

3.8.3 Desain Detail Produk 49

3.8.4 Desain Cara Membeli 50

3.8.5 Desain Keranjang Belanja 50

3.8.6 Desain Login Member 51

3.8.7 Desain Pengiriman Barang 52

3.8.8 Desain Pembayaran 52

3.8.9 Desain Halaman Login Admin 53

3.8.10 Desain Halaman Admin 53

BAB 4 IMPLEMENTASI SISTEM 4.1 Pengertian Implementasi Sistem 54

4.2 Tujuan Implementasi Sistem 54

4.3 Komponen Utama & Sistem 54

4.3.1 Perangkat Keras 55

4.3.2 Perangkat Lunak 55

4.3.3 Tenaga Pelaksana (brainware) 55

BAB 5 KESIMPULAN DAN SARAN 5.1 Kesimpulan 56

5.2 Saran 57

Daftar Pustaka

Lampiran

DAFTAR TABEL

Halaman

Tabel 2.1 Simbol-Simbol DFD 16

Tabel 2.2 Flowchart 17

Tabel 3.1 Tabel Dalam Database 30

Tabel 3.2 Tabel Kategori 31

Tabel 3.3 Tabel Kota 31

Tabel 3.4 Tabel Login 31

Tabel 3.5 Tabel Orders 31

Tabel 3.6 Tabel Keranjang Belanja 32

Tabel 3.7 Tabel Pengiriman 32

Tabel 3.8 Tabel Pelanggan 32

Tabel 3.9 Tabel Kurs 33

Tabel 3.10 Tabel Pembayaran 33

Tabel 3.11 Tabel Kurir 33

DAFTAR GAMBAR

Halaman

Gambar 3.1 Diagram Konteks yang sedang berjalan 22

Gambar 3.2 Diagram Konteks Level 0 23

Gambar 3.3 Diagram Konteks Level 1 24

Gambar 3.4 Diagram Konteks Level 1 Proses 1 Login 25 Gambar 3.5 Diagram Konteks Level 1 Proses 2 Kategori 26

Gambar 3.6 Diagram Konteks Level 1 Proses 3 Produk 27

Gambar 3.7 Diagram Konteks Level 1 Proses 4 Pelanggan 28

Gambar 3.8 Diagram Konteks Level 1 Proses 5 Order 29

Gambar 3.9 Flowchart Menu Utama 35

Gambar 3.10 Flowchart Produk 36

Gambar 3.11 Flowchart Pembelian 37

Gambar 3.12 Flowchart Login Admin 38 Gambar 3.13 Entity Relationship Diagram 40

Gambar 3.14 Entitas Normalisasi Pembelian Bentuk Unnormal 42 Gambar 3.15 Entitas Normalisasi 1 NF 43

Gambar 3.16 Entitas Normalisasi 2 NF 43 Gambar 3.17 Entitas Normalisasi Pelanggan Bentuk Unnormal 44 Gambar 3.18 Entitas Normalisasi 1 NF 44 Gambar 3.19 Entitas Normalisasi Barang Bentuk Unnormal 45 Gambar 3.20 Entitas Normalisasi 1 NF 45 Gambar 3.21 Entitas Normalisasi Pengiriman Bentuk Unnormal 46

Gambar 3.22 Entitas Normalisasi 1 NF 46 Gambar 3.23 Entitas Normalisasi 2 NF 47 Gambar 3.24 Entitas Normalisasi 3 NF 47 Gambar 3.25 Tampilan Menu Utama 48 Gambar 3.26 Tampilan Produk 49

Gambar 3.27 Tampilan Detail Produk 49 Gambar 3.28 Tampilan Cara Membeli 50 Gambar 3.29 Tampilan Keranjang Belanja 50

Gambar 3.30 Tampilan Login Member 51

Gambar 3.31 Tampilan Pembayaran 52

Gambar 3.32 Tampilan Pengiriman Barang 52

Gambar 3.33 Tampilan Login admin 53

ABSTRAK

Pada penulisan tugas akhir ini, penulis membuat Perancangan Aplikasi E-Commerce Outlet Buku. Sistem ini merupakan Penjualan Buku secara Online dengan menggunakan CMS Prestashop yng merupakan gabungan dari Web Server PHP dan MySQL. Pembuatan sistem penjualan buku online ini bertujuan untuk mempermudah masyarakat dalam memperoleh informasi perbelanjaan (Online) sehingga menghemat waktu. Fasilitas-fasilitas yang terdapat dalam pembuatan website ini berupa data dan informasi terbaru,profil, dan berbagai macam jenis buku yang tersedia. Layout yang bagus dan menarik sehingga dapat menambah daya tarik tersendiri.

BAB 1

PENDAHULUAN

1.1Latar Belakang

Teknologi menjadi ciri khas pada era globalisasi saat ini, sehingga terbentuknya transparansi di berbagai bidang, terutama di bidang teknologi informasi. Informasi yang cepat dan akurat merupakan suatu bentuk informasi yang sangat dibutuhkan oleh masyarakat. Dunia periklanan pada era globalisasi ini sangat maju dan canggih, bagi orang-orang yang berkecimpung dalam dunia bisnis tidak cukup hanya mengandalkan iklan dan selebaran untuk mengembangkan dan membuat bisnis yang mereka jalankan dapat maju dan dikenal oleh berbagai kalangan masyarakat.

Seiring dengan kemajuan teknologi informasi tersebut, menyebabkan masyarakat dunia mengenal suatu teknologi yang dinamakan Internet. Ada beberapa keunggulan dari internet ialah dapat menyampaikan informasi yang ada di sebuah perusahaan atau instansi tertentu. Melalui internet-lah profil, keunggulan dan segala sesuatu tentang perusahaan tersebut dapat dipublikasikan secara luas kepada masyarakat. Oleh karena itu, agar bisnis yang dikelola dapat berjalan sukses perusahaan harus mengikuti trend internet dengan melakukan inovasi untuk mendapatkan pencapaian yang memuaskan dari bisnis mereka.

Infrastruktur teknologi yang berkembang pun terasa bukan lagi sekedar pelengkap semata namun sudah menjadi kebutuhan, salah satunya di dunia penjualan. Teknologi yang berkembang pesat menyediakan sarana pendukung penjualan yang lebih atraktif bagi perusahaan. Dengan meledaknya penggunaan Internet

menyebabkan munculnya teknologi E-commerce yang berbasis teknologi Internet. Di mana E-commerce adalah kegiatan membeli dan atau menjual barang dan jasa secara elektronik melalui jaringan Internet. Selain itu dapat melakukan penjualan dan

pelayanan terbaik dengan menggunakan sebuah toko online 24 jam bagi pelanggannya.

E-commerce bukan sesuatu hal yang asing bagi kalangan dunia bisnis berbasis

komputerisasi dan web. Banyak ilmu yang mempelajari seluk beluk perdagangan di sana. Mulai dari penjualan barang hingga penjualan jasa dan di dalam suatu pembelajaran dalam system suatu pemudahan dalam transaksi. Seiring dengan ilmu dan teknologi yang semakin berkembang, E-commerce merupakan salah satu hal yang sangat penting peranannya, karena dengan E-commerce tersebut berisi tentang perkembangan transaksi, pengolahan barang, pengenalan system penjualan dan pembelian barang atau jasa. E-commerce peranannya sangat vital dikalangan dunia bisnis berbasis komputer dan Web. Hal ini disebabkan karena E-commerce dapat membantu dalam pemecahan masalah terhadap proses kerja, proses transaksi antara penjual dan pembeli dapat menghemat waktu, menghubungkan jarak yang terbilang jauh. seperti perkembangan komputer, dalam transaksi terjadi perkembangan juga karena adanya E-commerce.

Electronic Commerce atau E-commerce, merupakan bagian penting dari

perkembangan teknologi dalam dunia Internet. Pemakaian sistem E-commerce sangat menguntungkan banyak pihak, baik konsumen, produsen maupun penjual. Bagi pihak konsumen, menggunakan e-commerce dapat menghemat waktu dan biaya. Tidak perlu berlama-lama antri untuk mendapatkan suatu barang maupun jasa yang diinginkan. Selain itu, dapat diperoleh harga terkini dan bisa jadi harga barang atau jasa yang ditawarkan melalui e-commerce bisa lebih murah dibandingkan dengan harga lewat perantara baik agen maupun toko, karena jalur distribusi barang dan jasa dari produsen ke konsumen lebih pendek dan singkat dibandingkan dengan tempat penyedia barang dan jasa.

PrestaShop adalah salah satu CMS E-commerce yang cukup populer dan

paling banyak digunakan di Indonesia. buktinya, di Forum PrestaShop telah disediakan ruangan khusus untuk mereka yang ingin berdiskusi menggunakan bahasa Indonesia. PrestaShop diidrikan di Paris, Perancis. Lebih dari 40 bahasa tersedia untuk berbagai tingkat, dengan hanya Bahasa Inggris dan Bahasa Perancis memiliki dukungan penuh dalam semua versi rilisnya. Disamping dukungan resmi tidak

disediakan, pertanyaan yang terjawab tersedia pada forum resminya. Fitur PrestaShop

pun cukup lengkap, mudah dipahami, gampang, sederhana, siap pakai, bisa di-instal dengan mudah dalam web hosting, dan tentu saja gratis.

1.2Identifikasi Masalah

Adanya toko buku online ini agar mempermudah konsumen untuk memesan buku secara bervariasi sesuai dengan yang mereka ingikan, konsumen bisa melihat dan membaca sinopsis buku yang akan mereka beli tanpa harus melihat bukunya langsung. Kendalanya biasanya keterlambatan pengiriman dan sebagai toko buku online yang tidak mau merugikan konsumen harus mengecek ulang pengiriman.Aplikasi ini juga mempermudah pengunjung dalam mencari berbagai kategori buku yang akan di lihat.

1.3Batasan Masalah

Dalam hal ini penulis membatasi permasalahan kurang tepatntya tanggal sampai pemesanan barang kepada konsumen, Sehingga merupakan kendala yang selalu di hadapi. Untuk itu perlunya pengecekan pengiriman barang kepada konsumen agar konsumen benar-benar merasa puas dengan system pembelian secara online.

1.4. Rumusan Masalah

Dalam dunia bisnis memang memiliki tingkat persaingan yang kompetitif, persaingan bisnis antar pelaku pasar dalam menarik perhatian masyarakat untuk menjadi pelanggannya dilakukan dengan berbagai cara. Untuk memperjelas permasalah yang akan dibahas dalam tugas akhir ini, maka penulis memberikan rumusan masalah. Adapun rumusan masalah dalam penulisan Tugas Akhir ini adalah:

1. Pembeli dapat melakukan transaksi dari mana pun dan kapan pun hanya dengan menggunakan sebuah komputer yang telah memiliki akses internet. Permasalahannya sekarang adalah bagaimana pelanggan dapat melakukan transaksi secara online.

2. Menggunakan teknologi internet, pembeli atau pelanggan dapat menikmati layanan ini dan akan mendapatkan informasi dengan cepat dan akurat karena data yang diakses melalui jaringan internet.

1.5Tujuan

Tujuan pembuatan aplikasi ini adalah untuk menerapkan program aplikasi yang berbasis web dalam bidang bisnis sebagai sarana untuk efisiensi dan penerapan teknologi informasi dalam dunia perdagangan. Aplikasi ini mempermudah pengunjung dalam berbelanja dan melakukan transaksi serta pengiriman yang extra cepat.

1.6Manfaat

Dalam penulisan Tugas Akhir ini penulis banyak sekali mendapatkan manfaat yang berguna dan dapat diterapkan didalam kehidupan sehari-hari maupun didunia usaha nantinya, beberapa manfaat yang saya dapatkan adalah antara lain:

1. Memberi kemudahan terhadap transaksi penjualan. 2. Memberikan alternative lain cara berbisnis secara tepat. 3. Segmentasi pasar sangat luas sekali.

4. Layanan belanja di toko online relative cepat.

5. Belanja online bisa dilakukan kapanpun dan dimanapun dalam 24 jam. 6. Hemat waktu dan biaya.

7. Tidak perlu menjaga toko setiap saat serta lebih efektif

1.7Sistematika Penulisan

Maksud dan tujuan pembuatan sistematika penulisan tugas akhir ini adalah untuk mempermudah penulis dalam membuat dan menyelesaikan permasalahan yang

dianalisis oleh penulis sehingga lebih terarah dan lebih terfokus serta diuraikan bab per-bab.Sistematika penulisan tugas akhir ini dibagi menjadi lima bagian, yaitu: BAB I PENDAHULUAN : Bab ini berisikan latar belakang pembuatan tugas

akhir ini, identifikasi, batasan masalah, rumusan masalah, tujuan dan manfaat, serta sistematika penulisan dari tugas akhir ini.

BAB II LANDASAN TEORI : Bab ini berisikan dasar teori yang melandasi penulisan laporan tugas akhir ini.

BAB III ANALISIS DAN PERANCANGAN : Bab ini berisikan tentang perancangan system penjualan took buku online yang meliputi flow

diagram, strucktur database, sertifikasi input, sertifikasi output, dan

flowchart.

BAB IV IMPLEMENTASI DAN PENGUJIAN : Bab ini berisikan tentang pengertian implementasi system, dan tujuan implementasi system yang dirancang.

BAB V KESIMPULAN DAN SARAN : Bab ini berisikan kesimpulan yang diambil berkaitan dengan sistem yang dibuat dan saran untuk pengembangan sistem lebih lanjut.

BAB 2

LANDASAN TEORI

2.1 Sekilas E-commerce

Electronic Commerce (E-Commerce) didefinisikan sebagai proses pembelian dan

penjualan produk, jasa dan informasi yang dilakukan secara elektronik dengan memanfaatkan jaringan komputer. Salah satu jaringan yang digunakan adalah internet. Perkembangan teknologi informasi terutama internet, merupakan faktor pendorong perkembangan E-Commerce. Internet merupakan jaringan global yang menyatukan jaringan komputer di seluruh dunia, sehingga memungkinkan terjalinnya komunikasi dan interaksi antara satu dengan yang lain diseluruh dunia. Dengan menghubungkan jaringan komputer perusahaan dengan internet, perusahaan dapat menjalin hubungan bisnis dengan rekan bisnis atau konsumen secara lebih efisien. Sampai saat ini internet

merupakan infrastruktur yang ideal untuk menjalankan E-Commerce, sehingga istilah

E-Commerce pun menjadi identik dengan menjalankan bisnis di internet.

Pertukaran informasi dalam E-Commerce dilakukan dalam format digital sehingga kebutuhan akan pengiriman data dalam bentuk cetak dapat dihilangkan. Dengan menggunakan sistem komputer yang saling terhubung melalui jaringan telekomunikasi, transaksi bisnis dapat dilakukan secara otomatis dan dalam waktu yang singkat. Akibatnya informasi yang dibutuhkan untuk keperluan transaksi bisnis tersedia pada saat diperlukan. Dengan melakukan bisnis secara elektronik, perusahaan dapat menekan biaya yang harus dikeluarkan untuk keperluan pengiriman informasi. Proses transaksi yang berlangsung secara cepat juga mengakibatkan meningkatnya produktifitas perusahaan.

Dengan menggunakan teknologi informasi, E-Commerce dapat dijadikan sebagai solusi untuk membantu perusahaan dalam mengembangkan perusahaan dan menghadapi tekanan bisnis. Tingginya tekanan bisnis yang muncul akibat tingginya tingkat persaingan mengharuskan perusahaan untuk dapat memberikan respon. Penggunaan E-Commerce dapat meningkatkan efisiensi biaya dan produktifitas perusahaan, sehingga dapat meningkatkan kemampuan perusahaan dalam bersaing.

2.2 Pengertian Komputer

Istilah komputer mempunyai arti yang luas dan berbeda bagi setiap orang. Istilah komputer (computer) diambil dari bahasa Latin computare yang berarti menghitung

(to compute atau to reckon).Menurut Blissmer (1985), komputer adalah suatu alat

elektronik yang mampu melakukan beberapa tugas, yaitu menerima input, memproses

input sesuai dengan instruksi yang diberikan, menyimpan perintah-perintah dan hasil

pengolahannya, serta menyediakan output dalam bentuk informasi.

Sedangkan menurut Sanders (1985), komputer adalah sistem elektronik untuk memanipulasi data yang cepat dan tepat serta dirancang dan diorganisasikan supaya secara otomatis menerima dan menyimpan data input, memprosesnya, dan menghasilkan output berdasarkan instruksi-instruksi yang telah tersimpan di dalam memori. Dan masih banyak lagi ahli yang mencoba mendefinisikan secara berbeda tentang komputer. Namun, pada intinya dapat disimpulkan bahwa komputer adalah suatu peralatan elektronik yang dapat menerima input, mengolah input, memberikan informasi, menggunakan suatu program yang tersimpan di memori komputer, dapat menyimpan program dan hasil pengolahan, serta bekerja secara otomatis.

Dari definisi tersebut terdapat tiga istilah penting, yaitu input (data), pengolahan data, dan informasi (output). Pengolahan data dengan menggunakan komputer dikenal dengan nama pengolahan data elektronik (PDE) atau elecronic data

processing (EDP). Data adalah kumpulan kejadian yang diangkat dari suatu kenyataan

(fakta), dapat berupa angka-angka, huruf, simbol-simbol khusus, atau gabungan dari ketiganya. Data masih belum dapat bercerita banyak sehingga perlu diolah lebih lanjut. Pengolahan data merupakan suatu proses manipulasi dari data ke dalam bentuk yang lebih berguna dan lebih berati, yaitu berupa suatu informasi. Dengan demikian,

informasi adalah hasil dari suatu kegiatan pengolahan data yang memberikan bentuk yang lebih bermakna dari suatu fakta. Oleh karena itu, pengolahan data elektronik adalah proses manipulasi dari data ke dalam bentuk yang lebih bermakna berupa suatu informasi dengan menggunakan suatu alat elektronik, yaitu komputer.

2.3 Pengertian Internet

Pengertian Internet, internet (interconnected computer networks) bisa didefinisikan

network komputer tiada batas yang menjadi penghubung pengguna komputer dengan

pengguna komputer lainnya serta dapat berhubungan dengan komputer di sebuah wilayah ke wilayah di penjuru dunia, dimana di dalam jaringan tersebut mempunyai berbagai macam informasi serta fasilitas layanan internet browsing atau surfing. Istilah ini lebih dikenal dengan “online” di internet.

Internet merupakan sistem global jaringan komputer yang berhubungan

menggunakan standar Internet Protocol Suite (TCP / IP) untuk melayani miliaran pengguna di seluruh dunia. Ini adalah jaringan dari jaringan yang terdiri dari jutaan jaringan pribadi, umum, akademik, bisnis, dan jaringan pemerintah, dari lokal ke lingkup global, yang dihubungkan oleh sebuah kode array yang luas dari teknologi jaringan elektronik, nirkabel dan optik. Internet juga dapat didefinisikan sebagai interkoneksi seluruh dunia komputer dan jaringan komputer yang memfasilitasi sharing atau pertukaran informasi di antara pengguna.

Fungsi internet secara sederhana yaitu sebagai media komunikasi, akses informasi, berbagi sumber daya atau data, dalam hal ini berarti dengan internet bisa menyiarkan dan mengakses secara langsung baik berita informasi dan bertukar data dengan akses internet online ke seluruh penjuru dunia tanpa ada batasan wilayah geografis dari setiap penggunanya.

2.4 Sekilas Mengenai Perancangan

Perancangan dapat diartikan sebagai suatu tahap setelah analisa dari pengembangan system untuk mengembangkan bagaimana suatu system itu akan dibentuk. Perancangan juga dapat berupa penggambaran, perencanaan, dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah kedalam suatu kesatuan yang utuh dan berfungsi. Termasuk juga menyangkut perangkat lunak dan komputer.

2.5 Sekilas Mengenai Sistem

Sistem berasal dari bahasa Latin (systēma) dan bahasa Yunani (sustēma) adalah suatu kesatuan yang terdiri komponen atau elemen yang dihubungkan bersama untuk memudahkan aliran informasi, materi atau energi untuk mencapai suatu tujuan. Istilah ini sering dipergunakan untuk menggambarkan suatu set entitas yang berinteraksi, di mana suatu model matematika seringkali bisa dibuat.

Definisi sistem merupakan sekumpulan elemen yang saling berkaitan dan saling mempengaruhi dalam melakukan kegiatan bersama untuk mencapai suatu tujuan.

2.6 Sekilas Mengenai Informasi

Kata informasi berasal dari kata Perancis kuno informacion (tahun 1387) yang diambil dari bahasa Latin informationem yang berarti “garis besar, konsep, ide”. Informasi merupakan kata benda dari informare yang berarti aktivitas dalam “pengetahuan yang dikomunikasikan”.Informasi merupakan data yang diolah menjadi bentuk yang berguna untuk membuat keputusan. Informasi berguna untuk pembuat keputusan karena informasi menurunkan ketidakpastian (atau meningkatkan pengetahuan) Informasi menjadi penting, karena berdasarkan informasi itu para pengelola dapat mengetahui kondisi obyektif perusahaannya. Informasi tersebut merupakan hasil pengolahan data atau fakta yang dikumpulkan dengan metode ataupun cara – cara tertentu.

2.7 Sekilas Mengenai MySql

MySQL adalah sebuah perangkat lunak Pembuat database yang bersifat terbuka atau

open source dan berjalan disemua platform baik Linux maupun Si Windows, MySQL

merupakan program pengakses database yang bersifat network sehingga dapat digunakan untuk aplikasi Multi User (Pengguna Banyak). MySQL adalah Relational

DatabaseManagement System (RDBMS) yang didistribusikan secara gratis dibawah

lisensi GPL (General Public License). Dimana setiap orang bebas untuk menggunakan MySQL, namun tidak boleh dijadikan produk turunan yang bersifat komersial.

MYSQL adalah sebuah implementasi dari sistem manajemen basis data relasional (RDBMS). MySql merupakan turunan dari SQL (Structured Query

Languange). SQL sendiri mengandung pengertian yaitu sebuah bahasa yang

digunakan untuk mengakses data dalam basis data relasional. Terdapat beberapa bahasa pemrogaman yang biasa dipakai untuk mengakses basis data MYSQL antara lain : bahasa pemrogaman C, C++, C#, bahasa pemrogaman Eiffel, SmallTalk, Java,

Lisp, Perl, PHP, Phyton, Ruby, dan REALbasic.

MySQL dapat dikatakan lebih unggul dibandingkan database server lainnya

dalam query data. Hal ini terbukti untuk query yang dilakukan oleh single user, kecepatan queryMySQL bisa sepuluh kali lebih cepat dari PostgreSQL dan lima kali lebih cepat dibandingkan Interbase. MySQL sebenarnya merupakan turunan salah satu konsep utama dalam basisdata yang telah ada sebelumnya; SQL (Structured Query

Language). SQL adalah sebuah konsep pengoperasian basisdata, terutama untuk

pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis.

2.8 Sekilas Mengenai CMS

CMS kepanjangan dari Content Management System. CMS merupakan sebuah aplikasi web atau software web yang tujuannya untuk memudahkan dalam pengelolaan (upload, edit, menambahkan, dan lain lain) konten dalam sebuah website

/blog/ aplikasi web tanpa harus dibekali pengetahuan tentang hal-hal yang bersifat teknis tanpa harus memiliki pengetahuan tentang bahasa pemrograman web.

Sehingga dengan adanya CMS ini, orang awam pun dapat membuat sebuah

website yang langsung jadi dan pengguna tinggal mengelola isi konten website

tersebut tanpa campur tangan dari pihak webmaster. Di dalam CMS, manajemen file-file juga sangat terstruktur, setiap elemen antara isi dan tampilan desain terpisah.

Fleksibilas sebuah CMS, membuat CMS ini banyak dikembangkan oleh pihak-pihak lain, apalagi jika CMS yang memiliki kemajuan sangat pesat dan terus mengalami perubahan atau update sistem secara berkala. Hal ini lah yang membuat banyak developer-developer memilih mengembangkan aplikasi CMS ini daripada membuat sebuah aplikasi web yang baru. CMS sendiri memiliki kelebihan penggunaan database, atau update content yang lebih mudah daripada website yang berbasis coding script (html). Anda bisa mengoperasikan websiter seperti penggunaan

facebook, menulis artikel (posting), menambah menu dan lain-lain.

Karena website yang berbasis coding script (html) biasanya bersifat statis atau jarang update. Seiring perkembangan waktu CMS mulai banyak digemari oleh para pengguna internet karena support pengembangannya oleh banyak organisasi sehingga menghasilalkan exstension-exstension yang sangat banyak dan mendukung perkembangan system CMS tersebut, karena bisanya CMS adalah. Oleh karena itu, bagi anda yang masih awam dalam dunia website, kami sarankan untuk memillih produk website yang dibangun dengan CMS Open Source dikarenakan agar tidak mengalami kesulitan dalam update konten kedepannya.

CMS saat ini berkembang pesat, banyak sekali macam-macam CMS. Dalam dunia blogging, CMS adalah salah satu andalan untuk membangun sebuah blog, yang mana notabene blogger tidak semuanya mengerti akan membuat website dari nol, tetapi hanya tahu cara menulis dan posting. Oleh karena itulah, kehadiran CMS ini sangat bermanfaat sekali.

2.9 Sekilas Mengenai Prestashop

PrestaShop adalah salah satu CMS e-commerce yang cukup populer dan paling

banyak digunakan di Indonesia. buktinya, di Forum PrestaShop telah disediakan ruangan khusus untuk mereka yang ingin berdiskusi menggunakan bahasa Indonesia. Untuk Link Forumnya ada disini. PrestaShop diidrikan di Paris, Perancis. Lebih dari 40 bahasa tersedia untuk berbagai tingkat, dengan hanya Bahasa Inggris dan Bahasa Perancis memiliki dukungan penuh dalam semua versi rilisnya. Disamping dukungan resmi tidak disediakan, pertanyaan yang terjawab tersedia pada forum resminya.

Fitur PrestaShop pun cukup lengkap, mudah dipahami, gampang, sederhana, siap pakai, bisa di-instal dengan mudah dalam web hosting, dan tentu saja gratis.

PrestaShop tersedia dibawah Open Software License dan secara resmi diluncurkan

pada Agustus 2007 untuk bisnis skala kecil-menengah.

Piranti lunak yang menggunakan mesin template Smarty ini digunakan oleh ribuan Toko online di seluruh dunia. Piranti lunak ini menggunakan AJAX pada

admin panel secara luas, saat blok-blok modul dengan mudah ditambahkan pada toko

(halaman depan) untuk menambahkan fungsinya; modul-modul tersebut biasanya disediakan secara gratis oleh pengembang independen.

PrestaShop adalah gratis, sumber solusi e-commerce terbuka. Mendukung

gateway pembayaran seperti Google Checkout, Authorize.net, Skrill, PayPal dan

Pembayaran Pro melalui API. Modul pembayaran lebih lanjut yang ditawarkan secara komersial. Kelompok PrestaShop didirikan di Paris, dengan kantor kedua dibuka di Miami pada tahun 2011. PrestaShop diterjemahkan ke dalam 53 bahasa, dengan hanya bahasa Inggris dan Perancis memiliki dukungan penuh dalam semua versi rilis. Dukungan teknis yang disediakan pada forum resmi dari Komunitas PrestaShop

tumbuh yang terdiri dari lebih dari 350.000 anggota aktif.

Pembuat PrestaShop memiliki pasar resmi untuk modul harga dan tema berjudul Addons PrestaShop. Ada sejumlah relawan yang mendukung dan memberikan kontribusi Addons mereka sendiri untuk PrestaShop. Kontributor sering memprogram fitur tambahan untuk perangkat lunak, di atas 275 fitur yang tersedia secara default.

PrestaShop mengoperasikan situs terkait disebut PrestaBox, yang mengintegrasikan perangkat lunak dalam operasi satu-stop hosting sederhana.

2.10 Sekilas tentang Domain

Domain adalah sebuah nama untuk mengidentifikasi satu atau lebih nama server

komputer seperti web server atau email server di jaringan komputer maupun internet. Singkatnya, Domain adalah nama unik atau alamat untuk suatu website. Contohnya

http://www.jagoanhosting.com.Fungsi dari Domain sendiri tidak lain adalah untuk

mempermudah pengguna internet dalam melakukan akses ke server dan mengingat

server yang dikunjungi, dibandingan harus mengenal deretan nomor IP address.

Domain jika diterjemahkan secara bahasa bisa berarti tempat atau wilayah, sedangkan pengertian domain dalam ilmu Teknologi Informasi dan Komunikasi adalah pemetaan IP Address yang beruba kode-kode desimal menjadi sebuah karakter yang mudah dibaca oleh manusia. Sebagai contoh ada subuah IP Address Publik yang bisa diakses lewat internet yaitu 182.23.45.67 tentunya orang yang lain akan kesulitan untuk mengingat deretan IP address tersebut, diperlukan penerjemah IP Address

tersebut menjadi sebuah karakter yang mudah diingat dan dihafal oleh manusia, Nah penerjemah tersebutlah yang disebut dengan domain. Sehingga jika sebelumnya orang yang ingin mengakses suatu website harus memasukkan IP Address dengan adanya domain cukup masukkan nama domainnya saja seperti 182.23.45.67 menjadi

ariesense.com.

Ada yang menyebut domain sebagai URL (Uniform Resource Locator) padahal istilah domain tidak sama pengertiannya dengan pengertian dari URL. URL digunakan untuk menunjukkan alamat sebuah dokumen di internet secara lengkap, sedangkan domain hanya pemetaan IP Address-nya saja sebagai contoh:

Ariesense.com (ini disebut domain),

http://ariesense.com/pengertian-domain-dan-hosting.html (ini disebut URL). Ada dua macam domain utama yang biasa dikenal di

jaringan internet yaitu Top Level Domain (Domain Tingkat Atas) disingkat TLD dan

Country-Specific Top Level Domain (Domain Dengan Ekstensi Kode Negara)

umum penggunaannya, penggunaan TLD jika hendak sebagai nama domain untuk sebuah website atau situs tidak memerlukan izin khusus. Tersedia beberapa TLD yang sering dipakai seperti : .com, .net, .org, .us, .info, dan .biz. Sedangkan

Country-Specific Top Level Domain atau ccTLDs bisa digunakan jika anda sudah memiliki izin

penggunaannya. DI Indonesia ccTLDs ditandai dengan ekstensi .id, berikut ini adalah beberapa domain Indonesia beserta jenis surat izin yang harus disertakan saat registrasi

1. .co.id

Domain .co.id biasanya digunakan oleh perusahaan swasta yang memiliki badan hukum yang legal, persyaratan untuk registrasi domain .co.id berupa KTP, NPWP, SIUP, dan surat pendaftaran merk atau hak paten jika digunakan untuk menjual produk yang diproduksi sendiri

2. .go.id

Domain .go.id digunakan oleh instansi pemerintahan atau institusi milik pemerintah resmi persyaratan yang dibutuhkan untuk registrasi domain .go.id adalah SK dari kepala instansi atau pejabat setara eselon 2, struktur organisasi dari isntansi tersebut dan nama instansi harus dijadikan sebagai nama domain-nya contoh kemdiknas.go.id merupakan domain milik kementrian pendidikan nasional

3. .ac.id

Domain .ac.id biasanya digunakan untuk lembaga pendidikan atau kursus dengan jenjang minimal setara diploma 1, contoh ui.ac.id merupakan domain Universitas Indonesia. Untuk domain ac.id dibutuhkan surat izin berupa SK pendirian lembaga dari Kementrian Pendidikan Nasional, SK Rektor, surat kuasa dari rektor dan KTP penanggung jawab domain.

4. .net.id

Domain .net.id dipergunakan oleh penyelenggara jasa telekomunikasi yang legal atau memiliki izin, untuk proses registrasi diperlukan salinan izin penyelenggaraan jasa telekomunikasi dari pemerintah dan KTP penanggung jawab domain

5. .or.id

Domain .or.id digunakan untuk organisasi atau komunitas resmi yang memiliki izin. Dibutuhkan surat izin organisasi dn KTP penanggun jawab domain saat proses registrasi

6. .sch.id

Domain .sch.id digunakan oleh lembaga pendidikan setingkat SD-SMA, penggunaan domain .sch.id memerlukan surat pengajuan resmi dari Kepala Sekolah yang bersangkutan dan KTP penanggung jawab domain

7. .web.id

Domain .web.id dipergunakan untuk pemilik website atau blog pribadi, tidak diperlukan surat izin apa-apa dalam penggunaannya harga sewanyapun relatif murah yaitu 25-30 ribu setahun. Hanya dibutuhkan KTP dari pemilik website atau blog tersebut.

2.11 Sekilas Tentang Hosting

Hosting adalah tempat atau jasa internet untuk membuat halaman website yang telah

anda buat menjadi online dan bisa diakses oleh orang lain. Sedangkan Hosting itu sendiri adalah : jasa layanan internet yang menyediakan sumber daya server-server

untuk disewakan sehingga memungkinkan organisasi atau individu menempatkan informasi di internet berupa HTTP, FTP, EMAIL atau DNS.Serverhosting terdiri dari gabungan server-server atau sebuah server yang terhubung dengan jaringan internet

berkecepatan tinggi.

2.12 Data Flow Diagram (DFD)

Data Flow Diagram atau sering disingkat DFD adalah perangkat-perangkat analisis dan perancangan yang terstruktur sehingga memungkinkan peng-analis sistem memahami sistem dan subsistem secara visual sebagai suatu rangkaian aliran data yang saling berkaitan.

Tabel 2.1 Simbol-simbol DFD

No Gambar Nama Fungsi

1. Kesatuan Luar

(External Entity)

Merupakan kesatuan luar di lingkungan luar sistem yang akan memberikan

input atau menerima

output dari sistem.

2. Proses (Process) Kegiatan dari hasil

suatu arus data yang masuk dalam proses untuk dihasilkan arus data yang akan keluar atau untuk mengubah input

menjadi output.

3. Aliran data Data mengalir

melalui sistem, dimulai dengan sebagian input data dan diubah atau diproses menjadi

input.

4. Penyimpanan data

(Data Stronge)

Data disimpan untuk keperluan

2.13 Diagram Alir (flowchart)

Flowchart merupakan gambar atau bagan yang memperlihatkan urutan dan hubungan

antar proses beserta instruksinya. Gambaran ini dinyatakan dengan simbol. Dengan demikian setiap simbol menggambarkan proses tertentu. Sedangkan hubungan antar proses digambarkan dengan garis penghubung. Diagram alir (flowchart) ini menjelaskan secara rinci langkah-langkah dari proses program. Flowchart dibuat dengan menggunakan simbol-simbol tertentu yang menyatakan setiap langkah program. Dengan adanya flowchart urutan proses kegiatan menjadi lebih jelas. Jika ada penambahan proses maka dapat dilakukan lebih mudah. Setelah flowchar selesai disusun, selanjutnya pemrogram (programmer) menerjemahkannya ke bentuk program dengan bahasa pemrograman.

Berikut ini adalah gambar symbol-simbol standar dalam flowchart beserta dengan arti masing-masing simbol:

Tabel 2.2 Flow-Chart

Simbol Keterangan

Terminal / Interuptm (Mulai/Berhenti)

Simbol ini dipergunakan untuk menunjukkan awal kegiatan atau akhir kegiatan atau berhentinya suatu program.

Input/Output (Data/Hasil)

Untuk mewakili data input dan menuliskan output-nya.

Process ( Pengolahan)

Suatu simbol yang melambangkan diprosesnya suatu data.

Decision (Keputusan)

Dipakai untuk menuliskan jika adanya percabangan, seperti if, case.

Prefendefined

Untuk program-program yang sering dipergunakan sebuah program berulang kali, biasanya dibuat program terpisah dengan sebuah sub program (subroutine). Untuk menghubungkan program utama dengan subroutine dipergunakan simbol ini.

Connector (Penghubung)

Bila suatu flow-chart sangat panjang dan diputus ditengah sebelum selesai, jika disambung dalam halaman yang sama lagi, maka digunakan simbol ini.

Flow-Lines (Garis Alir)

Bila suatu flow-chart dihubungkan dengan garis-garis ini. Garis-garis ini menunjukkan akar selanjutnya yang akan dituju. Bila arahnya kebawah atau kekanan tidak pelu memakai tanda panah. Bila ke atas atau ke kiri, tanda panah harus dipakai, untuk membedakannya.

BAB 3

PERANCANGAN SISTEM

3.1 Perancangan

Tahapan perancangan merupakan tahapan awal yang dilakukan penulis dalam membangun website ini. Pada tahapan ini penulis akan menjabarkan awal perancangan sistem, diagram alur, tujuan dan isi dari website yang akan dibangun. Website ini dirancang menggunakan salah satu CMS (Content Management System) yaitu

Prestashop.

Tahapan selanjutnya adalah tahapan pembuatan bagan atau struktur dari

website tersebut. Struktur dari website tersebut menampilkan struktur hirarki dan isi

halaman perhalaman. Dengan adanya struktur, akan sangat mudah untuk memvisualisasikan isi dari setiap halaman website dan navigasi antar halaman.

3.2 Perancangan Halaman Website

3.2.1 Halaman Home

Halaman ini merupakan halaman utama dari website. Halaman ini berisikan tentang perkenalan produk dan update produk terbaru yang dijual dan link-link utama menuju ke halaman lainnya.

3.2.2 Cara Belanja

Menu ini berisikan alur cara belanja dan nomor rekening untuk transaksi dengan metode transfer antar bank. Dimana pembeli juga dapat melihat data toko dan dapat memesan produk di form yang disediakan di halaman ini.

3.2.3 Pengiriman

Halaman ini berisikan ke jasa pengiriman yang telah disediakan , pembeli akan memilih satu tempat pengiriman yaitu JNE.

3.2.4 Kategori Produk

Menu ini mengklasifikasikan produk yang penulis sajikan untuk memudahkan pembeli melakukan pencarian dan memudahkan pengelolaan produk dari sisi administrator.

3.2.5 Menu Pencarian

Menu pencarian wajib ada untuk memudahkan pembeli dalam melakukan pencarian produk secara cepat tanpa harus membuka–buka kategori produk.

3.2.6 Kontak

Berisikan email, nomor telepon, alamat fisik, yahoo messenger dan alamat komunikasi lainnya.

3.2.7 Syarat dan Ketentuan

Syarat dan ketentuan biasanya berkaitan dengan aturan transaksi, pembayaran, pemesanan, pengiriman, dan aturan komplain. Jadi, sudah semestinya pemilik toko online menginformasikan hal ini pada konsumen agar tidak terjadi kesalahpahaman.

3.3 Diagram Level Korteks

Diagram korteks adalah suatu diagram alir yang tingkat tinggi yang menggambarkan seluruh jaringan, masukan dan keluaran. Sistem yang dimaksud adalah untuk menggambarkan sistem yang sedang berjalan. Dalam perancangan ini ,penulis mencoba untuk memberikan gambaran mengenai alur pemesanan produk. Adapun rancangan DFD pada sistem ini adalah sebagai berikut:

Lihat Produk Pemesanan

Konfirm Pembayaran

Data Produk Data Pemesan

Data Kategori Data Pesanan

Harga Produk Konfirm Pembayar

Invoice

Input data Produk Input Kategori Input Harga

Gambar 3.1 Diagram Konteks Level 0

Sistem

Aplikasi

E-Commerce

Outlet Buku

USER

Diagram Konteks Level 0

Info produk

Data_Produk

Pesanan_Produk Konfirm.Pemesanan

Info Transaksi Data_transaksi

Konfirm. Transaksi

Gambar 3.2 Diagram Konteks Level 0 Pembeli

1.0 Lihat Produk

2.0 Pesan Produk

3.0 Melakukan

Transaksi

Diagram Konteks Level 1

username data_user

password F1 Tbl_User

data_kategori

Info Kategori F2 Tbl_Kategori

Data_produk

Info Produk Username

F3 Tbl_Produk Password

InputKategori Data_pelanggan

F4 Tbl_Pelanggan

Register Data Produk

show input member Produk data_order DataKategori Pesan Produk F5 Tbl_order

Data Pesanan Data Pemesan

Gambar 3.3 Diagram Konteks Level 1 User

1 Login

2 Kategori

3 Produk

4 Pelanggan

5 Order

Diagram Konteks Level 1 Proses 1 Login

Input Data User

Data_user F1 Tbl_User

Data User

F2 Tbl_User data_user

Konfirm. member

Data member Data user

Gambar 3.4 Diagram Konteks Level 1 Proses 1 Login User

1.1 Login User

1.2 Daftar Member

Diagram Konteks Level 1 Proses 2 Kategori

Kategori Data kategori

F1 Tbl_kategori Data kategori

Jenis_Kategori Id_Kategori

Data_jenis_kategori

Data jenis_kategori

Data jenis kategori

Kategori Data kategori

Data kategori

Data kategori

Gambar 3.5 Diagram Konteks Level 1 Proses 2 Kategori User

2.1 Masuk Kategori

2.2 Jenis kategori

Admin 2.3

Diagram Konteks Level 1 proses 3 Produk

Data_jenis_kategori

Info_Produk Data kategori

F1 Tbl_kategori Data_Produk

Data_Jenis_kategori

Info_Produk Data_Produk F2 Tbl_Produk

Data_Produk

Data_Produk Info Produk

Data_kategori

Info_Produk

Gambar 3.6 Diagram Konteks Level 1 Proses 3 Produk 2.1

Masuk Produk

2.2 Modifikasi produk

Admin User

Diagram Konteks Level 1 proses 4 Pelanggan

Info kategori

Info_Produk

Data_kategori Data_kategori

Data_produk

F1Tbl_customer

Pesanan_Produk data_pesanan

Data_produk Register

Data_member

Data pemesanan

Data_Member Info_pesanan

Gambar 3.7 Diagram Konteks Level 1 proses 4 Pelanggan User

Admin 4.1

Pilih kategori

4.2 Lihat Produk

4.4 Melakukan

Pemesann

4.5 Login Member

Diagram Konteks Level 1 proses 5 Order

Pesanan_Produk Pesanan_Produk F1Tbl_Cart

Jlh pesanan produk

Data_Pemesan data_pemesan F2 Tbl_Order

Info_Pesanan data_pesanan F3 Tbl_order_detail

Pesanan_Produk Info pesanan

Pesanan_produk

Gambar 3.8 Diagram Konteks Level 1 Proses 5 Order User

Admin 5.1

Masuk ke cart (Keranjang Belanja)

5.2 Pemesan

5.3 Konfirmasi

Pesanan

5.4 Update Keranjang

3.4 Perancangan Database

Database merupakan tempat penyimpanan data yang terstruktur sehingga dapat

diakses dengan cepat dan mudah. Database merupakan salah satu komponen yang penting dalam sistem e-commerce, karena berfungsi sebagai basis penyedia informasi bagi para penggunanya. Karena database merupakan kumpulan dari beberapa file yang dikelompokkan secara terstruktur dalam beberapa tabel sesuai informasi yang dibutuhkan didalamnya. Adapun database yang dibuat oleh penulis adalah database

commerce dengan tabel-tabel sebagai berikut:

3.4.1 Field Name

Tabel 3.1 Tabel dalam database

No Nama Tabel

1 Kategori

2 Kota

3 Login

4 Orders

5 Keranjang Belanja

6 Pengiriman

7 Pelanggan

8 Kurs

9 Pembayaran

10 Kurir

3.4.2 Field Table

Tabel 3.2 Kategori

Nama Field Type Size Keterangan

Id_Kategori Integer 10 Primary Key

Nama_Kategori Varchar 50

Keterangan Varchar 350

Tabel 3.3 Kota

Nama Field Type Size Keterangan

Id_Kota Integer 3 Primary Key

Id_Mata uang Integer 10

Id_Wilayah Integer 10

Nama_Kota Varchar 100

Ongkos_Kirim Integer 10

Tabel 3.4 Login

Nama Field Type Size Keterangan

User_Id Varchar 20 Primary Key

Password Varchar 30

Status Varchar 5

Tabel 3.5 Orders

Nama Field Type Size Keterangan

Id_Kota Integer 10 Primary Key

Id_Kurs Integer 10

Nama_Kustomer Varchar 100

Alamat_Lengkap Text

Telepon Varchar 50

Status_Order Varchar 50

Jam_Order Time

Tgl_Order Date

Tabel 3.6 Keranjang Belanja

Nama Field Type Size Keterangan

Id_Belanja Integer 10 Primary key

Id_Kurir Integer 10

Id_Mata uang Integer 10

Id_Pelanggan Integer 10

Hadiah Text

Tgl_Masuk Date

Tgl_Keluar Date

Tabel 3.7 Pangiriman

Nama Field Type Size Keterangan

Id_Pengiriman Integer 10 Primary key

Id_Kurir Integer 10

Harga Decimal 20,6

Tabel 3.8 Pelanggan

Nama Field Type Size Keterangan

Id_Pelanggan Integer 10 Primary key

Nama_Awal Varchar 32

Nama_Akhir Varchar 32

Email Varchar 128

Password Varchar 32

Tgl_Masuk Date

Tabel 3.9 Kurs

Nama Field Type Size Keterangan

Id_Kurs Integer 10 Primary key

Nama Varchar 32

Format Text

Hapus Text

Aktif Text

Tabel 3.10 Pembayaran

Nama Field Type Size Keterangan

Id_Payment Integer 10 Primary key

Id_Order Integer 10

Id_Kurs Integer 10

Tgl_Pembuatan Date

Tabel 3.11 Kurir

Nama Field Type Size Keterangan

Id_Kurir Integer 10 Primary key

Nama Integer 64

Aktif Text

Hapus Text

Metode_Pembayaran Integer 2

Tabel 3.12 Produk

Nama Field Type Size Keterangan

Id_Produk Integer 5 Primary key

Id_Kategori Integer 10

Nama_Produk Varchar 100

Harga Integer 20

Stok Integer 5

Tgl_Masuk Date

Gambar Varchar 100

3.5 Perancangan Diagram Alir (flowchart)

Diagram alir (flowchart) ini menjelaskan secara rinci langkah-langkah dari proses program. Flowchart dibuat dengan menggunakan simbol-simbol tertentu yang menyatakan setiap langkah program. Berikutlah ini adalah bentuk-bentuk flowchart

dari toko buku online.

3.5.1 Flowchart Home

Seorang pengunjung bisa melihat dan memilih link-link yang terdapat pada menu utama. Menu utama menampilkan update produk terbaru. Flowchart menu utama dapat dilihat pada gambar 3.2.

Y

Y

Y Y Y

Y

Y

Y Y

Y

Y

Y Y

Y Y Y

Y

N Y

Y

Gambar 3.2 Flowchart Menu Utama Start

End

Buka Koneksi Database

Tutup Koneksi Database Menu Halaman

Beranda

Profil

Kategori

Produk

Order

Langkah Pembelian

Close

Tampilan Utama

Berisi Produk Buku

Cara Pembelian

A

C B

3.5.2 Flowchart Produk

Halaman ini ditunjukkan untuk pengunjung yang hendak melihat aneka jenis buku, beserta harga dari masing-masing buku. Pada halaman ini terdapat kategori buku seperti: Buku Komputer, Buku Internet, Buku Photoshop & Grafis, Islam, anak-anak, dan berbagai macam jenis buku yang lain. Flowchart cara produk penjualan dapat dilihat pada gambar 3.3.

Y Y Y

N

Y

Y

Y Y

N Y

Y

Y

Y Y

Y

Y

Gambar 3.3 Flowchart Produk Pilih Kategori

Tambah kekeranjang

Kekeranjang Belanja

Simpan Pesanan

Isi Data Lengkap

Konfirmasi Order

End

Database

- Buku Komputer

- Buku Internet

- Buku Islam

- Buku anak-anak

- Komik

Nama Buku

Nama Buku

Cara Pembelian

Jumlah Pesanan B

3.5.3 Flowchart Pembelian

Halaman ini ditunjukkan untuk pengunjung yang ingin memesan atau membeli buku. Dimana pembeli dapat melihat data toko dan dapat memesan produk di form yang telah disediakan di halaman ini. Flowchart cara pembelian dapat dilihat pada gambar 3.4.

Y

Y

N

Y Y

Y

Y Y

Y

Y

Gambar 3.4 Flowchart Pembelian Email

Database C

Pemesanan Pembelian

Informasi data Penjual

Masukkan data pembeli

Masukkan Nama & Jumlah pesanan

Pilih Pengiriman

yang disediakan

3.5.4 Flowchart Admin

Halaman admin ini hanya bias diakses oleh administrator. Username dan password

dari administrator harus sesuai dengan tabel admin. Jika username dan password

benar maka admin akan masuk ke halaman administrator dan jika username dan

password salah maka akan timbul pesan error dan untuk login kembali. Flowchart

admin dapat dilihat pada gambar 3.5 dibawah ini.

Y

Y

Y

N Y

Y

Y

Y

Gambar 3.5 Flowchart Login Admin Login

Isi ‘ User Id’ & ‘password’

Cek ‘user Id’ & ‘password’ benar Salah ‘User Id’

atau ‘password’

D

Buka Halaman Admin

Tampilah Halaman Admin

- Catalog - Employes - Customers - Preferences - Order - Tools - Payment

- Shipping - Stats - Modules

3.6 Entity Relationship Diagram (ERD)

Entity Relationship Diagram (ERD) adalah menyediakan cara untuk mendeskripsikan perancangan basis data pada peringkat logika.Entity Relationship Diagram (ERD) adalah gambaran mengenai berelasinya antarentitas.

1. Sistem adalah kumpulan elemen yang setiap elemen memiliki fungsi masing-masing dan secara bersama-sama mencapai tujuan dari sistem tersebut.

2. Kebersamaan dari sistem di atas dilambangkan dengan saling berelasinya antara satu entitas dengan entitas lainnya

3. Entitas (entity/ entity set), memiliki banyak istilah di dalam ilmu komputer, seperti tabel (table), berkas (data file), penyimpan data (data store), dan sebagainya

ERD merupakan suatu model untuk menjelaskan hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang mempunyai hubungan antar relasi. ERD untuk memodelkan struktur data dan hubungan antar data, untuk menggambarkannya digunakan beberapa notasi dan simbol. Adapun rancangan ERD pada sistem ini adalah sebagai berikut:

1

1 1 1

1 1

n n m n m n

n n n

n

1 1

Gambar 3.13 Entity Relationship Diagram

KETERANGAN :

Produk : {id_produk, id_kategori, id_manufaktur, kualitas, harga, lebar, tinggi, tgl_masuk} Order : {id_kota, id_kurs, email, nama, alamat, status order, tgl_order, jm_order}

KURIR

Dikirim

PENGIRIMAN

Diantar

Produk

Memiliki

KATEGORI

Mengantar ke- KOTA

Pemesanan

Detail ORDER

Melakukan _PELANGGAN

Memiliki

Melakukan

PEMBAYARAN KERANJANG

BELANJA Memiliki

Pelanggan : {id_pelanggan, nm_awal, nm_akhir, email, password, tgl_masuk, tgl_keluar} Pembayaran : {id_pembayaran, id_order, id_kurs, tgl_pembuatan}

Keranjang Belanja : {id_belanja, id_kurir, id_kurs, id_pelanggan, hadiah, tgl_masuk} Kurs : {id_kurs, nama, format, hapus, aktif}

Pengiriman : {id_pengiriman, id_kurir, harga}

Kurir : {id_kurir, nama, aktif, hapus, metode_pembayaran} Kota : {id_kota, id_kurs, id_wilayah, nm_kota, ongkos_kirim} Kategori : { id_kategori, nm_kategori, ket}

3.7 Normalisasi

Normalisasi adalah suatu proses yang digunakan untuk menentukan pengelompokan atribut-atribut dalam sebuah relasi sehingga diperoleh relasi yang berstruktur baik. Dalam hal ini yang dimaksud dengan relasi yang berstruktur baik adalah relasi yang memenuhi dua kondisi berikut :

(a) mengandung redudansi sesedikit mungkin,

(b) memungkinkan baris-baris dalam relasi disisipkan, dimodifikasi, dan dihapus tanpa menimbulkan kesalahan atau ketidakkonsistenan menurut Kadir (2009:116).

Normalisasi merupakan proses pengelompokan elemen data menjadi tabel-tabel yang menunjukkan entity dan relasinya. Adapun Normalisasi yang dibuat pada sistem ini adalah sebagai berikut :

1. Entitas Normalisasi

Bentuk Tidak Normal (Unnormalisasi)

Gambar 3.14 Entitas Normalisasi PEMBELIAN

Id_kurir Nama

Aktif Hapus Metode_pembayaran

pengiriman kurir Harga belanja

kurir kurs pelanggan

Hadiah Tgl_masuk Tgl_keluar

Bentuk Normal Pertama (1 NF)

KURIR Ket Id_kurir *

Nama Aktif Hapus Metode_pembayaran

Id_pengiriman Harga

Gambar 3.15 Entitas Normalisasi

Bentuk Normal Kedua (2 NF)

PENGIRIMAN Ket Id_Pengiriman *

Id_Kurir ** Harga

Gambar 3.16 Entitas Normalisasi

KERANJANG BELANJA

Ket

Id_belanja * Id_kurir **

Id_kurs Id_pelanggan

Hadiah Tgl_masuk Tgl_keluar

KERANJANG BELANJA

Ket Id_Belanja *

Id_Kurir ** Id_Mata uang

Id_Pelanggan Hadiah Tgl_Masuk Tgl_Keluar KURIR Ket

Id_Kurir * Nama

Aktif Hapus Metode_Pembayaran

2. Entitas Normalisasi

Bentuk Tidak Normal (Unnormalisasi)

Gambar 3.17 Entitas Normalisasi

Bentuk Normal Pertama (1 NF)

Gambar 3.18 Entitas Normalisasi PELANGGAN

Id_belanja kurir

kurs pelanggan

Hadiah Tgl_masuk Tgl_keluar pelanggan Nama_awal Nama_akhir

Email Password Tgl_masuk Tgl_keluar

PELANGGAN Ket Id_Pelanggan *

Nama_Awal Nama_Akhir

Email Password Tgl_Masuk Tgl_Keluar

KERANJANG BELANJA

Ket Id_Belanja *

Id_Kurir Id_Mata uang

Id_Pelanggan ** Hadiah

Tgl_Masuk Tgl_Keluar

3. Entitas Normalisasi

Bentuk Tidak Normal (Unnormalisasi)

Gambar 3.19 Entitas Normalisasi

Bentuk Normal Pertama (1 NF)

Gambar 3.20 Entitas Normalisasi BARANG

Id_kategori Nm_kategori

Ket produk kategori Nm_produk

Deskripsi Harga

Stok Tgl_masuk

gambar

PRODUK Ket Id_produk * Id_kategori ** Nm_produk

Deskripsi Harga

Stok Tgl_masuk

Gambar KATEGORI Ket

Id_kategori * Nm_kategori

4. Entitas Normalisasi

Bentuk Tidak Normal (Unnormalisasi)

Gambar 3.21 Entitas Normalisasi

Bentuk Normal Pertama (1 NF)

Gambar 3.22 Entitas Normalisasi

PEMBAYARAN Id_kurs Nama Format Hapus Aktif Id_pembayaran Id_order Id_kurs Tgl_pembuatan KOTA Id_kota Id_kurs Id_wilayah Nm_kota Ongkos_kirim Id_kota Id_kurs Nm_kustomer Alamat_lengkap Telp Email Status_order Jam_order Tgl_order

KOTA Ket

Id_kota *

Id_kurs ** Id_wilayah Nm_kota Ongkos_kirim Nm_kustomer Alamat_lengkap Telp Email Status_order Jam_order Tgl_order

KURS Ket Id_kurs *

Nama Format

Hapus Aktif

Bentuk Normal Kedua (2 NF)

Gambar 3.23 Entitas Normalisasi

Bentuk Normal Ketiga (3 NF)

Gambar 3.24 Entitas Normalisasi

KOTA Ket Id_Kota * Id_Kurs * Nama_Kustomer Alamat_Lengkap Telepon Email Status_Order Jam_Order Tgl_Order KURS Ket

Id_Kurs * Nama

Format Hapus

Aktif

PAYMENT Ket Id_Payment *

Id_Order

Id_Kurs * Tgl_Pembuatan

KOTA Ket Id_Kota * Id_Kurs ** Nama_Kustomer Alamat_Lengkap Telepon Email Status_Order Jam_Order Tgl_Order KURS Ket

Id_kurs * Nama

Format Hapus Aktif

PAYMENT Ket Id_Payment *

Id_Order

Id_Kurs ** Tgl_Pembuatan

ORDER Ket Id_Kota * Id_Mata uang

Id_Wilayah Nama_Kota Ongkos_Kirim

3.8 Desain Website

3.8.1 Desain Menu Utama

Menu utama adalah halaman pembuka yang merupakan halaman yang akan tampil setelah masuk ke website penjualan onlinestore. Halaman ini juga termasuk halaman pemberitahuan produk-produk terbaru. Adapun tampilannya adalah sebagai berikut:

3.8.2 Desain Produk

Pada tampilan desain produk ini, pembeli bisa melihat berbagai macam kategori produk yang di tawarkan dan pembeli bisa memilih salah satu kategori produk yang akan dilihat misal: Kategori resep masakan. Dengan demikian pembeli bisa melihat berbagai macam buku yang lain.

Gambar 3.26 Tampilan Produk

3.8.3 DesainDetail Produk

Tampilan desain produk ini menampilkan spesifikasi buku secara lengkap, mulai dari harga, ukuran, penerbit, bahkan sinopsis buku secara lenkap ditampilkan disini.

Gambar 3.27 Tampilan Detail Produk

Pilih kategori mis : Buku resep masakan. Pilih salah satu buku, untuk melihat keterangan

Jika diletakkan kursor pada tanda panah di tengah buku, maka akan kelihatan spesifikasi buku tersebut seperti gambar di samping.

Disini kita bisa lihat detail produk secara lengkap.

3.8.4 Desain Cara Membeli

Halaman ini berisikan tahapan-tahapan pembelian yang menghubungkan data toko dan form pembelian.

Gambar 3.28 Tampilan Cara membeli

3.8.5 Desain Keranjang Belanja

Dihalaman ini terdapat tampilan produk yang telah kita order.

Gambar 3.29 Tampilan Keranjang Belanja Produk yang di

order langsung masuk kekeranjang belanja

Pilih Add tocart

buku yang telah kita order, akan tampil disini beserta deskripsi dan harga dari buku tersebut, secara lengkap.

3.8.6 Desain Login Member

Pada tampilan login member ini, pembeli di wajibkan untuk mengisi email dan biodata untuk menjadi member toko ini. Jika sudah menjadi member sebelumnya maka pembeli bisa langsung login.

Gambar 3.30 Tampilan Login Member

Tuliskan email dan password jika sudah menjadi

member Jika belum menjadi

member, maka daftar terlebih dahulu.

3.8.7 Desain Pengiriman Barang

Halaman ini menghubungkan ke jasa pengiriman yang telah disediakan , pembeli akan memilih pengiriman yaitu melalui jasa pengiriman JNE.

Gambar 3.31 Tampilan Pengiriman Barang

3.8.8 Desain Pembayaran

Halaman ini menyajikan via pembayaran produk yang akan dipilih. Misalnya: transfer antar bank.

Gambar 3.32 Tampilan Pembayaran Diceklis

Kemudian, Next

Pilih Pengiriman Via

Transfer Antar Bank

3.8.9 Desain Halaman Login Admin

Halaman ini berisikan login yang akan menghubungkan ke halaman administrator.

Gambar 3.33 Tampilan Login Admin

3.8.10 Desain Halaman Admin

Halaman ini khusus hanya dapat di akses oleh administratorwebsite untuk melakukan pengaturan website seperti menambah , menghapus, dan mengubah data.

BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem

Implementasi sistem adalah langkah-langkah atau proses yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui untuk menguji, menginstal, dan melalui sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang lama.

4.2 Tujuan Implementasi Sistem

Tujuan Implementasi Sistem adalah sebagai berikut :

1. Menyelesaikan desain sistem yang telah disetjui sebelumnya. 2. Menguji program-program dan prosedur baru.

3. Memastikan bahwa pemakai (user) dapat mengoprasikan sistem baru. 4. Menguji apakah sistem baru tersebut sesuai dengan apa yang diinginkan. 5. Memastikan bahwa pemakai (user) dapat mengoprasikan sistem baru dengan

baik

4.3 Komponen Utama dalam Sistem

Pada pembuatan sistem penjualan buku berbasis e-commerce yang sudah dirancang membutuhkan perangkat keras (hardware), perangkat lunak (software), dan tenaga pelaksana (brainware) untuk melakukan pengolahan data dalam sistem terkomputerisasi.

4.3.1 Perangkat Keras

Perangkat keras adalah semua bagian fisik komputer, dan dibedakan dengan data yang berada didalamnya atau yang beroperasi didalamnya, dan dibedakan dengan perangkat lunak (software) yang menyediakan tugasnya. Perangkat keras yang dibutuhkan dalam pembuatan sistem informasi ini antara lain:

1. Prosesor

2. Harddisk

3. Memory

4. Monitor

5. Keyboard dan Mouse

4.3.2 Perangkat Lunak

Perangkat Lunak adalah program yang berisi kumpulan instruksi untuk melakukan proses pengolahan data. Adapun perangkat lunak yang digunakan penulis adalah sebagai berikut :

1. Sistem Operasi Windows 7

2. Prestashop

3. MySQL sebagai pengelola data

4.3.3 Tenaga Pelaksana (Brainware)

Brainware adalah manusia yang terlibat dalam mengoprasikan serta mengatur sistem

di dalam komputer. Diartikan juga sebagai perangkat intelektual yang mengoprasikan dan mengeksplorasi kemampuan dari Hardware maupun Software.

Brainware termasuk bagian penting dari sebuah sistem komputer. Hardware

tidak dapat bekerja tanpa adanya software, sedangkan software dan hardware tidak dapat bekerja tanpa adanya brainware. Jadi 3 komponen ini saling terkait dan saling membutuhkan.

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Berdasarkan penulisan Tugas Akhir ini, maka penulis mengambil kesimpulan bahwa :

1. Electronic Commerce (E-Commerce) didefinisikan sebagai proses pembelian dan

penjualan produk, jasa dan informasi yang dilakukan secara elektronik dengan memanfaatkan jaringan komputer atau media internet.

2. Dengan adanya sistem e-commerce, para pedagang maupun perusahaan dapat dengan mudah mempromosikan produk-produk terbaru mereka dengan kualitas terjangkau dan harga yang relative murah agar menarik perhatian para konsumen.

3. Merupakan sarana online yang dapat di akses oleh siapapun.

4. Aplikasi ini dapat memperoleh keuntungan, yaitu mendapatkan rekan bisnis yang baru, produk dapat tersebar lebih luas, dan meningkatkan produktivitas.

5. Tampilan website yang bagus dan menarik dapat menambah daya tarik serta rasa percaya kepada konsumen terhadap sistem e-commerce yang dimiliki oleh toko.

5.2Saran

1. Penulis menyadari bahwa Tugas Akhir yang penulis buat masih banyak kekurangannya. Dengan demikian penulis masih membutuhkan lagi pengembangan lebih lanjut untuk perbaikan kedepannya.

2. Penulis berharap sistem e-commerce ini dapat digunakan oleh berbagai pengusaha dalam bidang perdagangan untuk melakukan bisnis transaksi jual beli agar pemasaran produknya tersebar luas di berbagai daerah.

DAFTAR PUSTAKA

Baskoro,Adi, Buku Pintar Membuat Toko Online,Mediakita,Jakarta,2012.

Ducket,Jon, Beginning Web programming with HTML, XHTML and CSS,Wiley Publishing,Inc.

Raharjo,Budi, Belajar Pemrograman Web,Modula,2011.

Andi, Apa dan Bagaimana E-Commerce Perusahaan Top Duni Edisi ke 1,Wahana Komputer, Yogyakarta, 2010.

Wahyu,P.,Instalasi Prestashop Pada Komputer Lokal,[pdf],(http://away.web.id, Diakses tanggal 18 Februari 2013)

Wahana Komputer. 2002. Apa dan Bagaimana E-Commerce. Edisi ke-2.Yogyakarta:Andi

Nengkirahmat, “Komputer Source Berbagi Ilmu Arsip Tag: Normalisasi File.Pdf ”, From : https://nengkirahmat.wordpress.com/tag/normalisasi-file-pdf/, Diakses pada 15 april 2013.

Meigi,Rahman, “Kumpulan Ebook Belajar Website Ebook”, From : http://megi-rahman.blogspot.com/2011/12/kumpulan-ebook-belajar-website-ebook.html, Diakses pada 25 April 2013.

Muhal, “Tutorial Membuat Toko Online Dengan CMS Prestashop 1.2.5.0 “, From :

DAFTAR PUSTAKA

Baskoro,Adi, Buku Pintar Membuat Toko Online,Mediakita,Jakarta,2012.

Ducket,Jon, Beginning Web programming with HTML, XHTML and CSS,Wiley Publishing,Inc.

Raharjo,Budi, Belajar Pemrograman Web,Modula,2011.

Andi, Apa dan Bagaimana E-Commerce Perusahaan Top Duni Edisi ke 1,Wahana Komputer, Yogyakarta, 2010.

Wahyu,P.,Instalasi Prestashop Pada Komputer Lokal,[pdf],(http://away.web.id, Diakses tanggal 18 Februari 2013)

Wahana Komputer. 2002. Apa dan Bagaimana E-Commerce. Edisi ke-2.Yogyakarta:Andi

Nengkirahmat, “Komputer Source Berbagi Ilmu Arsip Tag: Normalisasi File.Pdf ”, From : https://nengkirahmat.wordpress.com/tag/normalisasi-file-pdf/, Diakses pada 15 april 2013.

Meigi,Rahman, “Kumpulan Ebook Belajar Website Ebook”, From : http://megi-rahman.blogspot.com/2011/12/kumpulan-ebook-belajar-website-ebook.html, Diakses pada 25 April 2013.

Muhal, “Tutorial Membuat Toko Online Dengan CMS Prestashop 1.2.5.0 “, From :

LAMPIRAN : LISTING PROGRAM

Listing Index.php <?php

/*

* 2007-2011 PrestaShop *

* NOTICE OF LICENSE *

* This source file is subject to the Open Software License (OSL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/osl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to license@prestashop.com so we can send you a copy immediately.

*

* DISCLAIMER *

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

* @author PrestaShop SA <contact@prestashop.com> * @copyright 2007-2011 PrestaShop SA

* @version Release: $Revision: 7233 $

* @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)

* International Registered Trademark & Property of PrestaShop SA

*/

header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");

header("Cache-Control: no-store, no-cache, must-revalidate");

'add_prod_display' =>

Configuration::get('PS_ATTRIBUTE_CATEGORY_DISPLAY'), 'nbProducts' => $nbProducts,

'homeSize' => Image::getSize('home') ));

}

public function displayContent() {

parent::displayContent();

self::$smarty->display(_PS_THEME_DIR_.'prices-drop.tpl');

} }

Listing Login.php <?php

/*

* 2007-2011 PrestaShop *

* NOTICE OF LICENSE *

* This source file is subject to the Open Software License (OSL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/osl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to license@prestashop.com so we can send you a copy immediately.

*

* DISCLAIMER *

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

* @author PrestaShop SA <contact@prestashop.com> * @copyright 2007-2011 PrestaShop SA

* @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)

* International Registered Trademark & Property of PrestaShop SA

*/

ob_start();

define('PS_ADMIN_DIR', getcwd());

include(PS_ADMIN_DIR.'/../config/config.inc.php'); include(PS_ADMIN_DIR.'/functions.php');

$clientIsMaintenanceOrLocal = in_array(Tools::getRemoteAddr(),

array_merge(array('127.0.0.1'),explode(',', Configuration::get('PS_MAINTENANCE_IP')))); $errors = array();

if ((empty($_SERVER['HTTPS']) OR

strtolower($_SERVER['HTTPS']) == 'off')

AND Configuration::get('PS_SSL_ENABLED')) {

// You can uncomment theses lines if you want to force https even from localhost and automatically redirect

// header('HTTP/1.1 301 Moved Permanently'); // header('Location:

'.Tools::getShopDomainSsl(true).$_SERVER['REQUEST_URI']); // exit();

// If ssl is enabled, https protocol is required. Exception for maintenance and local (127.0.0.1) IP

if ($clientIsMaintenanceOrLocal)

$errors[] = translate('SSL is activated. However, your IP is allowed to use unsecure mode (Maintenance or local IP).').'<br/>';

else

$warningSslMessage = translate('SSL is

activated. Please connect using the following url to log in in secure mode (https).')

.'<br/><br/><a

href="https://'.Tools::getServerName().Tools::safeOutput( $_SERVER['REQUEST_URI']).'">https://'.Tools::getServerNam e().Tools::safeOutput($_SERVER['REQUEST_URI']).'</a>'; }

$cookie = new Cookie('psAdmin',

substr($_SERVER['PHP_SELF'], strlen(__PS_BASE_URI__), -10));

if (!isset($cookie->id_lang)) $cookie->id_lang =

Configuration::get('PS_LANG_DEFAULT');

$iso = strtolower(Language::getIsoById((int)($cookie->id_lang)));

include(_PS_TRANSLATIONS_DIR_.$iso.'/admin.php'); include(_PS_TRANSLATIONS_DIR_.$iso.'/errors.php'); /* Cookie creation and redirection */

if (Tools::isSubmit('Submit')) {

/* Check fields validity */

$passwd = trim(Tools::getValue('passwd')); $email = trim(Tools::getValue('email')); if (empty($email))

$errors[] = Tools::displayError('E-mail is empty');

elseif (!Validate::isEmail($email))

$errors[] = Tools::displayError('Invalid e-mail address');

elseif (empty($passwd))

$errors[] = Tools::displayError('Password is blank');

elseif (!Validate::isPasswd($passwd))

$errors[] = Tools::displayError('Invalid password');

else {

/* Seeking for employee */ $employee = new Employee();

$employee = $employee->getByemail($email, $passwd);

if (!$employee) {

$errors[] = Tools::displayError('Employee does not exist or password is incorrect.');

$cookie->logout(); }

else {

/* Creating cookie */

$cookie->id_employee = $employee->id; $cookie->email = $employee->email;

$cookie->profile = $employee->id_profile; $cookie->passwd = $employee->passwd; $cookie->remote_addr =

ip2long(Tools::getRemoteAddr()); $cookie->write();

/* Redirect to admin panel */ if (isset($_GET['redirect']))

$url =

strval($_GET['redirect'].(isset($_GET['token']) ? ('&token='.$_GET['token']) : ''));

else

$url = 'index.php';

if (!Validate::isCleanHtml($url)) die(Tools::displayError());

echo '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="'.$iso.'" lang="'.$iso.'">

<meta http-equiv="Refresh" content="0;URL='.str_replace('&amp;', '&', Tools::safeOutput($url, true)).'">

<head>

<script language="javascript" type="text/javascript">

window.location.replace("'.str_replace('&amp;', '&', Tools::safeOutput($url, true)).'");

</script>

<div style="text-align:center; margin-top:250px;"><a href="'.str_replace('&amp;', '&', Tools::safeOutput($url, true)).'">'.translate('Click here to launch Administration panel').'</a></div>

</head> </html>'; exit ; }

} }

echo '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="'.$iso.'" lang="'.$iso.'">

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<link type="text/css" rel="stylesheet" href="../css/login.css" />

<title>PrestaShop&trade; -

'.translate('Administration panel').'</title>'; echo '

</head> <body>

<div id="container">'; if ($nbErrors = sizeof($errors)) {

echo '

<div id="error">

<h3>'.($nbErrors > 1 ? translate('There are') : translate('There is')).' '.$nbErrors.' '.($nbErrors > 1 ? translate('errors') : translate('error')).'</h3>

<ol style="margin: 0 0 0 20px;">'; foreach ($errors AS $error)

echo '<li>'.$error.'</li>'; echo '

</ol> </div> <br />'; }

echo '

<div id="login">

<h1>'.Tools::htmlentitiesUTF8(Configuration::get('PS _SHOP_NAME')).'</h1>

<form

action="'.Tools::htmlentitiesUTF8($_SERVER['REQUEST_URI'] ).'" method="post">';

$randomNb = rand(100, 999);

if (file_exists(PS_ADMIN_DIR.'/../install') OR file_exists(PS_ADMIN_DIR.'/../admin'))

{

echo ' <span>'.translate('For

security reasons, you cannot connect to the Back Office until after you have:').'<br /><br />

- '.translate('delete the /install folder').'<br />

- '.translate('renamed the /admin folder (eg. ').'/admin'.$randomNb.')<br />

<br />'.translate('Please then access this page by the new url (eg.

http://www.domain.tld/admin').$randomNb.')</span>'; }

else {

// If https enabled, we force it except if you try to log in from maintenance or local ip

if ( (empty($_SERVER['HTTPS']) OR strtolower($_SERVER['HTTPS']) == 'off')

AND ( Configuration::get('PS_SSL_ENABLED') AND !$clientIsMaintenanceOrLocal)

)

echo '<div

class="error">'.$warningSslMessage.'</div>'; else

echo '<label for="email">'.translate('E-mail address:').'</label><br />

<input type="text" id="email" name="email"

value="'.Tools::safeOutput(Tools::getValue('email')).'" class="input"/>

<div style="margin: 1.8em 0 0 0;">

<label

for="passwd">'.translate('Password:').'</label><br /> <input id="passwd"

type="password" name="passwd" class="input" value=""/> </div>

<div>

<div id="submit"><input type="submit" name="Submit" value="'.translate('Log in').'" class="button" /></div>

<div id="lost"><a href="password.php">'.translate('Lost

password?').'</a></div>

</div> ';

} ?>

<script type="text/javascript"> //<![CDATA[

if (document.getElementById('email')) document.getElementById('email').focus(); //]]>

</script> <?php echo '

</form> </div>

<h2><a

href="http://www.prestashop.com">&copy; Copyright by PrestaShop. all rights reserved.</a></h2>

</div> </body> </html>';