Higher Nationals in Computing

Project Design, Implementation and Evaluation

<No.1>

Learner’s name: PHAN TRONG DUY

Assessor name: PHAN MINH TAM

Class: CGS0601

ID: GCS17030

Assignment due: 2 / 4 / 2 0 1 9 Assignment submitted: 6 / 4 / 2 0 1 9

 ASSIGNMENT FRONT SHEET <No.1>

Qualification BTEC Level 5 HND Diploma in Computing and Systems Development

Unit number and title Unit 4: Project Design, Implementation and Evaluation

Assignment due 2/4/2019 Assignment submitted 6/4/2019

Learner’s name Phan Trọng Duy Assessor name Phan Minh Tâm

Learner’s ID GCS17030 Submission number

Learner declaration:
I certify that the work submitted for this assignment is my own and research sources are fully acknowledged.

Learner signature Date 5/4/2019

Grading grid

P1.1 P1.2 P1.3 P1.4 M2 M3 D2

Assignment title Formulating the project

In this assignment, you will have opportunities to provide evidence against the following criteria.
Indicate the page numbers where the evidence can be found.

Assessment criteria Expected evidence Task Assessor’s Feedback

no.

LO1 Be able to formulate a project

1.1 formulate and record 1

possible outline project Project proposal
specifications

1.2 identify the factors that Literature review, initial

2
contribute to the process of investigation regarding this
project selection project

1.3 produce a specification 3

Project specification
for the agreed project

1.4 produce an appropriate Gantt chart (or other form) for 1

project plan for the agreed project plan
project
 Assessment criteria Expected Evidence Feedback
(note on Merit/Distinction if applicable)
Merit descriptor No. (M2)

Merit descriptor No. (M3)

Merit descriptor No. (D2)

Summative feedback

Assessor’s Signature Date

Contents
1. Introduction:......................................................................................................................................................... 1
2. Aims: ..................................................................................................................................................................... 1
3. Objectives: ............................................................................................................................................................ 1
4. Legal, social, ethical and professional: ................................................................................................................ 1
4.1 Legal .............................................................................................................................................................. 1
4.2 Social ............................................................................................................................................................. 1
4.3 Ethical ........................................................................................................................................................... 2
4.4 Professional .................................................................................................................................................. 2
5. Planning: ........................................................................................................................................................... 2
6. Introduce technologies: ....................................................................................................................................... 3
6.1 Front - End: ................................................................................................................................................... 3
6.2 Back - End: .................................................................................................................................................... 5
6.3 Database ....................................................................................................................................................... 6
6.4 Tools.............................................................................................................................................................. 7
7. Project apecifications ........................................................................................................................................... 8
7.1 System requirements: .................................................................................................................................. 8
7.1.1 Software requirements: ....................................................................................................................... 8
7.1.2 Hardware requirements:...................................................................................................................... 8
7.2 Functional requirements:......................................................................................................................... 8
7.3 Non – functional requirements: .................................................................................................................. 9
7.4 Work Breakdown Structure ( WBS ): ......................................................................................................... 11
8. Outcome: ............................................................................................................................................................ 11
 ASSIGNMENT
1. Introduction:
 WhitmousE is the one of new fashion brand that are creating a lot of attention from
customers in viet nam. But the company’s revenue is still not high and the number of
people who know the product brand is low. The company is currently concentrating
on its strategy of web based promotion and is working on a web project that will take
care of its need for web content and promotion to expand the market and help the
brand reach more new customer. Most people now have smartphones and connect to
the internet, so selling online will be a great solution to increase their sales and
market expansion. First of all, the company need to make a plan with specific aim of
it.
2. Aims:
 Build website for WhitmousE shop. The website must allow customers to buy, trade
online and exchange information online with shop staff
3. Objectives:
 Manage warehouse system
 Allow online purchase
 Online payment
 Exchange information directly with customers
4. Legal, social, ethical and professional:
4.1 Legal
 The website must ensure the confidentiality of customers' personal information.
do not arbitrarily use customer information to do bad things
 Online payment services must have high security to ensure that customers'
