CHAPTER 1 INTRODUCTION Project Context Through the years, E-commerce has revolutionized the way businesses are being

made. A lot of companies and business firms have gone from that being it conventional offers. to online by due to the

advantages

E-commerce,

its

simplest

definition, is the buying and selling of products and services by businesses and consumers over the Internet. E-commerce sites such as online stores and brochure sites have allowed businesses to deliver and display information about products and services online thus increasing its business opportunities as well as its profits. Infocom Solutions Powerlinks Co. is a Butuan-based company that offers IT products and services for clients around the province. The company is engaged in selling and installation of CCTV Surveillance Cameras, PABX Telephone Systems, Biometrics Identification and Door Access Control Systems as well as

computer and networking services. Being a successful contractor of Bayan Telecommunications and a service provider for LECSL installation/configuration, the company is now looking for ways on how to improve their business.
1

Due to this, the researchers develop an e-commerce website for Infocom Solutions Powerlinks Co. that will enable the

business firm to showcase their products and services online. In addition, the proposed website will include a knowledge-base

system that will provide troubleshooting tips to site visitors with regards to basic computer and surveillance camera problems. Purpose and Description of the Study This study aims to create an e-commerce website for Infocom Solutions Powerlinks Co. that will allow the company to conduct online transactions and improve their company services through the use of the World Wide Web. Through the proposed E-commerce website, dissemination of product and services information as well as transactions of orders within the company will become faster and hassle-free. Overall, the website will be helpful to Infocom Solutions Powerlinks Co. Objectives of the Study The objectives of this study are the following: 1.) Create an E-commerce Website for Infocom Solutions

Powerlinks Co. that will enable them to promote and sell products and services online. 2.) Provide accurate information about the companys products and services to potential customers online.
2

3.) Provide a knowledge-base system for basic troubleshooting computer and cctv problems online. Scope and Limitations of the Study The proposed study is modeled as an E-commerce website that will focus on promoting and selling the companys products and services online. The site will provide accurate product

specifications of the products including sample videos of cctv cameras to give a preview of its surveillance capabilities to customers. Since it is an e-commerce site, adding products to cart will be implemented. With regards to the companys online services, an online expert system for basic CCTV and computer troubleshooting will be developed on the site so that customers/site visitors will be given with the proper diagnosis about their problems. Though the proposed site is considered to be an e-commerce website, it will not include online payments. Payments for

customer orders are still done manually. Furthermore, due to the geographical location of the company, order transactions will only be applicable to clients in Agusan del Norte and limited cities in Agusan del Sur.

Review of Related Literature Today, more and more people use the Internet for gathering information visibility and has for become shopping. more This means that & the Internet

important

(Ekdahl

Stockenstrm,

2010). The Internet has become an extremely important modern day technology for business. The use and application of Internet based technologies in commerce, with the is claimed Wide to Web be undergoing to be

extraordinary

growth,

World

said

significantly altering the manner that traditional commerce is undertaken (Eshun & Taylor, 2009). However, for successful business venture in the virtual

world, it is not enough to have a website. Proper care has to be given before developing a website. It should be strategically placed in the online web world to achieve long lasting results. Before finalizing the ecommerce web development, one must

brainstorm and plan in order to exploit all the benefits of the ecommerce website in the most optimum way. According to Wiley, Y.M.J. & Sons (1997), a good e-commerce site should present the following factors: easy scanning and selecting items in a list, effective categorical organization of products, simple navigation from home page to information and order links for specific products and consistent layout of

information.
4

Customer feedback should also be encouraged so that online stores become customer focused. Obtaining feedback enables the seller to know how one is performing, whether the customers have any issues which need to be straightened up, and to see how customers think of the products and services being sold in the Internet (Choudhury, 2008). Feedback must also be effectively harnessed to ensure that users do not simply give up on sites but rather stay and spend their money, thus ensuring the

