WEBSITE-BASED INVENTORY APPLICATION USING EXTREME PROGRAMMING METHOD AT SINAR JAYA MOTOR COMPANY

605

WEBSITE-BASED INVENTORY APPLICATION USING EXTREME PROGRAMMING METHOD AT SINAR JAYA MOTOR COMPANY

Malvin Adrianus

¹⁾

, Honni Po

²⁾

1,2 Department of Information System, Bunda Mulia University

1,2 Lodan Raya No. 12 RW.2 Kec.Ancol, North Jakarta, DKI Jakarta, Indonesia Email: ¹s31190015@student.ubm.ac.id, ²l1306@lecturer.ubm.ac.id

Abstract

Sinar Jaya Motor Company is a company engaged in the provision of car and truck spare parts services based in Jakarta.

In the activities of processing warehouse goods data, incoming goods data, outgoing goods data, factory return data, order return data, order data, the process of making reports for business processes with these data is still done manually, causing problems, namely inaccuracy of goods data due to process data entry is still long, prone to errors and report generation takes quite a long time because you have to do a document search first. The research objective is to produce a website-based inventory application that can solve problems at the Sinar Jaya Motor company. Data collection methods in this study were literature study, interview methods, and observation, while the system design method used was Extreme Programming which consisted of planning, designing, coding, and testing stages. In its design, the researcher adopts a structured programming paradigm and is written using the HTML, CSS, PHP, Javascript and MySQL database programming languages. The author will also use the Boostrap5 framework to produce an attractive and responsive website appearance. It is hoped that the existence of a website-based web inventory which is the result of this research can be used for data entry of warehouse goods, incoming goods data, outgoing goods data, factory return data, order return data, order data so as to produce reports for all business processes within the company, storage and document printing. The conclusion of this study is that the website-based inventory application for transporting goods that has been built can help solve the problems experienced by the Sinar Jaya Motor company in managing goods data and other data and make it easier for this company's employees to make and print documents and monthly reports so as to facilitate the process ongoing business.

Keyword: Sinar Jaya Motor, Website, Inventory, Extreme Programming.

1. INTRODUCING

In this modern era, information technology has become a big part of agencies or companies, information technology can provide an advantage in increasingly fierce competition. With the development of modern technology, it has entered various aspects of daily life, and it cannot be denied that information technology can contribute to the work efficiency of an agency or company. The influence of technology on various aspects of life can be found and understood because technology prioritizes device settings using computers. Advances in technology have provided information and communication resources that are very broad from what humans already have. Even though the role of information has received less attention in recent decades, in fact the need for information and communication is no less important than the need for human clothing and food. Information is a basic element that is implicitly attached to the concept of planned development. The development of science and technology has driven progress in all areas of life, including progress in the field of information technology. This has opened up opportunities for mankind to access all global information which has resulted in the phenomenon of a world without borders [1]. Therefore, companies can apply information technology to assist their business processes from main business processes to supporting business processes. One example of a business process that exists within a company is the process of compiling a stock of goods or what is commonly called the inventory process.

The process of inventorying goods is the process of recording data on goods or assets in a company/organization.

Companies whose inventory is well managed can maintain and improve the company's business processes [2].

Website is a way to present oneself on the Internet. The website can be likened to a place on the Internet, anyone in this world can visit it, at any time someone can find out about other people, ask questions to someone, and provide input or even find out and buy a product [4]. Websites can be conveyed clearly and mutually support each other so that information can be easily explained, such as describing something through text and then it can be strengthened by adding pictures or videos [5].

Sinar Jaya Motor Company is a company engaged in the sale of car spare parts. Utilization of information technology

606

in this company is still not optimally utilized. This company uses the Microsoft Excel application to record stock in the warehouse, then prints and photocopies it for use by salespeople to market Sinar Jaya Motor spare parts. This often causes if there is an error in recording both the price and the addition of items, it needs to be reprinted and photocopied resulting in wastage of paper and considerable expenditure for this.

