Sistem Informasi Penjualan Sepatu Wanita pada Vincci Sepatu Berbasis Web

SISTEM INFORMASI PENJUALAN SEPATU WANITA PADA

VINCCI SEPATU BERBASIS WEB

TUGAS AKHIR

MICHO FERDIAWAN

112406055

PROGRAM STUDI D3 TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN

ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

SISTEM INFORMASI PENJUALAN SEPATU WANITA PADA

VINCCI SEPATU BERBASIS WEB

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh gelar Ahli Madya

MICHO FERDIAWAN

112406055

PROGRAM STUDI D3 TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN

ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

PERSETUJUAN

Judul : Sistem Informasi Penjualan Sepatu Wanita pada Vincci Sepatu Berbasis Web

Kategori : Tugas Akhir

Nama : Micho Ferdiawan

Nomor Induk Mahasiswa : 112406055

Program Studi : Diploma 3 Teknik Informatika

Departemen : Matematika

Fakultas : Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara

Disetujui di Medan, 17-6 -2014

Disetujui Oleh

Program Studi D3 Teknik Informatika Pembimbing, FMIPA USU

Ketua,

Dr.Elly Rosmaini, M.Si Drs.James Piter Marbun, M.Kom

PERNYATAAN

SISTEM INFORMASI PENJUALAN SEPATU WANITA PADA VINCCI SEPATU BERBASIS WEB

TUGAS AKHIR

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

Medan, 2014

MICHO FERDIAWAN 112406055

PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Allah SWT yang Maha Pemurah dan Maha Penyayang, dengan limpahan rahmat dan hidayah-Nya Penulis dapat menyelesaikan penyusuanan tugas akhir ini dengan judul Sistem Informasi Penjualan Sepatu Wanita pada Vincci Sepatu Berbasis Web.

Terimakasih penulis sampaikan kepada Drs.James Piter Marbun, M.Kom, selaku pembimbing yang telah meluangkan waktunya selama penyusunan tugas akhir ini. Terimakasih kepada Prof. Drs. Tulus, M.Si, dan Syahriol Sitorus, S.S.I, M.I.T selaku Ketua Departemen dan Sekretaris Departemen Matematika FMIPA USU, Ibu Dra. Elly Rosmaini, M.Si, selaku ketua Prodi D3 Teknik Informatika, Dekan dan Pembantu Dekan FMIPA USU, seluruh Staff dn Dosen Matematika FMIPA USU, pegawai FMIPA USU dan rekan-rekan kuliah. Akhirnya tidak terlupakan kepada Ibunda Dwi Endang Sari, Ayahanda Irwanto, teman-teman seperjuangan selama menuntut ilmu Khairunas, Khallisandy Khallis, Azwar Sembiring, Aidha Maisari, Jogie Tri Olga, Fauziah Rossi, Eko Sulistyo dan Semua teman Kom B11 D3 tekhnik Informatika yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Allah SWT akan membalasnya.

ABSTRAK

Pada penulisan tugas akhir ini, penulis membuat Sistem Informasi Penjualan Sepatu Wanita pada Vincci Sepatu Berbasis Web. Sistem ini merupakan penjualan sepatu secara Online dengan menggunakan Web Server, PHP dan MySQL. Pembuatan sistem penjualan sepatu wanita 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 bermacam-macam model sepatu yang tersedia .Layout dan header yang bagus dan menarik sehingga dapat menambah daya tarik tersendiri.

ABSTRACK

In this thesis, the author made a Women's Shoes Sales Information System Based on Web Vincci shoes. This system is an online shoe sales is by using Web Server, PHP and MySQL. Making women's shoes sales system aims to facilitate the public in obtaining information Shopping (Online) thus saving time. Facilities contained in this website making the latest form of data and information, profiles and a variety of models of shoes available. Layout and header nice and attractive so that it can add a special attraction.

DAFTAR ISI

Halaman

Persetujuan i

Pernyataan ii

Penghargaan iii

Abstrak iv

Abstract v

Daftar Isi vi

Daftar Gambar viii

Daftar Tabel ix

Bab 1. Pendahuluan

1.1Latar Belakang 1

1.2Rumusan Masalah 2

1.3Batasan Masalah 2

1.4Tujuan Penelitian 3

1.5Manfaat Penelitian 4

1.6Tinjuan Pustaka 5

1.7Metode Penelitian 5

Bab 2. Landasan Teori

2.1 Pengertian E-commers 6

2.1.1 Struktur e-commers 7

2.1.2 Klasifikasi e-commers 8

2.1.3 Manfaat e-commers 9

2.1.4 Keamaan e-comeers 10

2.2 Penjualan 12

2.3 Internet 13

2.3.1 Internet e-commers 13

2.3.2 Web Server 14

2.3.3 Web Browser 14

2.3.4 Web dan HTML 14

2.4 Pengertian Sistem Informasi 15

2.5 Website 16

2.5.1 Unsur-unsur website 17

2.6 Personal Home Page (PHP) 19

2.6.1 Pengertian PHP 19

2.6.2 Keunggulan PHP 20

2.7 MySQL 21

2.7.1 Pengertian MySQL 21

2.7.2 Keistimewahan MySQL 22

2.8 Pengertian Database 24

2.9 Entity Relationship Diagram (ERD) 25

2.10 Data Flow Diagra (DFD) 25

2.12 Pengertian PHP MyAdmin 26

2.13 Pengertian CSS 27

Bab 3. Perancangan Sistem

3.1 Data Flow Diagram (DFD) 29

3.2 Perancangan Database 31

3.3 Flowchart 35

3.3.1 Flowchart Menu Pertama 37

3.3.2 Flowchart Pemesanan Produk 38

3.3.3 Flowchart Member Sepatu 39

3.3.4 Flowchart Admin 39

3.4 Perancangan Algoritma 40

3.4.1 Algoritma Homepage 40

3.4.2 Algoritma Member Sepatu 41

3.4.3 Algoritma Admin 42

Bab 4. Implementasi Sistem

4.1 Pengertian Implrmentasi Sistem 45

4.2 Tujuan Implementasi Sistem 46

4.3 Komponen dalam implementasi sistem 46

4.3.1 Kebutuhan Perangkat Keras 46

4.3.2 Kebutuhan Perangkat Lunak 47

4.4 Tampilan Halaman Website 48

Bab 5. Kesimpulan Dan Saran

5.1 Kesimpulan 54

5.2 Saran 55

Daftar Pustaka Lampiran

DAFTAR GAMBAR

Nomor Judul Halaman

Gambar

4.2 Halaman Beranda 48

4.3 Halaman Tentang Kami 49

4.4 Halaman Produk Kami 49

4.5 Halaman Login Member dan Register Member 50

4.6 Halaman User 50

4.7 Halaman Produk Member Sepatu 50

4.8 Halaman login admin 50

4.9 Halaman Admin 51

DAFTAR TABEL

Nomor Judul Halaman

Tabel

3.1 Simbol-simbol Data Flow Diagram 30

3.2 Tabel Akun 32

3.3 Tabel User_sepatu 32

3.4 Tabel member_spt 33

3.5 Tabel Produk katagori 34

3.6 Tabel Produk spt 34

ABSTRAK

Pada penulisan tugas akhir ini, penulis membuat Sistem Informasi Penjualan Sepatu Wanita pada Vincci Sepatu Berbasis Web. Sistem ini merupakan penjualan sepatu secara Online dengan menggunakan Web Server, PHP dan MySQL. Pembuatan sistem penjualan sepatu wanita 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 bermacam-macam model sepatu yang tersedia .Layout dan header yang bagus dan menarik sehingga dapat menambah daya tarik tersendiri.

ABSTRACK

In this thesis, the author made a Women's Shoes Sales Information System Based on Web Vincci shoes. This system is an online shoe sales is by using Web Server, PHP and MySQL. Making women's shoes sales system aims to facilitate the public in obtaining information Shopping (Online) thus saving time. Facilities contained in this website making the latest form of data and information, profiles and a variety of models of shoes available. Layout and header nice and attractive so that it can add a special attraction.

BAB I

PENDAHULUAN

1.1Latar Belakang

Belakangan ini usaha sepatu semakin menjanjikan keuntungan yang memuaskan hal ini dapat dibuktikan melalui semakin banyaknya permintaan akan sepatu dan semakin menjamurkan toko-toko khusus sepatu. Sepatu sudah menjadi bagian dari kehidupan urban khususnya perkotaan. Persaingan di dunia bisnis juga semakin tinggi. Menghadapi persaingan yang tinggi itu perlu dilakukan strategi agar permasalahan-permasalahan yang dapat diatasi dengan baik.

Adapun hal-hal yang dapat melatarbelakangi permasalahan tersebut meliputi permasalahan dalam menjual sepatu ke berbagai lapisan masyarakat. Keterbatasan ruang dan waktu yang dihadapi oleh perusahaan dalam memasarkan sepatu baru juga dalam menyampaikan informasi terhadap pelanggan dengan cepat dan tepat. Cepat dan tepat maksudnya adalah pelanggan dapat menerima langsung informasi tentang sepatu yang mereka inginkan. Dimana kita sebelumnya memperoleh informasi tempat belajar dari brosur-brosur, koran, dan majalah.