transactions are not compromised
4.2 Social
 The product must be of good quality

1|Page
 4.3 Ethical
 The products must be the same as the images on the website, do not use fake images
4.4 Professional
 The company must ensure that the legal procedures for the website have been
completed to start using
5. Planning:

2|Page
  Estimated completion time: 34 days (will present clearly in Gantt chart – completed
day: april 24th, 2019).
 Developer: 1 person
6. Introduce technologies:
6.1 Front - End:
 JQuery:

 I use jQuery because it is developed and available in the open source community,
so it is free to use.
 Endless tutorial helps develop and design websites and in addition there are some
debugging tools available that will help troubleshoot errors in the code.
 Big library:

3|Page
  Multi platform: This helps avoid having to write different code for different
browsers and It brings high efficiency and less complexity.
 Large library: Plugins such as edge radius, image slider, design templates, to set
the grid, and this audio / video display are simple to use that you can plug and play
the code in minutes. Pay attention to the demos of the plugins on different
websites to give you the feeling of change you want to make
 Endless instructions: There are many tutorials to help any novice developer design
a website. These instructions will help you step by step using each plugin or a tool.
so you don't need to book very big books and learn the syntax. It also has some
great debugging tools available that will help you troubleshoot errors in the code.
 SEO: The bigger benefit of jQuery is that these files are very small and can be
easily optimized for website speed. This is particularly beneficial for mobile-
friendly websites. There are plugins to display images and audio-video files easily
on one page instead of embedding them directly. With website speed being an
important part of Google's algorithm, it is important to note that while jQuery
cannot take absolute steps towards Google's dominance, it is better to use a
variety of Javascripts.

 Bootstrap:

4|Page
  The reason I use bootstrap to design websites is because it brings some benefits as
follows:
 It is a set of selectors, attributes and values that are available to help the web
designer avoid repetition in the process of creating CSS classes and similar HTML
code. Impressive, beautiful, professional and constructive supermarket website
design projects.
 The ability to create quick interface with components without repeating the
process of writing HTML or CSS class code.
 Optimized platform: Bootstrap is built with a storage library that you can easily
use and customize according to your purpose. Bootstrap is designed with
compatibility on many browsers and devices, so you can be assured of the product
you create.
 Good interaction with smartphones: With bootstrap, your website will be
responsive by default, which helps the website improve performance when users
access on mobile.
 Full, luxurious interface: Bootstrap's interface with luxurious silver gray and is
supported almost all the necessary components for website design. The clear
HTML structure helps you to grasp how to use and develop quickly and easily.
6.2 Back - End:
 ASP.NET MVC:

5|Page
  I use ASP.NET MVC because because it is easy, intereste in using and it supports
the SoC framework. This framework provides a clear separation between model,
business logic, user interface and data. When using ASP.NET MVC, You are
provided with a very powerful control on JavaScript, HTML and CSS compared to
the controls provided by some traditional forms on the web. Besides, it also
support the testing web applications very well.
 it does not use View State, assisting you in reducing the bandwidth of many
requests.
 It also supports MVC integration with jQuery, you can write your code running in
web browsers. This will help reduce the load on your web servers.
6.3 Database
 MySQL:

 I choose MySQl because of Platform flexibility. It allows full customization at will,

adding appropriate requirements to the database server.
 MySQL can meet each system's ability to handle the most stringent requirements,
and MySQL also provides the necessary "tools" for hard-to-calculate enterprise
systems with high-speed downloads, cache memory. and other advanced
processing mechanisms.
 Because MySQL has a high-speed processing engine and fast data insertion
capabilities, it provides good support for specialized web functions. So MySQL is
the best choice for web applications and enterprise web applications.

6|Page
  MySQL has strong techniques for verifying database access and only authenticated
users can access the database server. In addition, the backup and recovery utility
allows backup logic and recovery entirely or at some point in time.
 MySQL can operate on many different platforms, has free and supported code