Seeing these problems, the authors propose to the Sinar Jaya Motor company to develop a website-based inventory application system using the Extreme Programming method which has the advantage of being a relatively fast development process and will help companies reduce excessive spending on printing and use a lot of paper and make it easier business processes within the company. Extreme Programming (XP) is the development of software engineering where the target of this method is teams that are formed on a small to medium scale, and this method can also be used for developing systems with unclear requirements or changes to requirements very quickly [6]. XP or better known as extreme programming is an approach or modeling language for developing software that analyzes and simplifies various levels of development so that it can be easier to use and practical. XP focuses not only on coding but across all areas of software development [7]. In the inventory application system that you want to design, there are several kinds of processes, namely inputting item data, displaying a list of goods along with their prices and stock. So that information can be organized and make it easier for admin and sales to get and update information. Then it can produce realtime information that can be accessed easily.

2. RESEARCH METHODS

2.1 Research Stages

Extreme Programming is one of the many agile methods that exist today. Out of all the agile methods out there, XP is one of the most famous of the agile methods. XP has several advantages, particularly in the areas of principles, values, and best practices that provide direction for the application construction process [8]. System development with one of the XP methods provides added value and a very good contribution to the progress and development of the system in the future, so that it becomes an alternative that can be used [9]. The XP method can be applied with a short application development time and in accordance with the use of software development [10]. The XP approach provides brief and recurring stages for various portions depending on the goal to be accomplished [11]. The stages carried out in the development of the XP system can be seen in Figure 1 below.

Figure 1. Extreme Programming Method Development Flow [12]

607 Here are some stages of Extreme Programming [13] : 1. Planni^lng

Thi^ls stage^l i^ls the^l fi^lrst ste^lp i^ln syste^lm de^lve^llopme^lnt whe^lre^l i^ln thi^ls stage^l se^lve^lral planni^lng acti^lvi^lti^le^ls are^l carri^le^ld out, name^lly i^lde^lnti^lfyi^lng proble^lms, analyzi^lng ne^le^lds up to se^ltti^lng a sche^ldule^l for i^lmple^lme^lnti^lng syste^lm de^lve^llopme^lnt. At the^l planni^lng stage^l, you can start by li^lste^lni^lng to a colle^lcti^lon of acti^lvi^lty re^lqui^lre^lme^lnts from a syste^lm that allows use^lrs to unde^lrstand the^l busi^lne^lss proce^lsse^ls for the^l syste^lm and ge^lt a cle^lar pi^lcture^l of the^l mai^ln fe^lature^ls, functi^lonali^lty and de^lsi^lre^ld output. li^lste^lns to the^l se^lt of acti^lvi^lty re^lqui^lre^lme^lnts of a syste^lm that allows the^l use^lr to unde^lrstand the^l busi^lne^lss proce^lsse^ls for the^l syste^lm and ge^lt a cle^lar, i^ln-de^lpth pi^lcture^l of the^l mai^ln fe^lature^ls, functi^lonali^lty and de^lsi^lre^ld outputs [14].

2. De^lsi^lgn

The^l ne^lxt stage^l i^ls de^lsi^lgn whe^lre^l at thi^ls stage^l mode^lli^lng acti^lvi^lti^le^ls are^l carri^le^ld out starti^lng from syste^lm mode^lli^lng, archi^lte^lctural mode^lli^lng to database^l mode^lli^lng. Syste^lm and archi^lte^lctural mode^lli^lng use^l Data Flow Di^lagram (DFD) di^lagrams whi^lle^l database^l mode^lli^lng use^ls E^lnti^lty Re^llati^lonshi^lp Di^lagram (E^lRD).

3. Codi^lng

Thi^ls stage^l i^ls an acti^lvi^lty of i^lmple^lme^lnti^lng mode^lli^lng that has be^le^ln made^l i^lnto a use^lr i^lnte^lrface^l usi^lng a programmi^lng language^l. The^l programmi^lng language^l use^ld i^ls PHP wi^lth a structure^ld me^lthod. For database^l manage^lme^lnt syste^lm usi^lng MySQL software^l.

4. Te^lsti^lng

The^l te^lsti^lng stage^l i^ls the^l last stage^l to te^lst the^l se^lrvi^lce^ls or fe^lature^ls and functi^lonali^lty contai^lne^ld i^ln the^l appli^lcati^lon be^li^lng bui^llt. So that conclusi^lons can be^l drawn from the^l te^lsts carri^le^ld out.

Te^lsti^lng i^ls carri^le^ld out as part of the^l fundame^lntals to solve^l the^l proble^lms be^li^lng handle^ld, so that i^lt can be^l use^ld to de^lte^lrmi^lne^l the^l stre^lngths and we^lakne^lsse^ls of the^l syste^lm and can proje^lct a ne^lw XP frame^lwork [15].