Terdapat beberapa keunggulan dari internet, salah satunya yaitu dapat menyampaikan informasi yang ada di sebuah perusahaan atau instansi tertentu.

Dengan melalui internet-lah sekilas profil, keunggulan, serta 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. Inovasi itu ialah dengan memasang iklan melalui internet yang lebih dikenal dengan e-commerce.

1.2Rumusan Masalah

Bagaimana merancang Sistem Informasi Penjualan Sepatu Wanita Berbasis Web sehingga dalam penyampaian informasi dapat tersaji dengan baik, efisien dan dapat di update dengan mudah dan cepat pada waktu yang diinginkan.

1.3Batasan Masalah

Batasan masalah adalah hal yang sangat penting untuk ditentukan terlebih dahulu sebelum sampai pada tahap selanjutnya. Untuk memudah kan penulis agar tidak menyimpang dari tujuan awal, maka dilakukan pembatasan masalah sebagai berikut:

1. Sistem Informasi yang dibuat hanya digunakan untuk bagian pemesanan barang dan juga untuk melayani user yang mengunjungi situs ini.

2. Pembayaran atas pemesanan dilakukan melalui transfer via banking. 3. Sistem hanya memberikan informasi barang yang tersedia dan proses

1.4Tujuan Penelitian

Tujuan yang ingin dicapai penjulan sepatu wanita berbasis web ini adalah:

1. Untuk membangun sistem informasi yang dapat memperluas area pemasaran sepatu wanita.

2. Untuk meningkatkan pelayanan dan mempermudah konsumen melakukan transaksi pemesanan barang.

1.5Manfaat Penelitian

Diharapkan mendapat manfaat yang ingin dicapai dengan dibuatnya sistem informasi ini adalah terlaksananya sistem informasi pemesanan yang terkomputerisasi, yang mana akan mengatasi masalah-masalah yang ada. Sehingga akan tercapai sistem informasi pemesanan yang diharapkan yaitu efektif dan efisien.

1.6Tinjuan Pustaka

Situs web (web Site) awalnya merupakan suatu layanan sajian informasi yang menggunakan konsep hyperlink, yang memudahkan surfer (sebutan bagi pemakai komputer yang melakukan penelusuran informasi di internet) untuk mendapatkan informasi, dengan cukup mengklik suatu link berupa teks atau gambar, maka informasi dari teks atau gambar akan ditampilkan secara lebih rinci (detail).

PHP (Hypertext Preprocessor) merupakan secara umum dikenal sebagai bahasa pemrograman script script yang membuat dokumen HTML secara on the fly yang

dieksekusi di server web, dokumen HTML yang dihasilkan dari suatu aplikasi bukan dokumen HTML yang dibuat dengan menggunakan editor teks atau editor HTML, dikenal juga sebagai bahasa pemrograman server side.

Pada dokumen HTML yang termasuk sistem hypertext, kita tidak harus membaca dokumen tersebut secara urut dari atas ke bawah atau sebaliknya, tetapi kita dapat menuju pada topik tertentu secara langsung dengan menggunakan teks penghubung yang akan membawa anda ke suatu topik atau dokumen lain secara langsung. HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu SGML (Standar Generalized Markup

Language).

Dengan menggunakan PHP maka maintenance suatu situs web menjadi lebih mudah. Proses update data dapat dilakukan dengan menggunakan aplikasi yang dibuat dengan menggunakan script PHP.Aplikasi pembuatan web ini dibangun oleh sistem operasi Windows 7Ultimate yang didukung oleh software Web Server

Apache_2.2.3, web scripting PHP (PHP 5.2.6) dan MySQL 5.0.51.

1.7Metodologi Penelitian

Pada kesempatan ini penulis akan membahas mengenai metode penelitian yang dilakukan oleh penulis, yaitu tahapan-tahapan yang dilalui oleh penulis mulai dari perumusan masalah sampai pada kesimpulan yang membentuk suatu alur yang sistematis. Metode penelitian ini digunakan oleh penulis sebagai pedoman dalam melaksanakan penelitian agar hasil yang dicapai tidak menyimpang dari ujuan sebelumnya. Adapun metode penelitian yang digunakanantara lain:

1. Penelitian Kepustakaan (Library Research)

Penelitian yang dilakukan penulis di perpustakaan dan juga di internet untuk mendapatkan data yang teoritis.

2. Penelitian Lapangan (Field Research) a. Observasi kelapangan.

b. Pengambilan data

Pengumpulan data dilakukan untuk memperoleh data-data yang diperlukan sebagai bahan bagi penulis.

c. Pengolahan data

Data-data yang telah diperoleh kemudian diolah untuk dianalisa.

3. Perancangan dan pembangunan web dengan menggunakan bahasa pemrograman HTML, PHP, dll.

BAB 2

LANDASAN TEORI

2.1 Pengertian E-commerce

E-commerce atau yang biasa disebut juga dengan istilah Ecom atau Emmerce atau EC

merupakan pertukaran bisnis yang rutin dengan menggunakan transmisi Electronic

Data Interchange (EDI), email, electronic bulletin boards, mesin faksimili, dan

Electronic Funds Transfer yang berkenaan dengan transaksi-transaksi belanja di

Internet shopping, Stock online dan surat obligasi, download dan penjualan software,

dokumen, grafik, musik, dan lain-lainnya, serta transaksi Business to Business (B2B). (Wahana Komputer Semarang, 2002).

Sedangkan definisi e-commerce menurut David Baum (1999) yaitu:

ecommerce is a dynamic set of technologies, applications, and bussines process that link enterprises, consumers, and communities through electronics transactions and the electronic exchange of goods, services, and informations.

Diterjemahkan oleh Onno. W. Purbo: e-commerce merupakan satu set dinamis teknologi, aplikasi, dan proses bisnis yang menghubungkan perusahaan, konsumen,

dan komunitas tertentu melalui transaksi elektronik dan perdagangan barang, pelavanan, dan informasi yang dilakukan secara elektronik.

Triton (2006), menjelaskan bahwa e-commerce (electronic commerce) sebagai perdagangan elektronik dimana untuk transaksi perdagangan baik membeli maupun menjual dilakukan melalui elektronik pada jaringan internet. Keberadaan e-commerce

sendiri dalam internet dapat dikenali melalui adanya fasilitas pemasangan iklan, penjualan, dan service support terbaik bagi seluruh pelanggannya dengan menggunakan sebuah toko online berbentuk web yang setiap harinya beroperasi selama 24 jam.

Proses yang ada dalam e-commerce adalah sebagai berikut:

a. Presentasi elektronis (Pembuatan Website) untuk produk dan layanan.

b. Pemesanan secara langsung dan tersedianya tagihan.

c. Otomasi account pelanggan secara aman (baik nomor rekening maupun nomor kartu kredit).

d. Pembayaran yang dilakukan secara Langsung (online) dan penanganan transaksi (Januri, 2008).

2.1.1 Struktur E-commerce Infrastruktur e-commerce:

b. Intranet : jaringan milik perusahaan atau organisasi yang menggunakan teknologi internet, seperti protocol internet, browser web.

c. Extranet : jaringan melalui internet yang menghubungkan beberapa internet.

Selain infrastruktur, aplikasi e-commerce juga ditunjang oleh lima pilar:

a. SDM (people)

b. Peraturan/perundangan publik (Public Policy)

c. Pemasaran dan Periklanan (Marketing and Advertisement)

d. Layanan-layanan pendukung (Support and Services) e. Kemitraan Usaha (Business partnership)

2.1.2 Klasifikasi E-commerce

Penggolongan e-commerce yang lazim dilakukan orang adalah berdasarkan sifat transaksinya, antara lain:

1. Business to Business (B2B)

Jenis transaksi dimana pembeli biasanya membeli dalam jumlah besar karena akan dijual kembali. Contoh penjualan grosir.

2. Business to Consumer (B2C)

Jenis transaksi dimana pembelinya perorangan dan tidak punya tujuan untuk menjualnya kembali biasanya semacam toko online yang menjual berbagai macam barang.

3. Consumer to Consumer (C2C)

untuk dijual kembali dan penjualnya juga perorangan yang tidak menyediakan bermacam-macam barang melainkan hanya beberapa barang saja. Contoh: online advertising.

4. Consumer to Business (C2B)

Termasuk kedalam kategori ini adalah perseorangan yang menjual produk atau layanan kepada organisasi, dan perseorangan yang mencari penjual, berinteraksi dengan mereka dan menyepakati suatu transaksi.

2.1.3 Manfaat E-commerce

E-commerce memiliki beberapa manfaat, baik itu organisasi, perusahaan dan masyarakat

itu sendiri, berikut beberapa manfaat dari e-commerce:

a. Manfaat yang diperoleh bagi organisasi pemilik e-commerce:

1. Memperluas market place hingga kepasar nasional dan internasional.

2. Dengan capital outplay yang minim, sebuah perusahaaan dapat dengan mudah menemukan lebih banyak pelanggan, supplier yang lebih baik dan partner

bisnis yang paling cocok dari seluruh dunia.

3. E-commerce menurunkan biaya pembuatan, pemrosesan, pendistribusian,

penyimpanan, dan pencarian informasi yang menggunakan kertas.

