SISTEM INFORMASI PENJUALAN ONLINE PADA SAFA HUSNA

Amelinda c.n Program Studi Sistem Informasi, Fakultas Ilmu Komputer Universitas Dian Nuswantoro Semarang Jl. Nakula I No. 5-11 Semarang 50131 Telp : (024) 3517261, Fax : (024)3520165 E-mail : [email protected]

Abstrak

Sekarang ini kita mengetahui data yang diolah menjadi informasi sangat membantu kita dalam menyelesaikan setiap permasalahan yang dihadapi. Komputer merupakan salah satu contoh kemajuan teknologi untuk menampilkan banyak informasi yang aktual, akurat dan dapat membantu meringankan pekerjaan manusia.Website yang merupakan bagian dari teknologi informasi memiliki fungsi yang diantaranya sebagai alat pendukung .Dengan adanya website kita mendapatkan informasi lebih dari sekedar yang ada di media lain seperti kartu nama, poster, stiker, banner, brosur, media cetak (koran, majalah, tabloid, dll) dan media elektronik (radio dan tv). Website dapat diakses kapan saja, oleh siapa saja, dan dimanapun dia berada Apalagi dengan adanya akses internet yang memudahkan pekerjaan kita. media dan transaksi jual beli semakin mudah. Sistem Informasi penjualan Online Pada Safa Husna ini merupakan salah satu Semarang yang bergerak dalam bidang Fashion tyang mengutamakan pakaian dan acsesoris muslim saja ,untuk menampilkan banyak informasi yang dapat membantu meningkatkan penjualan Perancangan situs web ini menggunakan metode Web Engineering beberapa tahapan yaitu, komunikasi dengan pengguna, perencanaan, pemodelan, analisis,dan desain .

Pendahuluan biaya operasional untuk kegiatan trading

