analisis dan perancangan sistem penjualan alat-alat olah...

Download Analisis dan Perancangan Sistem Penjualan Alat-alat Olah ...contoh.in/.../downloads/...Sistem-Penjualan-Alat-alat-Olah-Raga.pdf · pada analisis dan perancangan sistem ... Memudahkan

If you can't read please download the document

Upload: vuongminh

Post on 06-Feb-2018

224 views

Category:

Documents


0 download

TRANSCRIPT

  • 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:

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

    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. 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 orangorang 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

    Keterangan gambarharga dan detailproduk

    Gambar

    Keterangan gambarharga dan detailproduk

    Gambar

    Keterangan gambarharga dan detailproduk

    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

    Keterangan gambarharga dan detailproduk

    Gambar

    Keterangan gambarharga dan detailproduk

    Gambar

    Keterangan gambarharga dan detailproduk

    Gambar

    Keterangan gambarharga dan detailproduk

    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

    Keterangan gambarharga dan detailproduk

    Gambar

    Keterangan gambarharga dan detailproduk

    Gambar

    Keterangan gambarharga dan detailproduk

    Gambar

    Keterangan gambarharga dan detailproduk

    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

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

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

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

    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 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 Practitioners 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)