4. E-commerce mengurangi waktu antara outlay modal dan penerimaan produk dan jasa.

b. Manfaat bagi konsumen antara lain:

1. E-commerce memungkinkan pelanggan untuk berbelanja atau melakukan

transaksi selama 24 jam sehari sepanjang tahun dari hampir setiap lokasi. 2. E-commerce memberikan lebih banyak pilihan kepada pelanggan, mereka bisa

memilih berbagai produk dari banyak vendor.

3. E-commerce menyediakan produk dan jasa yang tidak mahal kepada pelanggan dengan cara mengunjungi banyak tempat dan melakukan perbandingan secara cepat.

4. Pelanggan bisa menerima informasi yang relevan secara detil dalam hitungan detik, bukan lagi hari atau minggu.

c. Manfaat bagi masyarakat lain:

1. E-commerce memungkinkan orang untuk bekerja didalam rumah dan tidak harus

keluar rumah untuk berbelanja. Ini berakibat menurunkan arus kepadatan lalu lintas dijalan serta mengurangi polusi udara.

2. E-commerce memungkinkan orang dinegara-negara dunia ketiga dan wilayah

pedesaan untuk menikmati aneka produk dan jasa yang akan susah mereka dapatkan tanpa e-commerce

2.1.4 Keamanan E-commerce

oleh user atau admin. Berikut beberapa konsep dasar keamanan e-commerce:

1. Security Policy (Kebijaksanaan keamanan yang digunakan) merupakan satu set aturan yang diterapkan pada semua kegiatan-kegiatan pengamanan dalam

security domain. Security domain merupakan satu set sistem komunikasi dan

komputer yang dimiliki oleh organisasi yang bersangkutan.

2. Authorization (Otorisasi) berupa pemberian kekuatan secara hukum untuk

melakukan segala aktifitasnya.

3. Accountability (kemampuan dapat diakses) memberikan akses ke personal security.

4. A Threat (Ancaman yang tidak diinginkan) merupakan kemungkinan munculnya seseorang, sesuatu atau kejadian yang bisa membahayakan aset-aset yang berharga khususnya hal-hal yang berhubungan dengan confidentiality, integrity, availability dan legitimate use.

5. An Attack (Serangan yang merupakan realisasi dari ancaman), pada sistem jaringan komputer ada dua macam tipe serangan, yaitu passive attack (misalnya

monitoring terhadap segala kegiatan pengiriman informasi rahasia yang

dilakukan oleh orang-orang yang tidak berhak) dan active attack (misalnya perusakan informasi yang dilakukan dengan sengaja dan langsung mengenai sasaran).

6. Safeguards (Pengamanan) meliputi kontrol fisik, mekanisme, kebijaksanaan dan prosedur yang melindungi informasi berharga dari ancaman-ancaman yang mungkin timbul setiap saat.

7. Vulnerabilities (Lubang-lubang keamanan yang bisa ditembus).

8. Risk (Resiko kerugian) merupakan perkiraan nilai kerugian yang ditimbulkan oleh kemungkinan adanya attack yang sukses.

9. Risk Analysis (Analisa Kerugian) merupakan proses yang menghasilkan suatu keputusan apakah pengeluaran yang dilakukan terhadap safeguards bisa menjamin tingkat keamanan yang diinginkan.

2.2 Penjualan

Penjualan menurut Rangkuty (2008, hal: 48) adalah suatu proses kegiatan yang dipengaruhi oleh berbagai faktor social, budaya, politik dan ekonomi dan manajerial. Akibat dari berbagai faktor tersebut masing-masing individu maupun kelompok mendapatakan kebutuhan dan keinginan engan menciptakan, menawarkan, dan menukarkan produk yang memilki nilai komuditas.

Menurut Basu (2001) penjualan adalah sistem keseluruhan dari kegiatan yang ditunjukkan untuk merencanakan, menentukan harga, mempromosikan dan mendistribusikan barang, jasa, ide kepada pasar sasaran agar dapat mencapai tujuan organisasi.

Dari beberapa definisi diatas, Nampak dengan jelas bahwa penjualan itu merupakan sejumlah kegiatan yang terjadi akibat perpindahan barang atau jasa dari tangan produsen hingga ke tangan konsumen dan tercakup di dalamnya segala kegiatan sebelum dan sesudah pemindahan barang atau jasa tersebut.

2.3 Internet

Internet (interconnected-networking) adalah sistem global dari seluruh jaringan komputer yang saling terhubung menggunakan standar Internet Protocol Suite

(TCP/IP) untuk melayani miliaran pengguna di seluruh dunia, yg berhubung secara global dan menggunakan TCP/IP sebagai protokol pertukaran paket (packet switching

communication protocol). Rangkaian internet yang terbesar dinamakan internet. Cara

menghubungkan rangkaian dengan kaedah ini dinamakan internet working.

2.3.1 Internet Commerce

Internet Commerce adalah penggunaan internet yang berbasis teknologi informasi dan

komunikasi untuk perdagangan. Kegiatan komersial ini seperti iklan dalam penjualan produk dan jasa. Transaksi yang dapat dilakukan di internet antara lain pemesanan dan pembelian barang dimana barang akan dikirim melalui pos atau sarana lain setelah pembeli mentransfer uang ke rekening penjual. Harga lebih murah biayanya dibandingkan dengan membuka outlet retail di berbagai tempat. Internet media promosi perusahaan dan produk yang paling tepat dengan harga yang relatif lebih murah serta pembelian melalui internet akan diikuti dengan layanan pengantaran barang sampai ketempat pemesanan (Nofie, 2009).

2.3.2 Web Server

Web server adalah software yang menjadi tulang belakang dari world wide web

seperti Internet Explorer, Modzilla, dan program browser lainnya. Jika ada permintaan dari browser, maka web server akan memproses permintaan itu kemudian memberikan hasil prosesnya berupa data yang diinginkan kembali ke browser. Data ini mempunyai format yang standar, disebut dengan format SGML ( standar general

markup language). Data yang berupa format ini kemudian akan ditampilkan oleh

browser sesuai dengan kemampuan browser tersebut. Contohnya, bila data yang

dikirim berupa gambar, browser yang hanya mampu menampilkan teks (misalnya lynx) tidak akan mampu menampilkan gambar tersebut, dan jika ada akan menampilkan alternatifnya. Web server, untuk berkomunikasi dengan client-nya (web

browser) mempunyai protokol sendiri, yaitu HTTP (hypertext transfer protocol)

(Effendi, 2009).

2.3.3 Web Browser

Web browser adalah software yang digunakan pada komputer pemakai (client) yang

meminta informasi dari web server dan penerjemah dari kode-kode instruksi yang ada pada halaman web untuk ditampilkan pada monitor komputer sesuai dengan yang diinginkan oleh user.

2.3.4 WEB dan HTML

Menurut Sampurna (1996) web adalah sekelompok kode berbasis teks yang sederhana dan universal, disebut Hypertext Markup Language (HTML). Karena berbasis teks, HTML dikenali dan diterjemahkan segalajenis komputer dalam bentuk tampilan informasi yang sama. HTML adalah kreasi Tim Berners Lee, ilmuwan European

Laboratory for Particle Physics (CERN organisasi penelitian 18 negara Eropa) di Geneva Swiss. Maret 1989 Tim memperkenalkan WEB dan HTML sebagai standar antar muka distribusi informasi di internet yang mampu menggabungkan teks, grafik dan multimedia dengan metode navigasi menu pada mesin UNIX.

HTML adalah bahasa kode pemrograman yang menjadi dasar bagi terwujudnya web. Dengan HTML seluruh sistem komputer yang saling berbeda dapat mengenali format yang ditampilkan dalam situs internet tanpa perbedaan yang berarti, termasuk didalamnya penampilan multimedia (grafik, suara dan citra video). HTML berbasis teks yang sangat sederhana dan praktis sehingga dapat dipahami oleh berbagai jenis komputer dalam platform sistem yang berbeda.

2.4 Pengertian Sistem Informasi

Pengertian sistem informasi menurut Henry C. Lucas “Sistem Informasi adalah kegiatan dari suatu prosedur yang diorganisasikan yang bila dieksekusi akan menyediakan informasi untuk mendukukung pengambilan keputusan dan pengendalian di dalam organisasi”.

Pengertian sistem informasi menurut John F. Nash dan Martin B. Robert “Sistem informasi adalah suatu kombinasi dari orang-orang, fasilitas teknologi, media, prosedur-prosedur dan pengendalian ditujukan untuk mendapatkan jalur komunikasi penting, memproses tipe transaksi rutin tertentu, memberi sinyal kepada manajemen

dan yang lainnya terhadap kejadian-kejadian internal dan eksternal yang penting dan menyediakan suatu dasar untuk pengambilan keputusan yang cerdik”.

2.5 Website

World Wide Web (www) atau biasa disebut dengan web, merupakan salah satu sumber

daya internet yang berkembang pesat. Informasi web didistribusikan melalui pendekatan

hypertext, yang memungkinkan suatu teks pendek menjadi acuan untuk membuka