continued presence of the e-commerce site (Renaud,K.V. Kotze,P. Van Dyk, T.J., 2001). Technical Background The E-commerce Website for Infocom Solutions Powerlinks Co. will be beneficial to both the company and its customers. The site will not only promote the products and services but also provide online transactions. By this, doing business

transactions will become faster and more efficient. The website enables the company to feature their products online. In the site, the administrator can add, delete and

update products in the site. Viewing order details and online customer inquiry response can also be done by the administrator. On the other hand, the customers can transact orders

online. They can add products to cart and proceed to checkout.

In the checkout page, they will have to input the necessary details to complete the order. After completing it, they can now purchase the products and they are prompted by a message

regarding their order details. In order to obtain the necessary functionalities of the proposed website, the researchers decided to use PHP, a widelyused general-purpose and Mysql of scripting for the its language, to construct these two, its the more

functions

database.

With

implementation

E-commerces

structure

became

efficient and less-complicated. For the online expert system, the researchers used the

expertise2go expert system shell, an open-source software for expert system generation. Using this shell, developing the

knowledge-base system became faster and hassle-free.

CHAPTER 2 METHODOLOGY This Chapter covers the research method and procedures on how the system will be constructed. This includes the needed instruments for the development of the system. Requirements Specification Webhost In order to implement the website online, the researchers subscribed to a free webhosting site to test its online

functionality. Tools

Figure 1.0 Intype Intype is a text, code and xml editor for the Windows

operating system that resembles advanced editors like Notepad++ in many aspects. This software was used in editing the html and css codes of the site as well as its php functions.

Figure 2.0 Adobe Photoshop Adobe picture & Photoshop photo CS5 is a professional This standard is digital used in

editing

software.

software

creating and editing the images applied in the site.

Figure 3.0 XAMPP XAMPP is an easy to install Apache distribution containing MySQL, PHP and Perl. XAMPP is used to run PHP functions and also for the Mysql database of the site when it was still running on localhost.

Figure 4.0 Filezilla FileZilla is software. This a software is used designed as an open source FTP in transferring of files from

tool

localhost to webhost. DATA GATHERING PROCEDURE The procedure: 1. Interview The researchers have conducted an interview with the company personnel in order to obtain the needed data. 2. Internet The internet is used to get additional following tools were used in the data gathering

information such as images, video samples and etc.

Conceptual Framework of the Proposed System

SELL PRODUCTS

DEVELOP THE DESIGN

INFOCOM WEBSITE
DO ONLINE TANSACTIONS

CUSTOMER

GATHER DATA NEEDED

Figure 5.0 Conceptual Framework The image above illustrates the conceptual framework of the proposed commercial website for Infocom Solutions Powerlinks Co. First, the needed data should be gathered. These include the images, product specifications, prices, video samples and other information regarding the products. Second, the design of the website is developed. The developed website will then serve as a gateway for the company to sell products online and conduct online transactions with customers.

10

LOGICAL DESIGN

CUSTOMER

MANAGER/ADMIN

1.0 CHECK AVAILABLE PRODUCTS

Product Stock

2.0 CONFIRM

Product Details

PRODUCT AVAILABILITY

3.0 TEST PRODUCTS

4.0 ORDER PRODUCTS 6.0 PURCHASE PRODUCTS

Order Details

5.0 CONFIRM ORDER

Order Approval

Figure 6.0 Data Flow Diagram (Existing System)

11

7.0

1.0

ADMIN
LOGOUT

LOGIN
Account Verification

USER

Admin Account File 3.0 2.0 PRODUCT MANAGEMENT Product Catalog

Checking Product Availability

VIEW PRODUCTS

8.0 ORDER MANAGEMENT

4.0 ADD PRODUCTS TO CART

Orders
Checking Orders

5.0 PROCEED TO CHECKOUT

Order Details

6.0 7.0 ORDER PRODUCTS FIIL-UP PAYMENT INFORMATION

Figure 6.1 Top-level Data Flow Diagram (Proposed System)

12

2.1 Add Product Categories

Category Details

2.2

ADMIN

Category Info

Update Product Categories