E-commerce adalah dimana dalam (perdagangan) . Adapun pendapat satu website menyediakan atau dapat mengenai pengertian E-Commerce bahwa melakukan Transaksi secara online atau E-commerce mengacu pada internet untuk juga bisa merupakan suatu cara berbelanja belanja online dan jangkauan lebih sempit. atau berdagang secara online yang Dimana e-commerce adalah subperangkat memanfaatkan fasilitas Internet dimana dari E-Bisnis. cara pembayarannya: terdapat website yang dapat menyediakan melalui transfer uang secara digital seperti layanan “get and deliver“. E-commerce melalui account paypal atau kartu credit akan merubah semua kegiatan marketing Sedangkan, E-Bisnis mengacu pada dan juga sekaligus memangkas biaya- internet tapi jangkauan lebih luas. Area bisnisnya terjadi ketika perusahaan atau mesin pencari lain. Berdasarkan hasil individu berkomunikasi dengan klien atau survey inilah, perlu dibutuhkan suatu nasabah melalui e-mail tapi pemasaran strategi pemasaran yang baru dan inovatif, atau penjualan di lakukan dengan internet. serta diharapkan strategi pemasaran baru dengan begitu dapat memberikan tersebut dapat meningkatkan penjualan keuntungan berupa keamanan fleksibililtas baik dari Facebook maupun dari Google dan efisiensi. cara pembayarannya yaitu dan seach engine lain sehingga dapat dengan melaui pembayaran digital secara bersaing dengan para pesaing. 2. Untuk itulah maka perlu adanya E-Gold dan sudah di akui di seluruh dunia pembaharuan dalam strategi pemasaran dalam melakukan transaksi online. Pada dengan melakukan langkah aktif melalui umumnya pengunjung Website dapat pemanfaatan sarana pemasaran online melihat barang atau produk yang dijual berbasis web (eCommerce) dengan secara online (24 jam sehari) serta dapat memanfaatkan SEO (Search Engine melakukan correspondence dengan pihak Optimization) yang nantinya diharapkan penjual atau pemilik adalah sebuah teknik mampu memenuhi kebutuhan informasi pemasaran berbasis web dan internet bagi para pelanggan dan memperluas digunakan untuk mencapai sasaran dan pangsa pasar yang telah dimiliki pada saat mendukung konsep pemasaran yang ini. modern. Dengan sebuah website, Landasan Teori perusahaan dapat memasarkan produk atau 1.E-commers jasa secara cepat untuk dapat dikenal oleh Saat ini belum diketemukan definisi pasti masyarakat luas mengenai penjelasan dari e-commerce yang sudah distandarkan produk atau jasa yang lebih terperinci dan di sepakati bersama, namun secara yang dapat membantu pelanggan untuk umum dapat di artikan mengenai e- mendapatkan informasi yang diinginkan. commerce, diantaranya 1. Berdasarkan data selama setahun ini 88,4% pembeli dari total pembeli SAFA 1. perdagangan elektronik adalah suatu HUSNA hanya berasal dari forum, 9,84% proses perdagangan (penjualan dan pengguna Facebook, dan sisanya pembelian) maupun jasa pelayanan yang merupakan para pembeli yang tahu dilakukan oleh 2 pihak melalui media produk-produk safa dari Google atau elektronik seperti melalui fax, telepon, yang tidak bisa ditemui dalam transaksi email, dan internet. tradisional. 2. E-commerce juga dapat berarti 2. Dapat meningkatkan market pemasangan iklan, penjualan, dukungan exposure (pangsa pasar). dan pelayanan terbaik menggunakan web 3. menurunkan biaya operasional. selama 24 jam dalam sehari bagi seluruh 4. melebarkan jangkauan pemasaran pelanggannya. produk. 3. E-commerce merupakan salah satu 5. meningkatkan supplier manager. keunggulan dari internet, kehadiran 6. meningkatkan value chain (mata internet yang masih merupakan industri rantai pendapatan). baru yang masih dalam fase pertumbuhan yang memperkokoh keyakinan akan 2. Internet pentingnya peranan teknologi dalam pencapaian tujuan finansial perusahaan Menurut Kotler dan Armstrong Internet melalui modifikasi dan efisiensi proses adalah jaringan global dari jaringan- bisnis yaitu dengan memanfaatkan e- jaringan komputer yang luas dan commerce. berkembang tanpa ada manajemen atau 4. kemampuan internet untuk kepemilikan terpusat. Saat ini, Internet menjangkau pelanggan baru dan menghubungkan individu dan perusahaan penghematan biaya yang cukup signifikan satu sama lain dan dengan informasi di untuk distribusi dan pelayanan pelanggan seluruh dunia. Internet menyediakan merupakan keuntungan yang bisa koneksi ke informasi, hiburan, dan didapatkan perusahaan dengan komunikasi kapanpun dan dimanapun. memindahkan roda nilai commerce ke Perusahaan menggunakan Internet untuk media internet. membangun hubungan lebih dekat dengan pelanggan dan rekan bisnis serta untuk Keuntungan yang bisa diambil dengan menjual dan mendistribusikan produk adanya E-commerce : mereka dengan lebih efektif dan efisien. Sedangkan menurut Coupey, Internet 1. Revenue Stream (aliran pendapatan) adalah komunikasi antara pelanggan, pasar baru yang mungkin lebih menjanjikan dan jutaan organisasi. Internet memungkinkan seseorang untuk permintaan itu kemudian memberikan menentukan cara mereka berkomunikasi, hasil prosesnya berupa data yang baik dengan orang lain maupun seluruh diinginkan kembali ke browser. Web target pasar secara cepat dan mudah. server, untuk berkomunikasi dengan Berikut adalah beberapa pengertian client- nya (web browser) mempunyai tentang istilah yang ada dalam internet : protokol sendiri, yaitu HTTP (hypertext a. Network (jaringan) adalah sistem transfer protocol). Dengan protokol ini, yang saling terhubung dari berbagai komunikasi antar web server dengan komputer, terminal dan saluran serta client-nya dapat saling dimengerti dan peralatan komunikasi dengan lebih mudah. d. HTTP (hypertext transfer protocol) menggunakan jalur transmisi. b. WWW (World Wide Web) atau yang potokol yang memungkinkan sering disebut sebagai "web" merupakan bermacammacam komputer saling sebuah sistem dimana informasi dalam berkomunikasi dengan menggunakan bentuk teks, gambar, suara, dan lainlain bahasa HTML. Hypertext mempunyai arti yang tersimpan dalam sebuah Internet bahwa seorang pengguna Internet dengan webserver dipresentasikan dalam bentuk webbrowser-nya dapat membuka dan hypertext. Informasi di web dalam bentuk membaca dokumen-dokumen yang ada teks umumnya ditulis dalam format dalam komputernya atau bahkan jauh HTML (Hypertext Markup Language). tempatnya sekalipun. e. Browser adalah suatu perangkat Informasi lainnya disajikan dalam bentuk lunak yang digunakan untuk dapat grafis atau gambar (dalam format GIF, menjelajah Internet. Perangkat lunak ini JPG, PNG), suara (dalam format AU, diperlukan untuk menampilkan halaman WAV), dan objek multimedia lainnya suatu website. Web browser adalah paket (seperti MIDI, Shockwave, Quicktime software yang menyediakan interface Movie, 3D World). c. Web server adalah software yang pemakai untuk mengakses situs Web menjadi tulang belakang dari world wide Internet, Intranet, dan Eksternet. f. Website atau biasa juga disebut situs web(www). Web server menunggu web adalah sebuah tempat di Internet permintaan dari client yang menggunakan tempat beradanya suatu kumpulan browser. Jika ada permintaan dari browser, halaman web (webpage). Tempat ini maka web server akan memproses biasanya ditandai dengan sebuah alamat Beberapa dasar-dasar PHP yang dipakai website. g. Home page adalah suatu pada Aplikasi e-commerce ini antara lain : 1) Elemen dasar PHP halaman depan dari sebuah website. Elemen dasar PHP yang mencakup Ketika pertama kali mengakses suatu pengenal, tipe data, variabel, konstanta alamat website maka biasanya akan dan juga operator. langsung menuju kehalaman depan (home 2) Pernyataan Kontrol Pernyataan kontrol digunakan terkait page) website tersebut. dengan pengambilan keputusan. Ada