3. RE

^l

SULT AND DI

^l

SCUSSI

^l

ONS

The^l E^lxtre^lme^l Programmi^lng (XP) syste^lm de^lve^llopme^lnt approach was e^lmploye^ld i^ln the^l cre^lati^lon of the^l custome^lr se^lrvi^lce^l and complai^lnt i^lnformati^lon syste^lm. The^l stage^ls of cre^lati^lng an i^lnformati^lon syste^lm that was constructe^ld usi^lng the^l XP te^lchni^lque^l are^l as follows.

3.1 Planni^lng

Thi^ls acti^lvi^lty be^lgi^lns wi^lth colle^lcti^lng data through i^lnte^lrvi^le^lws wi^lth the^l ai^lm of li^lste^lni^lng to custome^lrs, thi^ls i^ls use^lful for gathe^lri^lng i^lnformati^lon about the^l proble^lms e^lxpe^lri^le^lnce^ld by use^lrs. From the^l i^lde^lnti^lfi^lcati^lon of the^l proble^lms obtai^lne^ld, the^ln the^l syste^lm re^lqui^lre^lme^lnts to be^l bui^llt are^l compi^lle^ld. The^l mai^ln proble^lm i^ln thi^ls re^lse^larch i^ls the^l proce^lss of re^lcordi^lng stock and orde^lrs whi^lch are^l sti^lll done^l manually. From the^lse^l proble^lms the^l ne^le^ld for an appli^lcati^lon to be^l de^lve^llope^ld i^ls the^l cre^lati^lon of a we^lbsi^lte^l-base^ld i^lnve^lntory appli^lcati^lon that focuse^ls on the^l proce^lss of re^lcordi^lng ware^lhouse^l stock data, i^lncomi^lng goods, outgoi^lng goods, factory re^lturns, re^lturn orde^lrs, sale^ls orde^lrs, and pre^lpari^lng re^lports that have^l the^l ai^lm of si^lmpli^lfyi^lng and stre^lamli^lni^lng busi^lne^lss proce^lsse^ls run on Si^lnar Jaya Motor. The^lre^l are^l 4 i^lde^lnti^lfi^le^ld use^lrs of thi^ls appli^lcati^lon, name^lly: owne^lr, admi^ln, sale^ls, he^lad of ware^lhouse^l. The^l followi^lng are^l the^l functi^lonal re^lqui^lre^lme^lnts of the^l i^lnve^lntory appli^lcati^lon at Si^lnar Jaya Motor [16].

1. Ownelr

a. Owne^lr can logi^ln to the^l syste^lm by e^lnte^lri^lng use^lrname^l and password.

b. Ownelr can moniltor ilncomilng goods data and prilnt relports.

c. Ownelr can moniltor outgoilng goods data and prilnt relports.

d. Ownelr can managel warelhousel data by addilng data, changilng data, delleltilng data and prilntilng relports.

e. Owne^lr can manage^l use^lr data by addi^lng use^lrs, changi^lng use^lr data, and de^lle^lti^lng use^lrs.

f. Owne^lr can manage^l custome^lr store^l data by addi^lng store^l data, changi^lng store^l data, and de^lle^lti^lng store^l data.

g. Ownelr can moniltor ordelr data.

h. Ownelr can moniltor data on factory relturneld goods and prilnt relports.

i. Owne^lr can moni^ltor data on goods re^lturne^ld orde^lrs and pri^lnt re^lports.

2. Admiln

a. Admiln can logiln to thel systelm by elntelrilng uselrnamel and password.

b. Admiln can moniltor ilncomilng goods data and prilnt relports.

c. Admi^ln can moni^ltor outgoi^lng goods data and pri^lnt re^lports.

d. Admiln can managel warelhousel data by addilng data, changilng data, delleltilng data and prilntilng relports.

608

e. Admi^ln can manage^l custome^lr store^l data by addi^lng store^l data, changi^lng store^l data, and de^lle^lti^lng store^l data.

f. Admiln can moniltor ordelr data.

g. Admiln can moniltor data on factory relturneld goods and prilnt relports.

h. Admiln can moniltor data on ordelrs relturneld goods and prilnt relports.

3. Sale^ls

a. Sale^ls can moni^ltor ware^lhouse^l data.

b. Salels can managel ordelr data by addilng ordelrs, changilng ordelrs ilf thely haveln't beleln shilppeld, delleltilng ordelrs, and prilntilng ordelr relcelilpts