Product Catalog
Updated Category Info

2.3 Delete Product Categories

Delete Category Info

Updated Product Info

Product Info

2.4 Add Product

Product Info

2.6 Delete Product 2.5 Update Product

Delete Product Info

Figure 6.2 Low-level Data Flow Diagram (Product Management)

13

Order Details

8.1 View Orders

ADMIN
ORDERS

8.2 Change Order Status

Updated Order status

Figure 6.3 Low-level Data Flow Diagram (Order Management) Narrative Description of the Proposed System The data diagrams show a vivid view of the usual

transaction processes between the administrator/manager and the online customer. The administrator should first log in into the admin panel. After logging in, he/she can now manipulate the content of the site by adding categories as well as adding the corresponding products under each category. Updating and deleting of

categories and products can also be done at this stage. The customer on the other hand can now view the products in the website. He/she can then add products to his/her cart and proceed to checkout. In the checkout page, the customer should

14

fill-up the necessary information to make the order valid. After entering the needed information, the order is now completed. Any orders will now be seen by the admin in the admin panel. He/she can then view the orders including the customers payment information. The admin can also change the order status in this stage.

<<extend>>

Add Products

View products

<<extend>>

Log-in Delete Products

and services
Use online expert system

<<extend>> Update Products

Add products to cart Check customer orders

Checkout

Customer
Order products

<<extend>>

Change order

Admin

Status

Cancel Orders

Log out

Figure 7.0 Use Case Diagram

15

Narrative of Use Case Diagram As shown in the Use Case Diagram of the proposed Infocom Solution Powerlinks Co. E-Commerce Website, the customers and the administrator interacts with Infocom website. The customers can view, purchase, add products to cart and checkout products from the website. The users can also use the websites online expert system to help them troubleshoot basic computer and cctv problems. The administrator, on the other hand, will log in into the admin panel by of the system, photos and add and update check products customers

information

uploading

videos,

orders, change order status and cancel orders. The administrator can manipulate the features of the website and it is the one responsible for the proper management of the website. If the administrator is done in doing transactions, he/she can now sign off or log out.

16

tbl_product PK tbl_category tbl_cart cat_id PK ct_id cat_id pd_name pd_description pd_file pd_video pd_price pd_qty pd_image tbl_order_item pd_thumbnail FK od_id pd_date FK pd_id pd_last_update od_qty tbl_user PK user_id tbl_currency user_name user_password user_regdate user_last_login PK cy_id cy_code cy_symbol tbl_shop_config sc_name sc_address sc_phone sc_email FK sc_currency PK pd_id FK cat_parent_id ct_session_id cat_name ct_qty cat_description ct_date cat_image tbl_order PK od_id od_date od_last_update od_status od_memo od_payment_first_name od_payment_last_name od_payment_address od_payment_phone od_payment_city od_payment_state od_payment_postal_code pd_id tbl_cart ct_id pd_id ct_session_id ct_qty ct_date

Figure 8.0 Entity Relationship Diagram (ERD)

17

Physical Design The physical design Infocom Solution Powerlinks Co. Website has a simple and a user-friendly environment. The design was made to give both the user and the administrator an easy-to-use interface and the necessary functions that one need in order to conduct electronic transactions. The colors used are in

accordance to the companys color theme. This system aims to provide more accurate and hassle-free work for Infocom Solution Powerlinks Co. and a more convenient part for its customers as well.

Screenshot 1.0

Home Page

This is the homepage of the website. In this page, all featured products of the Infocom Solutions Powerlinks Co. can be

18

seen including the links to the information and photos of the products. This page shows all major contents of the proposed ECommerce Website.

Screenshot 2.0

About Us Page

In this page, all the necessary information regarding Infocom Solutions Powerlinks Co. are shown. Some of these include the companys background, its vision as well as its objectives.

These information will give the company a good impression to its potential customers.

19

Screenshot 3.0

Product Page

In the product page, all products are shown including the product categories. The products added in the customers

shopping cart are also shown in this page.

