GROUP ASSIGNMENT

NP1F1601IT
WEB APPLICATIONS
CT050-3-2-WAPP
HAND OUT DATE: 05 FEBRUARY 2017
HAND IN DATE: 9 MAY 2017
WEIGHTAGE: 50%
INSTRUCTIONS TO CANDIDATES:
1. Submit your assignment at the administrative counter.
2. Students are advised to underpin their answers with the use of references (sites using
the Harvard Name System of Referencing)
3. Late submission will be awarded zero (0) unless Extenuating Circumstances (EC) are
upheld.
4. Cases of plagiarism will be penalized.
5. The assignment should be bound in an appropriate style (Comb Bound or Stapled).
6. Where the assignment should be submitted in both hardcopy and softcopy, the
softcopy of the written assignment and source code (where appropriate) should be on
a CD in an envelope/ CD cover and attached to the hardcopy.
7. You must obtain 50% overall to pass this module.
 GROUP ASSIGNMENT
WEB APPLICATIONS
(CT050-3-2-WAPP)

ONLINE SHOPPING WEBSITE

Submitted By:
Amir Ali (NP000014)
Kiran Thapa (NP000034)
Sudarshan Thapa (NP000061)

Submitted To:
Mr. R.N. Thakur
Executive Summery
Table of Contents
1 Introduction............................................................................................................1

1.1 Objectives........................................................................................................1

1.2 Scopes..............................................................................................................1

1.3 Targeted Audiences.........................................................................................1

1.4 Project Schedule..............................................................................................2

1.5 Major Functions...............................................................................................2

2 Requirement Specification.....................................................................................2

2.1 Audience Modeling.........................................................................................2

2.1.1 Audiences Classification..........................................................................2

2.1.2 Audiences Characterization.....................................................................3

2.2 Hardware and Software Requirements............................................................4

2.3 Major Functions...............................................................................................4

3 Design and Modeling.............................................................................................7

4 Implementation......................................................................................................8

4.1 Code Snippets..................................................................................................8

5 Conclusion..............................................................................................................9

6 References............................................................................................................10

7 Annexes................................................................................................................11

7.1 Marking Grid.................................................................................................11

7.2 Workload Matrix...........................................................................................12

1 Introduction
This project is about creating an online shopping website. Website demonstrates
database connectivity and client/server processing. The website also demonstrates
good usage and appropriateness of multimedia element and has good interface design
and a full functional navigation.

1.1 Objectives
The objective of this project is to create an online shopping website that will serve as
the resources for both registered and non-registered users who are like to buy things
online.

1.2 Scopes
 Online shopping have made shopping painless and added more fun.
 Online stores offer product description, pictures, comparison, price, and much
more.
 Having direct access to the consumer, the online store can offer product that
cater to the needs of consumer.
 Online shopping makes use of digital technology for managing the flow of
information, products, and payment between consumer, site owners and
suppliers.

1.3 Targeted Audiences

Online shopping is mainly used by older people who are working as they have a credit
card from which they can pay for their goods. They use it because they come back
late from work and so shopping is very tiring, consequently they turn to online
shopping where their items are delivered to them. It can be used by anyone who owns
a debit cards they can use it to buy whatever they desire. Young people do use the
service of online shopping to buy things such as clothes, watches, shoes, and games as
it is of greater convenience to them.
1.4 Project Schedule

1.5 Major Functions

The core of an online shop is the product catalogue and the cart. Next there is the
transaction handling. Navigation in the catalogue and the finding of products is
certainly facilitated by the search engine. A simple one will search the catalogue for
any entered keyword and an advanced one will let you define selected criteria, e.g.
price range. While placing an order, the client selects one of delivery methods (mail,
courier, in-store pickup) and payment methods (cash on delivery, bank transfer, credit
card).

2 Requirement Specification
Before a system is designed and implemented, the requirements have to be specified
in enough detail to make analysis and design possible. This is a big part of software
engineering, especially for larger systems.

2.1 Audience Modeling

Web Semantic Design Method takes into account the fact that different types of
visitors may have different needs and requirements, and thus may require different
support (e.g., in a university website, 'students' and 'researchers' clearly have different
goals and purpose to visit the website). The target users identified in the targeted
audiences are refined into so-called audience classes. This is done by means of two
sub phases:
 The Audience Classification
 The Audience Characterization

2.1.1 Audiences Classification