throughout. MySQL has a strict compensation policy and always provides
maximum support for your business.
6.4 Tools
 Visual Studio 2015

 The reason why I use the visual studio tool for this project is:
 Support programming in many languages such as C / C ++, C #, F #, Visual Basic,
HTML, CSS, JavaScript. Version Visual Studio 2015 supports Python language.
 Visual Studio is a tool to support Debug in a powerful and easy way (Break Point,
see the value of variables in the process of running, support debug each
statement).
 The Visual Studio interface is easy to use for beginners.
 Visual Studio supports developing desktop applications MFC, Windows Form,
Universal App, MobileWindows Phone 8 / 8.1, Windows 10, Android (Xamarin), iOS
and developing Web Form, ASP.NET MVC websites and developing Microsoft
Office .

7|Page
  Visual Studio supports drag and drop to build applications professionally, helping
beginners get faster access.
 Visual Studio allows us to integrate external extensions like Resharper (support for
managing and writing fast code for languages in .Net), or installing libraries quickly
through Nuget.
 Visual Studio is widely used by programmers all over the world .
7. Project apecifications
7.1 System requirements:
7.1.1 Software requirements:
SERVER CLIENT
OS Windown 8 or above Windown 8 or above
Web browser Google Chrome, Firefox, Google Chrome, firefox,
Microsoft Edge Microsoft Edge
Web server Ineternet information
services (IIS)
Database Microsoft SQL Server 2017

7.1.2 Hardware requirements:

SERVER CLIENT
CPU Core I5 or faster Core I5 or above
RAM At least 8GB 8g
HDD/SDD 100GB 200GB

7.2 Functional requirements:

 Log in:
 Describe: User can log in to website
 Roles: all users
 Log out:

8|Page
  Describe: Users can log out of their accounts after using them to
avoid being used by others to make purchases
 Roles: all users
 Manage product:
 Describe: Employees can manage information about products
available on the site..
 Role: staff
 Manage customer:
 Describe: staff can manage customer’s information like day of birth
to give away.
 Role: staff
 Manage order:
 Describe: Customers can place and manage their orders on the
website and employees will also manage customer orders to know
the order status, feedback and customer reviews.
 Role: user/staff
 Manage warehouse information:
 Describe: Employees can manage all remaining products in the
warehouse including new products not yet available on the website.
 Role: staff
7.3 Non – functional requirements:
 Security, Anti hacker:
 The website must be highly secure to ensure the confidentiality of
customer information, and store information and avoid attack by
hackers to disclose customer information and the process of trading
and using customer services
 Performance:
 One of the advantages of the MVC web app is the speed. It does not
contain as many controllers as the regular web form, so it loads

9|Page
 faster, so the usage process of customers will not be slow when
loading pages
 Availability:
 The website is designed to be simple but full of information with
important functions. The content is clear, easy to use. So customers
can easily use
 Compatibility:
 Website can work most of the available platforms such as Windows,
Mac OS, Android. Due to the use of the ASP.NET framework,
additional functions can be programmed from other languages and
still work well.
 Maintainability and update:
 Regular maintenance system updates to avoid system errors, as
well as updates to the functions needed to service the needs

10 | P a g e
 7.4 Work Breakdown Structure ( WBS ):

8. Outcome:
 After successfully developing and putting into use, the website runs stably and almost no
errors have occurred. basic functions and necessary web sites are good. Good website
security system. Stable website transfer rate. Product sales increase and more and more
people are known.

11 | P a g e
REFERENCES:
[1]
http://www.codedigest.com/Articles/jQuery/273_Introduction_to_jQuery_in_ASPNet_and_10_Advanta
ges_to_Choose_jQuery.aspx ( Accessed on april 5, 2019)

[2] https://en.wikipedia.org/wiki/ASP.NET_MVC ( Accessed on april 5, 2019)

[3] https://www.datamation.com/storage/8-major-advantages-of-using-mysql.html ( Accessed on april

5, 2019)

[4] https://www.w3schools.com/whatis/whatis_bootstrap.asp ( Accessed on april 5, 2019)

12 | P a g e