4. He^lad of Ware^lhouse^l

a. He^lad of Ware^lhouse^l can manage^l i^lncomi^lng goods data by addi^lng i^lncomi^lng goods data, changi^lng i^lncomi^lng goods data, delleltilng ilncomilng goods data, and prilntilng relports.

b. Helad of Warelhousel can managel outgoilng goods data by addilng outgoilng goods data, changilng outgoilng goods data, de^lle^lti^lng outgoi^lng goods data, and pri^lnti^lng re^lports.

c. He^lad of Ware^lhouse^l can manage^l ware^lhouse^l data by addi^lng data, changi^lng data, de^lle^lti^lng data and pri^lnti^lng relports.

d. Helad of Warelhousel can moniltor ordelrs and procelss ordelrs and selnd ordelrs.

e. He^lad of Ware^lhouse^l can manage^l data on factory re^lturne^ld goods by addi^lng data, changi^lng data, de^lle^lti^lng data and prilntilng relports.

f. Helad of Warelhousel can managel data on ordelrs relturneld goods by addilng data, changilng data, delleltilng data and prilntilng relports.

3.2 De^lsi^lgn

Afte^lr the^l planni^lng stage^ls are^l carri^le^ld out, the^ln the^l de^lsi^lgn i^ls carri^le^ld out base^ld on the^l functi^lonal re^lqui^lre^lme^lnts analysi^ls that has be^le^ln carri^le^ld out. I^ln accordance^l wi^lth the^l functi^lonal re^lqui^lre^lme^lnts analysi^ls, the^lre^l are^l 4 use^lrs or actors i^ln thi^ls appli^lcati^lon, name^lly: owne^lr, admi^ln, sale^ls, and he^lad of ware^lhouse^l. The^l followi^lng i^ls the^l re^lsult of a de^lsi^lgn usi^lng a conte^lxt di^lagram (Fi^lgure^l 2).

Fi^lgure^l 2. Conte^lxt Di^lagram

Fi^lgure^l 2 i^ls a Conte^lxt Di^lagram i^lmage^l of the^l author's proposal for the^l Si^lnar Jaya Motor company. I^ln the^l di^lagram, the^lre^l are^l 4 mai^ln e^lnti^lti^le^ls, name^lly Owne^lr, Sale^ls, Admi^ln, and He^lad of Ware^lhouse^l and the^lse^l 4 e^lnti^lti^le^ls have^l the^li^lr

609

re^lspe^lcti^lve^l functi^lons. The^l owne^lr can do CRUD ware^lhouse^l i^lte^lms, use^lrs, cate^lgori^le^ls, store^ls, and re^lgi^lons, the^ln R i^lncomi^lng goods data, outgoi^lng goods data, orde^lr data, factory re^lturn data and orde^lr re^lturn data and can pri^lnt re^lports on i^lncomi^lng goods, outgoi^lng goods, orde^lrs, factory re^lturns and re^lturn orde^lrs. The^ln Admi^ln can do CRUD ware^lhouse^l i^lte^lms, use^lrs, cate^lgori^le^ls, store^ls, and re^lgi^lons, the^ln R i^lncomi^lng goods data, outgoi^lng goods data, orde^lr data, factory re^lturn data and orde^lr re^lturn data, and can pri^lnt re^lports of i^lncomi^lng goods, outgoi^lng goods and orde^lrs. The^ln the^l Ware^lhouse^l can make^l R orde^lrs, the^ln CRUD ware^lhouse^l goods data, i^lncomi^lng goods data, outgoi^lng goods data, factory re^lturn data, and orde^lr re^lturn data, and can pri^lnt re^lports on i^lncomi^lng goods, outgoi^lng goods, factory re^lturns, and orde^lr re^lturns. And Sale^ls can do R Ware^lhouse^l goods, the^ln CRUD orde^lrs and pri^lnt orde^lr re^lports.

The^ln the^l conte^lxt di^lagram that has be^le^ln de^lsi^lgne^ld i^ls de^lscri^lbe^ld i^ln more^l de^ltai^ll i^ln the^l ove^lrvi^le^lw di^lagram.

Fi^lgure^l 3. Ove^lrvi^le^lw Di^lagram

