Analisis dan Perancangan Sistem Penjualan Alat-alat Olah

Analisis dan Perancangan Sistem Penjualan Alat-alat Olah
Raga Menggunakan Web Application dan Mobile Web
Application pada P.D ALLSON SPORT
SKRIPSI
Oleh
Albert
Emmanuel Ade
Hendry Fernando
(0800735702)
(0800738124)
(0800740362)
Kelas / Kelompok : 07PET / 1
Universitas Bina Nusantara
Jakarta
( 2008 )
Analisis dan Perancangan Sistem Penjualan Alat-alat Olah
Raga Menggunakan Web Application dan Mobile Web
Application pada P.D ALLSON SPORT
SKRIPSI
diajukan sebagai salah satu syarat
untuk gelar kesarjanaan pada
Jurusan Teknik Informatika
Jenjang pendidikan Strata-1
Oleh
Albert
Emmanuel Ade
Hendry Fernando
(0800735702)
(0800738124)
(0800740362)
Kelas / Kelompok : 07PET / 1
Universitas Bina Nusantara
Jakarta
( 2008 )
BAB 1
PENDAHULUAN
1.1
Latar Belakang
Dewasa ini kegiatan usaha dalam bidang penjualan sangat berkembang
dengan pesat serta semakin banyaknya persaingan antar perusahaan tersebut.
Dan dikarenakan
saat ini perusahaan P.D ALLSON SPORT
masih
menngunakan sistem yang konvensional yaitu dengan system pesan antar,
masih melalui telepon untuk pemesanan alat-alat olah raga.sehingga P.D
ALLSON SPORT semakin tertinggal denagn perusahaan yang sudah
menggunakan teknologi yang jauh lebih baik dalam hal IT sehingga omset
pendapatan P.D ALLSON SPORT pun mulai menurun, pelanggan mulai
berpindah ke perusahaan yang menggunakan teknologi karena segala
sesuatunya mudah dan cepat. Oleh karena itu kami membuatkan sistem
penjualan alat-alat olah raga berbasis web yang dihubungkan dengan mobile
phone, sehingga perusahaan P.D ALLSON SPORT dapat kembali bangkit dari
keterpurukannya dan kembali bersaing dengan perusahaan yang lain dengan
teknologi yang sekarang digunakan.
1.2
Ruang Lingkup
Batasan masalah yang dibahas dalam topik skripsi ini hanya sebatas
pada analisis dan perancangan sistem penjualan melalui webapplication dan
mobile web application.
2
1.3
Tujuan dan Manfaat
Tujuan penelitian adalah untuk manganalisis dan merancang sistem
penjualan alat-alat olah raga berbasiskan web dan mobile web, sehingga
memudahkan baik produsen maupun konsumen untuk melakukan transaksi
dimanapun mereka berada.
Manfaat dari penelitian ini adalah :
1. Memudahkan dalam melakukan transaksi penjualan barang
2. Mengurangi masalah dalam hal jarak, ruang, dan waktu
3. Lebih membantu mengembangkan pemanfaatan teknologi IT di Indonesia
4. Masyarakat lebih mengerti bahwa handphone bukan hanya sebagai media
komunikasi semata.
5. Menekan biaya operasional dari sebuah perusahaan
1.4
Metodologi
1.4.1
Metode Analisis
1.4.1.1. Survei atas Sistem yang Sedang Berjalan
Survei atas sistem yang sedang berjalan di perusahaan
tersebut survei dalam hal ini P.D ALLSON SPORT. Dalam
hal ini survei dilakukan langsung ke lapangan (kantor) untuk
dapat mengamati, meneliti, dan memahami sistem yang
sedang berjalan di perusahaan tersebut.
http://contoh.in
3
1.4.1.2. Interview & Wawancara
Selain melakukan survei atas sistem yang sedang
berjalan, dilakukan juga interview atau wawancara dengan
beberapa karyawan, dengan tujuan meminta pendapat atas
sistem yang sekarang ini sedang berjalan, dan untuk
menemukan masalah yang timbul pada saat bekerja.
1.4.1.3. Identifikasi Masalah
Setelah melakukan analisis dan wawancara maka
dilakukan identifikasi terhadap hasil pengamatan akan apa
yang menjadi masalah bagi perusahaan tersebut.
1.4.1.4. Usulan Pemecahan Masalah
Setelah
ditemukan
beberapa
masalah
dari
hasil
wawancara maka disimpulkan bahwa masalah tersebut dapat
diatasi dengan aplikasi web ( E-Application ) untuk
menyelesaikan masalah tersebut.
1.4.2
Metode Perancangan
1.4.2.1. Perancangan Database
Membuat database yang sesuai dengan kebutuhan untuk
memudahkan dalam pembuatan aplikasi tersebut
http://contoh.in
4
1.4.2.2. Perancangan Proses
Membuat proses pemesanan secara online dengan
menggunakan aplikasi berbasis web (E-Application) sesuai
dengan permintaan dari perusahaan.
1.5
Sistematika Penulisan
BAB 1
PENDAHULUAN
Menjelaskan tentang latar belakang, ruang lingkup, tujuan dan manfaat,
metodologi serta sistematika penulisan skripsi ini.
BAB 2
LANDASAN TEORI
Menjelaskan tentang landasan teori yang digunakan dalam pembuatan
skripsi ini, dimulai dari kerangka teori dan kerangka pikir. Kerangka teori
menyajikan teori – teori yang lengkap sejalan dengan permasalahan yang
sedang dibahas. Kerangka pikir menyajikan suatu hubungan antara teori yang
ada dengan masalah yang dihadapi untuk memecahkan masalah yang sedang
dibahas.
BAB 3
ANALISIS DAN PERANCANGAN SISTEM
Menjelaskan tentang riwayat dari suatu perusahaan, dimulai dari
struktur organisasi perusahaan, pembagian divisi, sampai ke sistem yang
sedang berjalan. Pada bab ini juga dijelaskan tentang analisis sistem yang
sedang berjalan, masalah yang sedang dihadapi, pembuatan DFD, serta usulan
pemecahan masalah tersebut. Pada bab ini juga dibahas lebih mendetail dari
analisa sebuah sistem dan melakukan perancangan yang lebih mendetail,
http://contoh.in
5
seperti perancangan DFD, ERD, State Chart, Use Case, dan juga menjelaskan
perancangan database dan aplikasinya serta software apa saja yang digunakan
dalam pembuatan aplikasi tersebut. .
BAB 4
IMPLEMENTASI DAN EVALUASI
Menjelaskan rencana implementasi, sarana yang dibutuhkan dalam
pengimplementasian, dan cara pengoperasian aplikasi tersebut. Dan juga
dibahas tentang evaluasi sistem yang mencakup hardware, software, serta
evaluasi dari sisi interaksi manusia dan komputer.
BAB 5
KESIMPULAN DAN SARAN
Menjelaskan tentang akhir atau kesimpulan dari hasil analisis dan
perancangan sistem yang dibuat, disertai saran-saran untuk membantu
pengembangan dan perbaikan aplikasi tersebut di masa yang akan datang.
http://contoh.in
6
BAB 2
LANDASAN TEORI
2.1
Teori-teori Umum
2.1.1
Pengertian Internet
Internet dapat diartikan sebagai jaringan komputer luas dan besar yang
mendunia, yaitu menghubungkan pemakai komputer dari suatu negara ke
negara lain di seluruh dunia, dimana di dalamnya terdapat berbagai sumber
daya informasi dari mulai yang statis hingga yang dinamis dan interaktif.
Internet merupakan singkatan dari Interconnection Networking. The network
of the networks. Diartikan sebagai a global network of computer networks atau
sebuah jaringan komputer dalam skala global/mendunia. Jaringan komputer
ini berskala internasional yang dapat membuat masing-masing komputer
saling berkomunikasi. Network ini membentuk jaringan inter-koneksi (Interconnected network) yang terhubung melalui protokol TCP/IP. Dikembangkan
dan diuji coba pertama kali pada tahun 1969 oleh US Department of Defense
dalam proyek ARPAnet.
2.1.2
Sejarah internet
Berikut sejarah kemunculan dan perkembangan internet. Sejarah
intenet dimulai pada 1969 ketika Departemen Pertahanan Amerika, U.S.
Defense Advanced Research Projects Agency (DARPA) memutuskan untuk
http://contoh.in
7
mengadakan riset tentang bagaimana caranya menghubungkan sejumlah
komputer sehingga membentuk jaringan organik. Program riset ini dikenal
dengan nama ARPANET. Pada 1970, sudah lebih dari 10 komputer yang
berhasil dihubungkan satu sama lain sehingga mereka bisa saling
berkomunikasi dan membentuk sebuah jaringan. Tahun 1972, Roy Tomlinson
berhasil menyempurnakan program e-mail yang ia ciptakan setahun yang lalu
untuk ARPANET. Program e-mail ini begitu mudah sehingga langsung
menjadi populer. Pada tahun yang sama, icon @ juga diperkenalkan sebagai
lambang penting yang menunjukkan "at" atau "pada". Tahun 1973, jaringan
komputer ARPANET mulai dikembangkan ke luar Amerika Serikat.
Komputer University College di London merupakan komputer pertama yang
ada di luar Amerika yang menjadi anggota jaringan ARPANET. Pada tahun
yang sama, dua orang ahli komputer yakni Vinton Cerf dan Bob Kahn
mempresentasikan sebuah gagasan yang lebih besar, yang menjadi cikal bakal
pemikiran internet.
2.1.3
Fasilitas internet
Berikut adalah layanan yang disediakan oleh internet yang berbasis
pada protokol TCP/IP:
• WWW (World Wide Web)
Layanan ini adalah layanan yang sering digunakan. Layanan WWW
ini menggunakan protokol yang dinamakan protokol HTTP (HyperText
Tranfer Protocol).
http://contoh.in
8
• File Transfer (Pengiriman File)
FTP ini memungkinkan untuk mengirimkan atau menerima file ke atau
dari komputer jaringan. Oleh karena masalah keamanan data, FTP seringkali
memerlukan username dan Password tertentu, meskipun banyak juga FTP
server yang dapat melalui anonymous (pengguna biasa dan tanpa Password,
permintaan Password dapat diisi dengan alamat email).
• Remote Login (Telnet)
Telnet memungkinkan pengguna komputer dapat melakukan login ke
dalam suatu komputer di dalam jaringan. Ketika user melakukan telnet, secara
tidak langsung user telah menjadi pengguna yang sah dari komputer tersebut.
• Electronic Mail (Email)
Layanan yang digunakan untuk mengirim dan menerima email. Untuk
pengiriman email digunakan protokol SMTP (Simple Mail Transfer Protocol)
dan untuk membaca email digunakan protokol POP3 (Post Office Protocol 3).
• NFS (Network File System)
Sebuah pelayanan akses file-file jarak jauh yang memungkinkan klienklien untuk mengakses file- file pada jaringan jarak jauh.
• Name Server
Daftar nama alamat yang digunakan pada internet untuk menjelaskan
mengenai alamat asli host internet (berupa nomor IP mesin).
• Remote Execution
Memungkinkan pengguna komputer untuk menjalankan suatu program
di komputer yang lain.
http://contoh.in
9
2.1.4
Teori-teori IMK
Pengertian IMK
ƒ Interaksi Manusia dan Komputer (IMK) atau Human-Computer
Interaction (HCI) adalah disiplin ilmu yang berhubungan dengan
perancangan, evaluasi, dan implementasi sistem komputer yang
interaktif sehingga dapat digunakan oleh manusia dengan mudah, serta
studi fenomena-fenomena besar yang berhubungan dengannya.
(Definisi oleh ACM SIGCHI)
ƒ Interaksi adalah komunikasi 2 arah antara manusia (user) dan sistem
komputer. Interaksi menjadi maksimal apabila keduabelah pihak
mampu memberikan stimulan dan respon (aksi dan reaksi) yang saling
mendukung. Jika salah satu tidak bisa, maka interaksi akan mengalami
hambatan atau bahkan menuju pembiasan tujuan.
Fokus IMK
ƒ Fokus: perancangan dan evaluasi antarmuka pemakai (user interface).
ƒ Antarmuka
pemakai
adalah
bagian
sistem
komputer
yang
memungkinkan manusia berinteraksi dengan komputer.
Manusia
Antarmuka
pemakai
Sistem
Komputer
http://contoh.in
10
2.1.5
Manfaat internet
Secara umum ada banyak manfaat yang dapat diperoleh apabila
seseorang mempunyai akses ke internet .Berikut ini sebagian dari apa yang
tersedia di internet:
1. Informasi untuk kehidupan pribadi: kesehatan, rekreasi, hobby,
pengembangan pribadi, rohani, sosial.
2.
Informasi untuk kehidupan profesional/pekerja: sains, teknologi,
perdagangan, saham, komoditas, berita bisnis, asosiasi profesi, asosiasi
bisnis, berbagai forum komunikasi.
Satu hal yang paling menarik ialah keanggotaan internet tidak
mengenal batas negara, ras, kelas ekonomi, ideologi atau faktor faktor lain
yang biasanya dapat menghambat pertukaran pikiran. Internet adalah suatu
komunitas dunia yang sifatnya sangat demokratis serta memiliki kode etik
yang dihormati segenap anggotanya. Manfaat internet terutama diperoleh
melalui kerjasama antar pribadi atau kelompok tanpa mengenal batas jarak
dan waktu. Untuk lebih meningkatkan kualitas sumber daya manusia di
Indonesia, sudah waktunya para profesional Indonesia memanfaatkan jaringan
internet dan menjadi bagian dari masyarakat informasi dunia.
http://contoh.in
11
2.1.6
Pengertian Web Site atau Situs
Situs dapat diartikan sebagai kumpulan halaman-halaman yang
digunakan untuk menampilkan informasi, gambar gerak, suara, dan atau
gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang
membentuk satu rangkaian bangunan yang saling terkait dimana masingmasing dihubungkan dengan link-link.
2.1.7
Unsur-Unsur Web Site atau Situs
Untuk membangun situs diperlukan beberapa unsur yang harus ada
agar situs dapat berjalan dengan baik dan sesuai yang diharapkan. Unsurunsur yang harus ada dalam situs antara lain:
2.1.7.1 Domain Name
Domain name atau biasa disebut nama domain adalah
alamat permanen situs di dunia internet yang digunakan untuk
mengidentifikasi sebuah situs atau dengan kata lain domain
name adalah alamat yang digunakan untuk menemukan situs
kita pada dunia internet. Istilah yang umum digunakan adalah
URL.
Contoh
sebuah
URL
adalah
http://www.octa_haris.tripod.com-- dapat juga tanpa www—
http://contoh.in
12
Ada banyak macam nama domain yang dapat dipilih sesuai
dengan keinginan. Berikut beberapa nama domain yang sering
digunakan dan tersedia di internet:
1. Generic Domains (gTLDs)
Merupakan domain name yang berakhiran dengan .com
.net .org .edu .mil atau .gov. Jenis domain ini sering juga
disebut top level domain dan domain ini tidak berafiliasi
berdasarkan negara, sehingga siapapun dapat mendaftar.
2. Country-Specific Domains (ccTLDs)
Yaitu domain yang berkaitan dengan dua huruf
ekstensi, dan sering juga disebut second level domain,
seperti .id(Indonesia), .au(Australia), .jp(Jepang) dan lain
lain. Domain ini dioperasikan dan didaftarkan di setiap
negara. Di Indonesia, domain-domain ini berakhiran, .co.id,
.ac.id, .go.id, .mil.id, .or.id, dan pada akhir-akhir ini
ditambah
dengan
war.net.id,
.mil.id,
dan
web.id.
Penggunaan dari masing-masing akhiran tersebut berbeda
tergantung pengguna dan pengunaannya.
http://contoh.in
13
Nama domain dari tiap-tiap situs di seluruh dunia tidak ada
yang sama sehingga tidak ada satupun situs yang akan
dijumpai tertukar nama atau tertukar halaman situsnya.
Untuk memperoleh nama dilakukan penyewaan domain,
biasanya dalam jangka tertentu (tahunan).
2.1.7.2. Hosting
Hosting dapat diartikan sebagai ruangan yang terdapat
dalam harddisk tempat menyimpan berbagai data, file-file,
gambar dan lain sebagainya yang akan ditampilkan di situs.
Besarnya data yang bisa dimasukkan tergantung dari besarnya
hosting yang disewa/dipunyai, semakin besar hosting semakin
besar pula data yang dapat dimasukkan dan ditampilkan dalam
situs. Hosting juga diperoleh dengan menyewa. Besarnya
hosting ditentukan ruangan harddisk dengan ukuran MB(Mega
Byte) atau GB(Giga Byte). Lama penyewaan hosting rata-rata
dihitung per tahun. Penyewaan hosting dilakukan dari
perusahaan-perusahaan penyewa web hosting yang banyak
dijumpai baik di Indonesia maupun luar negeri.
2.1.7.3. Scripts atau Bahasa Program
Adalah bahasa yang digunakan untuk menerjemahkan
setiap perintah dalam situs pada saat diakses. Jenis scripts
http://contoh.in
14
sangat menentukan statis, dinamis atau interaktifnya sebuah
situs. Semakin banyak ragam scripts yang digunakan maka
akan terlihat situs semakin dinamis, dan interaktif serta
terlihat bagus. Bagusnya situs dapat terlihat dengan tanggapan
pengunjung serta frekwensi kunjungan. Beragam scripts saat
ini telah hadir untuk mendukung kualitas situs. Jenis jenis
scripts yang banyak dipakai para designer antara lain HTML,
ASP, PHP, JSP, Java Scripts, Java Applets, dsb. Bahasa dasar
yang dipakai setiap situs adalah HTML sedangkan ASP dan
lainnya merupakan bahasa pendukung yang bertindak sebagai
pengatur dinamis, dan interaktifnya situs. Scripts ASP, PHP,
JSP atau lainnya bisa dibuat sendiri, bisa juga dibeli dari para
penjual scripts yang biasanya berada di luar negri. Harga
scripts rata rata sangat mahal karena sulitnya membuat,
biasanya mencapai puluhan juta.
Scripts ini biasanya digunakan untuk membangun
portal berita, artikel, forum diskusi, buku tamu, anggota
organisasi, email, mailing list dan lain sebagainya yang
memerlukan update setiap saat
http://contoh.in
15
2.1.7.4. Design Web
Setelah melakukan penyewaan domain dan hosting
serta penguasaan scripts, unsur situs yang paling penting dan
utama adalah design. Design web sangat menentukan kualitas
dan keindahan situs. Design sangat berpengaruh kepada
penilaian pengunjung akan bagus tidaknya sebuah web site.
Untuk membuat situs biasanya dapat dilakukan sendiri atau
menyewa jasa web designer. Saat ini sangat banyak jasa web
designer, terutama di kota-kota besar. Perlu diketahui bahwa
kualitas situs sangat ditentukan oleh kualitas designer.
Semakin banyak penguasaan web designer tentang beragam
program/software pendukung pembuatan situs maka akan
dihasilkan situs yang semakin berkualitas, demikian pula
sebaliknya. Jasa web designer ini yang umumnya memerlukan
biaya yang tertinggi dari seluruh biaya pembangunan situs dan
semuanya itu tergantung kualitas designer.
2.1.7.5. Publikasi
Keberadaan situs tidak ada gunanya dibangun tanpa
dikunjungi atau dikenal oleh masyarakat atau pengunjung
internet. Karena efektif tidaknya situs sangat tergantung dari
besarnya pengunjung dan komentar yang masuk. Untuk
http://contoh.in
16
mengenalkan situs kepada masyarakat memerlukan apa yang
disebut publikasi atau promosi. Publikasi situs di masyarakat
dapat dilakukan dengan berbagai cara seperti dengan pamflet,
selebaran, baliho dan lain sebagainya, tapi cara ini bisa
dikatakan masih kurang efektif dan sangat terbatas. Cara yang
biasanya dilakukan dan paling efektif dengan tak terbatas
ruang atau waktu adalah publikasi langsung di internet melalui
search engine (mesin pencari, spt : Yahoo, Google, Search
Indonesia, dsb) Cara publikasi di search engine ada yang
gratis dan ada pula yang membayar. Yang gratis biasanya
terbatas dan cukup lama untuk bisa masuk dan dikenali di
search engine terkenal seperti Yahoo atau Google. Cara efektif
publikasi adalah dengan membayar, walaupun harus sedikit
mengeluarkan dana akan tetapi situs cepat masuk ke search
engine dan dikenal oleh pengunjung.
2.1.8
Pemeliharaan Web Site atau Situs
Untuk
mendukung
kelanjutan
dari
situs
diperlukan
pemeliharaan setiap waktu sesuai yang diinginkan seperti penambahan
informasi, berita, artikel, link, gambar dan lain sebagainya. Tanpa
pemeliharaan yang baik situs akan terkesan membosankan atau
monoton juga akan segera ditinggal pengunjung. Pemeliharaan situs
dapat dilakukan per periode tertentu seperti tiap hari, tiap minggu atau
http://contoh.in
17
tiap bulan sekali secara rutin atau secara periodik saja tergantung
kebutuhan(tidak rutin). Pemeliharaan rutin biasanya dipakai oleh situssitus berita, penyedia artikel, organisasi atau lembaga pemerintah.
Sedangkan pemeliharaan periodik bisanya untuk situs-situs pribadi,
penjualan/e-commerce dan lain sebagainya.
2.2
Teori-teori khusus
2.2.1
Pengertian JSP
JSP atau yang kita sebut dengan Java Server Pages adalah
sebuah pemrograman web yang berjalan pada sisi server bukan pada
sisi client seperti Java Script, VB Script ataupun HTML. Ketika
bekerja bahasa ini pun sama layaknya seperti pemrograman Java pada
desktop ataupun pada konsole dos/prompt biasa, yaitu ketika pertama
kali menjalankannya program ini harus di kompilasi terlebih dahulu.
Dan tak perlu repot-repot mengkompilasinya, sebab web servernya
sendiri pun sudah mengkompilasikannya dengan menghasilkan file
ber-ekstension *.class.
JSP masih dikategorikan sebagai bahasa pemrograman web
terbaru dibandingkan kehadirannya dengan CGI/Perl, ASP, CFML dan
PHP. Tapi dengan kehadirannya memasuki dunia perkembangan
teknologi web yang semakin canggih, maka JSP juga bisa dikatakan
sebagai bahasa pemrograman web yang cukup tangguh, kuat dan
cocok untuk aplikasi yang besar. Walaupun di Indonesia sendiri masih
http://contoh.in
18
teramat jarang web hosting yang menyediakan fasilitas yang mensupportnya dibandingkan dengan maraknya distribusi penggunaan
PHP untuk saat ini.
JSP adalah teknologi Web berbasis bahasa pemrograman Java
dan berjalan pada platform Java yang diproduksi oleh Sun
Microsystem. JSP memungkinkan untuk menggabungkan static HTML
dengan dynamic content yang dihasilkan dari servlet. JSP juga
merupakan bagian dari teknologi J2EE (Java 2 Enterprise Edition).
J2EE merupakan platform Java untuk mengembangkan aplikasi
enterprise dengan dukungan API (Application Program Interface)
yang lengkap dan portabilitas serta memberikan sarana untuk membuat
aplikasi multi-tier yang memisahkan antara presentation layer,
application layer, dan data layer.
JSP pada dasarnya juga halaman HTML dengan tambahan tagtag JSP yang berupa Java Code. File JSP mempunyai extension .jsp
bukan .htm atau .html. JSP Engine ( java virtual machine) melakukan
proses parsing pada file .jsp selanjutnya meng-generate java servlet
source file. Kemudian mengkompilasi source file ini menjadi class
file, hal ini dilakukna pada saat pertaman kali file .jsp dijalankan. Hal
ini yang membuat lebih lambat ketika .jsp file pertama kali diakses,
selanjutnya setalah servlet source file terkompile semuanya berjalan
lebi cepat.
http://contoh.in
19
2.2.2
Pengertian HTML
HTML singkatan dari Hyper Text Markup Language adalah
suatu sistem "penandaan" (Markup) pada sebuah dokumen yang
digunakan untuk membangun suatu halaman web (Homepage). Dilihat
dari keseluruhan, file HTML biasanya mempunyai bagian kepala
(head) dan bagian batang tubuh (body), jadi struktur lengkapnya
adalah sebagai berikut:
<html>
<head>
...Informasi mengenai isi file
</head>
<body>
...Isi dari file
</body>
</html>
Bagian Head Umumnya berisi informasi mengenai dokumen tersebut,
misalnya judul dokumen, versi html yang digunakan dan lain-lain.
Sedangkan bagian Body berisi layout atau desain halaman web.
http://contoh.in
20
Ketika anda membuka sebuah homepage, browser akan menampilkan
judul homepage di ujung kiri atas layar browser. Jika kemudian anda
menyimpannya alamat URL-nya ke dalam bookmark, maka judul ini
akan digunakan sebagai keterangan mengenai isi alamat URL yang
anda simpan. Untuk membuat judul halaman web semacam ini,
gunakan tag <title> ... </title> dan diletakkan diantara tag <Head> ...
</head>.
Informasi Search Engine
Agar homepage kita dikenal oleh mesin search engine kita masukkan
informasi-informasi mengenai homepage kita dengan memasukkan tag
<META NAME=> diantara tag <head> ... </head>
Warna Teks Global
Warna teks yang akan ditampilkan oleh browser secara global
ditentukan oleh salah satu atribut yang ada pada tag <BODY>.
Contoh :
text="warna" - Warna Teks, lingk ="warna" - warna Link
vlink="warna"=-warna link yang pernah dikunjungi
alink="warna"-warna link aktif
http://contoh.in
21
2.2.3
8 Aturan Emas
1. Berusaha untuk konsisten.
Harus konsisten terhadap warna, huruf dan sebagainya
2. Memungkinkan frequent users menggunakan shortcuts.
Memungkinkan adanya link-link untuk mempermudah penggunaan
web oleh user
3. Memberikan umpan balik yang informatif.
Memungkinkan
adanya
pesan
yang
diberikan
ketika
user
menyelesaikan suatu event
4. Merancang dialog yang memberikan penutupan (keadaan akhir).
Memungkinkan adanya pesan usebelum user mengeksekusi suatu
event
5. Memberikan pencegahan kesalahan dan penanganan kesalahan
yang sederhana.
Memberikan pesan-pesan kesalahan ketika seorang user melakukan
atau menekan tombol salah atau mengisi filed dengan tidak benar
dan diminta membenarkannya
6. Memungkinkan pembalikan aksi yang mudah.
Adanya link-link ke halaman sebelumnya dalam web sehingga
mempermudah pengunaan oleh user itu sendiri
7. Mendukung pusat kendali internal (internal locus of control).
Terdapat database yang mengendalikan pusat kontrol dari sistem
web sehingga dapat berfungsi dengan baik
http://contoh.in
22
8. Mengurangi beban ingatan jangka pendek.
Membuat web yang tidak mengharuskan user untuk mengingat
segala sesuatu yang ada di web tersebut.
2.2.4
STD (State Transition Diagram)
Menurut Jeffrey.A et all (1996,p364) mendefinisikan bahwa state
transition diagram adalah yang menggambarkan bagaimana process
dihubungkan satu sama lain dalam waktu yang bersamaan. State
transition diagram ini digambarkan dengan sebuah state yang berupa
komponen sistem yang menunjukan bagaimana kejadian-kejadian
tesebut dari satu state ke state lainnya.
Menurut pressman (1997,p317), state transition diagram
menggambarkan kebiasaan yang menyebabkan perubahan satu
kondisi. Selain itu, dapat dikatakan STD menunjukan aksi apa yang
diambil sebagai akibat dari satu kejadian. Ada dua symbol yang
mengambarkan proses dalam STD, yaitu :
1 kotak Æ menunjukan kondisi (state) dari sistem
2 garis panah Æ menunjukan transisi antar state, tiap panah
diberi label dengan ekspresi aturan. Label yang diatas, menunjukan
kejadian yang menyebabkan transisi terjadi pada label yang
menunjukan aksi, yang terjadi akibat dari kejadian tadi.
http://contoh.in
23
Jadi kesimpulannya, STD adalah suatu proses yang saling
berhubungan antara satu dengan yang lainnya dalam suatu waktu,
dengan tujuan untuk menggambarkan suatu kejadian-kejadian suatu
kondisi dari state yang satu ke state yang lainnya.
2.2.5
ERD (Entity Relationship Diagram)
Menurut Yourdon (1998,p235-237) adalah diagram yang
digunakan untuk menggambarkan hubungan antar entity dalam suatu
sistem. Komponen ERD terdiri dari :
1
Entity adalah segala sesuatu yang dapat dijelaskan
dengan data, kelompok benda dan objek
2
Relationship adalah asosiasi antara satu atau beberapa
entity
3
Attribute adalah karakteristik suatu relationship
Relationship yang terdapat dalam ERD
1
one to one : 1 – 1
2
one to many : 1 – n
3
many to many : n – n
http://contoh.in
24
BAB 3
ANALISIS DAN PERANCANGAN SISTEM
3.1
Analisis Sistem yang Sedang Berjalan
3.1.1 Riwayat perusahaan
P.D ALLSON SPORT pertama kali berdiri pada tahun 2001,
dan pertama kali didirikan di daerah ruko ( rumah toko ) Taman Surya.
Pada tahun 2003 P.D ALLSON SPORT pindah tempat ke daerah
Taman Palem Lestari Ruko Fantasi Blok X / 69. P.D ALLSON
SPORT bergerak dibidang distributor dan penjualan perlengkapan
alat-alat olah raga. Dimana produk-produk yang dijual oleh P.D
ALLSON SPORT diimport dari berbagai negara yang memproduksi
alat-alat tersebut, seperti China, Taiwan, dan juga dari dalam negeri.
Produk-produk tersebut juga banyak distok kebeberapa kota di
Indonesia, seperti Jakarta, Lampung, Palembang, Jambi, Pekan Baru,
Padang, Medan, Pontianak, Singkawang dan Balikpapan. Produkproduk yang dijual oleh P.D ALLSON SPORT sudah memenuhi
standart alat-alat olah raga internasional. Namun produk yang dijual
tidak semahal produk yang dijual di pasaran, karena produk tersebut
diambil langsung dari pabrik.
http://contoh.in
25
3.1.2
Struktur Organisasi
Owner
Direktur
Manager
Sekretaris
Accounting
Sales
Gambar 3.1 Struktur Organisasi
3.1.3 Pembagian Tugas dan Tanggung Jawab
Owner: Sebagai pemilik sah dari perusahaan serta yang memberikan
modal kepada perusahaan.
Direktur: Bertindak sebagai pengawas dan penangung jawab dari
suatu peruasahaan dan juga yang bertanggung jawab
memberikan laporan setiap bulan kepada owner.
Manager: Bertugas membantu dierktur dalam setiap kegiatan yang
berhubungan dengan perusahaan
http://contoh.in
26
Accounting: Bertugas untuk menulis faktur penjualan dan membuat
pembukuan
Sekretaris: Bertugas
menerima
telepon,
mengarsip
surat,
pembayaran gaji dan menerima komplain.
Sales: Bertugas untuk menawarkan dan mengirimkan produk (dalam
maupun luar kota), menagih utang,
3.1.4
Sistem atau Prosedur yang Sedang berjalan
Sistem yang sedang berjalan adalah sistem konvensional
dimana jika ada produk yang baru datang atau diimport maka
perusahaan akan mengirimkan salesman untuk membawa sample
produk untuk diperlihatkan ke setiap toko yang ada. Tapi untuk
pengiriman produk ke setiap toko yang berada di luar kota hanya bila
salesman memang kebetulan dikirim untuk urusan luar kota, sehingga
perusahaan harus mengeluarkan biaya operasional yang cukup besar
untuk salesman dan produk yang diperlihatkan. Dengan tenaga sales
yang minim (tiga orang) sehingga pengiriman sample produk
memakan waktu yang cukup lama. Cara pengiriman sample produk
adalah dengan menggunakan sepeda motor, jika produknya berukuran
kecil. Jika ukuran produknya besar atau banyak maka harus
menggunakan mobil box sehingga biaya operasionalnya semakin
besar. Dengan sistem yang sedang berjalan seperti demikian, maka
sulit untuk memperlihatkan sample yang mempunyai banyak varian
http://contoh.in
27
warna atau tipe, karena setiap produk bisa memiliki beberapa variant
warna dan beberapa tipe, sehingga perusahan kesulitan untuk
memperlihatkan semua jenis variant tersebut kepada setiap toko.
Untuk prosedur pemesanan dan pengiriman barang adalah
sebagai berikut :
1.
Pembeli melakukan order secara langsung dan juga bsa melalui
fax ataupun telepon
2.
Pembeli melakukan negosiasi dengan PD. ALLSON SPORT
untuk menentukan jenis dan cara pembayaran, serta kapan
produk tersebut akan diantar
3.
Setelah negosiasi disepakati, maka pada hari yang ditentukan
akan dikirim seorang sales untuk mengirimkan produk yang
akan dipesan
4.
Sesampainya di tempat tujuan, pembeli memeriksa keabsahan
produk yang dipesannya.
5.
Pembeli mentransfer sejumlah uang berdasarkan nominal harga
produk yang telah dipesannya
3.2
Sistem yang Sedang Berjalan
3.2.1
Permasalahan yang Sedang Terjadi
Dengan sistem demikian, maka dapat menimbulkan kendala-kendala
sebagai berikut
http://contoh.in
28
1.
Pengiriman sample produk ke luar kota menjadi jarang karena
tidak ada sales yang pergi ke luar kota kecuali sales tersebut
ada tugas ke luar kota. Sehingga membuat penyebaran produk
menjadi terhambat dan mengurangi omset pendapatan.
2.
Jika sales yang bertugas sedang sakit, maka pengiriman sample
produk menjadi tertunda
3.
Tidak semua konsumen mengenal atau mengetahui produk
tersebut, hanya orang–orang tertentu saja.
4.
Orang-orang sulit untuk melihat produk-produk apa saja yang
ditawarkan oleh PD. ALLSON SPORT
5.
Jika pemesanan dilakukan pada jam-jam sibuk maka ada
kemungkinan pemesanan tersebut tidak dapat dilakukan karena
telepon yang dituju sedang sibuk
3.2.2
Usulan pemecahan Masalah
Dengan masalah yang dihadapi seperti itu, maka dibuatkanlah
e-application berbasiskan web dan mobile web sehingga diharapkan
pemesanan produk perusahaan dapat dilakukan kapan pun dan
dimanapun, serta diharapkan dapat meningkatkan omset penjualan
bagi perusahaan. Dan juga dapat meningkatkan pemasaran produk
menjadi luas tidak terbatas pada daerah jakarta dan beberapa kota
lainnya tapi juga untuk negara lainnya
http://contoh.in
29
3.3
Analisis Sistem
3.3.1
A.
Perancangan Database
Database Barang ( daftar barang beserta harga)
Nama Field
Kode produk
Nama produk
Gambar
Harga
Keterangan
B.
Field Size
5
30
50
Long Integer
200
Keterangan
Primary Key
Nama produk
Gambar produk
Harga
Keterangan produk
Database User ( daftar pelanggan / user)
Nama Field
Username
Password
RealName
City
Address
Phone Code
Phone
Status
C.
Tipe Data
TEXT
TEXT
TEXT
NUMBER
TEXT
Tipe Data
TEXT
TEXT
TEXT
TEXT
TEXT
NUMBER
NUMBER
TEXT
Field Size
50
15
50
20
50
Long Integer
Long Integer
20
Keterangan
Primary Key
Password
Nama asli
Kota pelanggan
Alamat user
Kode Telepon
Telepon user
Admin atau user
Database Transaksi (form transaksi)
Nama Field
Date
Kode Transaksi
Username
Kode Produk
Qty
Total
Tipe Data
Date/Time
TEXT
TEXT
TEXT
NUMBER
NUMBER
Ukuran
Date/Time
6
50
5
Long Integer
Long Integer
Keterangan
Tanggal transaksi
Primary Key
Id pembeli,FK
Id product, FK
Jumlah yang dipesan
Total harga
http://contoh.in
30
D.
Database Temporary Transaksi (form transaksi)
Nama Field
Date
Kode Transaksi
Username
Kode produk
Qty
Total
E.
Tipe Data
Date/Time
TEXT
TEXT
TEXT
NUMBER
NUMBER
Ukuran
Date/Time
6
50
5
Long Integer
Long Integer
Keterangan
Tanggal transaksi
Primary Key,FK
Id pembeli,FK
Id productFK
Jumlah yang dipesan
Total harga
Perancangan Hubungan Antar Database
Database user
Username
Database Barang
Password
Kode produk
RealName
Nama produk
City
Gambar
Address
Harga
Phone Code
Keterangan
Phone
Status
Database transaksi
Date
Trans_code
Buyer_id
Kode Produk
Qty
Total
Database temporari
Date
Trans_code
Buyer_id
Kode Produk
Qty
Total
Gambar 3.2 Hubungan database
http://contoh.in
31
3.3.2
Perancangan Layar
BANNER / LOGO
User Id
Password
Go
Register
copyright
3.3 Halaman Login
BANNER / LOGO
User Id
:
Password
:
Re-Type password
:
Nama lengkap
:
Kota
:
Alamat lengkap
:
Kode area
:
No Telepon
:
Reset
Submit
copyright
3.4 Forn Registrasi
http://contoh.in
32
LOGOUT
Gambar kecil
salam pembuka
dari perusahaan
untuk user
Home
copyright
3.5
Halaman Home Pada Admin
LOGOUT
Gambar kecil
Keterangan gambar
Gambar harga dan detail
produk
Keterangan gambar
Gambar harga dan detail
produk
Keterangan gambar
Gambar harga dan detail
produk
Keterangan gambar
Gambar harga dan detail
produk
Product
123 4
copyright
3.6
Halaman produk Pada Admin
http://contoh.in
33
LOGOUT
gambar kecil
No Tgl T Nama Brg Pembeli Qty Total
View
Order
copyright
3.7 Halaman view order Pada Admin
LOGOUT
gambar kecil
Keterangan &
alamat perusahaan
Contact Us
copyright
3.8
Halaman contact us Pada Admin
http://contoh.in
34
LOGOUT
Gambar kecil
salam pembuka
dari perusahaan
untuk user
Home
copyright
3.9
Halaman Home Pada Client
LOGOUT
Gambar kecil
Keterangan gambar
Gambar harga dan detail
produk
Beli
Keterangan gambar
Gambar harga dan detail
produk
Beli
Keterangan gambar
Gambar harga dan detail
produk
Beli
Keterangan gambar
Gambar harga dan detail
produk
Beli
Product
123 4
copyright
3.10
Halaman Product Pada Client
http://contoh.in
35
LOGOUT
Gambar kecil
Nama produk
:
Harga satuan
:
Jumlah
:
Submit
Batal
copyright
3.11 Halaman Proses Order Pada Client
LOGOUT
Gambar kecil
Keterangan gambar
Gambar harga dan detail
produk
Keterangan gambar
Gambar harga dan detail
produk
Keterangan gambar
Gambar harga dan detail
produk
Keterangan gambar
Gambar harga dan detail
produk
123 4
Order
Reset
OK
copyright
3.12
Halaman Order Pada Client
http://contoh.in
36
LOGOUT
gambar kecil
Keterangan &
alamat perusahaan
Contact Us
copyright
3.13
Halaman contact us Pada Client
LOGOUT
Gambar kecil
Upload product
ket cara upload
Browse
Submit
Nama file
nama produk
Harga
keterangan
reset
Product
Submit
123 4
copyright
3.14
Halaman upload Product pada admin
http://contoh.in
37
3.3.3
Perancangan UML ( Unified Modelling Langguage)
Perancangan UML ini menggunakan program microsoft visio 2000
untuk membuat rancangan sistem secara keseluruhan
Struktur Menu
Login
Login Sebagai Admin
Login Sebagai Client
Home
Product
Proses Beli
Order
Contact us
Home
Form Registrasi
form registrasi
Product
View Order
Contact us
report
Product
3.15
Struktur Menu
http://contoh.in
38
Class Diagram
MsBarang
MsUser
-code : String
-Nama Product : String
-Price : int
-picture : String
+melakukan edit data()
+logout()
-User : String
-Pass : String
-Realname : String
-address : String
-phone : int
-status : String
+Login()
1
-End3
1
-End1
TransOrder
-End4
*
-datetime : Date
-transcode : String
-buyer id : String
-produk id : int
-qty : int
-price : int
-total : int
+Melakukan order()
+melihat hasil order()
+Setelah melihat order user Logout()
+melihat hasil order()
3.18
*
-End2
Class diagram
http://contoh.in
39
Usecase Diagram
3.18
Usecase diagram
Sequence Diagram User
http://contoh.in
40
3.18
Sequence diagram user
Sequence Diagram Admin
3.19
Sequence diagram admin
http://contoh.in
41
State Chart order
3.20 State chart order
http://contoh.in
42
State Chart Admin
3.21
State Chart Admin
http://contoh.in
43
3.3.4 Pseudocode
3.3.4.1 Modul Login
Menampilkan halaman login
Jika user belum ada id
Maka harus registrasi terlebih dahulu
Masuk ke form registrasi
Akhir jika
Jika user telah ada id
jika user melakukan login
maka akan melakukan cek ke database
jika username yang dimasukan status=2
maka login sebagai client
masuk ke halaman home client
akhir jika
jika username yang dimasukan status=1
maka login sebagai admin
masuk ke halaman home admin
akhir jika
akhir jika
akhir jika
3.3.4.2 Modul Form Registrasi
Menampilkan form registrasi
User mengisi semua data
jika password1 yang diisi tdk sama dengan password2
maka form akan dibersihkan dan diminta isi ulang data
akhir jika
jika kode area yang dimasukan bukan angka
http://contoh.in
44
maka form akan dibersihkan dan diminta isi ulang data
akhir jika
jika no telepon yang dimasukan bukan angka
maka form akan dibersihkan dan diminta isi ulang data
akhir jika
jika ada field yang belum terisi
maka data tdk dpt disubmit
akhir jika
jika telah mengirimkan data
maka data akan disimpan kedalam database
dan user dapat kembali ke halaman login untuk login
akhir jika
akhir jika
3.3.4.3 Modul Home Pada Admin
Menampilkan halaman home pada halaman admin beserta link-linknya
Jika menekan tombol menu home
Maka akan ke halaman home pada admin
Akhir jika
Jika menekan tombol menu produk
Maka akan ke halaman produk pada admin
Akhir jika
Jika menekan tombol menu view order
Maka akan ke halaman view order pada admin
Akhir jika
Jika menekan tombol menu contact us
Maka akan ke halaman contact us pada admin
Akhir jika
Jika user telah selesai menggunakan web
http://contoh.in
45
Maka dapat melakukan logout yang tersedia pada setiap
halaman yang dapat dilihat oleh client.
Akhir jika
3.3.4.4 Modul Product Pada Admin
Menampilkan halaman produk pada halaman admin beserta linklinknya
Jika menekan tombol menu home
Maka akan ke halaman home pada admin
Akhir jika
Jika menekan tombol menu produk
Maka akan ke halaman produk pada admin
User dapat melihat produk-produk dari perusahaan
tesebut
Produk yang ditampilkan 5 produk sekaligus
Jika menekan angka yang terdapat di bawah gambar
Maka akan berpindah halaman dan akan
menampilkan 5 gambar berikutnya
Akhir jika
Jika menekan link “add new product”
Maka akan masuk ke halaman upload
Akhir jika
Jika melakukan pencarian berdasarkan nama
Maka akan menampilkan produk dengan nama
yang cocok dengan nama pencarian
Akhir jika
Jika pencarian dilakukan berdasarkan merek produk
http://contoh.in
46
Jika akan menampilkan produk dengan merek
yang dicari oleh user
Jika gambar produk pada halaman produk ditekan
Maka akan menampilkan gambar produk yang
berukuran besar
Akhir jika
Akhir jika
Jika menekan tombol menu view order
Maka akan ke halaman view order pada admin
Akhir jika
Jika menekan tombol menu contact us
Maka akan ke halaman contact us pada admin
Akhir jika
Jika user telah selesai menggunakan web
Maka dapat melakukan logout yang tersedia pada setiap
halaman yang dapat dilihat oleh client.
Akhir jika
3.3.4.5 Modul Upload Pada Admin
Menampilkan halaman produk pada halaman admin beserta linklinknya
Jika menekan tombol menu home
Maka akan ke halaman home pada admin
Akhir jika
Jika menekan tombol menu produk
Maka akan ke halaman produk pada admin
Jika menekan link “ add new product”
Maka
akan
menampilkan
layar
untuk
menambahkan produk baru kedalam database
http://contoh.in
47
Jika menekan tombol browse
Maka
akan
membuka
layar
untuk
memilih gambar yang akan diupload
Jika menekan tombol submit
Maka
gambar
akan
dikirim
kedatabse
Akhir jika
Jika user tidak mengisi keterangan data
Maka gambar tidak akan berhasil
dikirim ke database
Akhir jika
Jika data keterangan telah diisi
Maka produk berhasil dikirim ke
dalam
database
dan
produk
ersebut dapat dicari
Akhir jika
Akhir jika
Akhir jika
Akhir jika
Jika menekan tombol menu view order
Maka akan ke halaman view order pada admin
Akhir jika
Jika menekan tombol menu contact us
Maka akan ke halaman contact us pada admin
Akhir jika
Jika user telah selesai menggunakan web
Maka dapat melakukan logout yang tersedia pada setiap
halaman yang dapat dilihat oleh client.
Akhir jika
http://contoh.in
48
3.3.4.6 Modul View Order Pada Admin
Menampilkan halaman view order pada admin beserta link-linknya
Jika menekan tombol menu home
Maka akan ke halaman home pada admin
Akhir jika
Jika menekan tombol menu produk
Maka akan ke halaman produk pada admin
Akhir jika
Jika menekan tombol menu view order
Maka akan ke halaman view order pada admin
Menampilkan produk-produk apa saja yang dibeli oleh
client, tanggal pembeliannya, harganya, siapa yang
membelinya, jumlah pembeliannya.
Jika tidak melakukan pencarian
Maka akan menapilkan semua transaksi
yang terjadi
Akhir jika
Jika melakukan pencarian berdasarkan bulan
Maka akan menampilkan produk yang
terjadi pada bulan yang dicari dan tahun
yang dicari
Akhir jika
Jika pencarian dilakukan berdasarkan tahun
Maka akan menampilkan produk yang
terjadi pada tahun yang diinginkan
Akhir jika
melakukan pencarian berdasarkan bulan dan
tahun
http://contoh.in
49
menampilkan transaksi yang terjadi pada
bulan dan tahun yang dicari serta total
harga transaksi tersebut.
Akhir jika
Akhir jika
Jika menekan tombol menu contact us
Maka akan ke halaman contact us pada admin
Akhir jika
Jika user telah selesai menggunakan web
Maka dapat melakukan logout yang tersedia pada setiap
halaman yang dapat dilihat oleh client.
Akhir jika
3.3.4.7 Modul Contact Us Pada Admin
Menampilkan halaman contact us pada admin beserta link-linknya
Jika menekan tombol menu home
Maka akan ke halaman home pada admin
Akhir jika
Jika menekan tombol menu produk
Maka akan ke halaman produk pada admin
Akhir jika
Jika menekan tombol menu view order
Maka akan ke halaman view order pada admin
Akhir jika
Jika menekan tombol menu contact us
Maka akan ke halaman contact us pada admin
Akhir jika
Jika user telah selesai menggunakan web
http://contoh.in
50
Maka dapat melakukan logout yang tersedia pada setiap
halaman yang dapat dilihat oleh client.
Akhir jika
3.3.4.8 Modul Home Pada client
Menampilkan halaman home pada client beserta link-linknya
Jika menekan tombol menu home
Maka akan ke halaman home pada admin
Akhir jika
Jika menekan tombol menu produk
Maka akan ke halaman produk pada admin
Akhir jika
Jika menekan tombol menu view order
Maka akan ke halaman view order pada admin
Akhir jika
Jika menekan tombol menu contact us
Maka akan ke halaman contact us pada admin
Akhir jika
Jika user telah selesai menggunakan web
Maka dapat melakukan logout yang tersedia pada setiap
halaman yang dapat dilihat oleh client.
Akhir jika
3.3.4.9 Modul Product Pada Client
Menampilkan halaman product pada client beserta link-linknya
Jika menekan tombol menu home
Maka akan ke halaman home pada admin
Akhir jika
http://contoh.in
51
Jika menekan tombol menu produk
Maka akan ke halaman produk pada admin
jika gambar pada produk ditekan
maka akan menampilkan produk dalam ukuran
besar
akhir jika
jika link “beli” yang terdapat dekat produk ditekan
maka produk tersebut akan dibeli dan pindah ke
halaman proses beli
akhir jika
jika proses beli telah selesai dan jadi
maka akan pindah ke halaman produk lagi agar
user dapat membeli barang yang lain
dan produk yang diorder akan tampak pada
halaman order dan disimpan pada database
sementara
akhir jika
jika pembeli batal membeli produk
maka user akan kembali ke halaman produk lagi
mungkin user ingin membeli produk yang lain
akhir jika
jika pencarian dilakukan berdasarkan nama
maka akan mencari produk yang sama dengan
nama produk yang yang dimasukan
akhir jika
jika melakukan pencarian berdasarkan nama merek
maka akan mencari produk dengan nama yang
sama dengan nama yang dimasukan
akhir jika
jika menu angka yang terdapat dibawah produk ditekan
http://contoh.in
52
Maka akan menampilkan produk selanjutnya,
produk yang ditampilkan 5 produk perhalaman
Akhir jika
Akhir jika
Jika menekan tombol menu view order
Maka akan ke halaman view order pada admin
Akhir jika
Jika menekan tombol menu contact us
Maka akan ke halaman contact us pada admin
Akhir jika
Jika user telah selesai menggunakan web
Maka dapat melakukan logout yang tersedia pada setiap
halaman yang dapat dilihat oleh client.
Akhir jika
3.3.4.10 Modul Proses Beli Pada Client
Menampilkan halaman proses beli pada client beserta link-linknya
Jika menekan tombol menu home
Maka akan ke halaman home pada admin
Akhir jika
Jika menekan tombol menu produk
Maka akan ke halaman produk pada admin
Akhir jika
Jika menekan tombol menu view order
Maka akan ke halaman view order pada admin
Akhir jika
Jika menekan tombol menu contact us
Maka akan ke halaman contact us pada admin
Akhir jika
http://contoh.in
53
Jika user telah selesai menggunakan web
Maka dapat melakukan logout yang tersedia pada setiap
halaman yang dapat dilihat oleh client.
Akhir jika
Menampilkan nama produk, harga satuan yang dipilih dari
halaman produk client dan client dapat memasukan jumlah
dengan sendirinya
Jika client menekan tombol “submit”
Maka data akan dikirim ke database temporary
Akhir jika
Jika client menekan tombol “batal”
Maka semua data akan dibersihkan dan akan
kembali ke halaman produk untuk memilih
produk lain
Akhir jika
3.3.4.11 Modul Order Pada Client
Menampilkan halaman order pada client beserta link-linknya
Jika menekan tombol menu home
Maka akan ke halaman home pada admin
Akhir jika
Jika menekan tombol menu produk
Maka akan ke halaman produk pada admin
Jika tombol “submit” pada halaman proses beli ditekan
Maka produk yang dibeli akan dilempar ke
halaman order
Akhir jika
Menampilkan produk-produk yang tadi dipesan
Jika gambar produk lewat dari 5 produk
http://contoh.in
54
Maka akan membuat halaman baru untuk
menampilkan produk berikutnya dan terdapat
link ke halaman sebelumnya
Jika menekan tombol menu “ok”
Maka data yang tadi dipilih akan berpindah dari
datase temporary ke database transaksi
Akhir jika
Jika menekan tombol menu”reset”
Maka semua data atau produk yang dipesan
akan dibersihkan termasuk data yang ada di
database temporary
Akhir jika
Akhir jika
Jika menekan tombol menu view order
Maka akan ke halaman view order pada admin
Akhir jika
Jika menekan tombol menu contact us
Maka akan ke halaman contact us pada admin
Akhir jika
Jika user telah selesai menggunakan web
Maka dapat melakukan logout yang tersedia pada setiap
halaman yang dapat dilihat oleh client.
Akhir jika
3.3.4.12 Modul Contact Us Pada Client
Menampilkan halaman contact us pada client beserta link-linknya
Jika menekan tombol menu home
Maka akan ke halaman home pada admin
Akhir jika
Jika menekan tombol menu produk
http://contoh.in
55
Maka akan ke halaman produk pada admin
Akhir jika
Jika menekan tombol menu view order
Maka akan ke halaman view order pada admin
Akhir jika
Jika menekan tombol menu contact us
Maka akan ke halaman contact us pada admin
Akhir jika
Jika user telah selesai menggunakan web
Maka dapat melakukan logout yang tersedia pada setiap
halaman yang dapat dilihat oleh client.
Akhir jika
http://contoh.in
56
BAB 4
IMPLEMENTASI DAN EVALUASI
4.1
Implementasi
4.1.1
Rencana Implementasi
Di dalam mengimplementasikan situs web P.D ALLSON
dengan cara melakukan hosting pada web server.
4.1.2
Sarana yang Dibutuhkan dalam Implementasi
Hardware
Spesifikasi server yang akan digunakan untuk menjadi web
server bagi P.D ALLSON SPORT direkomendasikan sebagai berikut:
Spesifikasi Untuk Server
•
Processor 1.5 GHz
•
RAM 512 MB
•
HDD 40 GB
•
Modem internal 56 kbps
•
Monitor 15 “
•
Keyboard
•
Mouse
http://contoh.in
57
•
Ehternet Card
•
Handphone GSM
•
VGA 64 MB
•
Printer
Spesifikasi Client
•
Processor 1 GHz
•
RAM 256 MB
•
HDD 40 GB
•
Modem internal 56 kbps
•
Monitor 15 “
•
Keyboard
•
Mouse
•
VGA 32 MB
•
Printer
•
Ehternet Card
•
Handphone GSM
http://contoh.in
58
Software
Software yang dibutuhkan untuk menjalankan server:
•
Windows XP
•
Macromedia Dreamweaver
•
Microsoft Access
•
Apache Tomcat
•
JDK
•
Internet Explorer 6.0
•
Koneksi internet
Software yang dibutukan client antara lain:
•
Windows 2000
•
Internet Explorer
http://contoh.in
59
4.1.3
Cara Pengoperasian Program
Gambar 4.1 Halaman login
Halaman utama dari Web P.D ALLSON SPORT yang digunakan oleh member dan
admin untuk melakukan login untuk masuk kedalam Web P.D ALLSON SPORT, dan
juga terdapat link untuk register bagi member yang belum ada ID.
Jika kita memasukan username dan Password untuk admin maka data tersebut akan
dicek di database dan masuk ke halaman untuk admin.
http://contoh.in
60
Gambar 4.2 Halaman login dengan inputan admin
Jika user memasukan username dan Password untuk admin maka data tersebut akan
dicek di database dan masuk ke halaman untuk admin.
Untuk ID pada User ID dan Password terserah pada kemauan user, data terebut dapat
diubah pada database nantinya.
Setelah menekan tombol menu “go” maka akan berpindah halaman ke halaman
admin.
http://contoh.in
61
Gambar 4.3 Halaman home admin
Pada halaman Home yang berada di admin terdapat menu seperti Home, Produk,
View order, Contact us.
Pada menu home terdapat kata sambutan, pada menu produk menampilkan produkproduk yang ada pada perusahaan P.D ALLSON SPORT. Pada menu view order
digunakan untuk melihat semua transaksi yang tejadi antara P.D ALLSON SPORT
dengan konsumen. Terakhir halaman Contact Us yang berisi informasi tentang
perusahaan P.D ALLSON SPORT. Dan juga terdapat tombol logout pada kanan atas.
http://contoh.in
62
Gambar 4.4 Halaman login dengan inputan client
Pada halaman login user memasukan User ID dan Password untuk client.
Maka pada saat menekan tombol “go” kita akan berpindah halaman menuju halaman
home yang ada pada client. Dan tampilannya akan hampir sama dengan yang ada
pada admin hanya saja memiliki fungsi yang benar-benar berbeda dengan admin.
http://contoh.in
63
Gambar 4.5 Halaman home client
Pada halaman home yang ada pada client terdapat beberapa menu yaitu menu Home,
Produk, Order, Contact us.
Pada menu home terdapat kata pembuka dan sambutan dari P.D ALLSON SPORT
untuk atau kepada semua client yang telah menjadi anggota. Pada halaman ini juga
terdapat logout pada kanan atas.
http://contoh.in
64
Gambar 4.6 Halaman login dengan kesalahan inputan client
Jika user belum memiliki User ID dan Password maka tidak dapat memasuki halaman
home client ataupun admin. Dan tidak dapat memasukan User ID dan Password
secara sembarangan.
http://contoh.in
65
Gambar 4.7 Halaman login dengan tampilan kesalahan
Jika tetap memasukkan User ID dan Password sembarangan dan menekan “go” maka
akan menampilkan informasi seperti ini.
Dan akan diminta untuk memasukan data yang benar. Jika belum mempunyai data
maka dapat melakukan registrasi terlebih dahulu.
http://contoh.in
66
Gambar 4.8 Halaman register
Tampilan pada halaman register. Dimana user baru harus memasukkan data di
dalamnya.
http://contoh.in
67
Gambar 4.9 Halaman register client dengan kesalahan inputan
Untuk mengisi register, user akan diminta untuk mengisi semua form yang ada.
Password akan diminta diisi 2 kali dengan nama yang sama.
http://contoh.in
68
Halaman 4.10 Halaman register client dengan tampilan kesalahan
Jika Password yang diminta tidak sama dan di “submit” maka akan muncul pesan
seperti di atas dan semua field dibersihkan untuk mengisi ulang data.
http://contoh.in
69
Gambar 4.11 Halaman register client dengan kesalahan inputan
Adapun halnya jika user memasukan Password dengan benar tetapi ada beberapa data
yang tidak terisi seperti diatas.
http://contoh.in
70
Gambar 4.12 Halaman register client dengan tampilan kesalahan
Jika disubmit maka akan memberikan pesan dan semua field dibersihkan untuk
mengisi ulang data.
http://contoh.in
71
Gambar 4.13 Halaman register client dengan kesalahan inputan
Sama halnya jika kode area yang dimasukan bukan berupa angka. Pada saat menekan
tombol menu “submit” data tidak akan tersimpan dan ditolak.
http://contoh.in
72
Gambar 4.14 Halaman register client dengan tampilan kesalahan
Sehingga mengeluarkan pesan “semua field harus diisi” karena kode area dianggap
belum terisi oleh computer. Sehingga semua data akan dibersihkan dan diminta diisi
ulang oleh user.
http://contoh.in
73
Gambar 4.15 Halaman register client dengan kesalahan inputan
Hal yang sama jika kita memasukan no telp dengan huruf dan bukan angka. Pada saat
menekan tombol menu “submit” data tidak akan tersimpan dan ditolak.
http://contoh.in
74
Gambar 4.16 Halaman register client dengan tampilan kesalahan
Maka akan diberikan pesan “semua field harus diisi” karena field nomor telepon
hanya menerima angka jika dimasukan huruf maka field tersebut dianggap kosang
sehingga diminta untuk mengisi ulang semua data-data.
http://contoh.in
75
Gambar 4.17 Halaman register client dengan inputan yang benar
Jika kita mengisi semua data dengan benar baik itu Password yang harus sama, kode
area harus berupa angka dan nomor telepon juga harus berupa angka.
Maka pada saat kita mensubmit data tersebut data tersebut akan tersimpan didalam
database yang ada.
http://contoh.in
76
Gambar 4.18 Halaman login dengan inputan register baru
Setelah proses register berhasil, akan kembali ke halaman login. Ini menunjukan
bahwa data tersebut telah disimpan.
Pada saat Registrasi user menggunakan User ID dan Password yang sebelumnya telah
dimasukkan saat proses registrasi.
http://contoh.in
77
Gambar 4.19 Halaman login dengan inputan client
Ketika memasukkan User ID “Linawati” dan Password “Yen” dan pada saat user
menekan tombol “go” maka akan langsung berpindah ke halaman home client.
http://contoh.in
78
Gambar 4.20 Halaman home client
User dengan nama “Linawati” telah berhasil melakukan login pada website ini. Pada
halaman ini user dapat melihat home, produk, order, dan juga contact us.
Jika user ingin melihat produk dapat dengan cara menekan menu produk yang ada
pada samping.
http://contoh.in
79
Gambar 4.21 Halaman product client
Pada halaman ini user “Linawati” dapat melihat produk yang tersedia. User juga
dapat berpindah halaman produk untuk melihat jenis produk lainnya dengan cara
menekan tombol angka yang ada dibawah produk.
http://contoh.in
80
Gambar 4.22 Halaman product client selanjutnya
Tampilan produk yang ada pada halaman ke-2 dan seterusnya jika user ingin melihat
produk-produk tersebut.
User dapat melakukan pencarian produk yang user kehendaki dengan menggunakan
fungsi dari search.
http://contoh.in
81
Gambar 4.23 Halaman product client dengan search
Search dapat dilakukan dengan memasukkan nama suatu produk seperti contohnya
“bola”. Dan dengan menekan tombol search yang ada maka akan langsung
menampilkan semua barang yang mengandung kata-kata “bola”.
http://contoh.in
82
Gambar 4.24 Halaman product client setelah search
Maka akan menampilkan semua daftar barang yang memiliki nama “bola” seperti
“Babolat” dan “jarum bola besi” yang mengandung kata bola pada nama barang
tersebut.
http://contoh.in
83
Gambar 4.25 Halaman product client dengan search
User dapat mencari barang pada fungsi search dengan memasukkan nama merk suatu
barang tertentu misalnya user ingin mencari produk “Yonex”
Jika menekan tombol submit maka akan menampilkan gambar atau produk dari merk
Yonex.
http://contoh.in
84
Gambar 4.26 Halaman product client setelah search
Produk Yonex yang tersedia berupa dua barang, yaitu raket dan sepatu.
http://contoh.in
85
Gambar 4.27 Halaman product client dengan tampilan product
Jika user merasa bingung karena produk yang ditampilkan tidak jelas maka user dapat
mengklik gambar yang diinginkan dan akan menampilkan gambar produk tersebut
dalam ukuran besar. Dalam hal ini user menekan produk raket badminton merk
Yonex.
http://contoh.in
86
Gambar 4.28 Halaman product client
Untuk membeli produk yang diinginkan, user dapat melakukannya dengan cara
menekan tulisan yang bertuliskan “beli” misalkan user ingin membeli “Raket Wilson
ultra” user hanya tinggal menekan tulisan beli yang terdapat pada produk tersebut.
http://contoh.in
87
Gambar 4.29 Halaman pembelian pada product client
Saat tulisan “beli” pada produk raket Wilson ultra ditekan, tampilan akan berupa
seperti ini. Pada halaman ini, user diminta untuk memasukkan jumlah barang yang
ingin dibeli. Setelah itu user hanya perlu menekan tombol submit dan pesanan akan
disimpan dalam database. Setelah itu akan kembali ke halaman produk.
http://contoh.in
88
Gambar 4.30 Halaman product client
Setelah user melakukan pembelian maka akan kembali pada halaman produk seperti
ini. Tujuannya bila user ingin membeli produk lainnya, user hanya perlu menekan
lagi tulisan “beli” pada produk yang diinginkan.
http://contoh.in
89
Gambar 4.31 Halaman order client
Merupakan tampilan pada halaman order. Dimana bila user memesan atau membeli
produk, akan ditampilkan pada halaman ini.
http://contoh.in
90
Gambar 4.32 Halaman order client saat terjadi pembelian
Saat user memlih submit pada saat pembelian raket Yonex ulta, data pembelian akan
ditampung pada halaman order. Pada halaman order, user dapat memilih untuk
memesan atau membatalkan pesanan. Halaman order berguna agar user dapat
memastikan pesanannya.
http://contoh.in
91
Gambar 4.33 Halaman order client dengan pembatalan pembelian
Saat user berubah pikiran dan bermaksud untuk membatalkan pemesanan, user hanya
perlu menekan tombol reset. Maka semua data yang dipesan sebelumnya akan
dihapuskan. Dan akan kembali ke halaman produk.
http://contoh.in
92
Gambar 4.34 Halaman product client
Jika user menekan submit maka data akan dikirim dan user akan kembali ke halaman
produk.
http://contoh.in
93
Gambar 4.35 Halaman order client saat pembelian
User akan dapat melihat produk-produk lain yang ingin dibeli oleh user sendiri. User
juga bisa sekaligus membeli beberapa barang dengan cara menekan tulisan “beli”
pada produk yang diinginkan lalu saat kembali pada halaman produk user dapat
menekan kembali tulisan “beli” pada poduk lainnya Setelah itu user dapat ke halaman
order untuk mengkonfirmasi apa saja yang dipesan sebelumnya.
Jika menekan submit maka produk yang dipesan akan disimpan di database admin.
http://contoh.in
94
Gambar 4.36 Halaman order client saat pesanan dikirim
Jika user telah menekan submit, produk pesanan tersebut maka database client akan
dibersihkan. Sama halnya bila user menekan reset, database client juga akan
dihapuskan. Tetapi saat user menekan reset, data pembelian benar-benar dihapus
berbeda dengan submid, data akan disimpan dalam database pembelian.
http://contoh.in
95
Gambar 4.37 Halaman product client
User akan kembali ke halaman produk lagi untuk melihat apakah user ingin membeli
produk atau tidak.
Jika user telah selesai membeli dapat langsung keluar dari web dengan menekan
“logout” yang ada pada kanan atas web
http://contoh.in
96
Gambar 4.38 Halaman login
Saat user menekan “logout” akan kembali ke halaman tampilan utama.
User juga dapat “logout” dari halaman mana saja karena disetiap halaman telah
disediakan menu untuk logout.
http://contoh.in
97
Gambar 4.39 Halaman contact us client
Dan sebelum melakukan logout user juga dapat melihat Contact Us yang mungkin
berguna bagi user itu sendiri.
User dapat logout dari halaman tersebut dan kembali ke halaman login.
http://contoh.in
98
Gambar 4.40 Halaman login dengan inputan admin
Untuk masuk ke halaman admin seorang administrator harus memasukan User ID dan
password sesuai dengan status di database, misalnya untuk admin telah diset untuk
User ID dan oasswordnya berupa “admin”.
Untuk User ID dan password admin dapat diganti sesuai dengan keinginan admin itu
sendiri, jika menekan tombol “go” maka akan masuk ke halaman admin.
http://contoh.in
99
Gambar 4.41 Halaman home admin
Setelah berhasil login, maka akan tampil halaman Home Admin, dimana di halaman
Home ini hanya admin yang dapat melihatnya. Di halaman ini juga terdiri dari menu
Product, View Order, Contact Us.
http://contoh.in
100
Gambar 4.42 Halaman product admin
Pada halaman produk, admin dapat melihat produk perusahaannya sendiri.
Di halaman ini admin dapat melakukan search berdasarkan nama produk dan merk
http://contoh.in
101
Gambar 4.43 Halaman product admin dengan search
Sama halnya seperti pada halaman produk client, untuk melakukan pencarian produk
dapat dilakukan berdasarkan jenis produk yang diinginkan. Contonya “raket”.
http://contoh.in
102
Gambar 4.44 Halaman product admin setelah search
Jika search disubmit akan menampilkan semua produk raket seperti dibawah ini.
Semua jenis raket dan semua tipe raket ditampilkan. Dimana terdapat keterangan dan
harga setiap produknya.
http://contoh.in
103
Gambar 4.45 Halaman product admin dengan search
Admin juga dapat melakukan pencarian melalui search berdasarkan nama merk.
Contohnya “Yonex”.
http://contoh.in
104
Gambar 4.46 Halaman product admin setelah search
Jika disubmit maka akan ditampilkan produk-produk olah raga merk Yonex. Sama
halnya pula dengan client, produk yang ditampilkan berupa raket dan sepatu.
http://contoh.in
105
Gambar 4.47 Halaman add a new product admin
Admin dapat menambahkan produk baru dari P.D ALLSON SPORT dengan cara
menekan link “add new produk” yang ada dihalaman produk admin yang terletak
pada kanan bawah halaman produk.
http://contoh.in
106
Gambar 4.48 Halaman add a new product admin
Di halaman ini admin diminta untuk memasukan nama file gambar yang mau
diupload dengan cara mengklik tombol “browse”.
http://contoh.in
107
Gambar 4.49 Halaman add a new product admin
Lalu admin memilih gambar yang dikehendaki dan mencantumkan tempat dimana
gambar itu disimpan kemudian pilih open maka nama gambar dan alamat akan tertera
dan gambar dapat di upload.
http://contoh.in
108
Gambar 4.50 Halaman add a new product admin
Setelah admin mensubmit gambar tersebut maka gambar akan langsung diupload dan
akan tampil pesan “Foto xxxxxxx.xxx telah diupload”.
Di sini admin harus memasukkan semua data dan keterangan dari produk tersebut.
http://contoh.in
109
Gambar 4.51 Halaman product admin dengan search
Tetapi bila hanya mensubmit gambar tanpa disertai keterangan, nama produk, dan
harga maka di halaman produk tidak akan ditampilkan gambar yang tadi diupload
yang bernama “bnuslog.gif”.
http://contoh.in
110
Gambar 4.52 Halaman product admin setelah search
Dan jika dilakukan pencarian pada fungsi search maka data yang dicari tidak akan
ditampilkan. Karen dianggap data yang diupload tidak ada.
http://contoh.in
111
Gambar 4.53 Halaman add a new product admin
Karena itu admin harus mengupload kembali gambar produk tersebut seperti
sebelumnya.
http://contoh.in
112
Gambar 4.54 Halaman add a new product admin
Admin harus memilih gambar produk tersebut kembali melalui browse. Kali ini
semua field harus sudah terisi kemudian disubmit agar data dapat masuk ke dalam
data base dan dapat disearch di produk.
http://contoh.in
113
Gambar 4.55 Halaman add a new product admin
Setelah semua field diisi dan gambar dimasukkan maka akan muncul sebuah tampilan
yang menerangkan bahwa data telah terisi dan dapat dilihat di bagian produk.
http://contoh.in
114
Gambar 4.56 Halaman product admin dengan search
Setelah data produk baru telah berhasil dimasukkan, data tesebuat akan muncul pada
halaman produk dan dapat dicari dengan menggunakan search. Kali ini dicontohkan
memasukkan data tentang meja dengan aksesorisnya dan dilakukan search dengan
menggunakan nama “meja”.
http://contoh.in
115
Gambar 4.57 Halaman product admin setelah search
Setelah disubmit, kali ini produk yang ditambahkan dapat dicari dan ditemukan. Serta
dapat di delete ataupun diedit. Dengan kata lain bahwa proses penambahan produk
telah berhasil dilakukan.
http://contoh.in
116
Gambar 4.58 Halaman add a new product admin
Jika pada saat pengisiian halaman produk baru, dengan memasukkan nama produk,
harga dan keterangan, terjadi kesalahan pengisian data, dapat diperbaiki dengan
menekan tombol reset.
http://contoh.in
117
Gambar 4.59 Halaman add a new product admin
Pada saat tombol direset ditekan maka akan membersihkan bagian nama produk,
harga dan keterangan, akan tetapi jika admin langsung pindah ke produk maka
produk yang tadi diupload tdak akan berhasil masuk ke database dan tidak dapat
muncul di produk.
http://contoh.in
118
Gambar 4.60 Halaman view order admin
Admin juga dapat melihat hasil transaksi yang dilakukan oleh client atau end user
pada halaman View Order.
Sehingga semua data tentang client yang memesan atau yang membeli produk dapat
dilihat dan dapat diproses oleh perusahaan.
http://contoh.in
119
Gambar 4.61 Halaman view order dengan search bulan dan tahun
Pada halaman ini admin dapat melihat laporan transaksi yang terjadi selama sebulan
maupun setahun
Misalnya untuk melihat transaksi pada bulan 2 atau Februari.
http://contoh.in
120
Gambar 4.62 Halaman view order admin setelah di search
Jika disubmit akan ditampilkan hanya daftar laporan transaksi yang terjadi pada bulan
2 atau bulan February tahun 2007.
http://contoh.in
121
Gambar 4.63 Halaman view order admin setelah search
Admin juga dapat melakukan pencarian berdasarkan tahun misalnya admin mencari
tansaksi pada bulan 2 dan pada tahun 2008. Dengan memasukkan angka pada bulan
dan pada tahun untuk search.
http://contoh.in
122
Gambar 4.64 Halaman view order setelah search
Pada saat bulan dan tahun udah dimasukkan dan ditekan tombol “cari” maka data
yang semula akan berubah menjad data yang dikehendaki, yaitu bulan 2 dan tahun
2008.
Akan ditampilkan transaksi yang ada atau terjadi pada bulan 2 dan tahun 2008.
Beserta total transaksi yang terjadi dan kolom search pencarian akan kembali ke
bulan 1 dan tahun 2007
http://contoh.in
123
Gambar 4.65 Halaman login
Admin juga dapat melakukan logout pada setiap halaman karena di setiap halaman
disediakan tulisan logout yang berada pada bagian kanan atas untuk keluar dari
halaman wab dan kembali pada saat login.
http://contoh.in
124
Gambar 4.66 Halaman contact us admin
Admin juga dapat melihat contact us yang tersedia juga di menu admin. Namun
disinilah letak kekurangannya karena Contact Us tidak dapat diubah karena bersifat
statik.
http://contoh.in
125
4.2
Evaluasi
4.2.1
Evaluasi Sistem
4.2.1.1
Evaluasi Hardware
Evaluasi yang dilakukan untuk hardware dengan
spesifikasi yang ditentukan bahwa program ini dapat berjalan
dengan baik dengan spesifikasi yang diberikan sehingga
program yang dijalankan tidak dapat crush yang disebabkan
oleh kurangnya jumlah spesifikasi yang dianjurkan.
4.2.1.2
Evaluasi Software
Evaluasi yang dilakukan untuk software dengan
spesifikasi yang ditentukan adalah bahwa program ini dapat
berjalan dengan baik dengan spesifikasi yang diberikan
seperti
1.
Macromedia dreamweaver
Karena software ini tidak terlalu berat dan dapat
dijalankan pada spesifikasi hardware yang diberikan dan
juga
pemakaian
dengan
user
interface
yang
memudahkan untuk pembuatan program tersebut.
2.
Adobe Photoshop
Program ini juga dapat dijalankan dengna baik
dengan spesifikasi yang diberikan.
http://contoh.in
126
Program digunakan untuk membuat desain web tersebut.
Penggunaan program ini juga sangat mudah dengan
banyaknya help dan user interface yang memudahkan
kita untuk mendesain web tersebut.
3.
Macromedia Firework
Program ini paling ringan dan tidak memerlukan
spesifikasi yang terlalu berat. Program ini digunakan
untuk membuat web aplikasi tersebut, dengan tampilan
yang menarik dan user inteface yang memudahkan kita
untuk mengerjakan web tersebut.
4.
Windows xp
Sistem operasi ini dipilih untuk pengoperasian
program yang lain karena program lain itu semua
diinstall
berbasiskan
windows
sehingga
untuk
menjalankan program tersebut harus ada windows.
5.
Apache Tomcat
Sebuah program server yang digunakan untuk
mengetes program java dan progranm lainnya yang
digunakan untuk membuat sebuah program berbasiskan
web yang dapat dites tanpa harus di hosting ke web.
http://contoh.in
127
6.
JDK
Sebuah program java yang digunakan untuk
membuat program web. Program java ini dipilih karena
tingkat sekuritas yang tinggi dan pemakainanya yang
mudah
sehingg
dapat
menghemat
waktu
dalam
pembuatan program tersebut.
7. I E (Internet Explorer)
Program ini digunakan karena ringan serta stabil
dikarenakan juga karena sudah terinstall ketika kita
menginsatall
windows
sehingga
mempermudah
pemakaiannya.
8. Internet
Sebuah koneksi digunakan untuk menghubungkan
server atau data program ke jaringan luas yang ada di
seluruh dunia.
4.2.2
Evaluasi IMK
Evaluasi yang dilakukan untuk mengecek apakah
program ini sudah memadai atau mencakup 8 aturan emas
yang diantaranya adalah sebagai berikut
http://contoh.in
128
1. Konsisten
Berusaha untuk tetap konsisten terhadap apa yang
kita gunakan dalam pembuatan program tersebut.
Bahwa program yang dibuat menggunakan css sehingga
semua bentuk huruf, besarnya huruf, warna, dan
penempatan telah sesuai dengan aturan yang pertama.
2. Memungkinkan user menggunakan shortcut
Memungkinkan user untuk menggunakan link agar
mudah dalam pemakaian program web tersebut.
http://contoh.in
129
Bahwa program yang dibuat dengan membuat link-link
ke setiap halaman web agar dapat dengan mudah
berpindah halaman telah sesuai dengan aturan yang kedua
Seperti dari halaman home bisa langsung ke halaman
product dan sebaliknya
3. Memberikan umpan balik yang informatif
Memberikan pesan-pesan atau petunjuk-petunjuk
yang digunakan untuk membimbing pengguna agar
mudah dalam pengoperasiannya.
http://contoh.in
130
Dalam hal ini program yang dibuat juga telah memenuhi
kriteria aturan yang ketiga karena ada umpan balik yang
informatif kepada si user.
4. Merancang dialog yang memberikan penutupan
Memberikan pesan-pesan yang digunakan untuk
memimbing pengguna agar mudah dalam pemakaian
program tersebut. dan pesan yang diberikan lebih spesifik
http://contoh.in
131
Program ini telah memenuhi kriteria yang ada setelah
dilakukan evaluasi karena memberikan pesan seperti
“data telah ditambahkan” jika telah mengisi semua field
register.
5. Memberikan pencegahan kesalahan
Memberikan pesan-pesan pencegahan kesalahan
sebelum user melakukan kesalahan, misalnya disamping
field password diberi pesan seperti “minimal 6 charakter”
sehingga ketika user ingin menggisi password maka user
mengetahui bahwa password tersebut harus diisi minimal
6 karakter.
Aturan ini tidak ada dalam web ini karena tidak
terlalu penting.
http://contoh.in
132
6. Memungkinkan pembalikan aksi yang mudah
Memberikan kemudahan jika user sudah memasuki
link yang terlalu dalam dam hanay sekali mengklik maka
user dapat kembali ke halaman home atau halaman awal.
Dalam hal ini program yang dievaluasi telah memnuhi
kriteria ini karena jika user telah masuk ke link-link dan
ingin kembali ke halaman awal maka user hany tinggal
mengklik saja.
7. Mendukung pusat kendali internal
User
memiliki kendali dalam pengaturan aplikasi (
kontrol panel ), pengaturan aplikasi tidak fixed tetapi flexible
dan dapat dikendalikan oleh user
http://contoh.in
133
Web
ini
juga
tidak
memiliki
kendali
intenal,
dikarenakan user tidak harus mengetahui atau dapat
mengubah aplikasi tersebut, user hanya dapat memakai
fungsi web tersebut dan tidak dapat mengubah pusat kendali
internalnya.
8. Mengurangi beban ingatan jangka pendek
Memberikan kemudahan bagi user menggunakan
link, menu dan sebagainya tanpa harus mengingat cara
penggunaannya.
Serta
tidak
membuat
user
harus
mengigat-ingat data-data yang penting, namun lebih baik
ditampilkan semuanya.
Dalam evaluasi yang dilakukan pada program ini bahwa
program ini telah memenuhi aturan yang terakhir ini
http://contoh.in
134
dengan tidak memberikan beban jangka pendek kepada
user karena program langsung menampilkan semua data
yang dibutuhkan oleh user sehingga user tidak perlu
mengingat-ingat data-data tersebut cukup dengan melihat
saja.
4.2.3
Evalusi Program oleh User
Evaluasi yang dilakukan oleh user terhadap program ini adalah
bahwa program ini menarik untuk sebuah desainnya karena web-web
pada umumnya biasanya tidak ada yang seperti ini hanya desain
standart dengan perubahan penempatan gambar dan tulisan serta
tulisan yang berbeda jenisnya sedangkan pembuat program ini berani
mengambil langkah yang bisa dibilang cukup berani dalam perubahan
terhadap bentuk web-web pada umumnya tetapi tetap memperhatikan
dari segi fungsi utama dari web itu sendiri.
Dari segi pemakaian program ini program ini juga user friendly
dengan adanya menu-menu pada setiap halaman webnya sehingga jika
kita tersesat bisa langsung ke halaman awal kembali. Dan juga linklink yang tersedia tidak terlalu dalam maksimal program ini hanya 2
sampai 3 Lv kedalamannya saja sehingga tidak memberatkan ingatan
untuk tahu letak posisi sekarang.
http://contoh.in
135
Dari segi fungsi juga telah sesuai dengan apa yang diminta. Dan
dapat berjalan dengan baik tanpa error. Serta penggunaan program
yang free sehingga mempermudah pemakaiannya
Dari segi materi juga telah sesuai dengan apa yang diminta yaitu
membuat sistem penjualan alat-alat olah raga melalui web.
Kekurangannya adalah pada halaman contact us tidak dapat diubah
serta antara admin dan client Contact Us-nya tidak berhubungan atau
terkoneksi.
http://contoh.in
136
BAB 5
KESIMPULAN DAN SARAN
5.1
Kesimpulan
Kesimpulan dari hasil evaluasi yang dilakukan terhadap program ini
dengan mengevaluasi dari segi IMK dan user sehingga didapatkan kesimpulan
sebagai berikut
1. Membantu pemesana product oleh client tanpa melalui telp dan
tidak harus menghabiskan waktu untuk melakukan transaksi
2. walaupun terdapt kekurangan dalam hal update data perusahaan
dan tidak ada informasi mengenai produk barutetapi program
yang dibuat ini sudah dapat memecahkan atau menyelesaikan
masalah yang dihadapi oleh perusahaan P.D ALLSON SPORT
3. kelebihan menggunakan web untuk membeli product
dibandingkan dengan manual adalah harga yang ditawarkan
sama dengan membeli manual hanya saja dengan membeli
melalui web pembeli mendapatkan diskon yang tidak ada jika
kita membeli manual
4. program yang dibuat telah memenuhi standart 8 aturan emas
sehingga memudahkan dalam penggunaannya
http://contoh.in
137
5.2
Saran
Diharapkan dengan adanya program e-application ini P.D ALLSON
SPORT dapat lebih merentangkan sayapnya di dalam bidang penjualan serta
jangan mau kalah saing dengan perusahaan-perusahaan lain yang bergerak di
bidang yang sama. Dan semoga program ini dapat digunakan sebaik mungkin
oleh P.D ALLSON SPORT untuk makin berkembang menjadi lebih besar.
http://contoh.in
138
DAFTAR PUSTAKA
Annonymus, 2007, http://fo4group-hawatifa.tripod.com/nota.htm
Annonymus, 2007, http://members.tripod.com/octa_haris/internet.html
Annonymus, 2007, http://www.total.or.id/info.php?kk=internet
Annonymus, 2007, http://library.gunadarma.ac.id/files/disk1/2/jbptgunadarma-gdl-s12004-fritaromau-70-bab2.pdf
Annonymus, 2007, http://ikc.depsos.go.id/berseri/hamzah-jsp/index.php
Annonymus, 2007,http://idhaclassroom.com/kategori/interaksi-manusia-dankomputer
Harmiawan, 2008,
http://209.85.175.104/search?q=cache:PFsFmStxMRkJ:harmiawan.files.wordpress.co
m/2007/06/pi.pdf+%22pengertian+JSP%22&hl=id&ct=clnk&cd=1&gl=id
Nielsen, Jakob & Tahir, Marie (2001) Homepage Usability: 40 Web Sites
Deconstructed. New Riders Publishing
Hoffer,Jeffrey A,george,joey F,Valacich,josephs.(1996).Modern System analysis and
design.Addion_wesley Longman,Inc.,Usa.
Pressman, Roger S (1997). Software engineering: a Practitioner’s approach.Fourth
edition. Mc Grow Hill,New York
Yourdon, Edward,(1989), Modern Structure analysis. Prentice Hall, USA
http://contoh.in
139
RIWAYAT HIDUP
DATA PRIBADI
Nama
: Hendry Fernando
Tempat / Tanggal Lahir
: Medan 9 Oktober 1985
Jenis Kelamin
: Lelaki
Agama
: Budha
Kewarganegaraan
: Indonesia
Alamat
: Komp Perum Puri Gardena Block C1 / 32, Jakarta
Telepon
: (021) - 5402652
RIWAYAT PENDIDIKAN
TK Sutomo, Medan ( 1989-1992 )
SD Don Bosco II, Jakarta (1992-1997)
SD San Marino, Jakarta (1997-1998)
SLTP San Marino, Jakarta (1998-2001)
SMU San Marino, Jakarta (2001-2004)
Universitas Bina Nusantara – Jurusan Teknik Informatika (2004-Sekarang)
http://contoh.in
140
DATA PRIBADI
Nama
: Albert
Tempat / Tanggal Lahir
: Jakarta, 20 February 1983
Jenis Kelamin
: Lelaki
Agama
: Katholik
Kewarganegaraan
: Indonesia
Alamat
: Taman Poris Gaga A3 / 1, Tangerang
Telepon
: (021) - 5542630
RIWAYAT PENDIDIKAN
TK RICCI, Jakarta ( 1986-1989 )
SD RICCI, Jakarta (1989-1996)
SLTP RICCI, Jakarta (1996-2000)
SMU Santo Andreas, Jakarta (2000-2003)
Universitas Bina Nusantara – Jurusan Teknik Informatika (2004-Sekarang)
http://contoh.in
141
DATA PRIBADI
Nama
: Emmanuel Ade Crisna Putra
Tempat / Tanggal lahir
: Jakarta, 15 Oktober 1986
Jenis kelamin
: Laki-laki
Agama
: Katholik
Kewarganegaraan
: Indonesia
Alamat
: Perumahan Ciledug Indah I Blok B 7 / 98
Nomor Telepon
: 021 - 7308304
RIWAYAT PENDIDIKAN
SD.K Taman Harapan, Malang (1992 - 1994)
SD.K Sang TImur, Ciledug (1994 - 1998)
SLTP.K Sang Timur, Ciledug (1998 - 2001)
SMU Budi Luhur, Ciledug (2001 - 2004)
Universitas Bina Nusantara – Jurusan Teknik Informatika (2004 - sekarang)
http://contoh.in
142
LAMPIRAN-LAMPIRAN
INTERVIEW
Interview ini ditujukan kepada P.D ALLSON SPORT untuk mengetahui apakah P.D
ALLSON SPORT membutuhkan sistem yang akan dirancang untuk mengetahui
kemungkinan terjadinya kegagalan implementasi sistem.
1. Produk apa yang perusahaan Anda jual?
•
Produk yang dijual oleh perusahaan kami adalah alat-alat olah raga.
2. Berapakah range harga terendah dan tertinggi dari produk yang Anda jual?
•
Harga terendah dimulai dari Rp20.000,00 hingga harga
tertinggi
Rp1.000.000,00.
3. Keunggulan apa yang perusahaan Anda tawarkan dibandingkan dengan
kompetitor Anda?
•
Harga bisa di tawar dan jika terdapat kerusakan barang langsung diganti
baru ( tergantung kondisi barang ).
4. Siapa sajakah yang menjadi konsumen perusahaan Anda?
•
Konsumen perusahaan kami kebanyakan berasal dari luar kota dan dalam
kota.
Dan jika konsumen anda berasal dari luar kota, siapa yang menanggung biaya
pengiriman? (Perusahaan anda atau si pemesan)
•
Biaya pengiriman ditanggung oleh pihak pemesan.
http://contoh.in
143
Berapa lama barang pesanan sampai kepada konsumen?
•
Barang pesanan sampai pada konsumen kira - kira 1 minggu dari tanggal
pemesanan dan jika kotanya jauh bisa sampai 2 minggu .
5. Jenis penjualan di perusahaan Anda seperti apa (eceran atau grosir)?
•
Penjualan bisa dengan cara eceran dan bisa juga secara grosir.
Jika pembelian dalam bentuk grosir, bagaimanakah pembayarannya (bisa hutang
atau tidak)?
•
Jika pembelian dalam bentuk grosir pembayaran bisa dihutang bisa juga
langsung bayar tergantung dari perjanjian pertama kali antara perusahaan
dan konsumen.
Kalau bisa hutang, berapa lama jangka waktunya?
•
Kalau hutang perusahaan kami memberikan jangka waktu selama 2 bulan.
Jika konsumen masih belum bisa membayar kami memberikan
perpanjangan waktu 2 minggu sampai 1 bulan. Jika masih belum bisa
membayar hutang-hutangnya maka kami akan menarik semua barang yang
telah diambil.
Bagaimana cara pembayarannya (transfer, kartu kredit, giro, cek, tunai)?
•
Cara pembayarannya bisa melalui transfer, giro, cek dan bisa juga tunai.
Tetapi untuk konsumen yang berada di luar kota, pembayaran secara tunai
dapat dilakukan bila salesman kami memang kebetulan berada di luar
kota.
http://contoh.in
144
6. Bagaimana penyaluran barang Anda?
•
Penyaluran barang kami melalui salesman yang kami kirim ke luar kota
untuk mengantarkan barangnnya.
7. Bagaimana cara pemesanan barang di perusahaan Anda (melalui media apa)?
•
Pemesanan barang diperusahaan kami dengan cara FAX, telepon, SMS
dan datang langsung.
Menurut anda, cara transaksi pemesanan atau pembelian apa yang paling efektif?
•
Datang langsung
8. Perusahaan Anda buka di hari apa aja (Sabtu – Minggu buka atau tidak)?
•
Perusahaan kami buka dari hari senin – jumat. Pada hari sabtu dan minggu
perusahaan kami tidak buka.
Kalau tidak buka, bagaimana jika ada yang ingin memesan produk Anda?
•
Sabtu dan minggu tidak buka namun bila ada konsumen yang mau datang
memesan pada hari sabtu kami tetap akan melayaninya tetapi perusahaan
kami tetap tidak buka.
9. Jika pembelian dalam jumlah besar, apakah ada retur?
•
Ada, tetapi jika pembelian dalam bentuk eceran juga ada returnya.
Dan bagaimana ketentuannya?
•
Jika kerusakan yang terjadi tidak disebabkan oleh konsumen maka akan
digantikan dengan barang baru dan biaya retur ditanggung oleh
perusahaan kami.
http://contoh.in
145
10. Berapakah omset perusahaan Anda tiap bulan?
•
Omset perusahaan kami tiap bulan bisa mencapai Rp200 juta dan jika
memasuki bulan agustus maka omset perusahaan kami bisa meningkat
karena banyak pesanan barang untuk perlombaan 17 agustus-an. Namun
jika memasuki bulan puasa dan lebaran omset kami menurun.
11. Kendala apa yang perusahaan Anda hadapi dengan sistem yang digunakan
sekarang ini?
•
Cara pemesanan barang tidak terlalu efektif, pengiriman barang memakan
biaya yang besar karena perusahaan kami juga mengirimkan salesmannya.
12. Dengan kendala yang dihadapi sekarang, solusi apa yang perusahaan Anda
kehendaki untuk mengatasi masalah tersebut?
•
Dengan membuat E-Application (Web-Site) maka cara pemesanan barang
dapat lebih efektif dan dapat menekan biaya pengiriman barang serta biaya
pengiriman contoh produk ke konsumen.
13. Apakah perusahaan Anda sudah memiliki akses internet?
•
Perusahaan kami sudah memiliki akses internet.
14. Jika ingin dibuatkan sistem penjualan online, featur apa yang perusahaan Anda
kehendaki?
•
ada jenis produk, list harga, search, form pemesanan, login, registrasi,
kalkulasi total biaya pemesanan,dan beberapa feature lainnya yang dapat
membantu transaksi perusahaan kami.
http://contoh.in
146
QUESTIONER
1.
Bagaimana menurut anda penampilan dari desain website ini?
a.
Bagus Sekali
b.
Baik
c.
Membosankan
d
Buruk
2.
Bagaimana dari segi penggunaan web tersebut
a.
Susah
b.
Membingungkan
c.
Mudah
d.
Tidak mengerti sama sekali
3.
Apakah menurut anda bahwa menu dari website ini sudah lengkap?
a.
Belum lengkap
b.
Cukup lengkap
c.
Sudah lengkap
d.
Tidak mengerti
4.
Menurut anda apakah website ini setelah dibuat dapat berguna?
a.
Tidak berguna sama sekali
b.
Berguna
c.
Tidak tahu
5.
Apakah menurut anda sistem ini sudah menunjang sistem keamanan dari
serangan virus dan sebagainya?
a.
Sudah
b.
Belum
c.
Tidak tahu
d.
Belum sempurna
6.
Apakah komposisi warna dari website ini cukup menarik?
a.
Menarik
b.
Tidak menarik
c.
Menocolok atau norak
d.
Tidak tahu
7
Apakah dengan adanya website ini dapat menyelesaikan masalah yang
dihadapi?
a.
belum
b.
tidak tahu
c.
sudah
http://contoh.in