analisis dan perancangan sistem penjualan alat-alat olah ... · menyajikan teori – teori yang...

Analisis dan Perancangan Sistem Penjualan Alat-alat Olah Raga Menggunakan Web Application dan Mobile Web

Application pada P.D ALLSON SPORT

SKRIPSI

Oleh

Albert (0800735702) Emmanuel Ade (0800738124) Hendry Fernando (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 (0800735702) Emmanuel Ade (0800738124) Hendry Fernando (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.

http://contoh.in

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 (Inter-

connected 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 klien-

klien 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 masing-

masing 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. Unsur-

unsur 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 situs-

situs 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 men-

supportnya 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 tag-

tag 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. Produk-

produk 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 Perancangan Database

A. Database Barang ( daftar barang beserta harga)

Nama Field Tipe Data Field Size Keterangan Kode produk TEXT 5 Primary Key Nama produk TEXT 30 Nama produk Gambar TEXT 50 Gambar produk Harga NUMBER Long Integer Harga Keterangan TEXT 200 Keterangan produk

B. Database User ( daftar pelanggan / user)

Nama Field Tipe Data Field Size Keterangan Username TEXT 50 Primary Key Password TEXT 15 Password RealName TEXT 50 Nama asli City TEXT 20 Kota pelanggan Address TEXT 50 Alamat user Phone Code NUMBER Long Integer Kode Telepon Phone NUMBER Long Integer Telepon user Status TEXT 20 Admin atau user

C. Database Transaksi (form transaksi)

Nama Field Tipe Data Ukuran Keterangan Date Date/Time Date/Time Tanggal transaksi Kode Transaksi TEXT 6 Primary Key Username TEXT 50 Id pembeli,FK Kode Produk TEXT 5 Id product, FK Qty NUMBER Long Integer Jumlah yang dipesan Total NUMBER Long Integer Total harga

http://contoh.in

30

D. Database Temporary Transaksi (form transaksi)

Nama Field Tipe Data Ukuran Keterangan Date Date/Time Date/Time Tanggal transaksi Kode Transaksi TEXT 6 Primary Key,FK Username TEXT 50 Id pembeli,FK Kode produk TEXT 5 Id productFK Qty NUMBER Long Integer Jumlah yang dipesan Total NUMBER Long Integer Total harga

E. Perancangan Hubungan Antar Database

Kode produk

Nama produk

Gambar

Harga

Keterangan

Database Barang

Username

Password

RealName

City

Address

Phone Code

Phone

Status

Database user

Date

Trans_code

Buyer_id

Kode Produk

Qty

Total

Database transaksi

Date

Trans_code

Buyer_id

Kode Produk

Qty

Total

Database temporari

Gambar 3.2 Hubungan database

http://contoh.in

31

3.3.2 Perancangan Layar

User Id

Password

Go

Register

BANNER / LOGO

copyright

3.3 Halaman Login

User Id :

Password :

Re-Type password :

Nama lengkap :

Kota :

Alamat lengkap :

Kode area :

No Telepon :

BANNER / LOGO

copyright

SubmitReset

3.4 Forn Registrasi

http://contoh.in

32

copyright

Home

LOGOUT

salam pembuka

dari perusahaan

untuk user

Gambar kecil

3.5 Halaman Home Pada Admin

copyright

Product

LOGOUT

Keterangan gambarharga dan detailproduk

Gambar


Gambar


Gambar


Gambar

1 2 3 4

Gambar kecil

3.6 Halaman produk Pada Admin

http://contoh.in

33

copyright

ViewOrder

LOGOUT

No Tgl T Nama Brg Pembeli Qty Totalgambar kecil

3.7 Halaman view order Pada Admin

copyright

Contact Us

LOGOUT

gambar kecil

Keterangan &alamat perusahaan

3.8 Halaman contact us Pada Admin

http://contoh.in

34

copyright

Home

LOGOUT

salam pembuka

dari perusahaan

untuk user

Gambar kecil

3.9 Halaman Home Pada Client

copyright

Product

LOGOUT


Gambar


Gambar


Gambar


Gambar

1 2 3 4

Gambar kecil

Beli

Beli

Beli

Beli

3.10 Halaman Product Pada Client

http://contoh.in

35

copyright

LOGOUTGambar kecil

Nama produk :

Harga satuan :

Jumlah :

SubmitBatal

3.11 Halaman Proses Order Pada Client

copyright

Order

LOGOUTGambar kecil


Gambar


Gambar


Gambar


Gambar

1 2 3 4

Reset OK

3.12 Halaman Order Pada Client

http://contoh.in

36

copyright

Contact Us

LOGOUT

gambar kecil

Keterangan &alamat perusahaan

3.13 Halaman contact us Pada Client

copyright

Product

LOGOUT

1 2 3 4

Gambar kecilUpload product

ket cara upload

Browse Submit

nama produkHargaketerangan

Nama file

reset Submit

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 Client Login Sebagai Admin Form Registrasi

Home Product Order Contact us form registrasi

Home Product View Order Contact usProses Beli

Product report

3.15 Struktur Menu

http://contoh.in

38

Class Diagram

+melakukan edit data()+logout()

-code : String-Nama Product : String-Price : int-picture : String

MsBarang

+Login()

-User : String-Pass : String-Realname : String-address : String-phone : int-status : String

MsUser

+Melakukan order()+melihat hasil order()+Setelah melihat order user Logout()+melihat hasil order()

-datetime : Date-transcode : String-buyer id : String-produk id : int-qty : int-price : int-total : int

TransOrder

-End31

-End4

*

-End11

-End2

*

3.18 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


akhir jika

jika no telepon yang dimasukan bukan angka


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 link-

linknya



Akhir jika



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



Akhir jika



Akhir jika




Akhir jika

3.3.4.5 Modul Upload Pada Admin

Menampilkan halaman produk pada halaman admin beserta link-

linknya



Akhir jika



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



Akhir jika



Akhir jika




Akhir jika

http://contoh.in

48

3.3.4.6 Modul View Order Pada Admin

Menampilkan halaman view order pada admin beserta link-linknya



Akhir jika



Akhir jika



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



Akhir jika




Akhir jika

3.3.4.7 Modul Contact Us Pada Admin

Menampilkan halaman contact us pada admin beserta link-linknya



Akhir jika



Akhir jika



Akhir jika



Akhir jika


http://contoh.in

50



Akhir jika

3.3.4.8 Modul Home Pada client

Menampilkan halaman home pada client beserta link-linknya



Akhir jika



Akhir jika



Akhir jika



Akhir jika




Akhir jika

3.3.4.9 Modul Product Pada Client

Menampilkan halaman product pada client beserta link-linknya



Akhir jika

http://contoh.in

51



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



Akhir jika



Akhir jika




Akhir jika

3.3.4.10 Modul Proses Beli Pada Client

Menampilkan halaman proses beli pada client beserta link-linknya



Akhir jika



Akhir jika



Akhir jika



Akhir jika

http://contoh.in

53




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



Akhir jika



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



Akhir jika



Akhir jika




Akhir jika

3.3.4.12 Modul Contact Us Pada Client

Menampilkan halaman contact us pada client beserta link-linknya



Akhir jika


http://contoh.in

55


Akhir jika



Akhir jika



Akhir jika




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 produk-

produk 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


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


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


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


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


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


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


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


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


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


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


Admin juga dapat melakukan pencarian melalui search berdasarkan nama merk.

Contohnya “Yonex”.

http://contoh.in

104


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


Di halaman ini admin diminta untuk memasukan nama file gambar yang mau

diupload dengan cara mengklik tombol “browse”.

http://contoh.in

107


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


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


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


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


Karena itu admin harus mengupload kembali gambar produk tersebut seperti

sebelumnya.

http://contoh.in

112


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


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


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


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


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


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


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 link-

link 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-s1-2004-fritaromau-70-bab2.pdf Annonymus, 2007, http://ikc.depsos.go.id/berseri/hamzah-jsp/index.php Annonymus, 2007,http://idhaclassroom.com/kategori/interaksi-manusia-dan-komputer Harmiawan, 2008, http://209.85.175.104/search?q=cache:PFsFmStxMRkJ:harmiawan.files.wordpress.com/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


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


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

analisis dan perancangan sistem penjualan alat-alat olah ... · menyajikan teori – teori yang...

Documents