dokumen lain. Dengan pendekatan hypertext ini seseorang dapat memperoleh informasi dengan melompat dari suatu dokumen ke dokumen yang lain. Dokumen-dokumen yang diaksespun dapat tersebar diberbagai mesin dan bahkan diberbagai negara. Perubahan informasi dalam halaman-halaman web dapat ditangani melalui perubahan data, bukan melalui perubahan program kecuali jika memang diharuskan adanya perubahan dari sintaknya atau kode programnya. Sebagai imlementasinya, aplikasi web dapat dikoneksikan ke basis data terutama macromedia dreamweaver dengan sintak program PHP dengan PHPMyAdmin (Sunarto, 2009, hal: 52).

Website atau situs juga dapat diartikan sebagai kumpulan halaman yang

menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink). Bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi informasi website selalu berubah-ubah, dan isi informasinya interaktif dua arah berasal dari pemilik serta pengguna website.

2.5.1 Unsur-unsur website.

Untuk menyediakan keberadaan sebuah website, maka harus tersedia unsur-unsur penunjangnya, adalah sebagai berikut:

1. Nama domain (Domain name/URL – Uniform Resource Locator)

Pengertian Nama domain atau biasa disebut dengan Domain Name atau URL adalah alamat unik di dunia internet yang digunakan untuk mengidentifikasi sebuah website, atau dengan kata lain domain name dalah alamat yang digunakan untuk menemukan sebuah website pada internet.

Nama domain diperjual belikan secara bebas di internet dengan status sewa tahunan. Nama domain sendiri mempunyai identifikasi ekstensi/akhiran sesuai dengan kepentingan dan lokasi keberadaan website tersebut. Contoh nama domain ber- ekstensi internasional adalah com, net, org, info, biz, name, ws. Contoh nama domain ber-ekstensi lokasi Negara Indonesia adalah co.id (untuk nama domain website

perusahaan), ac.id (nama domain website pendidikan), go.id (nama domain website

instansi pemerintah), or.id (nama domain website organisasi).

2. Rumah tempat website (Web hosting)

Pengertian web hosting dapat diartikan sebagai ruangan yang terdapat dalam hard disk

tempat menyimpan berbagai data, file-file, gambar dan lain sebagainya yang akan ditampilkan di website. Besarnya data yang bisa dimasukkan tergantung dari besarnya

web hosting yang disewa/dipunyai, semakin besar web hosting semakin besar pula

Web Hosting juga diperoleh dengan menyewa. Besarnya hosting ditentukan ruangan hard disk dengan ukuran MB (Mega Byte) atau GB (Giga Byte). Waktu penyewaan web hosting rata-rata dihitung per tahun. Penyewaan hosting dilakukan dari perusahaan-perusahaan penyewa web hosting yang banyak dijumpai baik di indonesia maupun luar negeri.

3. Bahasa Program (Scripts Program)

Adalah bahasa yang digunakan untuk menerjemahkan setiap perintah dalam website

yang pada saat diakses. Jenis bahasa program sangat menentukan statis, dinamis atau interaktifnya sebuah website. Semakin banyak ragam bahasa program yang digunakan maka akan terlihat website semakin dinamis, dan interaktif serta terlihat bagus.

Beragam bahasa program saat ini telah hadir untuk mendukung kualitas

website. Jenis jenis bahasa program yang banyak dipakai para desainer website antara

lain HTML, ASP, PHP, JSP, Java Scripts, Java applets dan sebagainya. Bahasa dasar yang dipakai setiap situs adalah HTML sedangkan PHP, ASP, JSP dan lainnya merupakan bahasa pendukung yang bertindak sebagai pengatur dinamis, dan interaktifnya situs.

4. Desain website

Setelah melakukan penyewaan domain name dan web hosting serta penguasaan bahasa program (scripts program), unsur website yang penting dan utama adalah desain. Desain website menentukan kualitas dan keindahan sebuah website. Desain sangat berpengaruh kepada penilaian pengunjung akan bagus tidaknya sebuah website.

Untuk membuat website biasanya dapat dilakukan sendiri atau menyewa jasa

website designer. Saat ini sangat banyak jasa web designer, terutama di kota-kota

besar. Perlu diketahui bahwa kualitas situs sangat ditentukan oleh kualitas designer.

Semakin banyak penguasaan web designer tentang beragam program/software

pendukung pembuatan situs maka akan dihasilkan situs yang semakin berkualitas, demikian pula sebaliknya. Jasa web designer ini yang umumnya memerlukan biaya yang tertinggi dari seluruh biaya pembangunan situs dan semuanya itu tergantung kualitas designer.

2.6 Personal Home Page (PHP)

2.6.1 Pengertian PHP

Menurut Swastika (2006) PHP (Hypertext Preprocessor) merupakan bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server. Hasilnya akan dikirimkan ke client, tempat pemakai menggunakan browser. PHP dikenal sebagai sebuah bahasa scripting, yang menyatu dengan tag-tag HTML, dieksekusi di server,

dan digunakan untuk membuat halaman web yang dinamis seperti halnya Active

Server Pages (ASP) atau Java Server Pages (JSP). PHP merupakan sebuah software

open source.

Metode kerja PHP diawali dengan permintaan suatu halaman web oleh

browser, berdasarkan Uniform Resource Locator (URL) atau dikenal dengan sebutan

alamat internet. Browser mendapatkan alamat dari web server, mengidentifikasi halaman yang dikehendaki, dan menyampaikan segala informasi yang dibutuhkan oleh web server. Selanjutnya web server akan mencarikan berkas PHP yang diminta

dan setelah didapatkan, isinya akan segera dikirimkan ke mesin PHP dan mesin inilah yang memproses dan memberikan hasilnya berupa kode HTML ke web server. Lalu

web server akan menyampaikan isi halaman web tersebut kepada klien melalui

browser.

Setiap statement/perintah dari PHP harus diakhiri dengan menggunakan tanda titik koma (;). Umumnya setiap statement dituliskan dalam satu baris. Penulisan skrip PHP dalam tag HTML dapat dilakukan dengan dua cara yaitu Embedded Script dan

non-Embeddded Script (Swastika, 2006).

2.6.2 Keunggulan PHP

Adapun kelebihan-kelebihan dari PHP yaitu: a. Mudah dibuat dan berkecepatan tinggi

b. PHP dapat berjalan lintas platform, yaitu dapat berjalan dalam sistem operasi

dan web server apapun.

c. Dapat digunakan secara gratis.

d. Termasuk bahasa yang embedded, yakni dapat diletakkan dalam tag HTML. e. Termasuk server side programming, sehingga kode asli/source code PHP tidak

dapat dlihat di browser pengguna, yang terlihat hanya kode dalam format HTML.

f. Dapat memanfaatkan sumber-sumber aplikasi yang dimiliki oleh server,

seperti misalnya untuk keperluan database connection. PHP dapat melakukan koneksi dengan berbagai database seperti MySQL, Oracle, Sybase, mSQL, Solid, Generic ODBC, Postgres SQL, dBase, Direct MS-SQL, Velocis, IBM

DB2, Interbase, Frontbase, Empress, dan semua database yang mempunyai

profider ODBC seperti misalnya MS Access dan lain-lain.

g. PHP dapat melakukan semua aplikasi program CGI, seperti mengambil nilai form, menghasilkan halaman web yang dinamis, mengirimkan dan menerima cookies.

h. PHP juga mendukung komunikasi dengan layanan lain melalui protokol IMAP, SNMP, NNTP, POP3 dan HTTP dan lainnya.

2.7 MySQL

2.7.1 Pengertian MySQL

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa Inggris: database management system) atau DBMS yang multi thread, multi-user,

dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public