Fi^lgure^l 3 i^ls an ove^lrvi^le^lw di^lagram of the^l Si^lnar Jaya Motor company i^lnve^lntory we^lb-base^ld appli^lcati^lon. The^l di^lagram above^l shows the^l 4 mai^ln e^lnti^lti^le^ls consi^lsti^lng of Owne^lr, Admi^ln, Ware^lhouse^l, and Sale^ls. The^ln the^lre^l are^l 11 mai^ln proce^lsse^ls consi^lsti^lng of Logi^ln, Use^lr, Ware^lhouse^l Goods, I^lncomi^lng Goods, Outgoi^lng Goods, Store^ls, Cate^lgori^le^ls, Factory, Orde^lrs, Factory Re^lturns, and Orde^lr Re^lturns. And the^lre^l are^l 10 data storage^l are^las consi^lsti^lng of Use^lrs, Ware^lhouse^l Goods, I^lncomi^lng Goods, Outgoi^lng Goods, Store^ls, Cate^lgori^le^ls, Factory, Orde^lrs, Factory Re^lturns, and Orde^lr Re^lturns.

Afte^lr the^l i^lnve^lntory we^lb-base^ld appli^lcati^lon for the^l company Si^lnar Jaya Motor has be^le^ln de^lscri^lbe^ld, a database^l de^lsi^lgn i^ls carri^le^ld out as a data storage^l me^ldi^lum. The^l database^l use^ld i^ln the^l syste^lm i^ls de^lsi^lgne^ld usi^lng an E^lRD di^lagram as shown i^ln fi^lgure^l 4. E^lnti^lty Re^llati^lonshi^lp Di^lagram or E^lRD i^ls a structural di^lagram that i^ls use^ld to de^lsi^lgn a database^l. An E^lRD de^lscri^lbe^ls the^l data to be^l store^ld i^ln a syste^lm and i^lts boundari^le^ls [17]. The^l basi^lc e^lle^lme^lnts of E^lRD are^l re^lpre^lse^lnte^ld by e^lnti^lti^le^ls, attri^lbute^ls and re^llati^lonshi^lps be^ltwe^le^ln e^lnti^lti^le^ls. E^lnti^lti^le^ls re^lpre^lse^lnt de^lfi^lne^ld e^lle^lme^lnts of a syste^lm such as pe^lople^l, obje^lcts, or e^lve^lnts that store^l re^llate^ld i^lnformati^lon. E^lnti^lti^le^ls can be^l combi^lne^ld i^lnto classe^ls. Classe^ls are^l structure^ld de^lscri^lpti^lons of syste^lm compone^lnts shari^lng common attri^lbute^ls. Attri^lbute^ls are^l spe^lci^lfi^lc fe^lature^ls of the^l e^lnti^lty and the^ly characte^lri^lze^l the^l e^lnti^lty. The^lre^l i^ls no de^lfi^lne^ld maxi^lmum numbe^lr of attri^lbute^ls associ^late^ld wi^lth a si^lngle^l e^lnti^lty. I^lt i^ls possi^lble^l to i^lde^lnti^lfy ce^lrtai^ln attri^lbute^ls for i^lndi^lvi^ldual e^lnti^lti^le^ls. Attri^lbute^ls also have^l ce^lrtai^ln spe^lci^lfi^lcati^lons i^ln whi^lch the^l Pri^lmary Ke^ly (PK) and Fore^li^lgn Ke^ly (FK) attri^lbute^ls are^l di^lsti^lngui^lshe^ld. The^l pri^lmary ke^ly attri^lbute^l i^ls a spe^lci^lal type^l of attri^lbute^l that de^lfi^lne^ls a uni^lque^l database^l e^lntry. Thi^ls spe^lci^lfi^lcati^lon i^ls a uni^lque^l value^l that appli^le^ls to a parti^lcular attri^lbute^l.

610

The^l Fore^li^lgn Ke^ly attri^lbute^l i^ls the^l opposi^lte^l of the^l Pri^lmary Ke^ly attri^lbute^l, i^ln that the^l attri^lbute^l doe^ls not re^lpre^lse^lnt a uni^lque^l value^l. Multi^lple^l e^lnti^lti^le^ls can share^l the^l same^l attri^lbute^ls [18].

Fi^lgure^l 4. E^lnti^lty Re^llati^lonshi^lp Di^lagram (E^lRD)

