jangan memasang alamat email hanya sebagai hiasan

Banyak orang berpikir bahwa desain yang banyak animasi (ramai), menyala, dan disertai musik sudah pasti akan sukses menjual produk dan jasa di Internet. Padahal bukan itu kuncinya, setiap produk harus disesuaikan dengan tema produk dan jasa yang Anda tawarkan.

Desain harus teratur, menu navigasi mudah dicari, produk dan jasa Anda harus jelas (detil produk yang dibutuhkan customer harus sudah siap dan matang). Alamat kontak offline dan online harus nyata karena ada beberapa orang yang sudah internet minded lebih senang dengan komunikasi tradisional untuk memastikan orang yang mereka hubungi real (benar-benar ada).

Fungsi email harus berjalan dengan semestinya, tentu saja setting untuk email harus Anda kuasai, jangan memasang alamat email hanya sebagai hiasan untuk mempercantik website tapi tidak pernah dibalas, ini mengecewakan prospek atau customer. Bahkan kalau perlu sertakan fasilitas untuk chatting (semacam customer service yang siap berbicara dengan siapa saja dan bukan answering machine / robot talking), Gunakan Yahoo!Messenger atau MSN Messenger dan sertakan pula nama identitas, jam dimana Anda / Support pasti dalam keadaan online agar memudahkan orang yang ingin kontak benar-benar tahu bahwa di seberang sana ada yang siap membantu dan mereka 'real human'.

Lalu bagaimana dengan kecepatan loading website anda, hal apa yang harus dikerjakan setelah website selesai, bagaimana mengatasi SPAM dan HOAX serta cheat (penipuan) di email inbox anda, bagaimana mendaftarkan produk dan jasa kita ke Search Engine, memperbaiki peringkat di search engine tersebut dan masih banyak lagi. Kami menawarkan Web Design beserta semua solusi diatas, agar situs web Anda, memenuhi keinginan Anda. Segera hubungi kami sekarang sebelum pesaing Anda melangkah mendahului Anda.

Desain Web : Antara Struktur dan Persentasi

Jalan terbaik untuk membangun sebuah website membuat sesuai dengan standar internasional yang ada. Membangun sebuah situs sesuai dengan standar berarti membuat situs yang (terutama untuk desainer profesional) adalah bisa dibuka dimanapun, lebih cepat diakses, lebih mudah dipelihara, dan membuat nyaman semua orang yang akan menggunakan website anda baik itu pengunjung maupun programmer.

Desain web yang asal-asalan dan cuma memperhatikan tampak depannya saja akan berakibat buruk bagi masa depan kita. Pengkodean yang tidak sesuai standar, penggunaan tag-tag khusus untuk browser tertentu ( ex : IE only ), akan membuat situs kita tampak baik di satu browser akan tetapi hancur di browser lainnya.

Apa itu xHTML dan apa itu CSS ?

xHTML - sederhananya - adalah versi lanjutan dari HTML. xHTML didukung penuh oleh W3C ( badan yang membuat standar WWW ) dan lebih strict dari HTML. Strict disini berarti toleransi yang diberikan xHTML lebih ketat daripada HTML. Tugas xHTML adalah menandai ( markup ) yang mana heading, yang mana paragraf, yang mana list, dan sebagainya.

Lalu, apa beda persentasi dan struktur?

xHTML hanya digunakan untuk menyusun struktur website sementara persentasi ( tampilan ) seluruhya harus dihandle oleh CSS.

Akibatnya, xHTML tidak mengizinkan penggunaan tag-tag persentasi seperti font, i, b, u, dsb. Mana paragraf mana heading adalah struktur. Namun berapa besar ukuran font dari heading, apa warna paragraf, berapa margin dan padding yang digunakan untuk sebuah paragraf, dan sebagainnya adalah persentasi.

CSS ( Cascading Style Sheets ) adalah bahasa yang digunakan untuk menentukan tampilan ( persentasi ) dari suatu website. CSS tidak hanya memberikan kontrol yang lebih baik kepada kita untuk mengatur tampilan, namun juga menghilangkan kaharusan menggunakan tag persentasi didalam website.

Untuk lebih jelasnya, perhatikan contoh-contoh berikut :

1. Heading adalah struktur sehingga kita menggunakan tag xHTML h1, h2, dsb untuk menandai suatu heading. Di lain sisi, ukuran dari heading adalah persentasi sehingga kita menggunakan CSS ( h1 { font-size : 3em } ) untuk mengatur ukuran heading.
2. Paragraf adalah struktur sehingga kita menggunakan tag xHTML p untuk menanandai bahwa suatu text adalah paragraf. Namun warna tulisan dari suatu paragraf adalah persentasi sehingga kita menggunakan CSS untuk menentukannya ( color : ).
3. Data tabular adalah struktur, gunakan tag xHTML table, th, tr, dan td untuk menandai suatu table. Namun ukuran border dari table, width dari table, dsb adalah persentasi sehingga gunakan CSS ( ex : border : 2px solid black ) untuk mengaturnya.
4. Gambar adalah strukur sehingga gunakan tag xHTML img untuk memasukan gambar. Berapa jarak border ke gambar ( padding ) adalah persentasi sehingga gunakanlah CSS