During Audience Classification, the different types of users are identified into more
detail and classified: users with the same (information and functional) requirements
are grouped together into so-called audience classes. To identify the different
audience classes we look at the activities of the organization for which the web site is
built. In our website this is only the activity “shopping” done by costumer.
 Teenager Adult

Shopping

Old people

Figure 1: Activity Diagram "Shopping"

2.1.2 Audiences Characterization

During Audience Characterization relevant characteristics are specified for each
audience class. Next to the fact that different types of users may have different
information and functional requirements, it may be necessary to represent the (same)
information or functionality in different ways to different kinds of users. This depends
on the characteristics of the users. There are two characteristics of customer of our
website.

A. Online payment
An online payment system is an Internet-based method of processing economic
transactions. It allows a vendor to accept payments over the web or over other Internet
connections, such as direct database connections between retail stores and their
suppliers--a common method of maintaining just-in-time inventories. Online payment
systems greatly expand the reach of a business and its ability to make sales.
[ CITATION Ell17 \l 1033 ]

B. Cash on Delivery
Cash on delivery (COD) is a type of transaction in which the recipient makes payment
for a good at the time of delivery. If the purchaser does not make payment when the
good is delivered, then the good is returned to the seller. The recipient can make
payment by cash, certified check or money order, depending on what is the shipping
contract stipulates.[ CITATION Inv17 \l 1033 ]
2.2 Hardware and Software Requirements
Hardware Requirements
Processor: Pentium or Higher.
RAM: 512MB or Higher.
Software Requirements
Operating System: UNIX, Linux, Mac, Windows
Search Engine: Google Chrome, Mozilla Firefox, etc.

2.3 Major Functions

People watch what they spend on; so it’s only natural to expect that they want to
know everything there is to know about the product they’re going to buy, the purchase
process, payment methods, the delivery service, warranties, etc. that will help them
secure a decision and commit to a transaction. So, make sure that you have linked to
the appropriate pages from your home page. Such foresight will save much of your
support team’s time, and reduce the number of customer’s pre-sale help requests. Any
online shopping website must have following functions so that it will be more
conveniences and trusty to the customers.

 Shopping Cart, Login Box and Search Box

The shopping cart, login box and search box features are usually placed together at
every e-commerce site. It’s almost impossible to imagine a store without a shopping-
cart function included. The most popular shopping cart icon is a simple basket so it
makes sense to choose something similar for your site. Many stores also provide their
customers with private accounts where it’s possible to check all their previous and
current orders.
Every customer who signs up can choose a personal login and password for further
access. Besides, owners of such accounts can receive special discount offers from the
store owners and participate in different promotions or sales.
If you deal with a large online store that has a wide choice of goods then the search
box is a must-have. This will also prove popular with customers who demand a
specific product that they just need to locate from your online store to make their
order.
 Phone numbers and online chat
With online shopping, buyers interact with sellers via computer networks making
transactions that are no longer geographically bound. When there is a problem
however, customers would more likely prefer to have someone they can talk with.
This is the core of the need for a store support team; 24/7 hotlines and live chats are
highly appreciated forms of value-added customer service.
If online purchases can be done all day and all night long, there is a need to provide
24-hours customer services to solve the majority of pre-sale and after-sale questions.
Moreover, people can go online from their working places or from home, so a
purchase and any accompanying enquiry may come at any time of the day.

 Social Media Links

It’s said that almost 20% of online purchases are accomplished after surfing through
social media sites. People are inclined to take in public opinion. Social media
websites, such as Facebook and Twitter, are the best, if not fastest, source to get the
info you need on just about everything.
Moreover, social media accounts bring excellent opportunities for self-promotion:
online communities can help to identify the most active and influential customers, or
find new ones who are not familiar with the web store yet. For online shops, it’s a
good channel to keep customers abreast of the latest news, or special deals which are
oriented towards Facebook or Twitter followers only.

 Payment Systems Icon

E-commerce websites deal with many customers from all over the world and they
each have their own preferred payment system. Moreover, there may be technical
limitations to a payment method or option, and that’s why it would be better to clarify
payment options in advance. For instance, some e-commerce websites don’t accept
international credit cards. Others require the customer billing address and the delivery
address to be in the same country as the official store’s location.
Online stores commonly use credit and debit cards, gift vouchers, cash on delivery,
PayPal, etc. as their main payment system. You can easily find these payment icons at
the footer or on the top right corner of sites.
 Latest news