.3 Bahasa pemograman banyak cara dalam melakukan pernyataan Mengingat AplikasiE-comersyang kontrol. Diantaranya dengan dibangun berbasiskan Web, maka bahasa menggunakan pernyataan if, switch, pemrograman yang digunakan berupa operator “?”, while, do-while, for, break, bahasa scripting seperti PHP, HTML, CSS, continue, exit dan beberapa sintak dan Javascript.PHP alternatif lainnya. 3) Array 3.1 PHP Array merupakan suatu struktur data atau Php adalah bahasa scripting yang wadah yang dapat menyusun sekumpulan menjadi satu dengan HTML yang variabel yang memiliki tipe data yang dijalankan pada serverside, artinya adalah sama. semua perintah yang diberikan akan secara 3..2HTML (Hypertext Markup penuh dijalankan pada server sedangkan Language) yang dikirimkan ke clien (browser) hanya HTML (Hypertext Markup Language) berupa hasilnya saja. Kebanyakan sintaks merupakan sebuah bahasa scripting yang pada PHP mengadopsi sintaks bahasa berguna untuk menuliskan halaman Web. pemrograman C, JAVA, PERL dengan Pada halaman Web, HTML dijadikan pasangan fitur khusus untuk PHP yang sebagai bahasa scrip dasar yang berjalan bersifat unik. PHP 5 dirilis pada tanggal 13 bersama berbagai bahasa scripting Juli 2004. PHP 5 dapat digunakan pada Pemrograman lainnya (Nugroho, 2005). hampir semua sistem operasi utama, Ciri-ciri HTML adalah sebagai berikut : seperti Linux, Varian Unix, Microsoft 1) Tersusun oleh tag-tag seperti Windows, Mac OS, RISC O, dan mungkin . . . sistem operasi lainnya (Gutmans, 2005). 2) Pada umumnya tag selalu memiliki pengembangan browser, seperti: Internet tag pembuka dan kemudian juga ada tag Explorer, Netscafe, Opera, Neoplanet, dll. penutupnya. Tidak ada browser yang tidak mendukung 3) Tidak case sensitive, artinya huruf pengembangan bahasa HTML. kapital maupun bukan huruf kapital akan dianggap sama. 3.3CSS (Cascading Style Sheet) 4) Nama file berupa *.html atau *.htm. CSS merupakan singkatan dari Cascading HTML terdiri atas beberapa komponen Style Sheet. CSS adalah sebuah dokumen utama, seperti unsur-unsur (dan atribut), yang berguna untuk melakukan karakter berbasis jenis data dan character pengaturan pada komponen halaman Web, references & entity references. Komponen inti dari dokumen ini adalah memformat penting lainnya adalah deklarasi tipe halaman Web standar menjadi bentuk Web dokumen yang menentukan definisi tipe yang memiliki kualitas yang lebih indah dokumen. Ada dua elemen dasar properti dan menarik. CSS biasanya digunakan dari HTML yaitu atribut dan konten. untuk melakukan pengaturan global yang Setiap atribut dan konten memiliki nilai berkaitan dengan objek tetap, misalnya batasan tertentu yang harus diikuti oleh memberikan warna pada halaman Web, elemen HTML yang dianggap sah. pengaturan lebar dan kecil bagian Web Selain itu HTML juga merupakan bahasa serta menentukan bentuk font jenis huruf yang standar, terbuka dan memiliki yang digunakan secara menyeluruh dalam dukungan browser serta multi platform halaman Web (Nugroho, 2004) CSS (Dewanto, 2006). Standard : Walaupun digunakan untuk mengorganisasikan dan banyak standard bahasa Hypertext seperti mengontrol tampilan dokumen HTML Apple Hypertext, macromedia directories, secara efisien, sehingga dengan CSS dapat NCSA Mosaik, Cold Fusion, tetapi dilakukan sebagai berikut: ternyata HTML adalah dasar dari semua 1) Menambah style tampilan HTML, peralatan diatas. Terbuka : script dengan 2) Melakukan perubahan ulang style menggunakan HTML bersifat terbuka websites secara keseluruhan dengan hanya disebabkan programnya bukan dapat beberapa perubahan kode CSS, menciptakan Web desain yang statis tetapi 3) Menggunakan style pada halaman memungkinkan perubahan secara terus yang diinginkan. menerus. Dukungan Browser : banyak Style sheets dapat dan seharusnya secara bahasa pemograman Java), maka Netscape penuh dipisahkan dari dokumen HTML. memberikan nama javascript kepada Pada saat memiliki masteran CSS dan bahasa tersebut pada tanggal 4 Desember HTML, dapat memisahkan perancangan 1995. Dan pada tahun yang sama dan format (CSS) halaman Web dari Microsoft juga mengadaptasi teknologi ini contents (HTML). yang disebut dengan Jscript pada browser Internet Explorer 3. Contoh skrip yang .3..4Javascript menunjukkan bahwa skrip tersebut adalah Javascript merupakan bahasa script yang javascript : Beberapa dasar-dasar pada tag HTML. Javascript biasanya javascript yang dipakai antara lain : digunakan dalam merancang antarmuka 1) Objek Javascript selain mempunyai objek halaman agar lebih interaktif. Javascript standar yang sudah dimilikinya sendiri, merupakan bahasa yang berbentuk juga dapat dibuat objek baru sesuai dengan kumpulan script yang pada fungsinya keinginan sendiri. Objek standar yang berjalan pada satu dokumen HTML. sudah dimiliki oleh javascript seperti Bahasa ini adalah bahasa pemrograman objek array, date, math, string. untuk memberikan kemampuan tambahan 2) Variabel terhadap bahasa HTML dengan Variabel merupakan suatu objek yang mengijinkan eksekusi perintah-perintah berisi data-data. Variabel ini dapat disisi pengguna, yang artinya disisi dimodifikasi selama eksekusi program. 3) Event browser bukan disisi server Web. Event adalah aksi dari pengguna yang (Alamsyah, 2003) Javascript pertama kali dapat menghasilkan interaktivitas. Contoh diperkenalkan oleh Netscape pada tahun event yang ada pada javascript : 1995. Awalnya bahasa ini dinamakan a) Mouse Click (onClick) b) Load (onLoad) Livescript yang berfungsi sebagai bahasa c) Mouseover (onMouseover) sederhana pada browser Netscape d) Change (onChange) e) Focus (onFocus) Navigator 2. Kemudian sejalan dengan f) Blur (onBlur) berkembangnya kerjasama antara 4) Operator Netscape dengan Sun (pengembang Operator merupakan suatu simbol yang c) Meminta pengguna untuk mengisi digunakan untuk melakukan manipulasi atau melengkapi isian pada suatu field variabel atau melakukan operasi-operasi, disebut juga metode prompt. mengevaluasi, dan lainnya. 5) Pernyataan Kondisional .3.4 Unified Modelling Language (UML) Pernyataan kondisional merupakan instruksi-instruksi yang digunakan untuk UML adalah sebuah “bahasa” yg telah melakukan pengujian apakah suatu kondisi menjadi standar dalam industri untuk benar atau salah. visualisasi, merancang dan 6) Fungsi mendokumentasikan sistem piranti lunak. Fungsi merupakan subprogram yang UML adalah keluarga notasi grafis yang menjalankan sekelompok instruksi dengan didukung oleh metamodel tunggal, yang satu pemanggilan nama fungsi tersebut. membantu pendeskripsian dan desain Fungsi pada javascript ada yang sistem perangkat lunak, khususnya sistem mempunyai parameter dan ada juga yang yang dibangun menggunakan tidak mempunyai parameter. pemrograman berorientasi objek (OO)