Ok, saya mengerti, namun bukankah sangat tidak efisien jika kita harus mengatur CSS hanya untuk membuat miring atau tebal sebuah kata ? Lupakan “i” dan “b”. xHTML mempunyai tag struktur untuk keperluan itu. xHTML mengenal tag “strong” yang secara default membuat tulisan jadi tebal dan “em” yang secara default membuat tulisan menjadi miring. Tag-tag struktur pada xHTML sudah mempunyai default persentasi nya sendiri sehingga anda tidak perlu mendifinisikan style masing-masing tag satu-persatu. Tentu anda harus mengubahnya jika ingin tampilan website anda lebih indah.

Bukankah tidak ada bedanya fungsi dari em dan i ? Mengapa saya harus menggunakan em daripada i ? Tag-tag pada xHTML didesain agar setiap tag memberikan arti yang jelas terhadap text yang ditandainya. Kata yang dibungkus oleh tag struktur strong berarti memiliki penekanan khusus daripada kata lainnya. Bandingkan dengan tag persentasi b yang hanya menandai bahwa kata itu tebal meskipun hasilnya akan sama tebalnya dengan strong.

Mencocokan desain website dengan pengunjung

Seringkali dalam membuat desain website kita bingung untuk memulainya. Salah satu triknya adalah kita harus memikirkan terlebih dahulu target pengunjung yang mengakses situs kita. Kenapa harus dengan pengunjung? Ingat, pengunjung adalah nafas bagi website kita. Semakin banyak pengunjung yang mengakses maka semakin hidup situs kita. Lalu bagaimanakah kaitannya dengan desain website? Kita hendak membuat website tentang nuklir. Tentunya target kita adalah pengunjung yang tertarik tentang nuklir. Akan sangat lucu bila anda mendesain situs dengan gambar speaker besar di bagian header bukan?

Langkah awal yang harus dilakukan dengan mendefinisikan terlebih dahulu target pengunjung. Penentuan jenis pengunjung yang mengakses situs kita akan memberikan gambaran umum tentang desain website. Mari membuat suatu contoh kasus misalnya anda hendak membuat situs yang membahas tentang gitar. Maka kita harus melakukan analisis tentang pengunjung dari situs tentang gitar.

Kita mengetahui bahwa rata-rata kebanyakan gitaris adalah pria. Tentunya dalam mendesain website harus yang bersifat "jantan" atau kecowok-cowokan. Penggunaan warna-warna yang berani dapat mewakili sifat kuat dan tegas dari seorang cowok. Dengan lingkungan seperti ini tentunya pengunjung dibuat nyaman. Karena mengulas tentang gitar secara umum maka kita harus memperhitungkan aspek golongan gitaris. Banyak sekali tipe gitaris seperti rock, pop, klasik, blues, jazz dan lainnya. Maka website tersebut harus mampu mewakili selera semua golongan tersebut. Dengan desain website gitar yang universal bagi semua golongan maka nantinya pengunjung semakin nyaman dibuatnya. Berikut contoh website yang menggunakan aspek pengunjung sebagai dasar desain website dari guitarworld.com.

Contoh tampilan guitarworld

Dengan memperhatikan aspek pengunjung setidaknya kita tidak menjadi kebingungan memilih desain website yang menawan tapi tidak mampu menarik pengunjung yang sesui. Contoh referensi lain adalah apple.com. Pada situs apple ini dibuat desain yang elegan dan menawan. Kenapa? karena memang target pengunjungnya adalah orang yang menyukai machintosh serta keindahan tampilan.

Contoh tampilan website apple

Belajar dari situs-situs besar dapat menjadi referensi yang tepat dalam mendesain suatu website. Tentukan target pengunjung anda dan mulailah dalam mendesain.

WEB DESAIN

TIPS DAN TRIK WEB DESAIN

Membuat link tanpa garis bawah

Anda tidak suka dengan garis bawah yang terdapat pada link ? Di bawah ini trik yang bisa Anda gunakan untuk menghilangkan garis bawah tersebut 
Link tanpa garis bawah  
Trik tersebut dapat digunakan pada MS Internet Explorer dan Netscape Navigator 4.0 atau lebih.  

Download dari website tanpa menggunakan FTP

Apakah Anda mempunyai web site dan ingin membagikan software dari web site Anda ? Tapi Anda tidak mempunyai akses ke server FTP. Jangan bingung ! Anda tetap bisa melakukannya walaupun tanpa FTP. Caranya : gunakan link yang mengarah pada file download. 
Download file DI SINI  

Pertimbangkan penggunakan Applet Java

Dengan menggunakan aplet Java Anda bisa membuat halaman web yang indah. Tetapi terlalu banyak menggunakan applet Java akan mengakibatkan lambatnya loading. Untuk itu perlu Anda pikirkan "untung - ruginya" sebelum Anda memakai applet Java. Ingat masih banyak netter yang menggunakan komputer dengan akses internet yang lambat.

HUKUM DAN PENGADILAN YANG BERLAKU DALAM E-COMMERCE