Screenshot 4.0

Single Product Page

This is the product page of each product. This is where customers can see the product description and specifications.
20

Screenshot 5.0

Services Page

This is where visitors can see the list of services that the Infocom Solutions Powerlinks Co. offers. At the bottom of this page is a link to the websites knowledge-base system.

Screenshot 6.0

Knowledge-Base Page

This serves as the primary page of the sites Knowledgebase system. This is where customers can view the specific
21

problem that they want to troubleshoot.

Screenshot 7.0

Admin Login Page

This is the login page for the administrator. This is where the admin enters the username and password for his/her account.

Screenshot 8.0 Admin Panel Page This is the admin panel page where the admin can add, modify and delete products and categories including viewing of orders.

22

Screenshot 9.0

Product Category Page (Admin)

This is the product category page in the admin panel. In this page, admin of the website can add, modify and delete the product categories in the website. These product categories are needed in order to categorize each product that will be added in the admin product page.

23

Screenshot 10.0

Product Page (Admin)

This is the page in the admin panel where the admin can add, modify and delete the products that will appear in the website. In here, the admin can input the products name as well as the important information about the product like products specifications, prices, images and videos. These products are also categorized into their respective category.

24

Screenshot 11.0

Sales Page (Admin)

This is the sales page in the admin panel. This is where the admin can see all details of customer orders. Also, this is where the admin can change the status of the orders to be able to track down orders that are already completed and those that are cancelled. Development and Testing The development and testing of the study covered the

following phases: Analysis The first phase is the analysis of all elements regarding the study. This includes the gathering of the necessary data and

25

conceptualizing website.

the

design

and

functionality

of

the

proposed

Design Implementation The second phase is the implementation of the design and functionality of the website. In order to develop the design and functions of the website, the researchers used PHP (Hypertext Preprocessor) which is used as the scripting language and MySQL as the database. System Testing The third phase is the system testing. First, the system was run through the localhost using XAMPP. After debugging the system, it was then transferred to the webhost in order to test its functionality online.

26

CHAPTER 3 RECOMMENDATIONS This chapter covers the implementation plan and some

recommendations that may help enhance the performance of the system for future usage. Implementation Plan The proposed E-commerce website will be implemented online through online web hosting services. All files will be uploaded to the webhost. After uploading, the system will be tested in order to ensure that the necessary functionalities of the site are working properly and to check if there are any

irregularities and bugs. Maintenance will also be implemented from time to time in order to make sure that the site is at its full functionality for most of the time. Recommendations After following: Infocom Solutions Powerlinks Co. thorough analysis, the proponents recommend the

First, the company should be able to secure its own domain in order to make sure that the site has a 99.99% uptime. Second, the administrator of the system should be oriented with the flow
27

of the proposed system. This will ensure that the administrator has the proper knowledge with regards to the websites

functionalities.

Lastly, updating the websites content should

be made from time to time to make sure that the website contains the latest information about the companys products and

services. Future Researchers

The proposed system is still a work-in progress and can still be enhanced. Inclusion of online payments and customer review ratings for each product will certainly be good additions to the website in the future.

28

BIBLIOGRAPHY Choudhury, M.M. (2008). A study of the significant factors affecting trust in e-commerce. PhD Dissertation, Durham

University, England. Ekhdal, A. & Stockenstrm, J. V. (2010). Extend B2C & Bong SME from

Ljungdahl's

current

E-commerce.

Encompass 20,

the

marketchannel.

Retrieved

February

2012,

http://www.essays.se/essay/30d36d4508/. Eshun, E. D. & Taylor, T. (2009). Internet and E-commerce adoption among SME non-traditional exporters: case studies of Ghanaian handicraft exporters. Retrieved February 18, 2012, from http://www.essays.se/essay/c61954fb4a/. Renaud, K., Kotze, P. & Van Dyk, T. (2001). A Mechanism for Evaluating Feedback of E-Commerce Sites. Wiley, Y.M.J. & Sons, (1997). Creating the Virtual Store: Taking Your Website.