License (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-

kasus dimana penggunaannya tidak cocok dengan penggunaan GPL.

Tidak sama dengan proyek-proyek seperti Apache, dimana perangkat lunak dikembangkan oleh komunitas umum, dan hak cipta untuk kode sumber dimiliki oleh penulisnya masing-masing, MySQL dimiliki dan disponsori oleh sebuah perusahaan komersial Swedia MySQL AB, dimana memegang hak cipta hampir atas semua kode

sumbernya. Kedua orang Swedia dan satu orang Finlandia yang mendirikan MySQL AB adalah: David Axmark, Allan Larsson, dan Michael "Monty" Widenius.

2.7.2 Keistimewaan MySQL

MySQL memiliki beberapa keistimewaan, antara lain :

1. Portabilitas.

MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi.

2. Perangkat lunak sumber terbuka.

MySQL didistribusikan sebagai perangkat lunak sumber terbuka, dibawah lisensi GPL sehingga dapat digunakan secara gratis.

3. Multi-user.

MySQL dapat digunakan oleh beberapa pengguna dalam waktu yang bersamaan tanpa mengalami masalah atau konflik.

4. Performance tuning

MySQL memiliki kecepatan yang menakjubkan dalam menangani query

sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan waktu.

5. Ragam tipe data.

MySQL memiliki ragam tipe data yang sangat kaya, seperti signed/unsigned

integer, float, double, char, text, date, timestamp, dan lain-lain.

6. Perintah dan Fungsi.

MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah

Select dan Where dalam perintah (query).

7. Keamanan.

MySQL memiliki beberapa lapisan keamanan seperti level subnetmask,

nama host, dan izin akses user dengan sistem perizinan yang mendetail serta sandi terenkripsi.

8. Skalabilitas dan Pembatasan.

MySQL mampu menangani basis data dalam skala besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60 ribu tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada tiap tabelnya.

9. Konektivitas.

MySQL dapat melakukan koneksi dengan klien menggunakan protokol TCP/IP, Unix soket (UNIX), atau Named Pipes (NT).

10. Lokalisasi.

MySQL dapat mendeteksi pesan kesalahan pada klien dengan menggunakan lebih dari dua puluh bahasa. Meski pun demikian, bahasa Indonesia belum termasuk di dalamnya.

11.Antar Muka.

MySQL memiliki antar muka (interface) terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API (Application Programming Interface).

12. Struktur tabel.

MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER

TABLE, dibandingkan basis data lainnya semacam Postgre SQL atau Oracle.

2.8 Pengertian Database

1. Menurut Gordon C. Everest:

Database adalah koleksi atau kumpulan data yang mekanis, terbagi/shared,

terdefinisi secara formal dan dikontrol terpusat pada organisasi. 2. Menurut C.J. Date:

Database adalah koleksi data operasional yang tersimpan dan dipakai oleh

sistem aplikasi dari suatu organisasi.

b. Data output adalah data yang dihasilkan sistem

c. Data operasional adalah data yang tersimpan pada sistem 3. Menurut Toni Fabbri:

Database adalah sebuah sistem file-file yang terintegrasi yang mempunyai

minimal primary key untuk pengulangan data.

2.9 Entity Relationship Diagram (ERD)

Entity Relationship Diagram (ERD) adalah suatu model jaringan yang menggunakan

susunan data yang disimpan dalam sistem secara abstrak. ERD merupakan model jaringan data yang menekankan pada struktur–struktur dan relation data.

Entity Relationship Diagram (ERD) merupakan gambaran data yang dimodelkan

dalam suatu diagram yang digunakan untuk mendokumentasikan data dengan cara menentukan apa saja yang terdapat dalam tiap entity dan bagaimana hubungan antara

entity satu dengan lainnya

2.10 Data Flow Diagram (DFD)

Data Flow Diagram (DFD) adalah representasi grafik dari sebuah sistem. DFD

menggambarkan komponen-komponen sebuah sistem, aliran-aliran data di mana komponen-komponen tersebut, asal, tujuan, dan penyimpanan data.

2.11 Pengertian Flowchart

Flowchart adalah penggambaran secara grafik dari langkah–langkah dan urutan

prosedur dari suatu program. Flowchart menolong analisis dan programmer untuk memecahkan masalah kedalam segmen–segmen yang lebih kecil dan menolong dalam menganalisis alternative–alternative lain dalam pengoperasian

2.12 Pengertian PhpMyAdmin

Setiap RDBMS (Relation Database Management System) seperti Oracle, SQL Server, MySQL dan lain-lain, pasti memiliki tool yang dapat digunakan untuk mempermudah pengoperasian database. Oracle memiliki TAOD. SQL Server memiliki Enterprise

Manager dan SQL Query Analyzer. Sedangkan MySQL memiliki tool atau aplikasi

yang disebut PhpMyAdmin.

PhpMyAdmin merupakan aplikasi berbasiskan web yang dikembangkan menggunakan bahasa pemrograman PHP. Melalui PhpMyAdmin, user dapat melakukan perintah query. Perintah tersebut misalnya administrasi user dan privileges,

export dan import database, manajemen database, manajemen tabel dan struktur tabel,

dan sebagainya. PhpMyAdmin sangat user friendly, sehingga mudah untuk digunakan walaupun pengguna baru (newbie) (Saputro, 2008).

2.13 Pengertian CSS (Cascading Style Sheet)

CSS digunakan dalam kode HTML untuk menciptakan suatu kumpulan style yang terkadang dapat digunakan untuk memperluas kemampuan HTML, sebagai contoh, kode HTML murni tidak memungkinkan untuk untuk mengatur ukuran font yang diterapkan pada setiap sel dan bahkan tag <BASEFONT> pun tak berpengaruh pada sel- sel tabel (Abdul, 2003).

BAB 3

PERANCANGAN SISTEM

Seiring dengan perkembangan teknologi informasi saat ini, serta untuk meningkatkan efesiensi kerja dan waktu, maka masih banyak sistem yang ada saat ini yang masih manual dan harus diganti dengan sistem yang lebih baik lagi. Hal ini dilakukan dengan cara membangun sistem yang terkomputerisasi atau online. Untuk memulai membangun suatu program mengenai perancangan web ecommerce, maka penulis terlebih dahulu merencanakan alur kerja berdasarkan kebutuhan dari user yang akan menggunakan aplikasi basis data ini.

Perancangan web ecommerce ini diperbuat atas dasar kebutuhan masyarakat yang menginginkan cara berbelanja secara online, sehingga dapat menghemat waktu. Perancangan merupakan proses yang dilakukan oleh perancang sistem untuk mengerjakan spesifikasi sistem, membuat keputusan tentang bagaimana komponen system diaktualisasikan. Proses ini menyangkut tujuan sistem tersebut, audience, objek dan informasi domain. Perancangan yang baik harus mengetahui bagaimana mendapatkan efek yang dibutuhkan oleh spesifikasi tersebut dengan cara paling fleksibel, efesien dan elegan.

3.1 Data Flow Diagram (DFD)

Data Flow Diagram (DFD) merupakan model dari sistem untuk menggambarkan pembagian sistem ke modul yang lebih kecil. Salah satu keuntungan menggunakan diagram alir data adalah memudahkan pemakai yang kurang menguasai bidang komputer untuk mengerti sistem yang akan dikerjakan. Pada tahap analisa, penanganan notasi simbol lingkaran dan anak panah menggambarkan arus data dalam perancangan sistem sangat membantu dalam komunikasi dengan pemakaian sistem menggunakan notasi–notasi untuk menggambarkan arus dari data sistem.

Disamping itu DFD adalah salah satu alat pembuatan model yang sering digunakan, khususnya bila fungsi – fungsi sistem merupakan bagian yang lebih penting dan kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi sistem.

DFD juga merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem kepada pemakai maupun pembuat program. Adapun Data Flow Diagram (DFD) yang penulis ajukan yaitu:

Informasi Home

Informasi Produk

Update Produk

Update Sepatu

Update Kontak

Update Tentang Kami

Informasi UKM

Informasi Panduan

Informasi Kontak

Informasi Tentang Kami Proses Login Informasi Login Verifikasi dan Hak Akses Seluruh Data Pemesanan Produk Update Produk Sepatu

`

Gambar 3.1 Data Flow Diagram (DFD)

Tabel 3.1 Simbol-simbol Data Flow Diagram

No. Simbol Fungsi

1. Eksternal Entity merupakan kesatuan di luar lingkungan system yang dapat berupa seseorang, organisasi yang dapat mengirimkan data atau menerima data dari sistem.

Sistem Informasi Penjualan Sepatu Wanita Home Produk UKM Panduan Kontak Kami Tentang Kami

Admin Member User

2. Arus data merupakan tempat mengalirnya informasi menunjukan arus data berupa sistem. 3. Proses merupakan pengolahan data atau aliran

data masuk menjadi data aliran keluar.

4. Penyimpanan data merupakan tempat penyimpanan data yang ada di dalam sistem.

3.2 Perancangan Database

Database adalah kumpulan dari data yang berhubungan antara yang satu dengan yang lainnya, tersimpan diperangkat keras komputer dan menggunakan perangkat lunak untuk memanipulasinya. Database merupakan salah satu komponen yang penting dalam sistem komputerisasi, karena database merupakan kumpulan dari beberapa file, dalam hal ini file – file tersebut dikelompokan secara terstruktur dalam beberapa table sesuai dengan informasi yang terkandung di dalamnya. Berikut ini rancangan table yang penulis gunakan dalam membangun sistem informasi:

a. Tabel akun terdiri dari :

Table 3.2 Tabel akun

Nama Field Tipe Data Lebar Data

no* Int 10

username Varchar 255

password Varchar 255

tipe_akun Varchar 10

kode Int 10

b. Tabel user_sepatu terdiri dari :

Table 3.3 Tabel user_spt

Nama Field Tipe Data Lebar Data

id_user* Int 10

nama_user Varchar 255

email_user Varchar 255

alamat_user Varchar 255

kota Varchar 100

provinsi Varchar 255

kodepos Varchar 5

c. Tabel member_ukm terdiri dari :

Table 3.4 Tabel member_spt

Nama Field Tipe Data Lebar Data

id_spt Int 10

nama_spt Varchar 255

pemilik_spt Varchar 255

alamat_spt Varchar 255

Kota Varchar 255

Provinsi Varchar 255

Kodepos Varchar 5

deskripsi_ukm Varchar 255

email_ukm Varchar 255

no_telepon_ukm Varchar 15

kategori_ukm Int 10

id_gambar Int 10

d. Tabel produk_kategori terdiri dari :

Table 3.5 Tabel produk_kategori

Nama Field Tipe Data Lebar Data

Kode Int 10

e. Tabel produk_spt terdiri dari :

Table 3.6 Tabel produk_spt

Nama Field Tipe Data Lebar Data

no_produk* Int 10

nama_produk Varchar 255

ket_produk Text

harga_produk Int 10

kode_spt Int 10

kode_kategori Int 10

Kode_gambar Int 10

f. Tabel transaksi_ukm terdiri dari :

Table 3.7 Tabel transaksi_ukm

Nama Field Tipe Data Lebar Data

kode_transaksi* Int 10

kode_barang Int 10

kode_ukm Int 10

kode_pembeli Int 10

banyak_barang Int 10

total_biaya Int 10

g. Tabel gambar terdiri dari :

Table 3.8 Tabel gambar

Nama Field Tipe Data Lebar Data

kode* Int 10

nama_file Varchar 255

lokasi_file Varchar 255

3.3 Flowchart

Flowchart adalah sekumpulan simbol – simbol yang menunjukan atau menggambarkan rangkaian kegiatan – kegitan program dari awal hingga akhir. Jadi flowchart juga dapat digunakan untuk menggambarkan urutan langkah – langkah pekerjaan dalam suatu algoritma. Penjelasan arti dari lambang – lambang flowchart dapat didefinisikan seperti tabel dibawah ini :

Tabel 3.9 Arti lambang – lambang Flowchart

No. Simbol Fungsi

1 Terminator, untuk memulai dan mengakhiri suatu program.

2 Process, suatu simbol yang menunjukan setiap pengolahan yang dilakukan oleh komputer.

3 Data, untuk memasukkan data maupun menunjukan hasil dari suatu proses.

4 Decision, suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan.

5 Preparation, suatu simbol untuk menyediakan tempat – tempat pengolahan data dalam storage. 6 Connector, suatu simbol untuk masuk dan keluarnya

suatu prosedur pada lembar kertas yang sama.

7 Arus atau flow, suatu prosedur yang dapat dilakukan dari atas ke bawah, bawah ke atas, dari kiri ke kanan atau dari kanan ke kiri.

8 Off-page Connector, suatu simbol untuk masuk dan keluarnya prosedur pada lembar kertas yang lain.

9 Document, suatu simbol untuk data yang berbentuk informasi.

Tidak Tidak Tidak Tidak Tidak Tidak Tidak Tidak Ya Ya Ya Ya Ya Ya Ya Ya

3.3.1 Flowchart Menu Utama

Flowchart menu utama dapat dilihat pada gambar dibawah ini:

Gambar 3.2 Alur Flowchart Menu Utama

Finish Start

Tampilan Web

Pilih Link Pada

Beranda TentangKami Produk Galeri Panduan Kontak Kami Tentang Kami Login Tampilan Home Tampilan Tentang kami Tampilan Produk Tampilan Galeri Tampilan Panduan Tampilan Kontak Tampilan Tentang Tampilan Login

Tidak

Tidak

Ya

database

Ya

Ya

Tidak

3.3.2 Flowchart Pemesanan Produk

Flowchart pemesanan produk dapat dilihat pada gambar dibawah ini:

Gambar 3.3 Alur Flowchart Pemesanan Produk

Pilih Kategori

Start

Produk

Beli

Login User

Ya

Tidak

Tidak Tidak

Tidak Ya

Ya

Tidak

Tidak Tidak

Tidak

Ya Tidak

3.3.3 Flowchart Member Sepatu

Flowchart member sepatu dapat dilihat pada gambar dibawah ini:

Gambar 3.4 Alur Flowchart Member Sepatu

3.3.4 Flowchart Admin

Flowchart Admin dapat dilihat pada gambar dibawah ini:

Gambar 3.5 Alur Flowchart Admin

Profil Sepatu Start Login Member Sepatu Finish Produk Sepatu Pemesanan Logout Logout Daftar akun Start Login Admin Finish Produk Sepatu Pemesanan Kategori

3.4 Perancangan Algoritma

Algoritma merupakan suatu cara menganalisa (menjelaskan) urutan dan hubungan kegiatan–kegiatan yang dilakukan untuk memecahkan suatu permasalahan sehingga tercapai tujuan yang diinginkan.

3.4.1 Algoritma Homepage

Berfungsi untuk menampilkan tampilan utama web, dengan pilihan menu antara lain : Home, Produk, sepatu Login, dan Daftar.

Algorit ma Home

Langkah I : Pilih menu Home.

Langkah II : Menampilkan halaman utama website.

Algorit ma Produk

Langkah I : Pilih menu Produk.

Langkah II : Menampilkan daftar produk sepatu secara umum dan kategori.

Langkah III : Menampilkan deskripsi produk yang dipilih. Langkah IV : Memesan produk yang dipilih.

Langkah I : Pilih menu sepatu.

Langkah II : Menampilkan menampilkan daftar sepatu. Langkah III : Menampilkan deskripsi sepatu yang dipilih.

Algorit ma Login

Langkah I : Pilih menu Login

Langkah II : Menampilkan form isian untuk login user atau member.

Algorit ma Daftar

Langkah I : Pilih menu Login

Langkah II : Menampilkan form isian untuk mendaftar user atau member.

3.4.2 Algoritma Member Sepatu

Berfungsi untuk menampilkan tampilan web untuk member sepatu, dengan pilihan menu antara lain : Profil sepatu, Produk sepatu, Pemesanan, dan Logout.

Algorit ma Profil Sepatu

Langkah I : Pilih menu Profil Sepatu.

Langkah II :Menampilkan halaman utama member sepatu dan menampilkan profil dari sepatu.

Langkah III : Dapat mengedit profil dan password member sepatu.

Algorit ma Produk Sepatu

Langkah I : Pilih menu Produk Sepatu.

Langkah II : Menampilkan daftar produk member sepatu. Langkah III : Dapat menambahkan produk member sepatu. Langkah IV : Dapat menghapus produk member sepatu. Langkah V : Dapat mengedit produk member sepatu.

Algorit ma Pemesanan

Langkah I : Pilih menu Pemesanan.

Langkah II : Menampilkan daftar pemesanan terhadap produk sepatu. Langkah III : Dapat menghapus pemesanan terhadap produk sepatu.

Algorit ma Logout

Langkah I : Pilih menu Logout

Langkah II : Untuk keluar dari halaman member sepatu.

3.4.3 Algoritma Admin

Berfungsi untuk menampilkan tampilan web untuk Admin, dengan pilihan menu antara lain : Daftar Akun, Produk sepatu, Pemesanan, Kategori dan Logout.

Algorit ma Daftar Akun

Langkah I : Pilih menu Daftar Akun.

Langkah II : Menampilkan halaman utama admin dan menampilkan daftar akun yang ada pada website.

Langkah III : Dapat mengedit akun. Langkah IV : Dapat menghapus akun.

Algorit ma Produk sepatu

Langkah I : Pilih menu produk sepatu.

Langkah III : Dapat menambahkan produk. Langkah IV : Dapat menghapus produk. Langkah V : Dapat mengedit produk.

Algorit ma Pemesanan

Langkah I : Pilih menu Pemesanan.

Langkah II : Menampilkan daftar seluruh pemesanan terhadap produk. Langkah III : Dapat menghapus pemesanan terhadap produk.

Algorit ma Kategori

Langkah I : Pilih menu Kategori.

Langkah II : Menampilkan daftar kategori. Langkah III : Dapat menambahkan kategori. Langkah IV : Dapat menghapus kategori. Langkah V : Dapat mengedit kategori.

Algorit ma Logout

Langkah I : Pilih menu Logout

BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem

Setelah dianalisis dan dirancang secara rinci dan teknologi telah diseleksi dan dipilih. Tiba saatnya, sistem untuk di implementasikan. Implementasi sistem adalah langkah–langkah atau prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menguji, meng-install, dan memulai sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang lama, sedangkan tahap implementasi sistem merupakan tahap meletakkan sistem agar sistem dapat siap untuk dioperasikan. Tahap implementasi sistem terdiri dari langkah- langkah sebagai berikut ini:

1. Menerapkan rencana implementasi. 2. Melakukan kegiatan implementasi. 3. Tindak lanjut implementasi.

Adapun tujuan–tujuan dari implementasi sistem, yaitu:

1. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai sarana pengolah data dan penyaji informasi.

2. Menyelesaikan rancangan sistem yang ada dalam dokumen sistem yang baru atau yang telah disetujui.

3. Memastikan bahwa pemakai 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 telah berjalan lancar dengann mengontrol dan melalukan instalasi secara benar.

4.3 Komponen Dalam Implementasi Sistem

Agar perancangan sistem yang telah kita kerjakan dapat berjalan baik atau tidak, maka perlu dilakukan pengujian terhadap sistem yang telah dikerjakan. Untuk itu dibutuhkan beberapa komponen utama yang mencakup perangkat keras (hardware), perangkat lunak (software).

4.3.1 Kebutuhan Perangkat Keras (Hardware)

Perangkat keras (hardware) merupakan komponen–komponen peralatan yang membentuk suatu sistem komputer dan peralatan–peralatan tambahan lainnya yang mungkin komputer menjalankan tugasnya sesuai dengan yang diberikan. Komponen

ini bersifat nyata secara fisik, artinya dapat dilihat dan dipergunakan, misalnya monitor, CPU (Central Processing Unit), printer, keyboard, dan mouse.

Spesifikasi perangkat keras komputer yang digunakan dalam pembuatan website ini adalah:

1. Personal Computer dengan Processor min Intel Core i3.

2. Memory min 256 MB.

3. Monitor W 14” resolution 1024x768. 4. Hardisk sebagai media penyimpan. 5. DVDR/W.

4.3.2 Kebutuhan Perangkat Lunak (Software)

Hardware tidak dapat menyelesaikan masalah tanpa adanya software. Software

merupakan komponen di dalam sistem data berupa program atau instruksi untuk mengontrol suatu sistem. Perangkat lunak yang diperlukan untuk menjalankan perangkat kerasnya adalah:

1. Windows 8 Professional 2. Apache

3. MySQL 4. Browser

4.4 Tampilan Halaman Website

Untuk menjalankan system guna web browser pada pengujian ini penulis menggunakan web browser Mozilla Firefox dan Google Chrome setelah web browser

jalan, ketikkan pada addres bar http://localhost/sepatu untuk pengetesan halaman utama. Halaman utama sistemtersebut seperti pada gambar berikut:

Gambar 4.3 Halaman Tentang kami

Gambar 4.5 Halaman Login Member dan Register Member

Gambar 4.7 Halaman Produk Member Sepatu

Gambar 4.9 Halaman Admin

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Setelah dilakukan perancangan, pembuatan, implementasi dan pengujian Sistem Informasi Usaha Kecil dan Menengah berbasis web menggunakan PHP dan MySql, kesimpulan yang diperoleh adalah sebagai berikut:

1. Sistem informasi ini dapat membantu mempermudah pemasaran dan penjualan produk–produk sepatu.

2. Dengan adanya sistem informasi ini, pembeli lebih mudah untuk mencari informasi tentang produk–produk sepatu dan dapat melakukan transaksi secara online.

3. Sistem informasi ini adalah sarana untuk sepatu memasarkan produk –produk hasil produksinya dengan mudah tanpa mengeluarkan biaya yang besar.

4. Sistem informasi ini berhubungan langsung dengan database, sehingga mempermudah sepatu untuk mengatur dan mengelola data–data produknya.

5.2 Saran

Adapun saran penulis dalam merancang dan membuat sistem informasi ini, yaiu:

1. Lebih mengembangkan sistem transaksi penjualan yang lebih baik, aman dan terpercaya.

2. Setiap usaha penjuala sepatu dapat memasarkan setiap produknya secara online

(sepatu Go Online).

3. Lebih mengefesienkan dan mengefektifkan penggunaan database.

4. Melakukan penelitian yang lebih terhadap kendala–kendala yang dihadapi usaha kecil dan menengah dalam melakukan pemasaran dan penjualan produknya.

Kadir, Abdul. 2005. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta : Informatika Bandung

Mulyana. Y.B. 2004. Trik Membangun Situs Menggunakan PHP dan MySQL. Jakarta: Elex Media Komputindo

Purwanto. Yudhi. 2001. Pemrograman Web dengan PHP. Jakarta : Elex Media Komputindo

Riyanto, 2011. Sistem Informasi Penjualan dengan PHP dan MySQL. Yogyakarta : Penerbit Gava Media

session_start(); ?>

<!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"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link href="css/style.css" rel="stylesheet"

type="text/css" />

<script type="text/javascript"

src="js/utilities.js"></script>

<script type="text/javascript"

src="js/slideshow.js"></script>

<link rel="shortcut icon" href="images/icon.jpg" /> <title>ZenWalk Distro Clothing</title>

</head>

<body> <?php

<div id="atas"><div class="logo"><img src="images/gambar1.jpg" /></div>

<div class="menu" id="nav"> <ul>

<li><a href="index.php">Beranda</a></li>

<li><a href="about.php">Tentang Kami</a></li> <li><a href="product.php">Produk Kami</a></li> <li><a href="galeri.php">Galeri</a></li>

<li><a href="hubungi.php">Hubungi Kami</a></li> <li><a href="hal-login.php">Login Admin</a></li>

</ul> </div>

<div id="head">

<div id="imgSShow" align="center"><img

src="images/header.jpg" alt="large image"

name="SLIDESIMG" id="SLIDESIMG" style="opacity: 1;"><script type="text/javascript" src="js/slide-2.js"></script></div>

</div>

</div> </div>

<h1>Apa sih Vincci Shoes itu???</h1>

Bagi kalian yang berminat produk gelang, kalung,

kacamata, tas, sepatu Vincci Shoes dan masih banyak lainnya bisa kalian temukan di berbagai outlet VNC Shoes Indonesia Jakarta, Bandung, Surabaya, Jogjakarta dan kota Indonesia lainnya.

Namun, jika kalian salah satu pecinta barang diskon dan murah bisa membeli di berbagai toko online Indonesia juga lho ! Diskon yang ditawarkan juga bisa mencapai 70% bahkan lebih !! Tidak percaya ?? Kunjungi saja online shop yang ada di kolom sebelah kiri halaman ini, dijamin kalian gak akan menyesal !!<br /><br />

Vincci Shoes Indonesia awalnya adalah sebuah brand sepatu asal Malaysia dibawah naungan sebuah perusahaan bernama Padini Holdings. Perusahaan ini menjual produk fashion seperti sepatu wanita, pria, aksesori, pakaian dewasa dan anak-anak yang diekspor ke hampir semua bagian negara di dunia.

Vinnci shoes ayau juga yang dikenal dengan VNC Shoes menjual sepatu, tas, kacamata, aksesori dan masih banyak lainnya dimana mayoritas diekspor ke negara-negara yang terletak di benua Asia.<br /><br />

<?php

if(empty($_SESSION['namamember'])){ ?>

<div id="judul">Member Log In</div> <div id="widget">

<form method="post" action="log-member.php"> <table>

<tr><td>Username</td><td>:</td><td><input type="text" name="user" class="input" size="25"/></td></tr>

<tr><td>Password</td><td>:</td><td><input

type="password" name="pass" class="input" size="25"/></td></tr>

<tr><td></td><td></td><td><input type="submit" value="Masuk" class="submitButton" /> <input type="reset" value="Hapus" class="submitButton" /></td></tr>

</table> </form>

<a href="registrasi.php"><div class="submitButton2">Gak Punya Akun? Daftar Akun Baru</div></a>

</div> <?php }

<div id="judul">Selamat Datang</div> <div id="widget">

<?php

$d=date('d'); $m=date('m'); $y=date('Y'); ?>

<img src="images/user-icon.jpg" class="gambar2" /> Halo "<b><?php echo"$_SESSION[nama]"; ?></b>"<br />

Login Tanggal : <?php echo "$d-$m-$y"; ?><br /><br /><br /><br /><br />

<a href="logout.php"><div

class="submitButton2">Keluar</div></a> </div>

<?php } ?> </div> </div> </div>

<div id="menu-bawah">

<div id="footer">Copyright © Vincci Shoes 2014. All Right Reserved<br />Jl. Aluminium 1 Blok A No.7 </div>

</html>

Detail <style> body{

background-image:url(images/bg-body.jpg); background-repeat:repeat-x;

background-attachment:fixed; background-position:bottom;

font-family:Arial, Helvetica, sans-serif; font-size:11px;

} h2{

font-size:14px; padding:0px; margin:0px;

font-weight:bold; color:#666666; }

h3{

font-size:11px; font-weight:normal; color:#666666;

}

.gambar{ padding:5px;

background-color:#CCCCCC; border:1px dashed #000;

-moz-border-radius:4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; margin:5px;

float:left; }

</style> <?php

include('koneksi.php');

$query=mysql_query("select * from tbl_barang where

id_barang='$_GET[id_barang]'"); $no=1;

while($r=mysql_fetch_array($query)){

echo"<img src='barang/$r[gambar]' class='gambar'

width='140'>";

echo"<h2>$r[nama_barang]</h2>";

echo"<h3>Harga $r[harga] <i>(belum termasuk

?>

Galeri <?php

session_start(); ?>

<!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"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link href="css/style.css" rel="stylesheet"

type="text/css" />

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

<script type="text/javascript"

src="js/utilities.js"></script>

<script type="text/javascript" src="js/highslide-with-html.js"></script>

<link rel="shortcut icon" href="images/icon.jpg" /> <script type="text/javascript">

hs.graphicsDir = 'http://localhost/distro/images/'; hs.outlineType = 'rounded-white';

hs.wrapperClassName = 'draggable-header'; </script>

<title>Vincci Sepatu</title> </head>

<body> <?php

include('koneksi.php'); ?>

<div id="menu-atas">

<div id="atas"><div class="logo"><img src="images/gambar1.jpg" /></div>

<div class="menu" id="nav"> <ul>

<li><a href="index.php">Beranda</a></li>

<li><a href="about.php">Tentang Kami</a></li> <li><a href="product.php">Produk Kami</a></li> <li><a href="galeri.php">Galeri</a></li>

</div>

<div id="head">

<div id="imgSShow" align="center"><img

src="images/header.jpg" alt="large image"

name="SLIDESIMG" id="SLIDESIMG" style="opacity: 1;"><script type="text/javascript" src="js/slide-2.js"></script></div>

</div>

</div> </div>

<div id="isi"> <div id="kiri">

<div id="judul">Galeri Bukti Pembayaran JNE</div> <?php

$batas=6;

if(empty($paging)) {

$posisi=0; $paging=1; }

}

$query=mysql_query("select * from tbl_galeri order by id_galeri desc limit $posisi,$batas");

while($r=mysql_fetch_array($query)) {

echo"<div id='sub-barang'><div

class='jdl-brg'>$r[keterangan]</div><a href='galeri/$r[gambar]'

onclick=\"return hs.htmlExpand(this, { objectType:

'iframe' } )\"><img src='galeri/$r[gambar]' width='150' height='120' class='gambar'></a></div>";

}

//penomoran

echo "<tr><td colspan='2' valign='top' align='center'>"; $query2=mysql_query("select * from tbl_galeri");

$jumlah_data=mysql_num_rows($query2);

$jumlah_halaman=ceil($jumlah_data/$batas); echo"<div id='paging'>";

if (1 != $paging){//tanda != berarti perintah akan dijalankan jika $paging tidak sama dengan 1, copyright all teknik paging by go_blind_hacker, powered by V-boys_studio

href='galeri.php?paging=$back'><b>Back</b></a></div>"; }

else{

echo"<div id='kotak-paging'>Back</div>"; }

if ($paging != $jumlah_halaman){ $next=$paging+1;

echo" <div id='kotak-paging'><a

href='galeri.php?paging=$next'> <b>Next</b></a></div>"; }

else {

echo "<div id='kotak-paging'>Next</div>"; }

echo"</div>"; ?>

</div>

<div id="kanan">

<?php

if(empty($_SESSION['namamember'])){ ?>

<form method="post" action="log-member.php"> <table>

<tr><td>Username</td><td>:</td><td><input type="text" name="user" class="input" size="25"/></td></tr>

<tr><td>Password</td><td>:</td><td><input

type="password" name="pass" class="input" size="25"/></td></tr>

<tr><td></td><td></td><td><input type="submit" value="Masuk" class="submitButton" /> <input type="reset" value="Hapus" class="submitButton" /></td></tr>

</table> </form>

<a href="registrasi.php"><div class="submitButton2">Gak Punya Akun? Daftar Akun Baru</div></a>

</div> <?php } else{ ?>

<div id="judul">Selamat Datang</div> <div id="widget">

$y=date('Y'); ?>

<img src="images/user-icon.jpg" class="gambar2" /> Halo "<b><?php echo"$_SESSION[nama]"; ?></b>"<br />

Login Tanggal : <?php echo "$d-$m-$y"; ?><br /><br /><br /><br /><br />

<a href="logout.php"><div

class="submitButton2">Keluar</div></a> </div>

<?php } ?> </div>

</div> </div> </div>

<div id="menu-bawah">

<div id="footer">Copyright © Vincci Shoes 2014. All Right Reserved<br />Jl. Aluminium 1 Blok A No.7 </div> </div>

</body> </html>

<?php

session_start();

if(!empty($_SESSION[admin])){

echo "<meta http-equiv='refresh' content='0;

url=admin/index.php'>"; }

else{ ?>

<!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"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link href="css/style.css" rel="stylesheet"

type="text/css" />

<script type="text/javascript"

src="js/utilities.js"></script>

<script type="text/javascript"

src="js/slideshow.js"></script>

<body> <?php

include('koneksi.php'); ?>

<div id="menu-atas">

<div id="atas"><div class="logo"><img src="images/gambar1.jpg" /></div>

<div class="menu" id="nav"> <ul>

<li><a href="index.php">Beranda</a></li>

<li><a href="about.php">Tentang Kami</a></li> <li><a href="product.php">Produk Kami</a></li> <li><a href="galeri.php">Galeri</a></li>

<li><a href="hubungi.php">Hubungi Kami</a></li> <li><a href="hal-login.php">Login Admin</a></li>

</ul> </div>

<div id="head">

<div id="imgSShow" align="center"><img

src="images/header.jpg" alt="large image"

</div>

</div> </div>

<div id="isi">

<form method="post" action="log-admin.php"> <table align="center">

<tr><td width="100">Username Admin</td><td width="20">:</td><td><input type="text" class="input" size="50" name="user" /> *</td></tr>

<tr><td width="100">Password Admin</td><td width="20">:</td><td><input type="password" class="input" size="50" name="pass" /> *</td></tr>

<tr><td width="100"></td><td width="20"></td><td><input type="submit" class="submitButton" value="Masuk"/>

<input type="reset" class="submitButton"

value="Hapus"/></td></tr> </table>

</form> </div> </div> </div>

</div> </body> </html> </body> <?php } ?>

Indeks <?php

session_start(); ?>

<!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"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link href="css/style.css" rel="stylesheet"

<script type="text/javascript" src="js/utilities.js"></script>

<script type="text/javascript" src="js/highslide-with-html.js"></script>

<script type="text/javascript"

src="js/slideshow.js"></script>

<link rel="shortcut icon" href="images/icon.jpg" /> <script type="text/javascript">

hs.graphicsDir = 'http://localhost/distro/images/'; hs.outlineType = 'rounded-white';

hs.wrapperClassName = 'draggable-header'; </script>

<title>Vincci shoes</title> </head>

<body> <?php

include('koneksi.php'); ?>

<div id="menu-atas">

<div id="atas"><div class="logo"><img src="images/gambar1.jpg" /></div>

</head>

<body> <?php

include('koneksi.php'); ?>

<div id="menu-atas">

<div id="atas"><div class="logo"><img src="images/gambar1.jpg" /></div>

<div class="menu" id="nav"> <ul>

<li><a href="index.php">Beranda</a></li>

<li><a href="about.php">Tentang Kami</a></li> <li><a href="product.php">Produk Kami</a></li> <li><a href="galeri.php">Galeri</a></li>

<li><a href="hubungi.php">Hubungi Kami</a></li> <li><a href="hal-login.php">Login Admin</a></li>

</ul> </div>

<div id="head">

<div id="imgSShow" align="center"><img src="images/header.jpg" alt="large image" name="SLIDESIMG" id="SLIDESIMG" style="opacity: 1;"><script type="text/javascript" src="js/slide-2.js"></script></div>

</div>

</div> </div>

<div id="isi"> <div id="kiri">

<div id="judul">Registrasi Member</div> <form method="post" action="register.php"> <table>

<tr><td width="100">Nama</td><td width="20">:</td><td><input type="text" class="input" size="40" name="nama" /></td></tr>

<tr><td width="100">Username</td><td width="20">:</td><td><input type="text" class="input" size="40" name="user" /></td></tr>

<tr><td width="100">Password</td><td width="20">:</td><td><input type="text" class="input" size="40" name="pass" /></td></tr>

<tr><td width="100"></td><td width="20"></td><td><input type="submit" class="submitButton" value="Daftar"/> <input type="reset" class="submitButton" value="Hapus"/></td></tr>

</table> </form>

<div id="judul">Lihat-Lihat Produk Menarik Kami Yang Lainnya</div>

<?php

$q=mysql_query("select * from tbl_barang order by RAND() LIMIT 3");

while($r=mysql_fetch_array($q)) {

echo"<div id='sub-barang'><div

class='jdl-brg'>$r[nama_barang]</div><img src='barang/$r[gambar]' width='110' class='gambar'><div id='harga'><i>Harga Rp.$r[harga]</i>

<a href='pesan.php?id_barang=$r[id_barang]'><div class='submitButton3'>Buy This Item</div></a><a href='detail.php?id_barang=$r[id_barang]'

onclick=\"return hs.htmlExpand(this, { objectType:

'iframe' } )\"><div class='submitButton3'>Review Item</div></a>

</div></div>"; }

?>

</div>

<?php

if(empty($_SESSION)){ ?>

<div id="judul">Member Log In</div> <div id="widget">

<form method="post" action="log-member.php"> <table>

<tr><td>Username</td><td>:</td><td><input type="text" name="user" class="input" size="25"/></td></tr>

<tr><td>Password</td><td>:</td><td><input

type="password" name="pass" class="input" size="25"/></td></tr>

<tr><td></td><td></td><td><input type="submit" value="Masuk" class="submitButton" /> <input type="reset" value="Hapus" class="submitButton" /></td></tr>

</table> </form>

<a href="registrasi.php"><div class="submitButton2">Gak Punya Akun? Daftar Akun Baru</div></a>

</div> <?php } else{ ?>

<div id="judul">Selamat Datang</div> <div id="widget">

<?php

$d=date('d'); $m=date('m'); $y=date('Y'); ?>

<img src="images/user-icon.jpg" class="gambar2" /> Halo "<b><?php echo"$_SESSION[nama]"; ?></b>"<br />

Login Tanggal : <?php echo "$d-$m-$y"; ?><br /><br /><br /><br /><br />

<a href="logout.php"><div

class="submitButton2">Keluar</div></a> </div>

<?php } ?>

</div> </div> </div>

<div id="menu-bawah">

<div id="footer">Copyright © Vincci Shoes 2014. All Right Reserved<br />Jl. Aluminium 1 Blok A No.7 </div> </div>

</body> </html>