SISTEM PENEMPAHAN PRODUK AVON HAFIZZAH BINTI HASSAN

SISTEM PENEMPAHAN PRODUK AVON HAFIZZAH BINTI HASSAN Laporan projek ini dikemukakan sebagai memenuhi sebahagian daripada syarat penganugerahan ijazah Sarjana Muda Sains (Komputer) Fakulti Sains Komputer dan Sistem Maklumat Universiti Teknologi Malaysia 30 MAC 2005

i PENGHARGAAN Dengan Nama Allah Yang Maha Pemurah Lagi Maha Mengasihani, saya memanjatkan setinggi-tinggi kesyukuran ke hadrat-nya kerana dikurniakan kekuatan dan ketabahan untuk menyiapkan laporan projek ini. Sejunjung penghargaan dan ribuan terima kasih buat penyelia projek saya Tuan Syed Othmawi Abd Rahman kerana telah memberikan tunjuk ajar dan bimbingan yang amat bernilai kepada saya dalam usaha menghasilkan laporan ini. Saya juga ingin mengucapkan terima kasih di atas kerjasama yang telah diberikan oleh pihak Butik Avon cawangan Bukit Baru, Melaka. Terutamanya buat Pengurus Butik Avon cawangan Bukit Baru ini, Puan Mokarramah Datuk Hj Mohd dan staf-staf Avon. Buat keluarga dan rakan-rakan, Bah, Fara, Esah, Nad, Ema, Syira, Ajar dan Ellen yang tanpa jemu memberikan dorongan, sokongan dan cadangan, terima kasih saya ucapkan. Segala sumbangan yang diberikan amat saya hargai dan hanya Allah yang mampu membalas budi kalian.

ii ABSTRAK Penggunaan internet dan telefon bimbit semakin meluas di dalam negara ini. Dari hari ke hari, penggunaan telefon bimbit ini dipertingkatkan iaitu dari hanya boleh membuat panggilan dan menerima panggilan hingga membolehkan untuk membuat transaksi di dalam sesuatu sistem. Sistem penempahan produk Avon secara atas talian dan melalui telefon bimbit ini dibangunkan untuk memudahkan lagi urusan penempahan produk-produk Avon bagi wakil jualan. Pada mulanya prosidur penempahan ini mengkehendaki wakil jualan untuk pergi ke butik Avon dan menyerahkan borang penempahan dan membuat temujanji untuk pengambilan barang, tetapi setelah sistem ini diperkenalkan, ia membolehkan produk ditempah tanpa mengira masa dan tempat melalui telefon bimbit atau internet. Ia juga memaparkan informasi terkini mengenai produk-produk yang dipromosikan mengikut kempen-kempen. Kaedah yang digunakan untuk merekabentuk sistem ini ialah kaedah UML. Metodologi yang digunakan ialah Metodologi Prototaip manakala teknologi yang digunakan ialah teknologi J2ME bagi aplikasi MIDlet dan teknologi JSP bagi pembangunan laman web. Antaramuka yang interaktif dan mudah difahami direkabentuk agar ia dapat memudahkan pengguna menggunakannya. Hasil akhir sistem ini ialah satu aplikasi penempahan produk berasaskan J2ME dan secara atas talian bagi kegunaan wakil jualan untuk menempah produk Avon.

iii ABSTRACT Nowadays, the internet and mobile phone usage has increase widely. From days to days, the usage of mobile phone has been extending from making and receiving call to make the transaction in the system. Online Booking System for Avon Product and via mobile phone is developed to make the booking process go smoothly and make it easier to the Avon dealers. Traditionally, the procedure of booking products will need Avon dealers to go to the Avon Boutique to pass the booking receipt, but now when the system is introduced, Avon dealers just use their mobile phone or internet to book the product regardless the time and place. This system also display the latest information of the promotional products according to the campaign.the method that use to design the system is UML method and this system use Prototype Methodology as a development methodology. The technology that been used in the system is J2ME for the Midlet application and JSP technology to develop the online system. Interactive and user friendly interface had been designed to make user easy to understand and to use the system. The final output of the system is a booking system that enables Avon dealers to book the Avon product by using mobile phone and the internet.

