LEMBAR PENGESAHAN

Judul PI : PEMBUATAN WEBSITE DISTRO ZONIC HYPERWEAR

MENGGUNAKAN PHP DAN MYSQL

Nama : Wenny Wulan Septiani

NPM : 10109097

NIRM :

Tanggal Sidang :

Tanggal Lulus :

Menyetujui

Pembimbing Kepala Bagian Sidang Ujian

(Masimbangan Susana Herawati) (Sri Nawangsari, SE., MM.)

Ketua Jurusan Sistem Informasi

(Dr. Setia Wirawan, SKom., MMSI.)

ABSTRAK

Wenny Wulan Septiani. 31106653

Pembuatan Website Distro Zonic Hyperwear Menggunakan PHP dan MYSQL

PI, Sistem Informasi, Falkutas Ilmu Komputer dan Teknologi Informasi Universitas Gunadarma. 2012

Kata Kunci : Ecommerce, PHP, Distro zonic Hyperwear, Registrasi, Member, Discount

(xi + 72 + lampiran)

Salah satu teknologi yang dapat mengolah informasi dengan cepat, akurat dan dapat menjangkau semua belahan dunia adalah internet. Melalui World Wide Web, informasi tersebut dapat ditampilkan dalam bentuk yang lebih menarik, dinamis, dan interaktif yang biasanya disebut Homepage atau Website, sehingga masyarakat berlomba-lomba menampilkan informasi yang dimilikinya.

Berdasarkan situasi tersebut, penulis tertarik untuk membuat Website toko yang dinamis dan interaktif sebagai media informasi produk baju dan menggunakan database MySQL sebagai pengolah data. Data-data yang disimpan pada database MySQL meliputi merk baju, ukuran baju . Pembuatan Website ini menggunakan teknologi PHP Hypertext Preprocessor bersama-sama dengan HTML. Penulisan ini secara berurutan menjelaskan bagaimana proses pengolahan data di web server, dalam hal ini penulis menggunakan Apache.

Daftar Pustaka (2003 – 2006)

KATA PENGANTAR

Segala puji syukur panjatkan kehadirat bagi Allah SWT atas rahmat dan hidayah-Nya sehingga penulis ilmiah yang berjudul “Pembuatan Website Wafa Collection Menggunakan PHP dan MYSQL “. Adapun tujuan dari penulisan ini yaitu untuk melengkapi sebagian syarat yang diwajibkan untuk mencapai jenjang S1 Falkutas Ilmu Komputer Universitas Gunadarma.

Dalam melakukan penyusan penulisan ilmiah ini banyak kendala yang dialami oleh penulis. Namun penulis berusaha untuk menyelesaikan sebaik mungkin dengan bantuan berbagai pihak. Untuk itu dengan segala kerendahan hati penulis mengucapkan terimakasih kepada semua pihak yang telah memberi batuan, dukungan dan motivasinya dalam menyelesaikan penulisan ini, terutama kepada:

1. Ibu Prof. Dr. E. S Margianti, SE, MM, selaku rector Universitas Gunadarma

Bapak Prof. Dr. rer. Nat. A. Benny Mutiara, Ssi. Skom., selaku Dekan Fakultas Ilmu Komputer dan Teknologi Informasi.
Bapak Dr. Setia Wirawan, SKom., MMSI., selaku Ketua Jurusan Sistem Informasi.
Ibu Sri Nawangsari, SE., MM., selaku Koordinator Penulisan Ilmiah.

5. Ibu Masimbangan Susana Herawati Selaku Dosen Pembimbing yang telah banyak memberikan pengarahan, bimbingan, serta meluangkan waktunya kepada penulis.

6. Bapak dan Ibu Dosen Universitas Gunadarma yang telah memberikan banyak ilmu dan pengetahuan

7. Orang Tua yang sangat saya cintai dan sayangi. Terimakasih atas do’a, pengorbanan, semangat, kasih serta dukungan morildan materil kepada penulis.

8. Dyan Wicaksono yang telah mendukung dalam bentuk moril dan materil dalam penyelesaian PI.

9. Sahabat-sahabat setiaku Kiki, Winda, Ria yang telah mendorong dan memberi semangat dalam penyelesaian PI.

10. Seluruh teman-teman 3 KA 11yang tidak dapat disebutkan satu persatu, atas segala inspirasi dan pendapat yang sangat bermanfaat bagi penulis..

Penulis juga menyadari bahwa dala penyusunan dan pembuatan Penulisan Ilmiah ini masih jauh dari kesempurnaan karena keterbatasan ilmu dan pengetahuan yang dimiliki oleh penulis, walaupun telah banyak yang dilakukan oleh penulis untuk meminimalisasikan kekurangan yang ada. Oleh sebab itu kritik dan saran yang bersifat membangun demi kesempurnaan Penulisan Ilmiah ini.

Semoga apa yang telah disajikan dalam Penulisan Ilmiah ini dapat bermanfaat bagi penulis sendiri, teman-teman serta pembaca.

Depok,

Wenny Wulan Septiani

DAFTAR ISI

Halaman

HALAMAN JUDUL ...........….....………………………………………… i

PERNYATAAN ORIGINALITAS DAN PUBLIKASI .............................. ii

LEMBAR PENGESAHAN ........…………………………………………. iii

ABSTRAK .........……………………………..…………………………… iv

KATA PENGANTAR ......................……………………………………... v

DAFTAR ISI ..................………………………………………………..… vii

DAFTAR GAMBAR ...........………………………………………........... ix

DAFTAR TABEL ....................…………………………………………… x

DAFTAR LAMPIRAN ....................……………………………………… xi

1. PENDAHULUAN .........………………………………………………... 1

1.1 Latar Belakang Masalah ........………………………………..…....... 1

1.2 Ruang Lingkup ...............……………………………………..…..… 2

1.3 Tujuan Penulisan .......………………………………………….…… 2

1.4 Metode Penelitian .......………………………………....................… 2

1.5 Sistematika Penulisan .......……………………………………….…. 3

2. LANDASAN TEORI ………………………………........ …...............… 5

2.1 Pengenalan Internet .........................................…………………….. 5

2.2 Pengertian HTML ……………..…………………………..…......... 6

2.3 Pengenalan PHP ….…………………..…………………….…....… 7

2.4 Pengertian MYSQL ....…………………….…………………...….. 8

2.5 Pengertian E – Commerce ....………………...………………...….. 10

2.6 Struktur Navigasi ....…....................……………………………..… 18

2.7 Storyboard ….………………………………………………..…….. 20

3. PEMBAHASAN DAN ANALISA ...……………………..…………… 21

3.1 Persiapan Perangkat Pembuatan Website …………………............. 21

3.2 Implementasi ……………………………...…………………......… 23

4. KESIMPULAN DAN SARAN ..……………………………………… 72

4.1 Kesimpulan .………………………………………………………. 72

4.2 Saran .……………………………………………………........…… 72

DAFTAR PUSTAKA …………………………..………………………… 73

LAMPIRAN…………..…………………………..………………………. 74

DAFTAR TABEL

Halaman

Tabel 2.1 Fungsi pada PHP yang mendukung perintah MySQL .....…. 12

Tabel 3.1 Tabel Admin ………………………………………..……… 24

Tabel 3.2 Tabel Member ……………………………………………… 25

Tabel 3.3 Tabel Daftar Belanja ..……………………………………… 26

Tabel 3.4 Tabel Guestbook …………………………………………… 27

Tabel 3.5 Tabel Kategori Produk ...…………………………………… 28

Tabel 3.6 Tabel Produk ………......…………………………………… 29

Tabel 3.7 Tabel Top News …….....…………………………………… 29

Tabel 3.8 Tabel Transaksi ………...…………………………………… 30

DAFTAR LAMPIRAN

Halaman

Lampiran Listing Program ........................................................................... L-1

Lampiran Output ........................................................................................... L-52

1. PENDAHULUAN

1.1 Latar Belakang Masalah

Perkembangan teknologi sekarang ini semakin pesat. Yang mempengaruhi segala bidang, terutama bidang perdagangan melalui internet atau e-commerce menyediakan informasi perdagangan sehingga memudahkan user untuk mencari dan mendapatkan informasi yang dibutuhkan tentang perdagangan atau jual beli melalui internet. Untuk mendapatkan informasi tantang e-commerce di internet dapat dilakukan dengan mengunjungi situs (website) yang berhubungan dengan informasi yang dibutuhkan atau dapat dengan pencarian disitus pencari, seperti yahoo, google, dan sebagainya.

Distro Zonic Hyperwear yang telah berdiri sekitar 7 tahun yang lalu ini merupakan salah satu distro di daerah Depok Timur yang memberikan pelayanan bagi masyarakat untuk mendapatkan baju, celana jeans, sweater, jaket, dan sebagainya. Tapi dalam melakukan promosi ini kurang efektif karena jangkauannya terlalu sempit, sehingga konsumen yang datang hanya berasal dari sekitar lokasi Distro Zonic Hyperwear tersebut. Yang mengakibatkan distro ini hanya diketahui oleh masyarakat yang tinggal di Depok Timur dan sekitarnya dan sulit untuk masyarakat di daerah lainnya untuk mengetahui tentang Distro Zonic Hyperwear ini karena masalah jarak dan waktu.

