Abst r a k
Menjadi bagian dari perkembangan teknologi informasi untuk saat ini merupakan suatu hal yang tidak mungkin terelakkan. Banyak hal yang dapat digali dari salah satu teknologi informasi yang hampir menguasai seluruh sistem perdagangan di dunia, yaitu Internet.Sepuluh tahun terakhir ini internet membuat perkembangan terhadap segala hal. Berbagai jenis website dari berbagai jenis perusahaan muncul untuk mendukung minat dan keperluan masyarakat serta memperluas jaringan perusahaannya. Salah satunya adalah perusahaan-perusahaan bisnis atau perdagangan yang menggunakan jenis website E-Commerce. Munculnya E-Commerce ini disebabkan oleh kemajuan teknologi informasi serta meledaknya sistem perdagangan global.
Melihat perkembangan yang terjadi pada beberapa situs E-Commerce saat ini dan kebutuhan akan informasi semakin meningkat pesat, maka dibuatlah sebuah aplikasi website E-Commerce yang bernama E-Plaza yang dibuat dengan menggunakan teknologi berbasis ASP.NET dan database SQL Server 2000.
Tujuan utama dari pembuatan website ini adalah mambuat sebuah website E-Commerce yang userfriendly dengan tampilan interface yang lebih menarik dan dinamis. E-Plaza merupakan salah satu website shopping online yang menjual bermacam-macam produk dari pakaian hingga lukisan dan barang – barang komputer. Dalam E-Plaza terdapat fitur-fitur yang mendukung jalannya transaksi, seperti produk katalog, shopping cart, history order yang memperlihatkan status order serta invoice yang dapat diprint,
D a ft a r I si
I.2 Perumusan masalah... I-3 I.3 Tujuan ... I-3 I.4 Batasan masalah... I-3 I.5 Sistematika Penulisan ... I-5 BAB II Landasan Teori...II-2II.1 Internet ... II-2 II.2 E-Commerce...II-3
II.3 ASP.NET ... II-3 II.4 Database ... II-4 II.5 SQL (Structure Query Language) ... II-5 II.6 SQL Server 2000... II-8 BAB III Analisis dan Desain... III-1 III.1 Analisis kebutuhan...III-1 III.2 Perancangan sistem ...III-2 BAB IV Hasil Tercapai... IV-1
IV.1 Implementasi Layout Sistem... IV-1 IV.2 Implementasi setelah login ... IV-7 BAB V Evaluasi sistem... V-1
V.1 Evaluasi Fungsionalitas ...V-1 V.2 Evaluasi Interface dan desain...V-2 V.3 Validasi Form...V-3 BAB VI Penutup... VI-1
VI.1 Kesimpulan ... VI-1 VI.2 Saran ... VI-1 Lampiran A CD applikasi website E-Plaza ...A LampiranB Source Code applikasi website E-Plaza………..B
D a ft a r Ga m ba r
Gambar 1.1 Statistik jumlah pengguna internet (n juta/bulan) ... ….I-1 Gambar 2.1 Proses permintaan file ASP.NET... II-4 Gambar 3.1 Konteks diagram dan keterangan konteks diagram ...III-3 Gambar 3.2 DFD level 1 E-Plaza Dan keterangan DFD level 1...III-4 Gambar 3.3 DFD level 2 dan keterangan DFD level 2 (Proses tampilan menu
browsing) ...III-5 Gambar 3.4 DFD level 2 dan keterangan DFD level 2 (Proses order) ...III-6 Gambar 3.5 DFD level 2 (proses update ware house) E-Plaza dan keterangan
D a ft a r Ta be l
Table 2.1 Operator aritmatika ... II-7 Table 2.2 Operator Pembandingan ... II-7 Table 2.3 Operator Logika ... II-7 Table 2.4 Operator Karakter ... II-8 Table 3.1 Customer.mdf ...III-12 Table 3.2 Tkatbrg.MDF ...III-12 Table 3.3 Tsubbrg.MDF ...III-12 Table 3.4 Barang.MDF ...III-12 Table 3.5 Torder.MDF ...III-13 Table 3.6 Keterangan dari ER (Entity Relationship) ...III-13 Table 5.1 Evaluasi Validasi………..……….…..V-3
BAB I
Pe n da h u lu a n
I .1 La t a r be la k a n g
Pada saat ini kehidupan masyarakat selalu dilibatkan dalam berbagai macam teknologi, salah satunya adalah teknologi informasi. Teknologi informasi memegang peranan penting dalam berbagai macam aspek kehidupan masyarakat, antara lain meliputi bidang perindustrian, perdagangan, dan kehidupan sosial. Berbagai macam teknologi informasi telah dikembangkan secara nyata melalui internet untuk memenuhi kebutuhan-kebutuhan masyarakat. Salah satu teknologi
internet yang sedang berkembang pesat saat ini adalah E-Commerce.
Menurut artikel E-Commerce pada www.sentralweb.com, jumlah pengguna internet di dunia akan meningkat menjadi 800 % pertahun. Berdasarkan survey
dari Internet Data Center, untuk saat ini jumlah pengguna internet dapat diperkirakan sekitar 1.5 milyar/tahun termasuk 52 juta orang pengguna internet yang mengunjungi situs online shopping. Bahkan untuk beberapa tahun kedepan jumlah para pengguna internet akan meningkat menjadi 3 milyar/tahun.
Pada gambar 1.1 dibawah ini merupakan gambaran statistik pengguna internet (n juta/bulan) pada tahun 2000. Statistik ini dikutip dari
www.theprices.com
Gambar 1.1 Statistik jumlah pengguna internet (n juta/bulan)
Corporation (IDC) memperkirakan, nilai transaksi melalui Internet akan
meningkat secara cepat, dari US$ 318 juta (1985) menjadi US$ 95 milyar selama tahun 2000. Perubahan yang terjadi dalam dua tahun terakhir membuktikan bahwa harga barang dalam transaksi yang dilakukan melalui internet dapat ditekan sampai 30%. Hal ini dikarenakan customer menemukan akses langsung ke produsen dan secara otomatis harga barang yang dijual melalui internet ini akan lebih murah daripada harga barang yang dijual melalui toko-toko pada umumnya. Masih banyak manfaat yang akan diperoleh dari E-Commerce, yakni memperluas jangkauan pasar bagi perusahaan yang baru berdiri atau yang sudah cukup dikenal dalam masyarakat.
Salah satu contoh nyata dalam E-Commerce adalah toko buku Amazon (www.amazon.com) yang baru ada beberapa tahun yang lalu, kini mencapai penghasilam ratusan dolar Amerika Serikat.
Melihat perkembangan yang terjadi pada beberapa situs E-Commerce saat ini, maka dalam proyek tugas akhir ini penulis akan mengimplementasikan sebuah website delivery online atau E-Commerce. Website ini akan dinamakan dengan “E-Plaza” (E=electronic, Plaza= pusat perbelanjaan). Sesuai dengan namanya, maka konsep yang akan dibangun untuk website ini adalah suatu pusat perbelanjaan virtual melalui Internet. Dalam website ini user dapat melakukan transaksi secara fleksibel, dalam arti transaksi dapat dilakukan selama 24 jam sehari, transaksi dapat dilakukan dimanasaja dengan mengunakan komputer dan akses melalui internet. Website ini akan terdiri dari berbagai macam penjualan layaknya sebuah mall, seperti bagian fashion, hobby, kesenian dan desain, Komputer (hardware dan software). Semua bagian-bagian yang ada di dalam website ini akan dilengkapi dengan sebuah halaman informasi, dimana para
pengunjung website akan memperoleh informasi mengenai halaman-halaman yang terdapat dalam website dan sistem transaksi yang terdapat dalam website.
I .2 Pe r u m u sa n m a sa la h
Adapun masalah-masalah yang akan ditemukan dalam pembuatan website ini adalah:
1. Bagaimana membuat sebuah website e-commerce yang dinamis?
2. Bagaimanakah supaya website ini dapat diterima dengan mudah / beradaptasi dengan user yang sudah terbiasa dengan cara belanja di mall?
I .3 Tu j u a n
Tujuan dari Tugas Akhir ini adalah :
1. Membuat sebuah Website dinamis yang dapat memberikan kemudahan bagi para user dalam waktu (dapat melakukan transaksi selama 24 jam), tempat (user dapat melakukan transaksi dimana saja ia berada dengan mengunakan layanan internet) serta biaya (harga barang yang dijual melalui internet terkadang jauh lebih murah bila dibandingkan dengan harga barang yang dijual di toko-toko pada umumnya).
2. Membuat sistem perbelanjaan virtual dengan tampilan yang dinamis dan user friendly dengan interface yang lebih mudah diadaptasikan kepada user yang baru mengenal Internet ataupun yang sudah terbiasa dengan transaksi melalui mall.
I .4 Ba t a sa n m a sa la h
I .4 .1 Ba t a sa n a plik a si y a n g dibu a t
Pembuatan website ini lebih difokuskan pada :
1. Pengembangan dan perancangan yang user friendly sehingga para user biasa yang masih asing dengan sistem perbelanjaan online dapat
2. Pembayaran tidak dilakukan dengan menggunakan kartu kredit tetapi transaksi pembayaran dilakukan melalui transfer antar bank dan internet banking (dibutuhkan kerjasama dengan pihak bank yang
bersangkutan; belum bisa dilakukan karena merupakan proyek pribadi yang tidak bersifat komersial).
I .4 .2 Ba t a sa n pr odu k
Produk-produk yang dijual dalam E-Plaza ini hanya terbatas pada penjualan yang tertulis dibawah ini:
1. Fashion (pakaian wanita, pria, aksesoris, tas, sepatu). 2. Art (handmade, galeri lukisan).
3. Desain (arsitektur template, fashion template). 4. Buku (novel, umum).
5. Hobi (keperluan olahraga, musik, buku-buku, kerajinan tangan, lukisan). 6. Information Technology (computer/hardware, hand phone, software).
I .4 .3 Spe sifik a si a la t
1. Hardware:
• Prosesor: pentium lV
• Memori: 256MB SDRAM PC133 • Motherboard
• Harddisk: 40 GB
• Monitor, Keyboard, mouse, CPU 2. Software:
• Microsoft Windows 2000 server sebagai Operating System • Macromedia sebagai aplikasi untuk pembuatan website E-Plaza. • Bahasa pemrograman yang digunakan untuk pembuatan website
adalah Asp.net, HTML, Java Script(untuk desain tombol dan tampilan) • Database yang digunakan adalah SQL Server 2000
• Pengujian akan dilakukan melalui Localhost.
Web Server yang digunakan adalah IIS dengan .Net.Framework • Website akan optimal bila dijalankan pada Internet Explorer (IE5).
I .5 Sist e m a t ik a Pe n u lisa n
Sistematika penulisan dalam laporan hasil Tugas Akhir adalah sebagai berikut :
• BAB I. Pendahuluan
Dalam bab ini berisi tentang latar belakang masalah, perumusan masalah, tujuan, batasan masalah, dan sistematika penulisan seta jadwal pembuatan Tugas Akhir.
• BAB II. Landasan Teori
Dalam bab ini berisi tentang pembahasan materi-materi yang digunakan dalam menyusun laporan Tugas Akhir dan implementasi website E-Plaza.
• BAB III. Analisis Kebutuhan dan Desain Sistem
Dalam bab ini berisi analisis kebutuhan beserta DFD (Data Flow Diagram) dan ER diagram (Entity Relationship) yang menjelaskan
sistem transaksi dan desain database yang terdapat dalam E-Plaza • BAB IV. Hasil Tercapai
Pada bab ini berisi implementasi gambar halaman-halaman website yang telah dibuat.
• BAB V. Evaluasi sistem
Evaluasi kelayakan aplikasi yang dihasilkan bagi para user. • BAB VI. Penutup
BAB I V
H a sil Te r ca pa i
I V .1 I m ple m e n t a si La y ou t Sist e m
Implementasi aplikasi web ini dimulai dengan tampilan halaman depan E-Plaza, yang terdiri dari halaman Iframe, kolom untuk login, produk-produk baru.
Pada menu diatas terdapat konten-konten untuk link kehalaman lain seperti link ke halaman register, login, help, Informasi. Berikut ini merupakan gambar 4.1 yang memperlihatkan halaman index E-Plaza.
Gambar 4.1 Desain Layout Utama halaman index
Pada gambar 4.2 berikut ini merupakan halaman Help yang muncul melalui pop up windows dengan tujuan agar user lebih mudah dalam mencari bantuan yang mereka butuhkan.
Gambar 4.2 Desain Layout halaman help dan contact E-Plaza
Contact E-Plaza dimunculkan melalui iframe, seperti halnya halaman
informasi yang memuat informasi produk baru yang menjadi best seller, sejarah arsitektural seperti gambar 4.3 dan lain sebagainya di panggil melalui iframe pada halaman utama E-Plaza.
Gambar 4.4 berikut ini merupakan halaman tentang latar belakang berdirinya E-Plaza.
Gambar 4.4 Desain Layout Halaman About E-Plaza
Untuk memperoleh username dan password pada waktu akan login ke dalam E-Plaza, user harus terlebih dahulu mengisi form registrasi seperti yang terlihat pada gambar 4.5 atau melakukan registrasi terlebih dahulu untuk menjadi member dari E-Plaza.
Gambar 4.5 Desain Layout Halaman register
Setelah memiliki username dan password user tersebut dapat melakukan login kedalam E-Plaza melalui halaman login pada gambar 4.6 atau pada halaman
utama E-Plaza (Gambar 4.1)
Gambar 4.6 Desain Layout Halaman login
Berikut ini merupakan gambar 4.7 halaman produk katalog, gambar 4.8 halaman sub katalog dan gambar 4.9 yang merupakan halaman view produk. Pada ketiga halaman ini user dapat memilih produk yang mereka inginkan tanpa harus login terlebih dahulu.
Gambar 4.8 berikut ini merupakan gambar halaman sub kategori produk, misalnya kategori pakaian wanita terbagi menjadi sub kategori pakaian atas wanita, pakaian bawah wanita, aksesoris wanita, tas wanita, sepatu wanita.
Gambar 4.8 Desain Layout Halaman sub katalog
Gambar 4.9 berikut ini merupakan gambar halaman produk yang merupakan turunan dari sub kategori produk.
Gambar 4.9 Desain Layout Halaman produk
Setelah memasuki halaman produk (Gambar 4.9), apabila user mengklik gambar mesin penjual / tombol buy now, maka user akan langsung terhubung kehalaman form order dimana jumlah produk dapat diinput dan akan tersubmit langsung kedalam shopping cart yang akan dijelaskan pada gambar 4.18.
Gambar 4.10 Desain Layout Halaman buy
I V .2 I m ple m e n t a si se t e la h login
Berikut ini merupakan contoh halaman yang terdapat pada halaman setelah login menurut jenis user yang berbeda.
I V .2 .1 I m ple m e n t a si h a la m a n pa da Use r a dm in
Gambar 4.11 Desain Layout Utama halaman Admin
Pada halaman input produk baru terdapat pengelompokan produk berdasarkan kategori dan sub kategory (4.12). Pada halaman update data barang akan muncul tombol edit, delete. Penjelasan dapat dilihat pada gambar 4.13 dan gambar 4.14.
Gambar 4.12 Desain Layout Halaman input barang
Pada halaman update produk terdapat tombol edit dan delete yang dapat dilihat pada lingkaran biru pada gambar 4.13.
Dapat dilihat pada gambar 4.14 apabila tombol delete diklik, maka akan muncul message box yang memberi konfirmasi.
Gambar 4.14 Desain Layout Halaman delete
Gambar 4.15 berikut ini merupakan gambar history order pada halaman admin, di halaman ini admin dapat mengubah status order baik itu delivered ataupun canceled.
Gambar 4.15 Desain Layout history order member
Berikut ini merupakan Gambar 4.16 yang memperlihatkan table yang muncul apabila tombol edit pada update produk diklik.
Gambar 4.16 Desain Layout Halaman edit produk
I V .2 .2 I m ple m e n t a si h a la m a n pa da m e m be r
Gambar 4.17 berikut ini merupakan hasil implementasi dari halaman profile customer. Setelah customer mengisi id dan password, halaman Customer
baru akan muncul dan customer baru dapat melihat informasi profilenya. Untuk Transaksi pembayaran situs ini belum menggunakan sistem pembayaran kartu kredit, jadi pembayaran dilakukan secara transfer antar bank dengan mengirim bukti transfer via e-mail.
Untuk menginput produk yang akan dibeli kedalam shopping cart (gambar 4.18), user tidak perlu untuk login terlebih dahulu. Tetapi pada saat user tersebut akan melakukan cekout maka form akan secara otomatis divalidasi status login true atau false. Apabila status login true, maka barang akan langsung
terinput ke dalam database torder. Apabila status login adalah false, maka halaman akan secara otomatis berpindah ke halaman login (gambar 4.6).
Gambar 4.18 Desain Layout halaman kategori
Apabila member telah selesai melakukan order dan produk berhasil disubmit, maka data order yang ada di shopping cart (gambar 4.18) akan secara otomatis terinput kedalam database torder dan dideklarasikan dalam order history(gambar 4.19).
Gambar 4.19 Desain Layout halaman view order pada halaman member
Dalam table order history terdapat view order yang dapat diklik dan apabila tulisan view order diklik, maka akan muncul popup order list dapat diprint oleh member, seperti yang dapat dilihat pada gambar 4.20 berikut ni.
Ba b V I
Pe n u t u p
V I .1 Ke sim pu la n
Kesimpulan yang dapat diambil dari hasil Evaluasi dan implementasi website E-Plaza adalah:
1. Website E-Plaza ini memiliki alur transaksi yang sederhana dan mudah dimengerti bagi para user yang menggunakannya, baik dalam transaksi ataupun proses pencarian informasi yang ada didalam E-Plaza.
2. Plaza memiliki interface yang unik dan friendly untuk ukuran website E-Commerce. Fitur-fitur yang ada sangat mendukung jalannya transaksi, salah satunya adalah Shopping cart.
3. Sebagai suatu teknologi e-commerce, website E-Plaza ini memiliki kelebihan bila dibandingkan dengan sistem perdagangan pada toko-toko fisik dan mall-mall umumnya. Sebagai tempat penjualan yang berbentuk maya, setiap user tidak perlu merasa dikejar oleh waktu karena E-Plaza akan ada selama 24 jam setiap harinya.
4. User hanya perlu mengetik satu nama www.eplaza.com untuk membeli berbagai jenis produk dari desain sampai teknologi terbaru.
V I .2 Sa r a n
Berdasarkan kesimpulan yang diambil, maka saran untuk pengembangan situs ini selanjutnya adalah:
1. Penambahan yang lebih banyak lagi untuk produk yang dijual dalam E-Plaza.
2. Peningkatan sekuriti website agar transaksi lebih terjamin keamanannya. 3. Pembayaran transaksi melalui kartu kredit.
4. Penggunaan interface 3D, tanpa mengurangi kecepatan akses.
Daftar Pustaka
1. Effendi Handaya , Pemrograman dynamic HTML , PT Elex Media Komputindo , Jakarta 1999.
2. G.Andrew Duthie , Microsoft ASP.NET Step By Step , PT Elex Media Komputindo , Jakarta 2003.
3. Yahya Kurniawan, ST, Aplikasi Web Database dengan ASP, PT Elex Media Komputindo , Jakarta 2000.
4. Permadi Untung , ST , Pemrograman ASP.NET menggunakan VB.NET , PT Elex Media Komputindo , Jakarta.
5. Santoso Harip , Membangun Aplikasi WEB Menggunakan VB.NET/ASP.NET , PT Elex Media Komputindo , Jakarta 2004.
6. Sutedjo Budi, S.Kom.,MM., Perencanaan Dan Pembangunan Sistem Informasi, Penerbit ANDI, Yogyakarta 2002.
7. Imbar Radiant V, Diktat Basis Data , Bandung 2005 8. Artikel/Ecommerce, http://www.centralweb.com, 2004 9. Http://www.theprice.com, 2002
10.Http://www.ilmu komputer.com, 2005
11.World Wide Web User Statistic, http://www.why-not.com, 2004
12.Alex Kriegel, MCSD,Microsoft SQL Server 2000 Weeknd Crash Course