iv KANDUNGAN BAB PERKARA HALAMAN PENGHARGAAN ABSTRAK ABSTRACT KANDUNGAN SENARAI JADUAL SENARAI RAJAH SENARAI SINGKATAN SENARAI ISTILAH SENARAI LAMPIRAN i ii iii iv ix x xiii xiv xv I PENGENALAN PROJEK 1 1.1 Pendahuluan 1 1.2 Pernyataan Masalah 2 1.3 Matlamat 4 1.4 Objektif 4 1.5 Skop 5 1.6 Justifikasi Kepentingan 5

v II KAJIAN LITERATUR 7 2.1 Pengenalan 7 2.2 Pengenalan Kepada Organisasi 8 2.3 Kajian Terhadap Sistem Sedia Ada 10 2.3.1 Barnesandnoble.com 10 2.3.2 Avon United Kingdom 12 2.4 JSP(Java Server Pages) 13 2.5 Servlets 17 2.6 J2ME(Java 2 Micro Edition) 18 2.7 Apache Tomcat 21 III METODOLOGI PROJEK 23 3.1 Pendahuluan 23 3.2 Metodologi Projek 24 3.2.1 Prototaip Keperluan 26 3.2.2 Prototaip Evolusi 26 3.3 Metodologi Pembangunan Sistem 27 3.3.1 Fasa Perancangan 27 3.3.2 Fasa Analisa Keperluan 28 3.3.3 Fasa Rekabentuk 28 3.3.4 Fasa Prototaip 29 3.3.5 Fasa Implementasi 30 3.4 Analisis Keperluan Sistem 30 3.4.1 Keperluan Perkakasan 30 3.4.2 Keperluan Perisian 31 IV REKABENTUK PROJEK 33 4.1 Pengenalan 33 4.2 Rekabentuk Senibina Sistem 34 4.3 Aliran Aktiviti Sistem 35 4.4 Rajah Kes Guna dan Rajah Jujukan 37 4.5 Modul-Modul Sistem 41 4.5.1 Modul Pengesahan Wakil Jualan/Pengguna 41 Dan Pentadbir Sistem

vi 4.5.2 Modul Penempahan 42 4.5.3 Modul Paparan Senarai Tempahan 42 4.5.4 Modul Paparan Katalog Produk 42 4.5.5 Modul Masukkan Dan Kemaskini 43 Maklumat 4.6 Rekabentuk Antaramuka Pengguna 43 4.6.1 Rekabentuk Antaramuka Pelanggan 44 Menggunakan Teknologi JSP 4.6.1.1 Halaman Utama 44 4.6.1.2 Halaman Utama Kempen 1 45 4.6.1.3Halaman Utama Kempen 2 46 4.6.1.4 Antaramuka Penempahan Produk 47 Terbaru Kempen 1 Dan 2 4.6.1.5 Antaramuka Penempahan Produk 47 Percuma Kempen 1 Dan 2 4.6.1.6 Antaramuka Penempahan Produk 48 Untuk Lelaki Kempen 1 Dan 2 4.6.1.7 Antaramuka Penempahan Produk 48 Istimewa Kempen 1 Dan Kempen 2 4.6.1.8 Antaramuka Penempahan Produk 49 Setengah Harga Kempen 1 Dan 2 4.6.1.9 Antaramuka Log Masuk Bagi Ahli 49 Dan Paparan Senarai Penempahan 4.6.2 Rekabentuk Antaramuka Pentadbir Sistem 50 4.6.2.1 Antaramuka Log Masuk Admin 50 4.6.2.2 Halaman Utama Pentadbir Sistem 50 4.6.2.3 Antaramuka Masukkan Data Dan 51 Paparan Senarai Produk Terbaru 4.6.2.4 Antaramuka Masukkan Data Dan 52 Paparan Senarai Produk Istimewa 4.6.2.5 Antaramuka Masukkan Data Dan 52 Paparan Senarai Produk Percuma 4.6.2.6 Antaramuka Masukkan Data Dan 53 Paparan Senarai Produk Setengah