7) Metode, Kerangka Kerja Penelitian Metode merupakan suatu fungsi yang Dalam pelaksanaan penelitian ini diasosiasikan dengan satu objek diperlukan suatu tahapan proses penelitian. javascript. Tahapan proses penelitian ini 8) Kotak Dialog, menggambarkan langkah-langkah kegiatan Kotak dialog adalah suatu jendela yang yang akan dilakukan selama mengerjakan tampil di bagian depan (layer paling atas) penelitian ini. Adapun tahapan proses menyusul satu event yang dijalankan dan penelitian yang digunakan adalah sebagai memungkinkan untuk : berikut a) Memberikan peringatan kepada pengguna disebut juga metode peringatan, Identifik b) Memberikan pilihan yang dipilih asi oleh pengguna disebut juga metode Permasa Studi lahan confirm, Literatur Analisis dan Peranca Pengemngan bangan Sistem Pembua tan Laporan Gambar 3.1 kerangka pikir keamanan yang kuat pada infrastruktur pendukung dan pada aplikasi web itu Metode Penelitian sendiri. 1 Rekayasa Web (Web engineering) 3. Estetika (Aesthetics) Rekayasa web adalah proses yang Bagian yang sangat penting bagi daya digunakan untuk membuat aplikasi web tarik sebuah aplikasi web adalah tampilan. yang berkualitas tinggi . Hal yang Bagi sebuah aplikasi yang ditargetkan membedakan antara rekayasa web dengan untuk dipasarkan, estetika memiliki rekayasa perangkat lunak dikarenakan tingkat kepentingan yang sama dengan oleh sebagian besar dari hasil dokumen, desain teknisnya. fokusnya pada konten dari kebanyakan