Fi^lgure^l 4 i^ls an E^lnti^lty Re^llati^lonshi^lp Di^lagram from the^l Si^lnar Jaya Motor i^lnve^lntory we^lbsi^lte^l. I^ln the^l E^lRD above^l the^lre^l are^l 9 e^lnti^lti^le^ls i^lncludi^lng use^lr, store^l, factory, product, orde^lr_re^lturns, factory_re^lturns, i^lncomi^lng_goods, outgoi^lng_goods, dan orde^lr. E^lach e^lnti^lty has i^lts own attri^lbute^ls and re^llati^lonshi^lps. The^l use^lr table^l wi^lll store^l use^lr account data for the^l Si^lnar Jaya Motor company we^lb i^lnve^lntory and have^l a 1 to Many re^llati^lonshi^lp wi^lth the^l orde^lr table^ls. The^l factory table^l wi^lll store^l factory data that i^ls a suppli^le^lr for Si^lnar Jaya Motor company and have^l 1 to Many re^llati^lonshi^lp wi^lth the^l factory_re^lturns table^l and the^l i^lncomi^lng_goods table^l. The^l prodct table^l wi^lll store^l company product data and have^l 1 to Many re^llati^lonshi^lp wi^lth the^l factory_re^lturns, i^lncomi^lng_goods, orde^lr, orde^lrs_re^lturn, and outgoi^lng_goods table^ls. Fi^lnally, the^l store^l table^l that wi^lll store^l data of custome^lrs store^l and have^l 1 to Many re^llati^lonshi^lp wi^lth the^l orde^lrs_re^lturn, outgoi^lng_goods, and orde^lr table^ls.

3.3 Codilng

Afte^lr the^l de^lsi^lgn stage^l, i^lt wi^lll the^ln be^l i^lmple^lme^lnte^ld i^ln the^l form of program codi^lng. At thi^ls stage^l codi^lng i^ls carri^le^ld out base^ld on the^l de^lsi^lgn and analysi^ls that has be^le^ln done^l be^lfore^l. Thi^ls we^lbsi^lte^l-base^ld i^lnve^lntory appli^lcati^lon i^ls de^lve^llope^ld usi^lng the^l PHP programmi^lng language^l and use^ls the^l MySQL database^l. PHP i^ls a programmi^lng language^l that i^ls wi^lde^lly use^ld for handli^lng the^l cre^lati^lon and de^lve^llopme^lnt of a we^lb and i^ls commonly use^ld i^ln HTML. PHP stands for "Hype^lrte^lxt Pre^lproce^lssor", and i^ls a language^l that i^ls i^lnclude^ld i^ln HTML docume^lnts, whi^lle^l worki^lng on the^l se^lrve^lr si^lde^l (se^lrve^lr-si^lde^l HTML-e^lmbe^ldde^ld scri^lpti^lng). Thi^ls me^lans that the^l syntax and commands gi^lve^ln wi^lll be^l fully e^lxe^lcute^ld on the^l se^lrve^lr but are^l i^lnclude^ld i^ln a normal HTML page^l, so the^l scri^lpt i^ls not vi^lsi^lble^l on the^l cli^le^lnt si^lde^l [19]. SQL (Structure^ld Que^lry Language^l) i^ls a database^l ope^lrati^lng conce^lpt, e^lspe^lci^lally for se^lle^lcti^lng or se^lle^lcti^lng and e^lnte^lri^lng data whi^lch allows data ope^lrati^lons to be^l done^l e^lasi^lly automati^lcally [20]. MySQL i^ls i^ln charge^l of organi^lzi^lng and managi^lng data - data i^ln the^l database^l, be^lsi^lde^ls that MYSQL i^ls known as a fast and re^lli^lable^l syste^lm, i^ln proce^lssi^lng que^lri^le^ls qui^lckly and e^lasi^lly, so i^lt i^ls ve^lry sui^ltable^l for we^lb-base^ld appli^lcati^lons [21]. The^l syste^lm i^ls bui^llt on a we^lbsi^lte^l basi^ls wi^lth the^l ai^lm of maki^lng i^lt e^lasy to use^l, and be^lsi^lde^ls that we^lbsi^lte^l use^l can be^l acce^lsse^ld anywhe^lre^l and anyti^lme^l. The^l syste^lm i^ls bui^llt base^ld on the^l functi^lonal re^lqui^lre^lme^lnts that have^l be^le^ln made^l at the^l planni^lng stage^l. The^l syste^lm be^lgi^lns wi^lth a logi^ln me^lnu i^lnte^lrface^l, whe^lre^l the^l use^lr can e^lnte^lr the^l syste^lm by e^lnte^lri^lng a use^lr name^l and password. Afte^lr the^l use^lr logs i^ln, the^l use^lr can acce^lss the^l we^lb i^lnve^lntory. The^l followilng shows thel Uselr Ilntelrfacel of thel Silnar Jaya Motor welb ilnvelntory.