vii Harga 4.6.2.7 Antaramuka Masukkan Data Dan 53 Paparan Senarai Produk Untuk Lelaki 4.6.2.8 Antaramuka Masukkan Data Ahli Baru 54 Dan Paparan Senarai Maklumat Ahli 4.6.2.9 Antaramuka Paparan Senarai 54 Penempahan Dan Temujanji 4.6.3 Rekabentuk Antaramuka Pelanggan 54 Menggunakan Teknologi J2ME 4.7 Rekabentuk Pangkalan Data 60 4.8 Rekabentuk Tahap Kawalan Capaian 65 V IMPLEMENTASI DAN PENGUJIAN SISTEM 67 5.1 Pengenalan 67 5.2 Persekitaran Pembangunan 68 5.2.1 Pembangunan Pelayan Web 68 5.2.2 Pembangunan Bahagian Pelanggan 68 5.2.2.1 Pembangunan Pelanggan Melalui 69 Laman Web 5.2.2.2 Pembangunan Pelanggan Melalui 69 Telefon Bimbit 5.2.2.3 Pembangunan Pangkalan Data 69 5.3 Implementasi 70 5.3.1 Pengekodan Aplikasi Web 70 5.3.1.1 Aplikasi Web Pada Bahagian 70 Pentadbir Sistem 5.3.1.2 Aplikasi Web Bagi Penempahan 73 Produk Avon 5.3.2 Pengekodan Midlet Pada J2ME 75 5.3.3 Pengekodan Bahagian Servlet 78 5.4 Pengujian Sistem 83

viii VI KESIMPULAN 86 6.1 Pengenalan 86 6.2 Hasil dan Pencapaian 87 6.3 Masalah Yang Dihadapi Semasa Pembangunan 87 6.4 Cadangan Masa Hadapan 88 6.5 Kesimpulan 88 RUJUKAN 90 LAMPIRAN A-J 91-153

BAB 1 PENGENALAN PROJEK 1.1 Pendahuluan Internet dan penggunaan telefon bimbit merupakan teknologi terkini yang semakin berkembang meluas di negara ini. Dari semasa ke semasa, teknologi ini akan dipertingkatkan lagi penggunaannya supaya ia dapat diaplikasikan sesuai dengan peredaran masa. Avon merupakan salah satu daripada syarikat jualan langsung yang telah lama bertapak di negara ini. Secara tradisionalnya, prosidur pembelian produk adalah wakil jualan perlu pergi ke butik Avon yang berdekatan dan membuat proses pembelian. Wakil jualan juga perlu mengambil masa yang lama untuk membuat setiap pembelian bergantung kepada bilangan pelanggan yang terdapat di butik tersebut. Oleh itu aplikasi seperti pembelian barang melalui internet atau telefon bimbit ini dibangunkan untuk memudahkan wakil-wakil jualan bagi butik Avon membuat penempahan atau pembelian produk tidak mengira masa dan tempat. Secara tidak langsung ia juga meningkatkan lagi kadar jualan produk-produk Avon ini.

2 Teknologi J2ME iaitu Java 2 Micro Edition yang berasaskan pengaturcaraan Java digunakan di dalam pembangunan aplikasi melalui telefon bimbit. J2ME ini dipilih untuk digunakan di dalam sistem ini berbanding teknologi-teknologi seperti WAP(Wireless Application Protocol) kerana ia mempunyai banyak kebaikan berbanding teknologi-teknologi yang lain. Kebaikan di dalam J2ME ini telah dinyatakan di dalam bab 2. Manakala JSP (Java Server Pages) dan HTML (Hyper Text Markup Language) digunakan di dalam membangunkan aplikasi yang berasaskan internet iaitu pada bahagian Pelanggan. Manakala servlet iaitu pengaturcaraan yang juga berasaskan Java pula akan digunakan untuk membangunkan aplikasi di bahagian Pelayan bagi sistem ini. Oleh itu dengan membangunkan sistem ini, diharapkan dapat memudahkan prosidur jual beli produk-produk Avon di antara wakil-wakil jualan dengan pihak Avon sendiri. Malah dengan pembangunan sistem ini juga dapat menambahkan lagi alternatif lain untuk pembelian produk Avon, lantas meningkatkan lagi keuntungan bagi butik Avon tersebut. 1.2 Pernyataan Masalah. Avon Cosmetics merupakan salah satu daripada pusat jualan langsung yang menjual barangan-barangan kosmetik serta penjagaan kesihatan di negara ini. Pembelian atau penempahan produk Avon boleh dilakukan dengan dua cara. Cara pertama, wakil wakil jualan Avon yang telah berdaftar pergi ke cawangancawangan Avon yang berdekatan, menunggu untuk dilayan, membuat pilihan dan