When there is news, a sales period or upcoming events that buyers should know about
the product, the home page is the best place to house them. Do not make it too hard
for buyers to find exclusive deals and hot prices. Moreover, recurring customers will
more likely look through several ‘new’ items on sale rather than spend half an hour
browsing through the full inventory for something new and trendy.

 Trustmarks
Trustmark are small images or logos that show a security guarantee by an external
party indicating that it is safe to shop on the site. Some of these trustmarks come from
Network solutions, McAfee, Verisign, BBB, TRUSTe, GeoTrust, etc. Such
accreditation certificates give customers a sense of security and gives them
confidence in sharing their private information. Visitors would be more inclined to
make a purchase if they know that their payment details are safe from prying eyes. It
should also be noted that trustmarks don’t matter for big brand stores. They don’t
need to pass security and privacy tests to confirm their reliability because they already
have a good reputation. Apart from trustmarks, a clear design, convenient menus,
detailed product descriptions and user reviews are also important for creating better
online reputation. Just note that trust plays an important role in a customer’s
willingness to part with their money.

 Store Finder
A store finder tab is a must-have option for web stores that have several local or
national retailers. Many conservative customers who prefer to check out the actual
store itself may visit the website but only to find the nearest shop location or branch.
More likely, one will find this option on the top or bottom right corner of the site. If
the store has a wide trade network then it will be good to create a special store
location search box for a country, city, and zip code or address search. Check out the
store finder tabs on these e-commerce websites.
3 Design and Modeling
4 Implementation
4.1 Code Snippets
Code snippets are ready-made snippets of code you can quickly insert into your code.
Some code snippets are surround-with code snippets, which enable you to select lines
of code, and then choose a code snippet which incorporates the selected lines of code.
For example, when you select lines of code and then activate the for code snippet, it
creates for loop with those lines of code inside the loop block. Code snippets can
make writing program code quicker, easier, and more reliable. [ CITATION mic17 \l
1033 ]
There are many code snippets are used in our website. Some of them are as follow.

Name (or Description Valid locations to Examp

shortcut) insert snippet le
Try Create a try-catch block Inside a method, an
indexer, a property
accessor, or an event
accessor
#if Creates a #if directive and a #endif Anywhere
directive
Else Creates an else block Inside a method, an
indexer, a property
accessor, or an event
accessor.
using Creates a using directive Inside a namespace
(including the global
namespace).
mbox Creates a call to MessageBox.Show. Inside a method, an
You may have to add a reference to indexer, a property
System.Windows.Forms.dll. accessor, or an event
accessor.
5 Conclusion
Online shopping has grown in popularity over the years, mainly because people find it
convenient and easy to bargain shop from the comfort of their home or office. One of
the most enticing factor about online shopping, particularly during a holiday season, is
it alleviates the need to wait in long lines or search from store to store for a particular
item. Online shopping has revolutionized the business world by making everything
anyone could want available by the simple click of a mouse button. Local retailers are
attempting to expand their footprints by offering goods for sale via online shopping so
as to better compete with the likes of Amazon.
6 References

Anon., 2017. Investopedia. [Online] Available at:

http://www.investopedia.com/terms/c/cashondelivery.asp.
Davidson, E., 2017. Chron. [Online] Available at:
http://smallbusiness.chron.com/explain-online-payment-system-1780.html.
microsoft, 2017. Microsoft. [Online] Available at: https://docs.microsoft.com/en-
us/visualstudio/ide/visual-csharp-code-snippets.

1
7 Annexes
7.1 Marking Grid
Group Components

Criteria Mark Allocated Mark Awarded

Documentation

Introduction 5

Requirement Specification 15

System Design 15

Implementation 20

Conclusion 5

Style and Formatting 5

Database Connectivity

Create/ Read/ Update/Delete Record 20

User Authentication 15

Form Validation 10

Implementation

Web Functionality 10

Web Page Design 10

Web Accessibility 10

Website Contents / Innovation / Originality 10

Individual Components

Criteria Mark Mark Awarded

Allocated
Amir Ali Kiran Thapa Sudarshan Thapa
(NP000014) (NP000034) (NP000061)

Presentation 5

Q&A 15

Contribution 10

7.2 Workload Matrix

S.N. Names Workload Signatures
1 Amir Ali (NP000014) 40%
2 Kiran Thapa (NP000034) 30%

3 Sudarshan Thapa (NP000061) 30%