611

Fi^lgure^l 5. Home^l Page^l

Fi^lgure^l 5 di^lsplays the^l home^l page^l whi^lch i^ls the^l landi^lng page^l afte^lr the^l use^lr has logge^ld i^ln. the^l di^lsplay for the^l othe^lr 4 role^ls i^ls the^l same^l, the^l only di^lffe^lre^lnce^l i^ls the^l me^lnu that can be^l acce^lsse^ld i^ln the^l si^lde^l navi^lgati^lon bar. At the^l top of the^l we^lbsi^lte^l page^l the^lre^l i^ls a he^lade^lr consi^lsti^lng of a hamburge^lr i^lcon, company name^l and use^lr i^lcon. On the^l le^lft the^lre^l are^l si^lde^l navi^lgati^lon bar that can be^l acce^lsse^ld base^ld on role^l and be^llow si^lde^l navi^lgati^lon bar i^ls account role^l that logs i^ln. The^l owne^lr can acce^lss i^lncomi^lng goods data, outgoi^lng good data, ware^lhouse^l goods data, use^lr data, custome^lr store^l data, orde^lr data, factory re^lturn goods data, and orde^lr re^lturn goods data. On the^l ri^lght of the^l si^lde^l navi^lgati^lon bar wi^lll di^lsplay we^lbsi^lte^l page^ls base^ld on the^l se^lle^lcte^ld me^lnu.

Fi^lgure^l 6. Ware^lhouse^l Goods Data Page^l

Fi^lgure^l 6 di^lsplays the^l ware^lhouse^l goods data page^l whe^lre^l the^l data di^lsplaye^ld i^ls i^lte^lm i^ld, i^lte^lm code^l, i^lte^lm name^l, car type^l, cate^lgory, pri^lce^l, qty pe^lr box, spe^lci^lal pri^lce^l, and qty. On thi^ls page^l, the^l owne^lr, admi^ln, and he^lad of the^l ware^lhouse^l can manage^l i^lte^lm data such as addi^lng i^lte^lms, changi^lng i^lte^lm data or i^lte^lm pri^lce^ls, or de^lle^lti^lng i^lte^lms, whi^lle^l sale^ls can only vi^le^lw ware^lhouse^l i^lte^lm data.

612

Fi^lgure^l 7. I^lncomi^lng Goods Page^l

Fi^lgure^l 7 di^lsplays the^l i^lncomi^lng goods page^l whe^lre^l the^l data di^lsplaye^ld i^lnclude^ls i^lncomi^lng goods i^ld, i^lte^lm code^l, i^lte^lm name^l, cate^lgory, date^l of e^lntry, name^l of the^l factory that se^lnt the^l goods, and qty. On thi^ls page^l, only the^l he^lad of the^l ware^lhouse^l can manage^l i^lncomi^lng goods data such as addi^lng i^lncomi^lng goods and de^lle^lti^lng i^lncomi^lng goods and pri^lnti^lng re^lports. Me^lanwhi^lle^l, the^l owne^lr and admi^ln can only vi^le^lw the^l data and pri^lnt the^l re^lport.

Fi^lgure^l 8. Outgoi^lng Goods Page^l

Fi^lgure^l 8 di^lsplays the^l outgoi^lng goods page^l whe^lre^l the^l data di^lsplaye^ld i^lnclude^ls the^l outgoi^lng i^lte^lm i^ld, i^lte^lm code^l, i^lte^lm name^l, cate^lgory, date^l the^l i^lte^lm came^l out, the^l name^l of the^l store^l whe^lre^l the^l i^lte^lm was se^lnt, and qty. On thi^ls page^l, only the^l he^lad of the^l ware^lhouse^l can manage^l outgoi^lng goods data such as addi^lng outgoi^lng goods and de^lle^lti^lng outgoi^lng goods and pri^lnti^lng re^lports. Me^lanwhi^lle^l, the^l owne^lr and admi^ln can only vi^le^lw the^l data and pri^lnt the^l re^lport.