Dengan melihat permasalahan yang dihadapi oleh Distro Zonic Hyperwear dalam melakukan promosi, sehingga penulis berencana untuk mencari solusi yang tepat untuk dapat menangani permasalahan tersebut. Dengan perkembangan teknologi saat ini, salah satunya adalah dengan menggunakan website atau situs web zonic Hyperwear agar masyarakat lebih mudah untuk mendapatkan informasi mengenai Distro Zonic Hyperwear ini tanpa mempermasalahkan jarak dan waktu

Berdasarkan latar belakang permasalahan maka penulis membuat Penulisan Ilmiah : PEMBUATAN WEBSITE DISTRO ZONIC HYPERWEAR MENGGUNAKAN PHP DAN MYSQL.

1.2 Batasan Masalah

Website Distro Zonic Hyperwear ini dibuat menggunakan aplikasi pemrograman Macromedia Dreamwaver 8. Elemen – elemen yang digunakan dalam pembuatan website ini adalah teks, gambar dan animasi. Penulisan ini hanya terbatas pada pembuatan website Distro Zonic Hyperwear, dimana didalamnya berisi informasi tentang Distro Zonic Hyperwear, informasi yang berkaitan dengan produk, informasi tentang merk baju, celana panjang, jaket, sweater dan formulir pendaftaran unuk pelanggan baru. Didalam website ini, user dapat bergabung menjadi member untuk pemesanan produk dan fasilitas pembayaran dilakukan secara online melalui transfer sebesar 50% dari jumlah harga pemesanan produk sebagai uang muka, sisanya dapat dilunasi setelah produk yang dipesan telah sampai ditangan pemesan. Website ini baru bias melayani pembelian untuk wilayah jabodetabek.

1.3 Tujuan Penulisan

Tujuan dari penulisan ilmiah ini adalah membangun website Distro Zonic Hyperwaer yang ditujukan untuk masyarakat luas agar mereka mengetahui keberadaan Distro Zonic Hyperwear, informasi produk yang dijual dan informasi jenis baju, celana panjang, jaket, dan sweater.

1.4 Metode Penelitian

Untuk menyelesaikan penyusunan ilmiah ini, penulis melakukan pengumpulan data dan keterangan dengan 7 metode, yaitu:

Studi Pustaka

Merupakan teknik pengumpulan data dengan metode studi pustaka (literatue). Informasi diperoleh dari berbagai sumber artikel dari majalah/surat kabar, internet dan lain sebagainya.

Obsevasi

Yaitu teknik pengumpulan data dengan cara mengadakan survey langsung dan melakukan wawancara dengan pemilik Distro Zonic Hyperwear tersebut.

Identifikasi Masalah Dan Analisa Kebutuhan Sistem

Yaitu teknik pengumpulan data dengan melakukan perumusan masalah yang dihadapi Distro Zonic Hyperwear dan dibuatkan website yang dapat mengatasi permasalahan tersebut.

Perancangan

Membuat struktur navigasi, membuat rancangan tampilan website Distro Zonic Hyperwear yang berisi informasi tantang Distro zonic Hyperwear, informasi produk yang dijual, jenis baju yang dijual.

Uji Coba

Yaitu malakukan uji coba, apakah website yang telah dibuat telah lengkap dan sempurna atau masih kurang.

Implementasi

Yaitu melakukan posting ke internet agar masyarakat tahu antang Distro Zonic Hyperwear.

Pelatihan Operator

Yaitu melakukan pelatihan untuk memaksimalkan dalam memanfaatkan website yang telah dibuat, agar sesuai dengan tujuan awal.

1.5 Sistematika Penulisan

Adapun penulisan ilmiah ini dengan struktur sebagai berikut :

BAB I : PENDAHULUAN

Bab ini menjelaskan tentang latar belakang penulisan, batasan masalah, tujuan penulisan, metode penulisan dan sistematika penulisan ilmiah ini.

BAB II : LANDASAN TEORI

Bab ini berisi mengenai Distro Zonic Hyperwear, internet, e-commerce, penjelasan singkat tentang Macromedia Dreamwaver 8 dan bagai mana cara penggunaanya.

BAB III : PEMBAHASAN

Dibab ini akan dibahas cara-cara pembuatan homepage Distro Zonic Hyperwaear yang digunakan sebagai media promosi serta memberikan informasi mengenai baju.

BAB IV : PENUTUP

Berisi kesimpulan dan saran.

2. LANDASAN TEORI

2.1 Internet

Internet adalah suatau jaringan komputer global yang terbentuk dari jaringan-jaringan komputer local dan regional, memungkinkan komunikasi data antar komputer-komputer yang terhubung ke jaringan tersebut.

2.1.1 Berbagai Istilah Internet

WWW (World Wide Web)

Lebih dikenal dengan sebutan Web, awalnya merupakan suatu penyajian informasi di internet dengan menggunakan HTML. Web identik dengan internet, karena kepopulerannya saat ini, web sudah menjadi interface aplikasi untuk melakukuan transaksi dan sajian informasi yang lengkap dari seluruh dunia.

URL (Universal Resource Locator)

Menunjukkan sumber daya internet atau alamat homepage yaitu alamat suatu dokumen atau program yang ingin kita tampilkan. Orang sering menyebutnya kotak URL, di kotak inilah user terlebih dahulu harus mengetikkan alamatnya pada kotak URL.

Web Browser

Web browser adalah software yang digunakan untuk menampilkan informasi dari web server dalam bentuk halaman web.

Web Server

Web server adalah komputer yang digunakan untuk menyimpan dokumen-dokumen web, komputer ini akan melayani permintaan dokumen web dari kliennya.

Web Site

Dapat diumpamakan sebagai buku yang merupakan tempat penyimpanan data dan informasi dengan berdasarkan topik tertentu. Kumpulan dari hal-hal web yang saling berkaitan di dalam website tersebut.

HTTP (Hypertext Transfer Protocol)

Sebuah protocol yang menentukan aturan main antara software web browser dan web server dalam penyediaan dokumen yang diminta oleh browser.

Homepage

Merupakan halaman yang berisi daftar isi atau menu dari sebuah situs web. Homepage adalah halaman pembuka dari sekian banyak web page yang terdapat pada suatu web site. Halaman pertama ini berisi tentang apa dan siapa, dari perusahaan atau organisasi mana pemilik web site tersebut, juga sering memiliki link-link yang membawa kita pada hal lain dari sebuah situs web.

2.2 Pengertian HTML

HTML merupakan bahasa standar yang digunakan untuk dokumen WWW. Bahasa HTML merupakan tag (akhiran) yang menandakan cara browser menampilkan elemen halaman seperti : teks dan gambar dan cara browser menanggapi sesuatu tindakan tertentu dari pemakai seperti Hyperlink dengan hanya meng-klik mouse dan / atau menekan keyboard.

Dalam dokumen HTML, terdapat 3 buah tag ‘<….>’ utama yaitu tag HTML, HEAD, dan BODY dengan contoh penulisan dasar seperti berikut :

Business Properties

Welcome to my home

2.3 Pengenalan PHP

PHP adalah bahasa scripting yang menyatu dengan HTML dan dijalankan pada server side. Artinya semua sintaks yang kita berikan akan sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke browser hanya hasilnya saja. Dengan menggunakan program PHP, sebuah website akan lebih interaktif dan dinamis. Data yang dikirim oleh pengunjung website / komputer client akan diolah dan disimpan pada database web server dan dapat ditampilkan kembali. Untuk menjalankan kode-kode program PHP, file harus diupload ke dalam server. Upload adalah proses mentransfer data atau file dari komputer client ke web server.

2.3.1 Keunggulan PHP

Beberapa keunggulan program PHP antara lain :

PHP memiliki tingkat akses yang lebih cepat
PHP memiliki tingkat lifecycle yang cepat sehingga selalu mengikuti perkembangan teknologi Internet.
PHP memiliki tingkat keamanan yang tinggi.
PHP mampu berjalan di beberapa server yang ada, misalnya Apache, Microsoft IIS, PWS, AOLserver, phttpd, fhttpd, dan Xitami.
PHP mampu berjalan di Linux sebagai platform system operasi utama bagi PHP, namun dapat juga berjalan di Unix, Solaris, Windows dan yang lain.
PHP juga mendukung akses ke beberapa database yang sudah ada, baik yang bersifat free / gratis ataupun komersial. Database ini antara lain MySQL, PosgreSQL, mSQL, Informix, dan Microsoft SQL Server.
PHP bersifat free atau gratis.

2.3.2 Script PHP

Setiap program PHP disebut dengan script. Script berupa file teks, yang dapat dibuat dengan menggunakan editor file teks biasa seperti notepad, edit, vi (dalam lingkungan Unix/Linux), ataupun lainnya. Setiap baris perintah / statement harus diakhiri dengan menggunakan tanda titik koma (;). Umumnya setiap statement dituliskan dalam satu baris.

Script PHP diawali dan diakhiri dengan menggunakan tag khusus. Ada 4 macam cara yang dapat digunakan untuk menuliskan script PHP di dalam suatu dokumen HTML.

Cara I :

Cara II :

Cara I merupakan cara yang lebih praktis, selalu mengasumsikan bahwa

Cara III :

<% echo “Script PHP”; ?>

Cara IV :

<%=$nama Var;%>