situs, dan kultur dasar pengembang. Metode yang digunakan pada penelitian ini menggunakan metode rekayasa web Proses rekayasa web ditekankan pada (Web Engineering). Metode rekayasa web antarmuka pengguna dan estetika sistem terdiri dari beberapa tahap seperti terlihat mengambil suatu peran yang menonjol. pada Gambar di bawah ini : Beberapa karakteristik yang perlu diperhatikan dari aplikasi web yaitu:

1. Kesiapan (Immediacy).

Pengembang web harus memiliki metode untuk perencanaan, analisis, desain, implementasi, dan pengujian yang telah disesuaikan dengan waktu singkat yang dibutuhkan dalam pengembangan aplikasi Gambar 3.2 Tahapan Rekayasa Web web.

2. Keamanan (Security) 3 Konstruksi (Construction)

Untuk melindungi data yang sensitif dan Tahapan yang dilakukan pada fase memberikan transmisi data yang aman, construction adalah : maka perlu diimplementasikan sistem a. Implemetasi Tahap implementasi terdiri atas : Pada halaman pengunjung yang belum terdaftar di situs web Safa Husna hanya 1. Melakukan implementasi desain user interface e-commers. bisa melihat-lihat barang. Untuk melakukan pemesanan barang seorang 2. Menghostingkan aplikasi e-commers. pengunjung harus melakukan regsitrasi b. Pengujian terlebih dahulu dengan memilih menu Daftar pada menu utama. Tahap testing terdiri atas melakukan testing blackbox pada fitur pencarian.

4.1 Implementasi

Implementasi merupakan suatu tahap akhir di mana sistem diterapkan secara nyata. Implementasi yang akan dijabarkan pada bab ini meliputi desain user interface akhir aplikasi e-commers dan pembelian domain dan menghostingkan aplikasi e- commers.

4.5.1.1 User Interface Halaman Web

User interface design merupakan salah satu aspek yang penting dalampembangunan sebuah sistem. User interface design harus dibuat sesuai dengan tujuan aplikasi, target pasar yang dituju, bersifat user friendly serta menarik sehingga dapat menumbuhkan minat user untuk mencoba untuk menggunakan Halaman login pelanggan aplikasi tersebut. Berikut user interface design aplikasi e-commers. a. Halaman Beranda Pengunjung Gambar 4.1 menu utama

Berdasarkan gambar proses bisnis di atas, seorang Admin harus melakukan login terlebih dahulu jika akan menggunakan fitur-fitur Admin yang tersedia. Seorang Admin memperolah hak akses yang tinggi, hampir semua system dalam web dapat dikontrol oleh seorang Admin, seperti Gambar 4.2menu tagihan pelanggan menambah produk, menambah kategori produk, menghapus produk, dan melihat pesanan pelanggan.

Gambar 4.3 menu login pelanggan Hasil produk