Star Optics: A Web-Based Point ofSales (POS) System/or Standard Optical Centre MukaI!
Alex Fong Zhiluen
Bachelor of Computer Science with Honours (Information System)
2019
lJiI'IIV£RSITI MALAYSIA SARAWA,t..:
TII£SlSSTATl-S L"'lDORS£MI:1'T rOR.\t T(T"L£: STAR OPTICS: A WEB-BAS[D rol~T OF SALf.S (PO!')
SYSTIM FOR STANDARO OPTICAL CF.NTH( M UKAH
ACAO(I\-IIC Sf_~StO:-l: _ -....l2!!0I.!I!Il!!i!.!1:'.L_
ALEX fONG ZIIILU[-' (C"prr"llr:nr.R.'"
hmft) II'" l!wiIlI.,. nnu' .tall IK kqll II lilt (,""""" It. II , ..·
....WqUa"'--u., ~
10'"
I'ollooo ..._"'~, n..,... .. _Ir...,...,l__
,~..
2. Tk c.-. t.Jr Au.on.ic ~Stn.
~~. .I)'
). "'" c... ~1m-... "icor>">fT" _"w1~'.•
* wtup tor:ill nMCIII ~
.t. n. c...'Of Aa4nn. ~$cr.ltn io ..'.
.. ,.., of .. n.dWt&c baa f'"IJPf'I kc.ftlI l ~II ...1ww, "-~n IIU I
) . •• ~...~" ll
D
CONfIO FN nAL {c... ~ ~_ ~ ~ .. OrnaAoLSECRETS ACT
,.n.
D
RESTRlCTLl) (COM;Iii. ~~1Rd ~. . .10:-..
to, .... ...,} ... ..~...tlny tl\lr fbtaIdI._(~IItId)
r:zr
UNRESTR.J.CTEO.fl .,
(AUTHOR'S SIONAlVR£) (SUrr:.AVlSOR'S SIGN ...1URF)
-';;:;;~.;;;Mh;--
·_flc-..,..ac-..-....-' ,...
\
....
~"-"'..
I or I! 7! I,lan Tim!: Hil'
Dale: /)«. ~ 'el' Do". _--L/~7/Jj~.'-
__
... 1... 1'\b._.IN~~
•• I_C'... -.-._.~..-~~_~_ _~I . . .
DECLARATION OF ORIGINALITY
I hereby declare that this project together with all its content is none other than that of my own work, with consideration of the exception of existed system information's that were adapted and extracted from other resources, which have evidently stated respectively.
Signed,
.. ... J¥f2 .... ....
ALEX FONG ZHILUEN
Faculty of Computer Science and Information Technology 14/5/2019 Universiti Malaysia Sarawak.
ACKNOWLEDGEMENT
My first personal highest gratitude and appreciation is to give to my supervisor, Mdm Amelia Jati Robert Jupit who guided me through thick and thin in developing this project.
Besides, I want to thank my supporting roommate, Devaraj NL Ramakrishnan for giving me motivation through my stress time. Also, I want to thank my very supportive church members from Kuching 611 Bread Life and my spiritual father, Mr. Sia Tuck Chat who gave me C!lonnous encouragement and confidence towards finalizing my project.
Once a applaud for both of my parents who thoroughly support my decision and provide significance view of the business so that I can successfully develop tlus proJect.
Finally, I express deep and sincere gratitude 10 my God for constant love and truth no maHer how difficult the task was
Pu at Khidmat MalJumat
Akademi~UNTVER'Im MALAYSIA K4A~"'·
TABLE OF CONTE T
List of Figures ... . ... . . . . . . ... .. ... 1
List of Tables .... ... ... ... ... ... ... ... IV Abstract ... . . . . ... ... . . . ... . . . .... ... ... I Abstrak '" ... ... ... 2
Chapter I: Introduction ... . ... ... 3
I. I Introduction ... ... . . . . ... 3
1.2 Problem Statement ... ... . ... 5
1.3 Project A ims and Objectives. .6 1.4 Project Scope ... ... . .. ... 7
1.5 Detailed Project Methodology ... 7
1.6 Expected Outcome ... .. .. 9
L7 Significance of Project ... ... ... .... ... . ... 10
1.8 Project Schedule ... ... 10
Chapter 2: Literature Review ... ... I I 2. I Introduction ... .... I I 2.2 Existing Systems ... .. .. .. ... ... ... I I 2.2. 1 xeyex ... . . ...... 11
2.2.2 VisionPro POS .. ...16
2.2.3 Eye Cloud Pro .. . ... 19
2.3 Detailed Comparison of Existing Systems. ... ... ... 21
2.4 Proposed System .. ... ... ... ... ... ... . . . ... 23
2.5 Conclusion .. . ... 23
Chapter 3: Analysis and Design ... ... . .... 24
3. I Overview .... . ... ... 24
3.2 Methodology... .. ... ... ... . ... . ... 24
3.2.1 Anal ysis and Design Phase .. .. ... .. 25
I. Site Visit and Interview ... .. ... ... 25
II. Hardware Requirement ... . .. ... 27
III. Software Requirement ... . ... ... .. 28
IV. Entity RelationShip Diagram (ERO) ... .. ... . .. . . ... ... 29
V. Data Flow Diagram (DFD) .. ... 33
VI. Flowchart ... .. ...40
VII. Prototype .. ..................41
3.3 Conclusion .... .. .. 48
Chapter 4: Implementation 49 4.1 Introduction . . . ... .. ... "... ... ... .. ... .. . . . .... 49
4.2 lmplementation of Prototype ... ... ... .. ... 49
4.2.1 lmplementation of Main Menu .. ... 50
4.2.2 Implementation of Sales Module.... . ... ... 50 4.2.3 Implementation of Customer Module .. . ... "",54
4,2.4 Implementation of Inventory Module ... "" ... """,, ... """,56 4,2,5 Implementation of Supplier Module ... """.",,. "."" ... ..,,58
4.2,6 Implementation of Android Barcode Scanner... ...60
4.3 Conclusion 62
Chapter 5: Testing and Evaluation 63
5.1 Introduction .. , .... 63
5.2 Usability Testing, . 63
5,2,1 Usability Testing of Main M e n u . . ... ,." ... 64
5.2.2 Usability Testing of Sales Module ... ... ,.,,64
5,2.3 Usability Testing of Customer Module .. " ... 65
5,2.4 Usability Testing of Inventory Module , .. "..., ,,, ...., .. , .... , .... 66
5,2,5 Usability Testing of Supplier Module ".66
5.2,6 Usability Testing of Android Barcode Scanner" "...67 5.3 Functional Testing ... , ... ... , ... .. , .. 68
5.3, I Functional Testing on Home Page " ... . .. .. ",,68
5.3.2 Functional Testing on Sales Module "" .. ,69
5.3.3 Functional Testing on Customer Module" .. ""... ".".. " ""... , " ... 71
5.3.4 Functional Testing on Inventory Module" ... ".,.,.,",.".," , ... 72
II
5.3.5 Functional Testing on Supplier Module ... . . ... ..... 7'l
5.3.6 Functional Testing on Barcode Scanner 5.4 Conclusion ... ... ... . Chapter 6: Future Works ... ... .
6. 1 lntroduction ..
6.2 Limitation ...
6.2 Future Works ..
6.3 Conclusion ...
References
Appendix ..
...... 73
. .... 74
. ... 75
... ... ... ... ... .... 75
. ... 75
. ... 76
... ... 76
... ... ... 77
111
.79
LIST OF FIGURES
Figure 1.0: Owner of Standard Optical Centre Mukah .. .4
Figure 1.1: Customer's infonnation in physical paper. . .. 5
Figure 1.2: Stack of customer infonnation in physical paper ... . . .... 6
Figure 1.3: Iterative and incremental model ... . . ... 8
Figure 2. 1: Interface for updating customer details ... ... 12
Figure 2.2: Interface for inventory management ... .. . ... 13
Figure 2.3: Interface for calculating sales ... .. . 14
Figure 2.4: Receipt generated by xeyex ... .. ... . .... ... 15
Figure 2.5: Customer list of VisionPro POS .. .. ... 16
Figure 2.6: The overview of contact lense stocks. .. 17
Figure 2.7: The overview of every sales record ... ... 18
Figure 2.8: Interface for adding new customer ... ... . . . . ... 19
Figure 2.9: Interface for creating a new invoice ... ... ... .... 20
Figure 3. 1: Iterative model approach ... 25
Figu re 3.2: Interview with business owner. .. .... 25
Figure 3.3: Entity relationship diagram. ... ... . . . .... . . .29
Figure 3.4: Star Optics context diagram. 33 Figure 3.5: Level I diagram of Star Optics . . ... . ... 34
Figure 3.6: Level 2 diagram for login module . . . ... 35
Figure 3.7: Level 2 diagram for customer module ... .. ... 36
Figure 3.8: Level 2 diagram for supplier module . . . .. ... 37
Figure 3.9: Level 2 diagram for product module ... . . ... 38
Figure 3.10: Level 2 diagram for purchase module ... ... 39
Figure 3.11: Flowchart of Star Optics.... ... ... ... . . ... 40
Figure 3. 12: Prototype of Star Optics main page ... . . ... 41
Figure 3. 13: Prototype of Star Optics sales page for customer details filling ... . 42
Figure 3. 14: Prototype of Star Optics sales page for sales data filling ... .. . ... 42
Figure 3. 15: Prototype of Star Optics customer page .. 44
Figure 3.16: Prototype of Star Optics inventory page .45 Figure 3. I7: Prototype of Star Optics supplier page ... . . ... 46
Figure 3.18: Prototype of Android barcode scanner main interface ... . . .... 47
Figure 3. 19: Prototype of Android barcode scanner after successfully scanned . ... 47
Figure 4. I: Main menu of Star Optics ... . ... 50
Figure 4.2: Menu of sales module ... .. . ... 50
Figure 4.3: User search the customer name by typing into the search box ... " .. . .... 51
Figure 4.4: The system automatically f,lIs up the customer's details. ... 52
Figure 4.5: User input the Product 10... 52
Figure 4.6: Fonn for inserting new customer's infonnation. ... ... 53
Figure 4.7: List of sales ... 54
II
Figure 4.8: List of customers .... ... . .. ... .. 54
Figure 4.9: View customer information in detail .. . .. ... 55
Figure 4.10: Page to edit customer. .. ... ... ... 55
Figure 4.1 1 : Form for add new customer ... ... . . ... 56
Figure 4.12: List of inventories ... ... . . . ... ... 57
Figure 4. \3: Add new item ... . .... ... 57
Figure 4.14: View item ... . . ... 58
Figure 4. j 5: Edit item ... ... .. 58
Figure 4. 16: List of suppliers .59 Figure 4.17: Insert new item ... 59
Figure 4. j 8: View supplier's information ... . ... 60
Figure 4.19: Edit supplier's infonnation ... .. ..60
Figure 4.20: QR code scanner application ... 61 Figure 4.21: System automatically insert the product [D after user scanned QR code ... 61
Figure 0.1: Project timeline ... . . ... 79
III
LIST OF TABLES
Table 2. 1: Existing application comparison .. . ... 22
Table 3.1: Minimum specification for computer. .. . . ... ... 27
Table 3.2: Minimum specification for Android device . ... ... .. 27
Table 3.3: Customer table ... ... .
... ... ... ... .. .. ... ... 30
Table 3.4: Product table ... . . . 31
Tab le 3.5: Supplier table .. . ... 31
Table 3.6: Receipt table .. . ... ... 32
Table 3.7: Purchase table ... 32
Table 3.8: User table ... ... . .... ... ... ... . . .. ... 32
Table S. I: User feedback on main menu ... . ... 64
Table 5.2: User feedback on Sales Module ... 64
Table 5.3: User feedback on Customer Module ... . ... 65
Table 5.4: User feedback on Inventory Module ... 66
Table 5.5: User feedback on Supplier Modul e. ... 66
Table 5.6: User feedback on Android Barcode Scanner Application ... .
67
Table 5.7: Functional testing on main menu ... . .68
Table 5.8: Functional testing for existing customer in sales module ... . .... ... 69
Table 5.9: Functional testing for new customer in sales module ... . ... 70
Table 5. I0: Functional testing for anonymous customer in sales module ... 71
IV
73
Table 5. [ I: Functional testing for customer module ... 71 Table 5. 12: Functional testing for inventory module .... . . ... ... 72 Table 5.13: Functional testing for supplier module ... ... .
Table 5.13: Functional testing for barcode scanner application ... ... ... 73
v
ABSTRACT
Optician business is a technical specialize business. It involves many technical temlS. Hence, storing data for each customer is sometimes a tedious works.
Standard Optical Centre Mukah (SOCM) is a family owned optical centre located in Mukah, Sarawak. SOCM sell and prescript eyewear to their customer. The optical centre has been established for 20 years and still using the traditional filing system. While the centre did try to adopt Microsoft Excel to store and categorize customer's infonnation, the method is still very inefficient. Therefore, a web-based system called Star Optics will be developed to assist the centre in their daily business.
Star Optics is a web application point of sales system specitically designed for Standard Optical Centre to maximize their business operation using web-based technology. Star Optics can store customer's eyesight infonnation into .online database for data storage and future data retrieve.
Besides, it also able to track inventories of the business. Additionally, the android application for Star Optics is used as a barcode scanner for sales purposes.
1
ABSTRAK
Pemiagaan optik adalah pemiagaan yang memerlukan khusus pakar. la melibatkan ban yak istilah teknikal. Oleh itu, penyimpan data untuk setiap pelanggan kadang-kadang merupakan kerja yang menyakitkan.
Standard Optical Centre Mukah (SOCM) adalah sebuah pusat optik milik keluarga yang terletak di Mukah, Sarawak. SOCM menjual dan mengecat kacamata kepada pelanggan mereka. Pusat optik ini telah ditubuhkan selama 20 tahun dan masih menggunakan sistem pemfailan tradisional.
Walaupun pusat tersebut cuba mengadopsi Microsoft Excel untuk menylmpan dan mengkategorikan maklumat pelanggan, kaedah itu masih amat kurang cekap. Oleh itu, sistem berasaskan web yang bemama Star Optics akan dibangunkan uotuk membantu pusat tersebut dalam pemiagaan harian mereka.
Star Optics adalah sistem penjualan yang direka khusus untuk Standard Optical Centre Mukah untuk memaksimumkan operasi perniagaan mereka dengan mengaplikasikan teknologi web. Star Optics mampu menyimpan maklumat penglihatan pelanggan ke dalam pangkalan da,a dalam talian untuk peoyimpaoao data dan menguna balik data di masa depan. Selain itu, Star Optics juga dapat semak inventori pemiagaan tersebu!. Oi sam ping itu, aplikasi android untuk Star Optics digunakan sebagai peogimbas kod bar untuk tujuan jualan di SOCM.
2
CHAPTER I. INTRODUCTION
1.1 In trod uction
An optician is a businessman wbo provides services to sell and prescript eyewear to the customer.
For instance, spectacles, sunglasses, contact lenses, and so on. Opticians are mostly trained technical practitioner who modify and fit eyeglass lenses and frames, contact lenses, and other devices to correct eyesight problem. Optician bas a growing number of customers over the year and he needs a system to help in storing the customer infonnation. An optician mainly will use physical files to store customer information to overcome this difficulty.
Standard Optical Centre Mukah (SOCM) is a family owned optical centre located in Mukah, Sarawak. SOCM sell and prescript eyewear to their customer. The optical centre has been established for 20 years and still. using the traditional fi ling system. Bes ides, the centre is still using the manual way to keep track the sales records. The centre main way to earn revenue is by providing service to prescribe eyeglass to customer. Moreover, the centre also sells sunglass, contact lense and other miscellaneous product related to eyewear such as eyeglass cleaner, eyeglass case etc. The supplier of the centre is provided by authorized suppliers from all over Malaysia, and each supplier only supplies certain brand or product. Figure 1.0 shows the owner ofSOCM .
3
Figure 1. 0: Owner of Standard Optical Centre Mukah
The centre did try to adopt Microsoft Excel to store and categorize customer's infonnation, but the method is still very inefficient. Therefore, a web-based system ca lled Star Oplics will be developed to assist the centre in their daily business.
Star Optics is a web-based point of sales system that able to store cuslomer infonnation in a more effective manner. Besides, the system will be able to calculate SOCM daily sales and perfonn inventory checking. Lastly, Star Optics will be able to perfonn sales for SOCM by using a specifically built android barcode scanner application to scan item that customer chose.
4
Pusal KhidQlll1 MakluD1Il Akademik
IINTVEJtllm MALAVSIA . i\ Ri\W& I(
1.2 Problem Statement
Opticians business is a unique business. They are required to store their customers' eyesight information for further examination. Besides, opticians also need to store the customer's personal information like phone numbers, home address for future fo llow up. Figure 1.1 shows the physical paper used to store customer information in SOCM.
•
•
- -
Figure 1.1: Customer's information in physical paper
However, in this digital age, SOCM still operate their business using the traditional pen-and-paper method to record the customers' information and jot down sales records. This method also leads to increasing number of paper usage. Figure 1.2 shows the Slack of customer information in the physical paper format. Due to the large amount of customer's infonnation in paper fOlmat, SOCM has a hard time to retrieve customers information. SOCM also facing difficulties in tracking inventory and monthly sales records.
5
Figure 1.2: Stack of customer information in physical paper
Therefore, for this project, a web-based point of sales (POS) system with an android barcode scanner application will be developed to assist the business owner to store customers' infom1ation, perfonn inventory tracking online, and tracking sales record s.
1.3 Projecl Ai ms and Objectives
The main objectives of this system are:
I. To perfom1 CRUD (create, read, update, and delete) on the customer(s) records.
2. To record and transact the daily sales of the business.
3. To perform inventory checking and notify optician on which item is low in stock.
6
1.4 Pmject Scope
1. This web-based POS system only develops for the firm, Standard Optical Centre Mukah.
2. This web-based POS system only involves in the matter concerning customer information, sales and inventory.
3. This web-based POS system is only involved in the optician business of the firm. The non
optician business will not be cover in this system.
4. The android barcode scanner application for this project is only develop for Star Optics as a solely barcode scanner.
1.5 Detailed Project Methodology
Iterative and incremental model will be applied in the development of this project. Iterative and incremental model is a model that iterate analysis and design, implementation, testing and evaluation phase before deployment. User requirement can be refining, and specific functionality is added in each iteration (Trivedi and Sharma,2013). This model has been chosen as the methodology over the traditional waterfall model because the system user seldom knows all the needed requirements (Pamas and Clement, 1986). Since software development tends to be repetitive and complicated, waterfall model does not fit in this project. Figure J.3 shows the iteration and iterative model.
7
ANALYSIS &
IMPLEMENTATION
(/ V"2 '\
DESIGN
PHASE PHASE
Deployment PLANNING
PHASE
L:>
~ t
TESTING EVALUATION
~ PHASE
PHASE
Figure 1.3: Iterative and Incremental model
a. Planning phase
The planning of the whole project IS a crucial phase before any development involves. The planning of the project is carried out by identifying the business problems of Standard Optical Centre Mukah. The objectives and the scope of the project is defined after. Lastly, the detailed comparison of three existed system will also be covered at this stage.
b. Analysis and Design phase
The analysis of the business process is carried out before any programming begins. The analysis of business process is firstly carried out by site visit and interview. The required programming language, hardware and software will also be determined in this phase. The design phase is followed up by the designing of database using entity relationship diagram (ERD) and designing of the whole system using data flow diagram (DFD) and flowchart. Lastly, the prototype of the system is also developed in this phase.
8
c. Implementation phase
All the planning, hardware and software requirement will be implemented with the programming language specified before. The design of the dal2base and the whole system will be based on the entity relationship design (ERD) and data flow diagram (OFO) respectively.
d. Testing phase
Testing will be carried out after the adequate system is done. Testing of the system will be carried out to detect the bug or error. The debugging process will also be done here.
e. Evaluation phase
The optician will be asked to examine the module and further changes from the optician will be requested here.
1.6 Expected Outcomes
This project is expected to become a fully functional point of sale (POS) system specifically for Sl2ndard Optical Centre Mukah. The outcome of this system should be able to maximize business efficiency by replacing the pen-and-paper method to store customer's records and store daily sales with the web-based system. An android barcode scanner will be developed and is expected to able to scan the barcode of every items in SOCM inventory. Moreover, this system is expected to perform inventory checking and notify the user about which product is low in stock.
9
1.7 Sign ificance of Project
I. Reduce paper usage by storing customers' information online.
2. [ncreases business productivity by not wasting time finding customer information manually.
\.8 Pl'oject Sched ute
Please refer to Appendix A.
10
CHAPTER 2: LITERATURE REVIEW
2.1 Introduction
Three existing POS system related to this project has been reviewed in this section. These existing systems are xeyex, VisionPro POS, and Eye Cloud Pro. Explanations and descriptions of each system with their functions and screenshots is also being included here.
2.2 Existing Systems
2.2.1 xeyex
xeyex is a web-based POS optician system based in the United Kingdom. The optician able to access the system in multiple devices like Android, iOS, Mac and Windows. xeyex has a simple interface to let optician interact with the system easily. The main menu is at the left side of the system. A calendar is provided at the main menu under the diary section. Since xeyex is a web·
based POS system, optician only needs to install a web browser to access the system.
In Figure 2.1, xeyex allows optician to perfonn CRUD on customer details. Customer's details are categorized into different sections, namely patient details, contact deta ils, notes, background, appointment history, orders, sales and documents.
11
