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:
...Informasi mengenai isi file
...Isi dari file
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
... dan diletakkan diantara tag ... .
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 ...
Warna Teks Global
Warna teks yang akan ditampilkan oleh browser secara global ditentukan oleh salah satu atribut yang ada pada tag .
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