Dari : hukumonline.com Akhir-akhir ini telah banyak bermunculan berbagai commercial website dan berbagai portal di Internet di Indonesia yang menawarkan berbagai barang dan jasa kepada masyarakat atau para konsumen.  Indonesia sampai sekarang belum memiliki undang-undang tentang Internet yang antara lain mengatur transaksi transak si e-commerce.   Dalam praktek perdagangan elektronik (e-commerce), walaupun kita belum mempunyai undang-undang yang mengatur secara langsung persoalan e-commerce ini, tapi kita bisa lihat, ternyata ada  beberapa undang-undang yang dapat dikaitkan dengan transaksi jenis ini seperti UU Perlindungan Konsumen (Undang-undang No.8 tahun 1999 tentang Perlindungan Konsumen) yang bisa kita pakai untuk melindungi pihak pembeli (konsumen). Namun menurut Edmon Makarim, salah seorang pakar Hukum Telematika, salah satu kelemahan penggunaan UU Perlindungan Konsumen untuk melindungi pihak pembeli (konsumen) dalam transaksi e-commerce adalah hanya dapat diberlakukan kepada pelaku usaha yang bergerak di dalam wilayah  hukum Republik Indonesia. Jadi walaupun belum menjangkau e-commerce secara keseluruhan tetapi untuk perusahaan yang jelas alamat dan kedudukannya (di Indonesia), bila si pelaku usaha tersebut melakukan wanprestasi maka ia tetap dapat dituntut menurut hukum Indonesia.   Bila pelaku usahanya berada di luar yuridiksi hukum kita, maka persoalan pilihan hukum ini tergantung dari perjanjian antara pihak penjual dan pembeli (dengan cara menyantumkannya dalam salah satu klausul di perjanjian e-commerce).   Kesulitan-kesulitan yang timbul apabila terjadi sengketa antara para pihak di dalam transaksi e-commerce, bukan saja menyangkut pilihan hukum yang akan diterapkan untuk dijadikan dasar menyelesaikan sengketa yang timbul, tetapi juga mengenai pilihan pengadilan yang akan memeriksa sengketa tersebut. Hal itu dapat dihindari apabila para pihak menentukan di dalam perjanjian di antara mereka pengadilan mana yang mereka pilih untuk menyelesaikan sengketa yang mungkin timbul di kelak kemudian hari berkenaan dengan pelaksanaan dan penafsiran perjanjian di antara mereka. Para pihak dapat pula menentukan di dalam perjanjian itu bahwa sengketa yang mungkin timbul di kelak kemudian hari diselesaikan oleh suatu badan arbitrase, baik badan arbitrase institusional maupun badan arbitrase ad hoc. Klausul dalam perjanjian yang mengatur mengenai hal ini disebut arbitration provisions atau klausul arbitrase.   Dalam hal tidak dicantumkannya pilihan hukum dalam perjanjian e-commercenya, ada beberapa teori yang berkembang untuk menentukan hukum mana yang digunakan/berlaku, diantaranya: 1. Mail box theory (Teori Kotak Pos)           Dalam hal transaksi e-commerce, maka hukum yang berlaku adalah hukum di mana pembeli mengirimkan pesanan melalui komputernya. Untuk ini diperlukan konfirmasi dari penjual. Jadi perjanjian atau kontrak terjadi pada saat jawaban yang berisikan penerimaan tawaran tersebut dimasukkan ke dalam kotak pos (mail box). 2. Acceptance theory (Teori Penerimaan)           Hukum yang berlaku adalah hukum di mana pesan dari pihak yang menerima tawaran tersebut disampaikan. Jadi hukumnya si penjual. 3. Proper Law of Contract           Hukum yang berlaku adalah hukum yang paling sering dipergunakan pada saat pembuatan perjanjian. Misalnya, bahasa yang dipakai adalah bahasaIndonesia, kemudian mata uang yang dipakai dalam transaksinya Rupiah, dan arbitrase yang dipakai menggunakan BANI, maka yang menjadi pilihan hukumnya adalah hukum Indonesia. 4. The most characteristic connection           Hukum yang dipakai adalah hukum pihak yang paling banyak melakukan prestasi.

Sumber  : Hukumonline.com

Perdagangan Elektronik

PERDAGANGAN ELEKTRONIK

Oleh : Elizabeth Dian Maharani

Perdagangan merupakan suatu kegiatan yang tidak bisa dilepaskan dari kehidupan masnusia. Dengan kemajuan teknologi yang kin pesat akir-akir ini dikenal sistem perdagangan dengan menggunakan media elektronik yang dikenal dengan E-commerce atau Perdagangan Elektronik.

Ada banyak definisi untuk e-commerce, tapi umumnya, e-commerce merujuk pada semua bentuk transaksi komersial yang menyangkut organisasi dan individu yang didasarkan pada pemrosesan dan transmisi data yang digitalisasikan, termasuk teks, suara dan gambar. Termasuk juga pengaruh bahwa pertukaran informasi komersial secara elektronik yang mungkin terjadi antara institusi pendukungnya dan aktivitas komersial pemerintah. Ini termasuk antara lain manajemen organisasi, negosiasi dan kontrak komersial, legal dan kerangka regulasi, penyusunan perjanjian keuangan, dan pajak satu sama lain.

Sasaran e-commerce adalah menciptakan lingkungan komersial yang baru dalam segala bentuknya di abad elektronik. Dimana beberapa tahap yang umumnya terdapat diantara penjual dan pembeli dalam transaksi komersial dapat diintegrasikan sekaligus dan otomatis secara elektronik. Jadi dapat meminimalkan biaya transaksi