3 akhirnya membuat bayaran. Masa menunggu untuk dilayan tidak dapat dijangka kerana sekiranya pelanggan ramai, masa menunggu akan menjadi lama dan sekiranya tiada ramai pelanggan, masa menunggu adalah pendek. Manakala dengan cara kedua, wakil jualan masih perlu pergi ke cawangan butik Avon yang berdekatan dan menyerahkan borang pesanan yang mencatatkan nama produk dan kuantiti yang ingin dibeli. Wakil jualan juga perlu membuat temujanji dengan staf yang bertugas untuk mengambil produk-produk yang telah disediakan. Dengan menggunakan cara kedua, sememangnya masa menunggu dapat dijimatkan tetapi mereka perlu berulang semula ke butik Avon itu untuk mengambil produk yang telah dipesan. Oleh itu, dengan menggunakan sistem ini, wakil jualan tidak perlu lagi pergi ke cawangan Avon untuk membuat pembelian atau penempahan malah hanya perlu membuat tempahan secara atas talian atau melalui telefon bimbit. Dengan ini, ia akan menjimatkan masa bagi wakil-wakil jualan. Cawangan Avon Cosmetic hanya dibuka pada masa tertentu sahaja iaitu dari 8.00 pagi hingga 8.00 malam. Pembelian produk Avon hanya dapat dibuat pada masa yang telah ditetapkan sahaja. Selain daripada masa ini, sebarang pembelian tidak dapat dibuat. Oleh itu melalui sistem ini, pembelian produk Avon dapat dibuat pada setiap masa dan tidak mengira tempat. Avon menyediakan katalog produk berdasarkan kempen untuk memberi informasi kepada wakil jualan, produk mana yang telah turun harga ataupun sedang hangat dipromosikan. Oleh itu melalui sistem ini, alternatif lain bagi kaedah mempromosikan produk bagi kempen-kempen tersebut dapat diperluaskan lagi kerana wakil jualan dapat mengetahui maklumat serta harga produk yang diingini dengan lebih cepat tanpa menunggu katalog sampai di rumah.

4 1.3 Matlamat Membangunkan Sistem Pembelian dan Penempahan Produk Avon Atas Talian dan melalui J2ME untuk menjimatkan masa bagi wakil-wakil Jualan Avon serta memberikan informasi terkini mengenai produk-produk yang dipromosikan oleh pihak Avon mengikut kempen-kempen yang ditetapkan. 1.4 Objektif Bagi memastikan projek yang dibangunkan ini dapat mencapai matlamat yang telah dinyatakan di atas, tiga objektif telah ditetapkan iaitu : i. Membangunkan sistem tempahan secara atas talian dan menggunakan peralatan komunikasi tanpa wayar bagi memudahkan tempahan dibuat tanpa mengira masa dan lokasi. ii. Menyediakan informasi terkini mengenai setiap produk-produk di dalam kempen yang dipilih secara atas talian. iii. Menyediakan antaramuka ramah pengguna.

5 1.5 Skop Terdapat lima skop bagi sistem ini, iaitu seperti di bawah : i. Menggunakan teknologi JSP-Servlet di bahagian Pelayan dan Pelanggan untuk pembangunan sistem secara atas talian. ii. Menggunakan teknologi J2ME iaitu Midlet untuk pembangunan sistem menggunakan peralatan komunikasi tanpa wayar. Emulator akan digunakan di dalam pembangunan sistem pada bahagian ini. iii. Aplikasi Midlet membolehkan hanya proses penempahan dilakukan oleh pengguna. iv. Pengguna sistem adalah wakil jualan Avon yang telah berdaftar dan pentadbir sistem sahaja. v. Sistem diimplementasikan di dalam persekitaran Windows sahaja. 1.6 Justifikasi Kepentingan. i. Memudahkan wakil jualan Avon untuk membuat sebarang pembelian atau penempahan produk Avon tanpa mengira masa dan waktu. ii. Memberikan informasi terkini mengenai produk-produk yang dipromosikan mengikut kempen-kempen yang dilancarkan oleh pihak Avon dengan tepat dan cepat tanpa perlu menunggu katalog-katalog produk Avon sampai ke rumah wakil jualan itu sendiri.

6 iii. Memudahkan pentadbir sistem atau staf Avon itu sendiri melihat senarai produk yang telah ditempah dan menyediakan produk yang ditempah itu dengan cepat sebelum masa temujanji pengambilan barang tempahan oleh wakil jualan tanpa perlu menunggu pelanggan untuk berfikir atau mengambil masa yang lama untuk membuat proses pembelian di hadapan kaunter.