Cara III dan IV menggunakan gaya Active Server Pages (ASP). Cara III dan IV disediakan untuk mengakomodasikan programmer ASP yang terbiasa menggunakan <% dan %> dalam membuat script ASP, hanya sekarang yang dituliskan di dalamnya adalah script PHP bukan script bahasa VBScript. ASP adalah teknik pemrograman web dengan bahasa VBScript, merupakan produk yang dikembangkan oleh Microsoft (IIS). Cara III dan IV dapat dilakukan oleh PHP apabial nilai asp_tags pada php.ini diberi nilai On bukan Off. Pada cara IV tanda sama dengan (=) digunakan untuk menggantikan perintah echo. Operator “=” digunakan jika hanya ingin menampilkan isi dari suatu variable.

2.4 MySQL

MySQL adalah sebuah Relasional Database Management System (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (General Public License). Karena MySQL berada di bawah GPL, maka orang bebas untuk menggunakannya namun tidak boleh dijadikan produk turunan yang bersifat closed source.

MySQL sebenarnya merupakan salah satu konsep utama dalam database sejak lama, yaitu SQL (Structured Query Language) yang merupakan sebuah konsep pengoperasian database, terutama untuk pemilihan / seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah. MySQL sendiri menggunakan SQL sebagai bahasa dasar untuk mengakses databasenya.

MySQL bersifat bebas pada berbagai platform, kecuali pada Windows yang bersifat software. Pada perkembangannya MySQL banyak digunakan untuk pengelolaan web. Sebagai contoh, MySQL digunakan oleh Yahoo! Dalam pengoperasian databasenya.

2.4.1 Menjalankan Perintah SQL di PHP

Untuk memproses perintah-perintah MySQL dalam PHP, dibutuhkan fungsi-fungsi pendukung yang disediakan oleh PHP. Berikut ini adalah beberapa fungsi pendukung yang digunakan oleh PHP dalam memproses perintah-perintah MySQL dijelaskan oleh table berikut.

Tabel 2.8 Fungsi pada PHP yang mendukung perintah MySQL

Nama Fungsi	Kegunaan
mysql_connect()	Menghubungkan / koneksi ke server database MySQL
mysql_list_dbs()	Menampilkan basis data yang tersedia
mysql_select_db()	Memilih database yang ada di server database MySQL
mysql_query	Mengirim perintah SQL ke server MySQL
mysql_fetch_row() atau mysql_fetch_array()	Memanggil record-record yang diambil dari server, menghasilkan set pointer yang dihasilkan oleh suatu query
mysql_num_row()	Mengetahui jumlah record yang dihasilkan oleh suatu query
mysql_close()	Menutup koneksi ke server database MySQL

2.5 E-commerce

2.5.1 Mengenal E-Commerce

Perdagangan sebenarnya merupakan kegiatan yang dilakukan manusia sejak awal peradabannya. Sejalan dengan perkembangan manusia, cara dan sarana yang digunakan untuk berdagang senantiasa berubah. Bentuk perdagangan terbaru yang kian memudahkan penggunanya kini ialah e-commerce. Makhluk apa sesungguhnya e-commerce itu, bagaimana ia dapat mempermudah penggunanya, serta peran pentingnya akan dibahas dalam tulisan ini.

2.5.2 Pengertian E-Commerce

Electronic Commerce (Perniagaan Elektronik), sebagai bagian dari Electronic Business (bisnis yang dilakukan dengan menggunakan electronic transmission), oleh para ahli dan pelaku bisnis dicoba dirumuskan definisinya. Secara umum e-commerce dapat didefinisikan sebagai segala bentuk transaksi perdagangan/perniagaan barang atau jasa (trade of goods and service) dengan menggunakan media elektronik. Jelas, selain dari yang telah disebutkan di atas, bahwa kegiatan perniagaan tersebut merupakan bagian dari kegiatan bisnis. Kesimpulannya, "e-commerce is a part of e-business".

Media elektronik yang dibicarakan di dalam tulisan ini untuk sementara hanya difokuskan dalam hal penggunaan media internet. Pasalnya, penggunaan internetlah yang saat ini paling populer digunakan oleh banyak orang, selain merupakan hal yang bisa dikategorikan sebagai hal yang sedang ‘booming’. Perlu digarisbawahi, dengan adanya perkembangan teknologi di masa mendatang, terbuka kemungkinan adanya penggunaan media jaringan lain selain internet dalam e-commerce. Jadi pemikiran kita jangan hanya terpaku pada penggunaan media internet belaka.

Penggunaan internet dipilih oleh kebanyakan orang sekarang ini karena kemudahan-kemudahan yang dimiliki oleh jaringan internet, yaitu:

Internet sebagai jaringan publik yang sangat besar (huge/widespread network), layaknya yang dimiliki suatu jaringan publik elektronik, yaitu murah, cepat dan kemudahan akses.
Menggunakan electronic data sebagai media penyampaian pesan/data sehingga dapat dilakukan pengiriman dan penerimaan informasi secara mudah dan ringkas, baik dalam bentuk data elektronik analog maupun digital.

Dari apa yang telah diuraikan di atas, dengan kata lain; di dalam e-commerce, para pihak yang melakukan kegiatan perdagangan/perniagaan hanya berhubungan melalui suatu jaringan publik (public network) yang dalam perkembangan terakhir menggunakan media internet.

E-commerce adalah kegiatan-kegiatan bisnis yang menyangkut konsumen (consumers), manufaktur (manufactures), service providers dan pedagang perantara (intermediaries) dengan menggunakan jaringan-jaringan komputer (komputer networks) yaitu internet.

Julian Ding dalam bukunya E-commerce: Law & Practice, mengemukakan bahwa e-commerce sebagai suatu konsep yang tidak dapat didefinisikan. E-commerce memiliki arti yang berbeda bagi orang yang berbeda.

Sedangkan Onno W. Purbo dan Aang Wahyudi yang mengutip pendapatnya David Baum, menyebutkan bahwa: “e-commerce is a dynamic set of technologies, aplications, and business procces that link enterprises, consumers, and communities through electronic transaction and the electronic exchange of goods, services, and information”. Bahwa e-commerce merupakan suatu set dinamis teknologi, aplikasi dan proses bisnis yang menghubungkan perusahaan, konsumen dan komunitas melalui transaksi elektronik dan perdagangan barang, pelayanan dan informasi yang dilakukan secara elektronik.

E-commerce digunakan sebagai transaksi bisnis antara perusahaan yang satu dengan perusahaan yang lain, antara perusahaan dengan pelanggan (customer), atau antara perusahaan dengan institusi yang bergerak dalam pelayanan public. Jika diklasifikasikan, sistem e-commerce terbagi menjadi tiga tipe aplikasi, yaitu:

· Electronic Markets (EMs).

EMs adalah sebuah sarana yang menggunakan teknologi informasi dan komunikasi untuk melakukan/menyajikan penawaran dalam sebuah segmen pasar, sehingga pembeli dapat membandingkan berbagai macam harga yang ditawarkan. Dalam pengertian lain, EMs adalah sebuah sistem informasi antar organisasi yang menyediakan fasilitas-fasilitas bagi para penjual dan pembeli untuk bertukar informasi tentang harga dan produk yang ditawarkan. Keuntungan fasilitas EMs bagi pelanggan adalah terlihat lebih nyata dan efisien dalam hal waktu. Sedangkan bagi penjual, ia dapat mendistribusikan informasi mengenai produk dan service yang ditawarkan dengan lebih cepat sehingga dapat menarik pelanggan lebih banyak.

· Electronic Data Interchange (EDI).

EDI adalah sarana untuk mengefisienkan pertukaran data transaksi-transaksi reguler yang berulang dalam jumlah besar antara organisasi-organisasi komersial.

Secara formal EDI didefinisikan oleh International Data Exchange Association (IDEA) sebagai “transfer data terstruktur dengan format standard yang telah disetujui yang dilakukan dari satu sistem komputer ke sistem komputer yang lain dengan menggunakan media elektronik”.

EDI sangat luas penggunaannya, biasanya digunakan oleh kelompok retail yang besar ketika melakukan bisnis dagang dengan para supplier mereka.

EDI memiliki standarisasi pengkodean transaksi perdagangan, sehingga organisasi komersial tersebut dapat berkomunikasi secara langsung dari satu sistem komputer yang satu ke sistem komputer yang lain tanpa memerlukan hardcopy, faktur, serta terhindar dari penundaan, kesalahan yang tidak disengaja dalam penanganan berkas dan intervensi dari manusia.

Keuntungan dalam menggunakan EDI adalah waktu pemesanan yang singkat, mengurangi biaya, mengurangi kesalahan, memperoleh respon yang cepat, pengiriman faktur yang cepat dan akurat serta pembayaran dapat dilakukan secara elektronik.

· 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/pembelian barang dimana barang akan dikirim melalui pos atau sarana lain setelah uang ditransfer ke rekening penjual.

Penggunaan internet sebagai media pemasaran dan saluran penjualan terbukti mempunyai keuntungan antara lain untuk beberapa produk tertentu lebih sesuai ditawarkan melalui internet; harga lebih murah mengingat membuat situs di internet lebih murah biayanya dibandingkan dengan membuka outlet retail di berbagai tempat; internet merupakan 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 di tempat pemesan.

2.5.3 Karakteristik E-Commerce.

Berbeda dengan transaksi perdagangan biasa, transaksi e-commerce memiliki beberapa karakteristik yang sangat khusus, yaitu :

a. Transaksi tanpa batas

Sebelum era internet, batas-batas geografi menjadi penghalang suatu perusahaan atau individu yang ingin go-international. Sehingga, hanya perusahaan atau individu dengan modal besar yang dapat memasarkan produknya ke luar negeri.Dewasa ini dengan internet pengusaha kecil dan menengah dapat memasarkan produknya secara internasional cukup dengan membuat situs web atau dengan memasang iklan di situs-situs internet tanpa batas waktu (24 jam), dan tentu saja pelanggan dari seluruh dunia dapat mengakses situs tersebut dan melakukan transaksi secara on line.

b. Transaksi anonim

Para penjual dan pembeli dalam transaksi melalui internet tidak harus bertemu muka satu sama lainnya. Penjual tidak memerlukan nama dari pembeli sepanjang mengenai pembayarannya telah diotorisasi oleh penyedia sistem pembayaran yang ditentukan, yang biasanya dengan kartu kredit.

c. Produk digital dan non digital

Produk-produk digital seperti software komputer, musik dan produk lain yang bersifat digital dapat dipasarkan melalui internet dengan cara mendownload secara elektronik. Dalam perkembangannya obyek yang ditawarkan melalui internet juga meliputi barang-barang kebutuhan hidup lainnya.

d. Produk barang tak berwujud

Banyak perusahaan yang bergerak di bidang e-commercen dengan menawarkan barang tak berwujud separti data, software dan ide-ide yang dijual melalui internet.

Implementasi e-commerce pada dunia industri yang penerapannya semakin lama semakin luas tidak hanya mengubah suasana kompetisi menjadi semakin dinamis dan global, namun telah membentuk suatu masyarakat tersendiri yang dinamakan Komunitas Bisnis Elektronik (Electronic Business Community). Komunitas ini memanfaatkan cyberspace sebagai tempat bertemu, berkomunikasi, dan berkoordinasi ini secara intens memanfaatkan media dan infrastruktur telekomunikasi dan teknologi informasi dalam menjalankan kegiatannya sehari-hari. Seperti halnya pada masyarakat tradisional, pertemuan antara berbagai pihak dengan beragam kepentingan secara natural telah membentuk sebuah pasar tersendiri tempat bertemunya permintaan (demand) dan penawaran (supply). Transaksi yang terjadi antara demand dan supply dapat dengan mudah dilakukan walaupun yang bersangkutan berada dalam sisi geografis yang berbeda karena kemajuan dan perkembangan teknologi informasi, yang dalam hal ini adalah teknologi e-commerce.

Secara umum e-commerce dapat diklasifasikan menjadi dua jenis yaitu; Business to Business (B2B) dan Business to Consumer (B2C).

Business to Business (B2B) adalah sistem komunikasi bisnis on-line antar pelaku bisnis, sedangkan Business to Consumer (B2C) merupakan mekanisme toko on-line (electronic shopping mall), yaitu transaksi antara e-merchant dengan e-customer

Dalam Business to Business pada umumnya transaksi dilakukan oleh para trading partners yang sudah saling kenal dengan format data yang telah disepakati bersama. Sedangkan dalam Business to Customer sifatnya terbuka untuk publik, sehingga setiap individu dapat mengaksesnya melalui suatu web server. Dalam kajian ini, untuk selanjutnya yang akan dibahas adalah Business to

Customer.

2.5.4 Mekanisme E-Commerce.

Transaksi elektronik antara e-merchant (pihak yang menawarkan barang atau jasa melalui internet) dengan e-customer (pihak yang membeli barang atau jasa melalui internet) yang terjadi di dunia maya atau di internet pada umumnya berlangsung secara paperless transaction, sedangkan dokumen yang digunakan dalam transaksi tersebut bukanlah paper document, melainkan dokumen elektronik (digital document).

Kontrak on line dalam e-commerce menurut Santiago Cavanillas dan A. Martines Nadal, seperti yang dikutip oleh Arsyad Sanusi memiliki banyak tipe dan variasi yaitu :

Kontrak melalui chatting dan video conference;
Kontrak melalui e-mail;
Kontrak melalui web atau situs.

Chatting dan Video Conference adalah alat komunikasi yang disediakan oleh internet yang biasa digunakan untuk dialog interaktif secara langsung. Dengan chatting seseorang dapat berkomunikasi secara langsung dengan orang lain persis seperti telepon, hanya saja komunikasi lewat chatting ini adalah tulisan atau pernyataan yang terbaca pada komputer masing-masing.

Sesuai dengan namanya, video conference adalah alat untuk berbicara dengan beberapa pihak dengan melihat gambar dan mendengar suara secara langsung pihak yang dihubungi dengan alat ini. Dengan demikian melakukan kontrak dengan menggunakan jasa chatting dan video conference ini dapat dilakukan secara langsung antara beberapa pihak dengan menggunakan sarana komputer atau monitor televisi.

Kontrak melalui e-mail adalah salah satu kontrak on-line yang sangat populer karena pengguna e-mail saat ini sangat banyak dan mendunia dengan biaya yang sangat murah dan waktu yang efisien. Untuk memperoleh alamat e-mail dapat dilakukan dengan cara mendaftarkan diri kepada penyedia layanan e-mail gratis atau dengan mendaftarkan diri sebagai subscriber pada server atau ISP tertentu. Kontrak e-mail dapat berupa penawaran yang dikirimkan kepada seseorang atau kepada banyak orang yang tergabung dalam sebuah mailing list, serta penerimaan dan pemberitahuan penerimaan yang seluruhnya dikirimkan melalui e-mail.

Di samping itu kontrak e-mail dapat dilakukan dengan penawaran barangnya diberikan melalui situs web yang memposting penawarannya, sedangkan penerimaannya dilakukan melalui e-mail.

Kontrak melalui web dapat dilakukan dengan cara situs web seorang supplier (baik yang berlokasi di server supplier maupun diletakkan pada server pihak ketiga) memiliki diskripsi produk atau jasa dan satu seri halaman yang bersifat self-contraction, yaitu dapat digunakan untuk membuat kontrak sendiri, yang memungkinkan pengunjung web untuk memesan produk atau jasa tersebut.

Para konsumen harus menyediakan informasi personal dan harus menyertakan nomor kartu kredit.

Selanjutnya, mekanismenya adalah sebagai berikut:

- untuk produk on line yang berupa software, pembeli diizinkan untuk men-download-nya;

- untuk produk yang berwujud fisik, pengiriman barang dilakukan sampai di rumah konsumen;

- untuk pembelian jasa, supplier menyediakan untuk melayani konsumen sesuai dengan waktu dan tempat yang telah ditentukan dalam perjanjian.

Mekanisme transaksi elektronik dengan e-commerce dimulai dengan adanya penawaran suatu produk tertentu oleh penjual (misalnya bertempat kedudukan di USA) di suatu website melalui server yang berada di Indonesia (misalnya detik.com). Apabila konsumen Indonesia melakukan pembelian, maka konsumen tersebut akan mengisi order mail yang telah disediakan oleh pihak penjual.

2.6 Struktur Navigasi

Struktur navigasi adalah struktur atau alur dari sebuah program. Menentukan struktur navigasi merupakan tahap pertama dari pembuatan homepage. Struktur navigasi sama halnya dengan flowchart. Pada pembuatan homepage terdapat empat macam bentuk dasar dari struktur navigasi, antara lain :

Struktur Navigasi Linier

Struktur navigasi linier merupakan struktur yang hanya mempunyai satu rangkaian cerita berurut. Struktur ini menampilkan satu demi satu tampilan berurut menurut urutannya.

Gambar 2.1 Struktur Navigasi Linier

Struktur Navigasi Non Linier

Struktur navigasi nonlinear (tidak berurut) merupakan pengembangan dari struktur navigasi linear, hanya saja pada struktur ini diperkenankan untuk membuat percabangan. Percabangan pada struktur non linear berbeda dengan percabangan pada struktur hirarki, pada struktur ini kedudukan semua page sama, sehingga tidak dikenal adanya master atau slave page.

Gambar 2.2 Struktur Navigasi Non Linier

Struktur Navigasi Hirarki

Struktur navigasi hirarki sering disebut juga struktur navigasi bercabang, merupakan suatu struktur yang mengandalkan percabangan untuk data atau gambar pada layer dengan criteria tertentu. Tampilan pada menu pertama disebut dengan master page (halaman utama satu), halaman tersebut mempunyai halaman percabangan yang disebut slave page (halaman pendukung) dan jika dipilih akan menjadi halaman utama kedua, begitu seterusnya.

Gambar 2.3 Struktur Navigasi Hirarki

Struktur Navigasi Komposit (Campuran)

Struktur ini merupakan gabungan dari struktur sebelumnya dan disebut juga struktur navigasi bebas, maksudnya adalah jika suatu tampilan membutuhkan percabangan maka dibuat percabangan. Struktur ini paling banyak digunakan dalam pembuatan aplikasi multimedia.

Gambar 2.4 Struktur Navigasi Campuran

2.7 Storyboard

Storyboard atau dapat dikatakan alur cerita merupakan penggambaran atau penjelasan secara terperinci dari setiap elemen-elemen situs dan navigasi. Penggambaran dalam alur cerita kemudian disatukan oleh peta navigasi. Perencanaan tampilan dibuat secara terurut dari awal hingga akhir yang mengatur letak dari objek-objek hingga terbentuk suatu tampilan yang menarik dan tidak membosankan atau bisa dikatakan antara pemakai dan aplikasi yang tersedia.

3. ANALISIS DAN PEMBAHASAN

Pada bab ini dibahas masalah pokok, yaitu bagaimana membuat website zonic-hyperware.freevar.com dengan menggunakan teknologi PHP. Website ini terdiri dari page-page yang menggunakan bahasa HTML untuk membuat tampilan dan kode-kode PHP pada halaman-halaman request, response, password, view, add, delete, dan edit. Sehingga website ini menjadi dinamis dan lebih interaktif dan dibahas juga tentang bagaimana cara meng-upload suatu halaman website yang telah dibuat ke dalam browser, serta cara mengkoneksikan file database ke dalam halaman website.

3.1 Persiapan Perangkat Pembuatan Website

Dalam membuat aplikasi yang berbasis PHP, ada dua peralatan yang harus disiapkan dan dibutuhkan, yaitu perangkat keras dan perangkat lunak. Perangkat keras (hardware) yang digunakan oleh penulis dalam proses pembuatan website ini yaitu :

Processor Intel Pentium III 2.6 GHz
RAM 512 MB PC 3200
Hard Disk Seagate 160 GB

Sedangkan perangkat lunak (software) yang digunakan, yaitu :

Notepad
Browser Mozilla Firefox 3.5.3
MySQL sebagai database
Apache sebagai web server.

Proses yang dilakukan dalam membuat aplikasi ini dapat dipisahkan menjadi empat bagian. Keempat bagian utama yang harus disediakan dalam pembuatan web menggunakan PHP, yaitu berkas sumber Web Editor, Web Server, Database, dan Web Browser.

3.1.1 Web Editor

Web editor merupakan software yang digunakan untuk menyunting dokumen-dokumen web. Web editor yang digunakan penulis ada dua, yaitu :

Editor Teks

Editor teks adalah suatu pengolahan yang digunakan untuk menyunting dokumen teks yang diikutsertakan pada webpage yang dibuat sendiri. Ada dua jenis yaitu pengolah teks regular seperti Notepad pada Windows, dan editor HTML WYSIWYG (What You See Is What You Get) seperti Macromedia Dreamweaver MX.

Editor Citra

Editor citra adalah suatu pengolah yang digunakan untuk menyunting dokumen citra yang diikutsertakan pada webpage yang dibuat. Biasanya digunakan untuk menyunting gambar atau animasi seperti logo institusi, foto, atau hanya tulisan-tulisan yang digunakan sebagai penunjuk pada link.

3.1.2 Web Server

Pada penulisan ini, penulis menggunakan web server Apache. Agar Apache dapat dijalankan, terlebih dahulu penulis melakukan instalasi Wampserver. Dengan melakukan instalasi software Wampserver, maka akan langsung terinstall server Apache dan database MySQL.

3.1.3 Database

Dalam hal ini termasuk pembuatan dan pengkoneksian database. Database yang akan digunakan pada web telah dibuat pada MySQL. Untuk menghubungkan antara database dan web, haruslah dibuat suatu koneksi yaitu dengan cara menggunakan fungsi mysql_connect.

Bentuk pemanggilannya :

mysql_connect(dbhostname, dbusername, dbpassword)

dalam hal ini :

dbhostname menyatakan nama host tempat MySQL berada,
dbusername adalah nama pemakai yang digunakan untuk melakukan hubungan dengan database yang telah dibuat,
dbpassword adalah password pemakai database.

Contoh :

$con = mysql_connect(“localhost”,”oncom”,”test”);

Merupakan perintah untuk membentuk hubungan ke database MySQL yang terdapat pada localhost, dengan pemakai berupa oncom, dan password berupa test. Pengenal hubungan disimpan pada variabel con.

3.1.4 Web Browser

Pada penulisan ilmiah ini jenis web browser yang digunakan tidak dipentingkan, karena pada dokumen PHP, PHP adalah browser independent, yaitu script-script yang digunakan diterjemahkan dan diproses di server bukan di client (web browser), sehingga script-script yang telah dibuat dapat dilihat tampilannya di browser manapun. Namun dalam pembuatan website ini penulis menggunakan Mozilla Firefox 3.5.3.

3.2 Implementasi

Dalam pembuatan website ini, langkah-langkah yang penulis lakukan adalah sebagai berikut :

merancang website
membuat storyboard
menyiapkan berkas database
membuat berkas-berkas PHP
memeriksa semua link
memeriksa hasil proses pengiriman dan penerimaaan data
mengupload file website

3.2.1 Struktur Navigasi Website

Dalam merancang suatu website, dua hal yang penulis lakukan, pertama adalah mendefinisikan kegunaan website dan yang kedua mendefinisikan halaman-halaman yang dibutuhkan dalam website tersebut.

Adapun struktur navigasi website zonic-hyperware.freevar.com dapat dilihat pada gambar 3.1.

Gambar 3.1 Stuktur Navigasi Website Distro

3.2.2 Membuat Storyboard

Alur cerita (storyboard) yang dibuat akan memberikan gambaran atau penjelasan secara terperinci dari tiap gambar dan navigasi dari setiap layout. Bagian-bagian dari tampilan ini akan disatukan hingga menjadi sebuah alur cerita dari awal hingga akhir.

Suatu hal lain yang perlu diperhatikan dalam membuat storyboard adalah tetap mengikuti rancangan struktur navigasi, dengan demikian setiap tahapan desain menjadi terarah. Untuk lebih memperjelas proses pembahasan storyboard ini berikut akan ditampilkan gambar storyboard dibawah ini:

Gambar 3.2 Storyboard Website Distro

Halaman depan dari suatu website disebut homepage. Homepage dari website ini penulis beri nama index.php. Index.php merupakan nama file yang akan dijalankan pertama kali oleh browser. Agar index.php dapat dibaca pada saat pertama kali oleh Apache, sebelumnya telah dilakukan penyettingan file httpd.conf. Di dalam homepage ini terdapat tiga kategori halaman, pertama halaman untuk bukan anggota (users umum), kedua halaman untuk anggota (member), dan ketiga adalah halaman untuk administrator website. Menu yang terdapat pada kedua halaman tersebut pada dasarnya sama, akan tetapi khusus untuk halaman member dan administrator ada menu tambahan yaitu menu logout, edit password pada halaman member, dan edit username dan password pada halaman administrator. Itulah yang membedakan antara ketiga halaman homepage tersebut.

Halaman – halaman untuk pengunjung dalam website ini terdiri dari enam menu utama, yaitu :

Home, merupakan halaman depan dari website. Halaman ini menampilkan ucapan selamat datang kepada pengunjung website, list – list kategori produk, dan berita – berita terbaru seputar distro.

Adapun file – file yang terdapat pada menu ini adalah :

koneksi.php, file ini merupakan konfigurasi yang dipakai dalam website ini. Didalamnya menerangkan pengkoneksian ke database yang dipakai, yaitu MySQL dan juga dicantumkan nama database.
header.php, file ini berfungsi untuk menampilkan link-link yang ada pada website.
footer.php, file ini berfungsi untuk menampilkan bagian bawah dari website.
index.php, pada file ini akan ditampilkan ucapan selamat datang.
topnews.php, pada file ini akan ditampilkan berita – berita terbaru seputar distro.
search.php, file ini berguna untuk mengeksekusi data yang dicari oleh para pengunjung website
produk_list.php, file ini akan menampilkan list – list produk.
katalog.php, file ini digunakan untuk menampilkan list – list produk berdasarkan kategori produk.

Registration, merupakan halaman yang digunakan untuk melakukan registrasi untuk member distro.

Adapun file – file yang terdapat pada menu ini adalah :

koneksi.php, file ini merupakan konfigurasi yang dipakai dalam website ini. Didalamnya menerangkan pengkoneksian ke database yang dipakai, yaitu MySQL dan juga dicantumkan nama database.
header.php, file ini berfungsi untuk menampilkan link-link yang ada pada website.
footer.php, file ini berfungsi untuk menampilkan bagian bawah dari website.
register.php, pada file ini akan ditampilkan form – form untuk melakukan registrasi member.
topnews.php, pada file ini akan ditampilkan berita – berita terbaru seputar distro.
search.php, file ini berguna untuk mengeksekusi data yang dicari oleh para pengunjung website
produk_list.php, file ini akan menampilkan list – list produk.
katalog.php, file ini digunakan untuk menampilkan list – list produk berdasarkan kategori produk.

FAQ, merupakan halaman yang akan menampilkan peraturan – peraturan dan tata cara melakukan pemesanan produk distro.

Adapun file – file yang terdapat pada menu ini adalah :

koneksi.php, file ini merupakan konfigurasi yang dipakai dalam website ini. Didalamnya menerangkan pengkoneksian ke database yang dipakai, yaitu MySQL dan juga dicantumkan nama database.
header.php, file ini berfungsi untuk menampilkan link-link yang ada pada website.
footer.php, file ini berfungsi untuk menampilkan bagian bawah dari website.
faq.php, pada file ini akan menampilkan isi dari peraturan dan tata cara pemesanan produk distro.
topnews.php, pada file ini akan ditampilkan berita – berita terbaru seputar distro.
search.php, file ini berguna untuk mengeksekusi data yang dicari oleh para pengunjung website
produk_list.php, file ini akan menampilkan list – list produk.
katalog.php, file ini digunakan untuk menampilkan list – list produk berdasarkan kategori produk.

Guestbook, halaman ini berisi tentang formulir untuk para pengunjung yang bertujuan untuk memberi saran atau kritik terhadap isi dari website ini. Adapun file yang terdapat di dalam menu ini adalah :

guestbook.php, halaman ini merupakan halaman bagi para pengunjung untuk memberikan saran dan kritik.
guestbook_view.php, halaman ini merupakan halaman untuk melihat saran – saran yang telah masuk dalam website ini.

About Us, halaman ini berisi email dan nomor handphone yang bisa dihubungi jika ada komentar dan saran yang ingin disampaikan secara langsung kepada penulis.

Selain halaman bagi pengunjung, dalam website ini juga terdapat halaman untuk member dan administrator. Terdapat perbedaan menu pada homepage pengunjung, member dan administrator. Pada halaman member terdapat menu home, edit username, confirmation dan logout. Sedangkan pada halaman administrator terdapat menu home, edit username, products, accessories, member, transactions, guestbook dan logout.

Untuk dapat masuk ke halaman member, terlebih dahulu harus terlebih dahulu login. Bagi yang belum terdaftar harus melakukan pendaftaran terlebih dahulu, kemudian login dengan menggunakan username dan password yang telah diterima.

3.2.3 Menyiapkan Berkas Database

Dalam pembuatan aplikasi website zonic-hyperware.freevar.com ini penulis menggunakan obyek-obyek PHP, yaitu object model dan scripting object. Obyek PHP yang penulis gunakan adalah obyek request dan response, pengkoneksian MySQL pada obyek PHP harus sesuai dengan file database yang telah dibuat karena apabila terjadi kesalahan pada saat pengkoneksian, maka hal ini mengakibatkan tidak tampilnya output pada layar monitor dan hasil yang keluar adalah error.

Oleh karena itu dalam pembuatan database dalam teknologi PHP harus dipisahkan antara tabel yang satu dengan tabel yang lain. Hal ini bertujuan agar tidak terjadi salah pembacaan data database pada browser. Berkas database yang digunakan di dalam website zonic-hyperware.freevar.com ini mempunyai nama reza.

Tabel 3.1 Tabel Admin

Field Name	Data Type	Field Size	Keterangan
idAdmin	int	1	Id Admin
Username	varchar	20	Username admin
Password	varchar	15	Password admin

Tabel 3.2 Tabel member

Field Name	Data Type	Field Size	Keterangan
idMember	int	11	Id member
Username	varchar	20	Username member
Password	varchar	15	Password member
namaMember	varchar	20	Nama member
alamatMember	text		Alamat member
emailMember	varchar	20	Email member
notelpMember	varchar	15	No telp member
norekMember	varchar	20	No rekening member
tanggalRegister	date	10	Tanggal registrasi member

Tabel 3.3 Tabel daftarbelanja

Field Name	Data Type	Field Size	Keterangan
idDaftar	int	11	Id daftar belanja
kodeProduk	varchar	10	Kode produk
namaProduk	varchar	20	Nama produk
hargaProduk	decimal	10,5	Harga produk
Jumlah	varchar	2	Jumlah pembelian produk
Total	varchar	15	Total pembayaran
Username	varchar	15	Username member

Tabel 3.4 Tabel Guestbook

Field Name	Data Type	Field Size	Keterangan
idGuest	int	10	Id Guestbook
namaGuest	varchar	15	Nama pengisi guestbook
lokasiGuest	varchar	15	Lokasi pengisi guestbook
emailGuest	varchar	20	Email pengisi guestbook
komentarGuest	text		Komentar pengisi guestbook

Tabel 3.5 Tabel kategori_produk

Field Name	Data Type	Field Size	Keterangan
idKategori	int	11	Id kategori
Kategori	varchar	20	Kategori produk

Tabel 3.6 Tabel Produk

Field Name	Data Type	Field Size	Keterangan
idProduk	int	11	Id produk
Kategori	varchar	20	Kategori produk
kodeProduk	varchar	10	Kode produk
namaProduk	varchar	20	Nama produk
hargaProduk	varchar	10	Harga produk
spesifikasiProduk	text		Spesifikasi produk
ikonProduk	varchar	20	Ikon produk
gambarProduk	varchar	20	Gambar produk

Tabel 3.7 Tabel topnews

Field Name	Data Type	Field Size	Keterangan
idTopNews	int	2	Id top news
Judul	varchar	100	Judul top news
Isisingkat	text		Isi singkat top news
Isipanjang	text		Isi panjang top news

Tabel 3.8 Tabel transaksi

Field Name	Data Type	Field Size	Keterangan
idTransaksi	int	11	Id transaksi
kodeTransaksi	varchar	20	Kode transaksi
Username	varchar	20	Username member

3.2.4 Membuat Berkas – Berkas Sumber

Berkas PHP merupakan suatu dokumen teks yang berakhiran PHP (*.php) yang mana di dalamnya mengandung tag – tag HTML dan tag – tag PHP yang berfungsi memerintahkan webserver untuk mengolah perintah – perintah yang ada dalam tag kode PHP yang didalamnya memerintahkan untuk menterjemahkan kode – kode PHP tersebut dan diproses di dalam server, dan memerintahkan web browser untuk mengeksekusi perintah – perintah HTML dan script – script yang ada di luar tag PHP untuk diterjemahkan dan ditampilkan di web browser.

Di bawah ini adalah obyek – obyek webpage yang dijelaskan sebagai bagian dari website yang penulis buat. Dalam pembahasannya penulis memisahkan menjadi dua bagian, yaitu obyek – obyek HTML dan PHP.

3.2.4.1 Cara Pembuatan Homepage

Dalam website ini penulis membuat homepage dengan nama index.php. Pada halaman ini hanyalah merupakan suatu halaman pembuka yang terdapat beberapa link ke halaman – halaman yang lain. Disini dijelaskan cara pembuatan homepage tersebut. Dalam pembuatan website ini, penulis menggunakan Adobe Photoshop CS2 untuk membuat layout dari website ini.

Dengan menggunakan web editor seperti Adobe Photoshop CS2, penulis membuat beberapa obyek – obyek yang berkaitan dengan proses pembuatan website. Di bawah ini adalah obyek – obyek webpage yang dijelaskan sebagai bagian dari website yang penulis buat. Dalam pembuatannya, penulis memisahkan menjadi dua bagian, yaitu obyek HTML dan obyek – obyek PHP.

v Obyek – Obyek HTML

· Judul Page

Judul page merupakan nama dari suatu halaman web, yang nantinya terlihat diatas jendela sebelah kiri atas (title bar) pada saat menjalankan webpage. Judul page ini berada di bagian kepala / head dokumen HTML. Dalam program tertulis :

Oncom Productio

· Paragraf

Paragraph dibuat dengan menambahkan tag

…
, bila tag ini dipakai maka suatu teks diawali dengan baris kosong. Dalam pembuatan paragraph, juga ada perataan, yaitu menggunakan

untuk rata kiri,

untuk rata kanan,

untuk tampilan tulisan di tengah, dan

untuk tulisan rata kiri dan kanan. Selain itu yang berhubungan pula dengan penulisan paragraph, yaitu tag
yang digunakan untuk pindah baris baru.

· Teks

Dalam memformat teks, dapat ditampilkan huruf tebal, miring, dan garis bawah, dengan cara :

o … untuk menebalkan teks

o … untuk membuat miring teks

o … untuk menggarisbawahi teks

Selain itu juga teks dapat diberi warna dan ukuran. Tag yang digunakan untuk memberi warna dan ukuran pada teks : …… .

· Menu / Link

Adalah bagian dari dokumen yang membuat pilihan – pilihan yang bisa dipilih sebagai sajian dari homepage. Biasanya menu ini merupakan penunjuk ke suatu target dalam dokumen yang sama (internal link) atau dokumen yang lain (external link). Tag yang digunakan untuk link : teks link , dimana URL adalah alamat URL tempat tujuan. Contoh penggunaannya sebagai berikut :

HOME .

· Tabel

Tabel digunakan untuk menampilkan informasi dalam bentuk dua dimensi kolom dan baris. Isi dari tabel dapat berupa teks, citra, maupun link. Contoh penggunaannya sebagai berikut :

Nama

Alamat

· Gambar / Image

Untuk menempelkan gambar ke halaman web dengan menggunakan tag

, dimana URL adalah alamat tempat tujuan. Contoh penggunaannya sebagai berikut :

· Formulir / Form

Form adalah bagian dari dokumen dimana pembaca homepage dapat memasukkan data pada formulir untuk dikirimkan ke web server melalui PHP. Formulir ini memiliki elemen – elemen sebagai berikut :

o Text

Text merupakan kotak tempat data teks dimasukkan. Pembuatannya sebagai berikut :

o Select

Select merupakan pilihan tunggal dengan bentuk drop – down list. Penggunaannya sebagai berikut :

o Reset

Reset merupakan tombol untuk mengembalikan nilai – nilai elemen formulir yang kosong. Penggunaannya sebagai berikut :

o Submit

Submit merupakan tombol untuk mengirim nilai – nilai elemen formulir ke alamat URL tujuan.penggunaannya sebagai berikut :

v Obyek – Obyek PHP

· Request dan Response

Contoh aplikasi request dan response adalah pada saat input data, lalu server menerima data dan memberikan response apakah data diterima atau tidak. Obyek request adalah obyek built – in PHP yang digunakan untuk mengirim output dari webserver kepada client. Untuk mendeteksi data input atau request menggunakan obyek request apabila data yang telah diisi di submit, maka akan terkirim ke file database yang telah disediakan dan dikoneksikan. Setelah dikirim, server memberikan response kepada user. Response ini terbentuk dari file yang penulis buat yaitu :

include "header.php";

include "config/koneksi.php";

$namaGuest = $_POST['namaGuest'];

$lokasiGuest = $_POST['lokasiGuest'];

$emailGuest = $_POST['emailGuest'];

$komentarGuest = $_POST['komentarGuest'];

$pesan = "

Konfirmasi Pengisian Guestbook

Pengisian Guestbook Belum Lengkap.
Klik Back pada Browser Anda.";

$pesan1 = "

Konfirmasi Pengisian Guestbook

Pengisian Guestbook Berhasil.
Klik [ Disini ] untuk Melihat List Guestbook.";

if ((empty($namaGuest)) || (empty($lokasiGuest)) || (empty($emailGuest)) || (empty($komentarGuest))) {

echo "$pesan";

} else {

$sql = "insert into guestbook (idGuest, namaGuest, lokasiGuest, emailGuest, komentarGuest) values ('','$namaGuest','$lokasiGuest','$emailGuest','$komentarGuest')";

$hasil = mysql_query($sql, $con);

echo "$pesan1";

}

include "footer.php";

Obyek response adalah obyek built – in PHP yang digunakan untuk dapat melakukan akses ke methods atau properties yang ada di server. Yang sering dilakukan oleh obyek response ini adalah menuliskan atau menampilkan data ke layar.

· View Data

Untuk melihat data yang ada pada database, cara pendefinisian awal sama dengan yang ada diatas, hanya berbeda ketika kita ingin memanipulasi database tersebut. Penulis menggunakan statement – statement sebagai berikut :

include "header.php";

include "config/koneksi.php";

$sql = "select * from guestbook order by idGuest desc";

$hasil = mysql_query($sql, $con);

$pesan = "

while ($row = mysql_fetch_array($hasil)) {

$idGuest = $row['idGuest'];

$namaGuest = $row['namaGuest'];

$lokasiGuest = $row['lokasiGuest'];

$emailGuest = $row['emailGuest'];

$komentarGuest = $row['komentarGuest'];

$namaGuest = ucwords($namaGuest);

$lokasiGuest = ucwords($lokasiGuest);

$komentarGuest = ucfirst($komentarGuest);

$komentarGuest = str_replace("\n", "
", $komentarGuest);

$pesan .= "

}

$pesan .= "";

echo "$pesan";

include "footer.php";

Pada script diatas dapat dilihat untuk menghasilkan output dari data yang diinput sebelumnya menggunakan perintah mysql_query(“select * from guestbook order by idGuest desc”, $con);.

mysql_query(“select * from guestbook order by idGuest desc”, $con); berfungsi untuk mengeksekusi permintaan terhadap sebuah tabel atau sejumlah tabel guestbook yang ada di dalam database. Sedangkan untuk menghubungkan database harus menggunakan $con, dalam penggalan program tersebut bahwa $con = mysql_connect(“localhost”,”root”,””) or die (mysql_error());.

· Password

Password adalah merupakan salah satu citra untuk memberikan keamanan pada halaman website pengunjung website. Hal ini diperuntukkan agar tidak terjadi hal – hal yang kurang bertanggung jawab dari para pengunjung. Bentuk program dari password tersebut adalah sebagai berikut :

include "header.php";

include "config/koneksi.php";

$username = $_POST['username'];

$password = $_POST['password'];

$password1 = $_POST['password1'];

$nama_sekolah = $_POST['nama_sekolah'];

$alamat_sekolah = $_POST['alamat_sekolah'];

$uploaddir = 'sekolah/';

$img = $_FILES['newfile']['name'];

$uploadfile = $uploaddir . $img;

$sql = "select username from admin where username = '$username'";

$hasil = mysql_query($sql, $con);

$row = mysql_fetch_array($hasil);

$sql1 = "select nama_sekolah from sekolah where nama_sekolah = '$nama_sekolah'";

$hasil1 = mysql_query($sql1, $con);

$row1 = mysql_fetch_array($hasil1);

if ((empty($username)) || (empty($password)) || (empty($password1)) || (empty($nama_sekolah)) || (empty($alamat_sekolah))) {

echo "

Pengisian Daftar Sekolah Belum Lengkap.
Silahkan Ulangi Kembali.
Klik Back pada Browser Anda.";

} else if ($img == "") {

echo "

Pendaftaran Sekolah Belum Lengkap.
Silahkan Ulangi Kembali.
Klik Back pada Browser Anda.";

} else if ($username == $row['username']) {

echo "

Username Telah Dipakai.Silahkan Isi Username Yang Lain.
Klik Back pada Browser Anda.";

} else if ($password != $password1) {

echo "

Penulisan Password Belum Benar.
Silahkan Ulangi Kembali.
Klik Back pada Browser Anda.";

} else if ($nama_sekolah == $row1['nama_sekolah']) {

echo "

Nama Sekolah Telah Terdaftar.
Anda Tidak Perlu Lagi Melakukan Register.
Klik [ Disini ] untuk Login.";

} else {

$password = md5($password);

$nama_sekolah = str_replace(" ", "_", $nama_sekolah);

$sql2 = "insert into admin (idAdmin, username, password) values ('','$username','$password')";

$hasil2 = mysql_query($sql2, $con);

$sql3 = "insert into sekolah (idSekolah, nama_sekolah, alamat_sekolah, gambar_sekolah, username, status) values ('','$nama_sekolah','$alamat_sekolah','$img','$username','0')";

$hasil3 = mysql_query($sql3, $con);

move_uploaded_file($_FILES['newfile']['tmp_name'], $uploadfile);

echo "

Selamat Bergabung.
Pendaftaran Sekolah Berhasil.
Klik [ Disini ] untuk Login dan Maintenance Website Sekolah Anda.";

}

include "footer.php";

3.2.5 Rancangan Form

Pada sub bab ini akan dijelaskan mengenai interface yang akan dibuat dalam bentuk rancangan form. Adapun form-form yang dibuat adalah sebagai berikut :

Rancangan Menu Home

Menu Home merupakan halaman yang terdiri dari 3 bagian, yaitu header, isi dan footer. Pada header terdapat nama website, logo website, dan lima buah button yang berfungsi sebagai penghubung kelima menu yaitu home, registration, faq, guestbook dan contact us. Pada isi hanya terdapat ucapan selamat datang. Sedangkan pada footer, terdapat top news, support, dan copyright.

Gambar 3.3 Rancangan Menu Home

Rancangan Menu Registration

Menu Registration terbagi menjadi 3 bagian yaitu header, isi, dan footer. Header dan footer memiliki fungsi yang sama dengan header dan footer pada menu-menu sebelumnya. Sedangkan isinya menampilkan form pengisian untuk registrasi member.

Gambar 3.4 Rancangan Menu Registration

Rancangan Menu FAQ

Menu FAQ terbagi menjadi 3 bagian yaitu header, isi, dan footer. Header dan footer memiliki fungsi yang sama dengan header dan footer pada menu-menu sebelumnya. Sedangkan isinya menampilkan FAQ atau tata cara melakukan pemesanan online dan proses transaksi.

Gambar 3.5 Rancangan Menu FAQ

Rancangan Menu Guestbook

Menu Guestbook adalah halaman yang terdiri dari 3 bagian yaitu header, isi dan footer. Header dan footer memiliki fungsi yang sama dengan halaman menu member. Pada bagian isinya terdapat form dan text field yang berfungsi untuk melakukan pengisian guestbook dan terdapat link untuk melihat isi – isi guestbook yang telah ada.

Gambar 3.6 Rancangan Menu Guestbook

Rancangan Form Lihat Guestbook

Form Lihat Guestbook terdiri dari 3 bagian yaitu header, isi, dan footer. Header dan footer memiliki fungsi yang sama dengan header dan footer pada halaman – halaman yang lain. Sedangkan pada isi, user dapat melihat list – list guestbook yang telah ada.

Gambar 3.7 Rancangan Form Lihat Guestbook

Rancangan Menu Contact Us

Menu Contact Us adalah halaman yang terdiri dari 3 bagian yaitu header, isi dan footer. Header dan footer memiliki fungsi yang sama dengan header dan footer pada halaman – halaman yang lain. Sedangkan pada isi menampilkan email dan nomor telepon yang bisa dihubungi.

Gambar 3.8 Rancangan Menu About Us

Rancangan Sub Menu Kategori Produk

Sub Menu Kategori Produk adalah halaman yang terdiri dari 3 bagian yaitu header, isi dan footer. Header dan footer memiliki fungsi yang sama dengan header dan footer pada halaman – halaman yang lain. Sedangkan isinya menampilkan list – list produk yang ada pada kategori – kategori produk.

Gambar 3.9 Rancangan Sub Menu Kategori Produk

Rancangan Sub Menu Detail Produk

Sub Menu Detail Produk adalah halaman yang terdiri dari 3 bagian yaitu header, isi dan footer. Header dan footer memiliki fungsi yang sama dengan header dan footer pada halaman – halaman yang lain. Sedangkan isinya menampilkan keterangan lengkap produk.

Gambar 3.10 Rancangan Sub Menu Detail Produk

Rancangan Index Member

Halaman Index Member terdiri dari 3 bagian yaitu header, isi dan footer. Header memiliki fungsi untuk menampilkan logo website, nama website dan link – link yaitu home, edit username, confirmation, dan logout. Sedangkan footer memiliki fungsi yang sama dengan footer pada halaman – halaman yang lain. Sedangkan pada isinya menampilkan detail member yang bersangkutan

Gambar 3.11 Rancangan Index Member

Rancangan Form Edit Password Member

Form Edit Password merupakan halaman yang terdiri dari 3 bagian yaitu header, isi dan footer. Pada bagian isi, terdapat text field untuk menuliskan username dan password serta password baru yang akan diedit jika tombol save di-klik.

Gambar 3.12 Rancangan Form Change Profile Member

Rancangan Sub Menu Kategori Produk

Sub Menu Kategori Produk adalah halaman yang terdiri dari 3 bagian yaitu header, isi dan footer. Pada bagian isi, terdapat ikon – ikon produk berdasarkan kategori – kategori produk.

Gambar 3.13 Rancangan Sub Menu Kategori Produk

Rancangan Sub Menu Detail Produk

Sub Menu Detail Produk adalah halaman yang terdiri dari 3 bagian yaitu header, isi dan footer. Bagian isi menampilkan keterangan lengkap produk dan terdapat text field untuk pembelian jumlah produk.

Gambar 3.14 Rancangan Sub Menu Detail Produk

Rancangan Sub Menu Daftar Belanja

Sub Menu Daftar Belanja adalah halaman yang terdiri dari 3 bagian yaitu header, isi dan footer. Pada menu ini dapat juga dilakukan pengeditan dan penghapusan produk – produk yang ingin dibeli

Gambar 3.15 Rancangan Sub Menu Daftar Belanja

Rancangan Sub Menu Edit Daftar Belanja

Sub Menu Edit Daftar Belanja merupakan halaman yang digunakan untuk melakukan pengeditan jumlah produk yang ingin dibeli.

Gambar 3.16 Rancangan Sub Menu Edit Daftar Belanja

Rancangan Sub Menu Konfirmasi Pembelian Produk

Sub Menu Konfirmasi Pembelian Produk menampilkan list – list produk yang dibeli dan nomor rekening yang digunakan untuk melakukan transfer pembayaran produk.

Gambar 3.17 Rancangan Sub Menu Konfirmasi Pembelian Produk

Rancangan Form Login Administrator

Form login administrator adalah halaman yang digunakan untuk login ke dalam halaman administrator.

Gambar 3.18 Rancangan Form Login Administrator

Rancangan Index Administrator

Halaman Index administrator adalah halaman utama dari halaman administrator dan pada bagian isinya terdapat ucapan selamat datang di halaman maintenance control panel administrator.

Gambar 3.19 Rancangan Index Administrator

Rancangan Form Edit Username dan Password Administrator

Form edit username dan password administrator adalah halaman yang mengedit username dan password administrator.

Gambar 3.20 Rancangan Form Edit Username dan Password Administrator

Rancangan Menu Products

Menu Products adalah halaman yang digunakan untuk melakukan penambahan kategori produk, menampilkan list – list kategori, dan menambah produk - produk.

Gambar 3.21 Rancangan Menu Products

Rancangan Sub Menu List Produk

Sub Menu List Produk adalah halaman yang digunakan menampilkan list produk – produk yang telah dimiliki distro.

Gambar 3.22 Rancangan Sub Menu List Produk

Rancangan Sub Menu Detail Produk

Sub Menu Detail Produk adalah halaman yang digunakan menampilkan keterangan lengkap produk.

Gambar 3.23 Rancangan Sub Menu Detail Produk

Rancangan Sub Menu Edit Produk

Sub Menu Edit Produk merupakan halaman yang digunakan untuk mengedit produk.

Gambar 3.24 Rancangan Sub Menu Edit Produk

Rancangan Menu Member

Menu Member merupakan halaman yang digunakan untuk menampilkan list – list member.

Gambar 3.25 Rancangan Menu Member

Rancangan Sub Menu Detail Member

Sub Menu Detail Member merupakan halaman yang digunakan untuk menampilkan keterangan lengkap data member.

Gambar 3.26 Rancangan Sub Menu Detail Member

Rancangan Menu Transaksi

Menu Transaksi merupakan halaman yang digunakan untuk menampilkan transaksi – transaksi member.

Gambar 3.27 Rancangan Menu Transaksi

Rancangan Menu Guestbook

Menu Guestbook merupakan halaman yang digunakan untuk menampilkan list – list isi guestbook member.

Gambar 3.28 Rancangan Menu Guestbook

3.2.6 Memeriksa Semua Link

Suatu langkah yang bijaksana melakukan pemeriksaan akurasi sebelum melakukan penerbitan suatu website. Suatu link yang tidak berhasil menemukan target yang ditunjuk akan menampilkan pesan “URL not found” pada layar webpage yang dibuka. Pengunjung tentu kecewa dan website terkesan tidak professional. Jadi sebelumnya harus dilakukan pemeriksaan link tersebut dengan cara menjalankan link dan memperhatikan akurasi targetnya.

3.2.7 Memeriksa Hasil Proses Pengiriman dan Penerimaan Data

Sebelum melakukan penerbitan homepage yang didalamnya terdapat formulir yang dikirimkan ke web server, maka adalah suatu langkah penting dan merupakan keharusan untuk memeriksa nilai – nilai hasil submit dari formulir tersebut. Penulis juga memeriksa apakah ada kesesuaian antara yang diminta (request) dengan yang diberikan (response).

3.2.8 Proses Upload Website

Website school-connection diupload ke internet pada salah satu free web hosting yaitu www.freewebhostingarea.com. Website ini dipilih karena kemampuannya dalam melakukan pengorganisasian file. Langkah-langkah yang dilakukan pada proses upload antara lain :

Ketik www.freewebhostingarea.com pada address Mozilla Firefox sehingga muncul website freewebhostingarea seperti gambar dibawah ini.

Gambar 3.29 Tampilan www.freewebhostingarea.com

Lakukan registrasi dengan cara klik Sign Up Now yang kemudian akan menampilkan formulir registrasi

Gambar 3.30 Tampilan Registrasi di www.freewebhostingarea.com

Lakukan login dengan menggunakan password yang dikirim oleh www.freehostingarea.com ke email
Klik website manager untuk dapat melakukan pengelolaan website

Gambar 3.31 Tampilan Website Manager www.freewebhostingarea.com

Klik file manager untuk mengupload file

Gambar 3.32 Tampilan File Manager www.freewebhostingarea.com

Buat folder images untuk tempat menyimpan gambar-gambar yang digunakan pada website, folder config untuk tempat menyimpan file koneksi.php yang akan digunakan untuk pengaksesan ke database, folder member untuk menyimpan file – file yang berhubungan dengan member, folder gambar untuk tempat menyimpan gambar – gambar produk, folder icon untuk menyimpan gambar – gambar ikon produk, folder admin untuk menyimpan file – file maintenance keseluruhan website.
Upload seluruh file ke folder tujuan masing – masing dengan cara klik browse, pilih file yang ingin diupload lalu klik Upload file(s).
Untuk folder images, folder gambar dan folder icon, ubah permission menjadi read, write and execute (777) yang berguna untuk dapat memberikan hak akses terhadap folder – folder tersebut untuk dapat menerima upload dan download file – file di dalam folder tersebut.
Buat database dengan cara klik PhpMyAdmin dan buat tabel-tabel yang diperlukan

Gambar 3.33 Tampilan phpMyAdmin di www.freewebhostingarea.com

Setelah semua file berhasil diupload, lakukan ujicoba dengan ketik zonic-hyperware.freevar.com pada address Mozilla Firefox sehingga akan muncul website zonic-hyperware.freevar.com seperti gambar dibawah ini:

Gambar 3.34 Tampilan zonic-hyperware.freevar.com

4. KESIMPULAN DAN SARAN

4.1 Kesimpulan

Hasil pembuatan website Distro Zonic Hyperwear telah selesai dibuat dan telah diupload dengan alamat http:// zonic-hyperwear.freevar.com. Sehingga dapat meningkatkan pendapatan dari Distro Zonic Hyperwear ini. Sehingga pelanggan mendapatkan informasi produk – produk baru tanpa harus datang ketoko secara fisik.

4.2 Saran

Pada tahap pengembangan selanjutnya di tambahkan fasilitas aplikasi menghapus data yang sudah tidak terpakai secara otomatis. Memperluas area sehingga membuat website ini menjadi lebih interaktif dan menjangkau area lokasi yang lebih luas.

DAFTAR PUSTAKA

Anonim, Aplikasi Program PHP & MySQL untuk Membuat Website Interaktif, ANDI dan MADCOMS, Madiun, Januari 2004.

Betha Sidik, Pemrograman WEB dengan PHP, Informatika, Bandung, Februari 2006.

David Sugianto, Hapsono Renaldy, dan Muhammad Farhan, Langkah Demi Langkah Membangun Website Dengan PHP, Datakom Lintas Buana, Jakarta, Juli 2006.

Steven Haryanto, Kumpulan Resep Query Menggunakan MySQL, Dian Rakyat, Jakarta, 2005.

Sutarman, Membangun Aplikasi Web dengan PHP dan MySQL, cetakan pertama, GRAHA ILMU, Yogyakarta, 2003.

Our Guestbook

Add Guestbook | View Guestbook

$namaGuest, $lokasiGuest, $emailGuest :
$komentarGuest

starlight

Laman

Senin, 02 Juli 2012

LAPORAN PENULISAN ILMIAH

Konfirmasi Pengisian Guestbook

Konfirmasi Pengisian Guestbook

Our Guestbook

1 komentar:

Pengikut

Jam

Pengunjung

About Me

Arsip Blog