Perdagangan Elektronik, atau Electronic Commerce (EC) adalah sebuah sistem perniagaan dan jual beli yang banyak menggunakan kemudahan teknologi maklumat terutama telekomunikasi canggih sehingga dapat melindungi dan memuaskan pengguna-penggunanya iaiitu yang terdiri daripada penjual, pembeli dan pihak-pihak yang ketiga seperti bank, syarikat kewangan, syarikat kad kredit, pengeluar sijil pengesahan digital dan lain-lain lagi. Kebelakangan ini, ianya banyak menggunakan Internet khususnya Web untuk mengadakan satu rangkaian yang menyatukan pelanggan, penjual dan pihak-pihak ketiga dalam satu persekitaran elektronik yang selamat untuk semua pihak dan boleh dipercayai.

Media elektronik yang digunakan di sini adalah jaringan internet karena internet sudah dikenal oleh banyak orang dan pengguaanya juga sangat mudah. Namun hal ini pada suatu saat nanti tidak menutup kemungkinan untuk menggumakan jaringan yang lain.

Bidang-Bidang E-comm

Secara amnya pasaran E-dagang meliputi enam bidang iaitu pengiklanan, pendidikan, kewangan, bidang professional, peruncitan dan pelancongan. Keenam-enam bidang ini telah menyumbang kepada pertumbuhan E-dagang yang memberangsangkan. Dalam tahun 1998 sahaja jumlah pendapatan pengiklanan menerusi Internet telah mencecah sehingga AS$1.3 bilion dan jumlah aset yang berjaya diurusniagakan oleh broker dalam talian adalah AS$420 bilion. Dalam bidang pendidikan pula jumlah penuntut jarak jauh telah meningkat daripada 120 ribu pelajar pada tahun 1997 kepada 710 ribu pada tahun 1998 dan jumlah ini dijangkakan meningkat kepada 2.2 juta penuntut menjelang tahun.

Jenis-jenis E-comm

E-dagang dapat dibahagikan kepada dua jenis utama iaitu di antara perniagaan dan perniagaan dan yang keduanya di antara perniagaan dan pengguna. Jenis e-dagang yang pertama iaitu di antara perniagaan dan perniagaan melibatkan transaksi di antara dua atau lebih perniagaan atau syarikat di mana seringkali satu pihak merupakan syarikat pembekal kepada satu pihak yang lain. Sebagai contohnya pengeluar kicap akan berinteraksi dengan sebuah pasaraya dalam proses memesan, menghantar dan membayar pesanan botol-botol kicap.

Jenis e-dagang yang kedua pula iaitu di antara perniagaan dengan pengguna pula melibatkan transaksi di antara penjual akhir sesuatu produk itu misalnya sebuah pasaraya yang menjual produk-produk kepada pengguna terakhir ialah orang ramai yang memesan satu atau dua botol kicap melalui e-dagang.

Dari segi jumlah transaksi yang dilakukan melalui e-dagang, jenis pertama iaitu transaksi di antara perniagaan dengan perniagaan sebenarnya paling banyak memberi kemanfaatan kepada sesebuah syarikat itu kerana jumlah pesanan di antara perniagaan seringkali besar dan kerap berbanding dengan di antara perniagaan dengan pengguna akhir. Walau bagaimanapun perkara ini mungkin berubah apabila lebih ramai pengguna akhir menggunakan e-dagang untuk membeli barangan seharian seperti kicap, bunga, beras, baju, kereta dan lain-lain keperluan konsumer sesebuah mesyarakat itu.

E-comm terbagi menjadi tiga tipe aplikasi yaitu

• Electronik market, merupakan sarana yang menyedikan berbagai fasilitas bagi para penjual dan pembeli untuk saling bertukar informasi tentang harga dan produk yang ditawarkan.
• Electronik Data Interchange, sarana untuk mengefisienkan pertukaran data transaksi-transaksi yang berulang dan dalam jumlah yang besar antara organisasi -organisasi komersil.
• Internet commerce, Internet yang berbasis teknologi informasi untuk perdagangann.

Karakteristik E-comm

• Transaksi tanpa batas
• transaksim anonim
• produk barang digital dan non digital
• produk barang tak berwujud.

Dari berbagai definisi dan gambaran mengenai e-commerce di atas dapat dilihat adanya kesamaan pandangan tentang e-commerce yaitu berkaitan dengan infrastruktur, format, lingkup , bentuk transaksi dan representasi produk yang dikomersialisasikan. Namun, dari beberapa gambaran di atas, satu hal penting yang cuma disinggung oleh pernyataan Gedung Putih adalah yang berkaitan dengan sasaran dari e-commerce yaitu mengurangi biaya dan merupakan suatu sarana baru untuk melakukan aktivitas komersial.