29

CURRICULUM VITAE

A. Personal Background

NAME ADDRESS DATE OF BIRTH AGE CITIZENSHIP STATUS MOTHERS NAME FATHERS NAME HEIGHT WEIGHT

: : : : : : : : : :

Heinz Marc C. Carlos P-2A Bading, Butuan City March 23, 1992 20 years old Filipino Single Hernanita C. Carlos Henry M. Carlos 53 50 kg

B. Educational Attainment

ELEMENTARY

Butuan Central Elementary School Butuan City 1998-2004 Agusan National High School Butuan City 2004-2008 Fr. Saturnino Urios University San Francisco St., Butuan City (Present Year 2012) Bachelor Science in Information Technology

SECONDARY

COLLEGE

DEGREE

30

CURRICULUM VITAE A. Personal Background

NAME ADDRESS DATE OF BIRTH AGE CITIZENSHIP STATUS MOTHERS NAME FATHERS NAME HEIGHT WEIGHT

: : : : : : : : : :

Coral, Daniel Kris B. #669 P-2A Village 2, Libertad, Butuan City June 11, 1987 25 years old Filipino Single Audrey B. Coral Adoracion P. Coral 60 100 kg

B. Educational Attainment

ELEMENTARY

Butuan Central Elementary School Butuan City 1995-2000 Agusan National High School Butuan City 2000-2004 Fr. Saturnino Urios University San Francisco St., Butuan City (Present Year 2012) Bachelor Science in Information Technology

SECONDARY

COLLEGE

DEGREE

31

CURRICULUM VITAE

A. Personal Background

NAME ADDRESS DATE OF BIRTH AGE CITIZENSHIP STATUS MOTHERS NAME FATHERS NAME HEIGHT WEIGHT

: : : : : : : : : :

Vivid M. Germata P.2 Brgy. 23 Langihan St. Butuan City Oct 19, 1991 20 years old Filipino Single Edna M. Germata Virgilio B. Germata 51 65 kg

B. Educational Attainment

ELEMENTARY

Butuan Central Elementary School Butuan City 2002-2004 Agusan National High School Butuan City 2004-2008 Fr. Saturnino Urios University San Francisco St., Butuan City (Present Year 2012) Bachelor Science in Information Technology

SECONDARY

COLLEGE

DEGREE

32

CURRICULUM VITAE

A. Personal Background

NAME ADDRESS DATE OF BIRTH AGE CITIZENSHIP STATUS MOTHERS NAME FATHERS NAME HEIGHT WEIGHT

: : : : : : : : : :

Irene Daniela D. Labrador P-16A, Brgy. San Vicente,Butuan City June 19, 1990 22years old Filipino Single Nieves D. Labrador Juvinal A. Labrador 51 57 kg

B. Educational Attainment

ELEMENTARY

St. Ceciila Learning School NHA, Kauswagan, Cagayan de Oro City 2001-2002 Misamis Oriental General Comprehensive High School Don Apolinario Velez St. Cagayan de Oro City 2005-2006 Father Saturnino Urios University San Francisco St., Butuan City (Present Year 2012) Bachelor Science in Information Technology

SECONDARY

COLLEGE

DEGREE

33

CURRICULUM VITAE

A. Personal Background NAME ADDRESS DATE OF BIRTH AGE CITIZENSHIP STATUS MOTHERS NAME FATHERS NAME HEIGHT WEIGHT : : : : : : : : : : Anna Mae T. Palad P-12 Upper Doongan Butuan City May 8, 1990 22 years old Filipino Single Gloria T. Palad Antonio M. Palad Jr. 53 45 kg

B. Educational Attainment

ELEMENTARY

Juan Luna Elementary School Sampaloc Manila 2002-2003 Navotas National High School Navotas City 2006-2007 Fr. Saturnino Urios University San Francisco St., Butuan City (Present Year 2012) Bachelor Science in Information Technology

SECONDARY

COLLEGE

DEGREE

34