Mengurangi biaya memang menjadi sangat penting apalagi kalau mengingat aktifitas komersial konvensional seringkali melibatkan beberapa rantai aktifitas yang menimbulkan biaya cukup tinggi dalam menyelesaikan suatu proses ekonomi. Contoh yang mudah adalah dalam kegiatan kita sehari-hari. Di jakarta misalnya, Anda ingin membeli baju paling tidak Anda harus menyiapkan kendaraan Anda atau keluar rumah menunggu mobil angkutan umum, melakukan perjalanan dari tempat Anda ke Mall terdekat, kena macet lalu lintas Jakarta, mencari tempat parkir kendaraan Anda , mengeluarkan ongkos parkir, masuk ke Mall , memilih baju yang cocok, dan melakukan transaksi pembelian baik kontan maupun dengan kartu kredit. Proses ekonomi di atas memakan waktu, biaya, dan tenaga yang tidak kecil. Dalam ekonomi berbasis e-commerce, dapat digambarkan Anda cuma perlu mendial nomor akses ISP Anda, melakukan penelusuran informasi mengenai barang yang Anda inginkan di virtual mall dengan serach engine atau katalog elektronik, memilih baju yang Anda inginkan secara virtual dan mengisi form order dalam waktu kurang dari satu jam. Gambaran yang mudah mengenai e-comerce di atas merupakan suatu ulasan mengenai bagaimana biaya, waktu dan tenaga dapat begitu ditekan untuk melakukan kegiatan ekonomi. Cuma masalahnya adalah seberapa mendesak kebutuhan Anda itu? Kalau kebutuhan Anda sangat mendesak, misalnya beli baju untuk ke pernikahan teman nanti malam. E-commerce seperti yang diulas diatas mungkin tidak dapat diterapkan dalam proses ekonomi Anda. Jadi ada semacam tenggang waktu untuk mendapatkan apa yang Anda beli dalam arti bagaimana kebutuhan Anda apakah sangat mendesak atau tidak. Lalu apa manfaat sebenarnya dari e-commerce ini dan bagaimana ini diterapkan di dalam suatu sistem perekonomian? 

Analisis dan Perancangan Prototipe Aplikasi E-Commerce

Abstrak
Aplikasi perangkat lunak komputer dan Internet telah berkembang pesat pada dasawarsa ini, demikian pula dengan aplikasi web dan browser internet maupun intranet. AplikasiE-Commerce telah lama berkembang diawali dengan EDI (Electronic Data Interchange) yang telah berkembang dalam lingkup internasional. Dalam makalah ini diuraikan mengenai arsitektur sistem, tool dan konfigurasi yang diperlukan untuk mengimplementasi aplikasi web e-commerce, konsiderasi masalah keamanan sistem, juga perancangan dari sisi diagram alur aplikasi dan perancangan basis data. Digunakan bahasa pemrograman PHP karena kemudahan dalam pemrograman, dan kelengkapan fitur untuk mengimplementasi sistem e-commerce, kemampuan untuk cross platform, serta kemudahan untuk deployment bagi pengembang aplikasi.

Definisi E-Commerce ( Electronic Commerce) : E-commerce merupakan suatu cara berbelanja atau berdagang secara online atau direct selling yang memanfaatkan fasilitas Internet dimana terdapat website yang dapat menyediakan layanan “get and deliver“.E-commerce akan merubah semua kegiatan marketing dan juga sekaligus memangkas biaya-biaya operasional untuk kegiatan trading (perdagangan) .
Proses yang ada dalam E-commerce adalah sebagai berikut :
• Presentasi electronis (Pembuatan Web site) untuk produk dan layanan.
• Pemesanan secara langsung dan tersedianya tagihan.
• Otomasi account Pelanggan secara aman (baik nomor rekening maupun nomor Kartu Kredit).
• Pembayaran yang dilakukan secara Langsung (online) dan penanganan transaksi
Keuntungan yang diperoleh dengan menggunakan transaksi melalui E-commerce bagi suatu perusahaan adalah sebagai berikut :
• Meningkatkan pendapatan dengan menggunakan online channel yang biayanya lebih murah.
• Mengurangi biaya-biaya yang berhubungan dengan kertas, seperti biaya pos surat, pencetakan, report, dan sebagainya.
• Mengurangi keterlambatan dengan mengunakan transfer elektronik / pembayaran yang tepat waktu dan dapat langsung dicek.
• Mempercepat pelayanan ke pelanggan, dan pelayanan lebih responsif.

Gambar 1. Contoh Aplikasi E-Commerce : Pembelian CD dengan Kartu Kredit

2. Arsitektur dan Konfigurasi Sistem 
Arsitektur dasar dari aplikasi web ini adalah arsitektur client/server. Artinya pemrosesan aplikasi ini dijalankan melibatkan kedua sisi yakni sisi mesin server pusat dan sisi client. Hal ini berbeda dengan misalnya aplikasi Microsoft Word yang hanya melibatkan satu sisi saja yaitu sisi client. Atau bagi pengguna mesin VAX yang hanya menggunakan sisi server saja sedangkan sisi client hanya dumb terminal saja yang tidak melakukan pemrosesan apapun di sisi client.

Gambar 2. Arsitektur Client/Server

2.1 Stateless Web Server
Untuk aplikasi E-Commerce ini web server harus dapat mengingat siapa / identitas pengguna yang sedang melakukan browsing setiap halaman. Pada dasarnya aplikasi web dan protokol HTTP adalah stateless. Artinya setiap merespon sebuah request HTTP, server akan selesai bekerja (complete) dan tidak melakukan pencatatan apa yang telah dilakukan oleh pengguna sebelumnya dan terhadap siapa identitas pengguna. Server memperlakukan informasi permintaan (request) secara serial, satu persatu pada saatrequest masuk. Tidak ada koneksi permanen (persistence) yang berjalan setelah sebuah halaman telah selesai dilayani / dikerjakan.

Gambar 3. Perbandingan State dalam Sistem Aplikasi: A.State yang kontinyu dalam aplikasi desktop, dan B.Stateless protokol dalam aplikasi web

Agar sebuah situs web mempunyai memori / state, dalam hal ini aplikasi ini mampu mengingat ‘siapa memesan apa’, beberapa informasi yang mengidentifikasi pengguna harus dikirim dengan setiap request halaman web. Informasi tersebut disimpan dengan menggunakan session.
Session tersebut dipergunakan untuk merekam / tracking aktivitas pengguna yang melalui sejumlah halaman pada website, misalnya pada jenis aplikasi Shopping Cart (kereta belanja). Direkam pula informasi identitas pengguna yang memiliki kereta belanja tersebut.
Dengan PHP, untuk penggunaan session ini mula-mula dilakukan pengaturan pada file php.ini yang menunjukkan session dimulai (start). Dengan ini PHP akan membuat suatu identifier unik dan file yang berkaitan, yang disimpan di server (lokasinya di atur di php.ini dan nilai defaultnya di direktori /tmp). Kemudian pada saat pengguna berkunjung pada halaman-halaman situs web, semua informasi variabel yang dipilih oleh pengguna akan disimpan dalam file pada server, dan semua script yang dibutuhkan untuk melacak sebagai identifier unik.
Implementasi session dapat mempergunakan cookie yang disimpan pada sisi client, atau dipropagasikan melalui alamat URL.
Untuk penggunaan cookie, yaitu dengan passing variabel melalui cookie yang menyimpan informasi semua elemen barang belanja dan harganya. Namun hal ini memiliki keterbatasan yaitu dari (http://www.netscape.com/newsref/std/cookie_spec.html) mengenai spesifikasi cookie yang hanya mengijinkan 20 cookie per domain dan berukuran hanya 4 bytes per cookie. Cara lain adalah dengan memberi identitas / identifier unik pada masing-masing pengguna, suatu nilai unik yang mengidentifikasi siapa pengguna tersebut. Sehingga pada saat pengguna menambahkan satu item pada kereta belanja, informasi yang berkaitan dengan identifier unik tadi disimpan di komputer server. Jika menggunakan cookie untuk fungsi penyimpan informasi tadi, diperlukan membuat stringunik yang akan diletakkan dalam cookie, dalam direktori di server akan terdapat sebuah file yang memiliki nama yang sama sebagai ID pengguna yang unik. Dalam file tersebut dapat disimpan semua variabel yang berkaitan dengan pengguna. Contohnya terdapatarray berisi item-item barang yang ditambahkan oleh seorang pengguna ke dalam kereta belanjanya.
Terdapat keterbatasan penggunaan cookie, yakni bila browser pengguna di atur untuk menolak (reject) cookie.
Metode lain yang dapat digunakan adalah dengan propagasi URL, yaitu dengan mengaktifkan flag –enable-trans-sid dalam konfigurasi PHP, hal ini berguna agar session id akan secara otomatis ditambahkan ke setiap relative link pada halaman-halaman web setiap kali session telah dimulai.

2.2 Konfigurasi Sistem dan Tool Yang Digunakan
Masalah lain dalam aplikasi ini adalah mengenai aspek keamanan dalam memperoleh informasi dari pengguna, terutama data mengenai penggunaan kartu kredit. Informasi ini perlu diverifikasi oleh institusi yang berkualifikasi dan memerlukan pengaturan konfigurasi serta penggunaan beberapa macam tool.
Dalam membangun aplikasi ini dipergunakan algoritma untuk memelihara (maintain)state, pengambilan informasi secara secure terhadap kartu kredit, menggunakan kode pemrograman khusus dan penggunaan opsi instalasi khusus.
Di bawah ini akan dibahas mengenai teori dasar enkripsi dan sekuriti Web. Kemudian akan dibahas tool mandatory untuk instalasi web server Apache.

2.2.1 Enkripsi Public-Key / Private-Key 
Mesin di web menggunakan skema keamanan Public-key/Private-key. Artinya komputer yang akan berkomunikasi menggunakan data terenkripsi harus memiliki dua buah kunci untuk mengenkripsi data dan mendekripsinya. Pertama, public-key tersedia bagi siapa saja yang ingin melakukan komunikasi terhadapnya. Sehingga siapapun yang ingin melakukan komunikasi terhadap sebuah mesin secara secure akan memiliki salinan dari Public key mesin tersebut. Namun public key ini tidak cukup untuk dapat mendekripsi data, masih dibutuhkan Private key yang bersifat rahasia. Misalnya pada pemrosesan kartu kredit dengan sebuah bank, nasabah memiliki Public key bank tersebut dimana ia dapat melakukan dekripsi informasi, namun masih diperlukan Private key yang disimpan oleh bank tersebut, untuk dapat melakukan dekripsi data.

Gambar 4. Pengiriman Data Terenkripsi antara Pengguna dengan Server E-Commerce

2.2.2 Sertifikat
Meski masalah keamanan sudah ditangani dengan keberadaan Public key / Private key, masih ada masalah yang perlu diperhatikan yakni pesan / data yang diperoleh adalah benar dari pihak yang memiliki otorisasi, bukan dari pihak lain yang tidak berkepentingan atau yang menyalahgunakan. Untuk itu dibutuhkan pihak ketiga untuk memverifikasi pesan yang datang.
Pesan terenkripsi yang dikirim dan diterima akan memiliki semacam ‘signature’, dan verifikasi selanjutnya dilakukan terhadap ‘signature’ tersebut. Untuk itu, organisasi yang akan mempergunakan komunikasi melalui web memerlukan kerjasama dengan organisasi lain yang mengeluarkan sertifikat yang memverifikasi pengirim pesan. Organisasi ini pulalah yang memberikan Publik key dan Private key. Salah satu contoh organisasi yang menerbitkan sertifikat sekuriti adalah VeriSign.

2.2.3 Secure Protocol
Protokol HTTP secara alamiah bersifat terbuka terhadap penyusupan. Paket-paket data yang melintas melalui router Internet dapat disadap dan dibaca. Namun informasi kartu kredit diinginkan agar tidak mudah terbaca. Untuk itu dibutuhkan penggunaan Secure Socket Layer atau SSL. SSL adalah protokol tambahan dimana key dan sertifikat dari suatu situs e-commerce akan ditransfer ke browser atau ke server lain. Melalui SSL, browser akan dapat memverifikasi sertifikat dari situs tersebut sehingga dapat mengetahui identitas pengirim sebenarnya. Tata cara enkripsi ini masih mengandung kelemahan yakni pada aspek sumber daya manusia apabila kurang jujur, yakni apabila terjadi akses tidak sah dilakukan oleh orang yang sudah berada dalam sistem.

2.2.4 Enkripsi dan Tool Sekuriti
Untuk web server Apache, ditambahkan modul SSL pada saat instalasinya.
Untuk dapat melakukan autorisasi kartu kredit, diperlukan sertifikat. Contoh yang paling sering digunakan adalah VeriSign, yang memiliki layanan PayfloPro.
Setelah Apache dikonfigurasi dengan SSL, maka website aplikasi dapat berkomunikasi dengan browser secara secure. Cirinya: URL dimulai dengan https:// , browser akan mencari Port 443 dan mencari serifikat. Dalam PHP, banyak fitur yang dapat digunakan untuk dapat berhubungan dengan situs lain. Misalnya fungsi fopen(). Namun fungsi-fungsi berhubungan dengan filesystem atau URL tidak mendukung bekerja dengan SSL, sehingga diperlukan kumpulan fungsi khusus atau program diluar PHP. Opsi-opsi dalam PHP4 dapat mendukung layanan proses pembayaran.

Gambar 5. Komunikasi Antar Situs dalam Aplikasi E-Commerce

2.2.5 Penggunaan Firewall
Firewall digunakan untuk melindungi jaringan lokal dari serangan luar. Ada beberapa pilihan untuk menempatkan web server :
• web server ditempatkan di luar dari Firewall (lihat gambar 6), adapun keuntungan dengan menempatkan server diluar dari firewall adalah bahwa web server mungkin saja menjadi subject penyerangan dari pihak luar; maka mereka “sniffer” tidak akan dapat meningkatkan serangan berikutnya untuk merusak server-server lainnya. Dengan kata lain web server tidak akan dapat keuntungan dari segala macam bentuk pelindungan yang di usahakan firewall.

Gambar 6. Web Server di Luar Firewall

• Web server di dalam firewall (lihat gambar 7). Jika diterapkan seperti ini, perlu dikonfigurasi firewall menjadi akan melewatkan transaksi pada TCP port 80, atau dengan membolehkan secara langsung melewatkan paket maupun dengan menggunakan mekanisme proxy. Keuntungan dari menempatkan web server di dalam firewall yaitufirewall akan memblok akses dari luar yang menggunakan layanan Internet lainnya, seperti Telnet, FTP. Tetapi apabila penyusup “sniffer” tersebut menggunakan kesalahan dari program CGI script, mereka akan mempunyai akses tak terbatas ke jaringan lokal.

Gambar 7. Web Server yang Diletakkan Di dalam Firewall

• Pilihan ketiga, yang paling baik, yaitu menggunakan dua firewall: satu untuk melindungi jaringan internal / lokal dan yang satunya lagi untuk melindungi web server (lihat gambar 8).

Gambar 8. Webserver yang Diletakkan di Antara Internal Firewall dan External Firewall

2.2.6 PayFloPro dan Cybercash
Untuk penggunaan VeriSign untuk pemrosesan kartu kredit, diperlukan instalasi pustaka kode ( code library) yang diperoleh dari VeriSign. Selanjutnya dikompilasi ulang dengan PHP sehingga akan dapat mengenali fungsi-fungsi tersebut (fungsi-fungsi pfpro) . Fungsi-fungsi tersebut akan memproses permintaan (request) dan akan mengembalikan jawaban (response). Setelah itu response tersebut akan dibandingkan dengan kode yang telah diketahui, setelah itu akan diketahui apakah transaksi tersebut sukses atau tidak.
Selain PayFloPro, dapat juga digunakan Cybercash, yang diinstal sebagai pustaka / librarypada PHP (fungsi-fungsi cybercash).

2.2.7 CURL
Merupakan akronim dari fungsi-fungsi pustaka Client URL. Kode pustaka ini dipergunakan untuk berkomunikasi melalui Internet menggunakan sembarang protokol di sisi lawan. Kode ini mendukung Gopher, Telnet, dan HTTPS. Untuk dapat menggunakan fungsi ini, konfigurasi instalasi PHP harus menyertakan flag –with-curl.

2.3 Pemrosesan Kartu Kredit
Pemrosesan kartu kredit dilakukan oleh perusahaan yang khusus untuk itu, terdapat beberapa nama perusahaan yang cukup dikenal, namun semuanya memiliki kesamaan cara kerja. Mula-mula dikirim permintaan / request dengan informasi kartu kredit: nomor, tanggal kadaluarsa, alamat, dan sebagainya, dan kemudian perusahaan tersebut akan mengirimkan kode kembalian sebagai respon. Kode PHP di sini adalah berfungsi untuk membandingkan kode yang diterima dengan nilai yang didapat sebelumnya dari agen pemrosesan. Untuk aplikasi ini dipergunakan Authorizenet.com sebagai pemroses kartu kredit.

3. Rancangan Aplikasi E-Commerce
Gambaran aplikasi e-commerce akan diuraikan sebagai berikut. Mula-mula aplikasi akan menampilkan daftar barang yang tersedia. Lalu pengguna dapat memilih beberapa item yang ingin dibeli. Pada saat pengguna memilih suatu item barang, identitas barang tersebut dicatat, dan selanjutnya user dapat melanjutkan berbelanja / memilih item yang lain. Server mengingat item apa saja yang telah dipesan. Pada saat pengguna melanjutkan browsing, server memelihara track pengguna tersebut dan pengguna tersebut dapat melakukan check out terhadap item-item yang telah dipesan.
Untuk dapat melaksanakan hal ini, digunakan metode untuk memelihara state seperti yang telah dibahas di bagian sebelum ini.

3.1 Rancangan Layar
Setiap halaman pada aplikasi ini memiliki tombol yang memungkinkan pengguna untuk langsung melakukan checkout. Pada halaman yang menampilkan daftar barang terdapat kumpulan form yang memungkin pengguna untuk memberi indikasi item mana yang akan dibeli. Setiap item dapat ditentukan secara lebih spesifik sesuai jenis barang yang ada, misalnya untuk aplikasi toko furniture online terlebih dahulu ditentukan jenis furnituremeja, terdiri atas meja bulat, meja kotak, meja tulis, dan sebagainya. Form untuk pemesanan menggunakan kotak teks untuk jumlah pesanan, dan tombol ‘Order’, yang pada contoh meja tadi dicantumkan untuk masing-masing jenis meja.
Selanjutnya ditampilkan satu halaman yang berisi daftar semua item yang sedang berada dalam kereta belanja (shopping cart). Halaman ini memungkinkan pengguna untuk menambah atau mengurangi jumlah item yang dipesan, dan menghapus suatu item pesanan.
Pada akhir proses pemesanan, ditampilkan halaman yang mengumpulkan informasi pengguna, preferensi, dan halaman untuk memulai pemrosesan kartu kredit. Halaman ini juga menunjukkan pesan bila ada kesalahan informasi atau terdapat penolakan autorisasi kartu kredit oleh agen pemroses.
Selanjutnya, setelah transaksi selesai diproses, terdapat tanda terima transaksi yang mengkonfirmasi pesanan dan menyampaikan nomor id pesanan kepada pengguna.
Yang penting diperhatikan untuk pengembangan aplikasi e-commrce adalah informasi nomor kartu kredit dan informasi personal lainnya harus aman dan tidak mudah dilihat oleh orang yang tidak berhak.

Gambar 9. Diagram Alir Penggunaan Aplikasi E-Commerce

Gambar 10. Rancangan Layar Halaman Depan Web E-Commerce

Gambar 11. Rancangan Layar Halaman Daftar Barang

Gambar 12. Rancangan Layar Halaman Daftar Pesanan

Gambar 13. Rancangan Layar Halaman Pemrosesan Kartu Kredit

3.2 Rancangan Basis Data

Gambar 14. Rancangan Basis Data Aplikasi Web E-Commerce

Tabel utama yang digunakan dalam aplikasi ini adalah tabel Pesanan, yang mencatat order pemesanan. Tabel-tabel lain berelasi dengan tabel ini. Tabel Pesanan menyimpan informasi id_user, id_alamat, dan semua informasi yang dibutuhkan untuk pembayaran. Tabel Pesanan ini memiliki relasi one-to-many dengan tabel Item yang berisi informasi item-item barang yang terdapat dalam sebuah order. Informasi mengenai pengguna dan alamat pengguna dipisahkan, seorang pengguna dapat didentifikasi dari alamat e-mailyang dimilikinya, dan alamat terdiri atas alamat kantor dan rumah. Tabel Pengiriman berisi informasi opsi yang diberikan untuk pengiriman barang. Misalnya terdapat pilihan menggunakan UPS, DHL, TIKI, Pos, dan sebagainya. Tabel Status berisi catatan mengenai status pesanan, yaitu dapat berupa status dikembalikan (backordered), dikirim (shipped), atau dibatalkan (cancelled). Terdapat pula tabel Jenis_Kartu untuk menyimpan informasi jenis kartu kredit seperti Visa, Mastercard, dan sebagainya.