Persol

Index
1. Introduction
2. Objectives
3. Problem Statement
4. Hardware/ Software Requirements
Introduction
The thirst for learning, upgrading technical skills and applying the concepts in real
life environment at a fast pace is what the industry demands from IT professionals
today. However busy work schedules, far-flung locations, unavailability of convenient
time-slots pose as major barriers when it comes to applying the concepts into
realism. And hence the need to look out for alternative means of implementation in
the form of laddered approach.
The above truly pose as constraints especially for our students too! With their busy
schedules, it is indeed difficult for our students to keep up with the genuine and
constant need for integrated application which can be seen live especially so in the
field of IT education where technology can change on the spur of a moment. Well,
technology does come to our rescue at such times!!
Keeping the above in mind and in tune with our constant endeavour to use
Technology in our training model, we at Aptech have thought of revolutionizing the
way our students learn and implement the concepts using tools themselves by
providing a live and synchronous eProject learning environment!
So what is this eProject?
eProject is a step-by-step learning environment that closely simulates the classroom

and Lab based learning environment into actual implementation. It is a project
implementation at your fingertips!! An electronic, live juncture on the machine that
allows you to
o Practice step by step i.e. laddered approach.

o Build a larger more robust application.
o Usage of certain utilities in applications designed by user.
o Single program to unified code leading to a complete application.
o Learn implementation of concepts in a phased manner.
o Enhance skills and add value.
o Work on real life projects.
o Give a real life scenario and help to create applications more complicated and
useful.
o Mentoring through email support.
The students at the centre are expected to complete this eProject and send complete
project along with the documentation to eProjects Team
Looking forward to a positive response from your end!!

Objectives of the project
The Objective of this program is to give a sample project to work on real life
projects. These applications help you build a larger more robust application.
The objective is not to teach you JSON/JavaScript/Dreamweaver/HTML5 but to

provide you with a real life scenario and help you create basic applications using the
tools.
You can revise the chapters before you start with the project.
This project is meant for students who have completed the module of HTML5. These
programs should be done in the Lab sessions with assistance of the faculty if
required.
It is very essential that a student has a clear understanding of the subject. Students
should go through the project and solve the assignments as per requirements given.
Kindly get back to eProjects Team in case of any doubts regarding the application or
its objectives.
Problem Statement
Persol is selling various types of Lenses and Frames. Company has a large collection
of Frames and lenses. The company advertises by distributing the pamphlets,
advertising on television and so on. Due to rapid development in internet field, the
company decides to launch a website where people will get all the information about
the various products available with them easily.
You are supposed to create a website for them with the below mentioned
requirement specifications.
You are supposed to create a Single-Page-Application and responsive Website for

them with the below mentioned requirement specifications.
The website should work well in all leading browsers including Chrome, IE, Firefox
etc.
Requirement Specification:
The portal will be designed as a Single-Page-Application and responsive Website with

a set of pages and menus that represent choice of activities to be performed. The
pages, menus, and other visual elements must be designed in a visually appealing
manner with attractive fonts, colors, and animations. All of these should also be laid
out in a responsive manner.
The Web site is to be created based on the following requirements.
1) The Top of the Page should contain logo of the site with suitable images.
2) The site should display a menu which will contain the options for brief
introduction about the various frames and lenses available, location of the
shop and any other information if required.
3) The information should be categorized according to the brand names of the
products like if a User wants to see only “Ray-Ban” products or any other
companies products then he/she can click on a Link/button/menu etc and can
see only that Brand products.
4) Another category option for “Contact Lenses”, “SunGlasses” etc. should be
created and accordingly the products should be listed.
5) When a user selects any particular brand, a list of products for that brand will
be displayed
6) A brief summary of features of individual products should be displayed on the
Web Page along with the product but detailed Features should be stored in
Individual Word documents which can be downloaded or viewed by the User
who wishes to see the same.
7) The user should also be able to compare the various products of different as
well as similar brands.
8) There should be a “Contact Us” page which will have the Address of the
Company which is as follows and the mail address which when clicked will
invoke the local mail client from where they can send an email. Address of the
Company should be displayed using GeoLocation API (eg. GoogleMaps).
Over and above this, the portal should implement the following functionalities:
 Display a continuous scrolling ticker at the bottom of the page with current date,
time, and location (hint: Use geolocation features of HTML5).
 Display a visitor count at the top right corner of the page beside a logo image.
 The menu options should change color on hover and also after clicking.
 Fade in and fade out options can be used for the menus.
Hardware/ Software Requirements
Hardware
 Intel Core i3/i5 Processor or higher
 8 GB RAM or above
 Color SVGA
 500 GB Hard Disk space
 Mouse
 Keyboard
Software
Technologies to be used:
 Frontend: HTML5, CSS, Bootstrap, JavaScript, jQuery, React/AngularJS,
Figma, XML
 Data Store: JSON files or TXT files
Other Requirements:
 Operating Portal: Windows
 Browsers: Edge, Chrome, Mozilla Firefox, Safari
Project Deliverables
You will design and build the project and submit it along with a complete project
report that includes:
• Problem Definition
• Design specifications
• Diagrams such as flowcharts for various activities, Data Flow Diagrams etc.
• Source Code
• Test Data Used in the Project
• Project Installation Instructions (if any)
Documentation is considered as a very important part of the project. Ensure that
documentation is complete and comprehensive. The consolidated project will be
submitted as a zip file with a ReadMe.doc file listing assumptions (if any) made.
Submit a video clip demonstrating the working of the Website. Optionally, a
live hosted URL can be supplied for the site. Over and above the given specifications,
you can apply your creativity and logic to improve the portal.

Persol

Uploaded by

Copyright:

Available Formats

Persol

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Persol

Uploaded by

Copyright:

Available Formats

Index

So what is this eProject?

eProject is a step-by-step learning environment that closely simulates the classroom

o Practice step by step i.e. laddered approach.

Looking forward to a positive response from your end!!

The objective is not to teach you JSON/JavaScript/Dreamweaver/HTML5 but to

You are supposed to create a Single-Page-Application and responsive Website for

The portal will be designed as a Single-Page-Application and responsive Website with

The Web site is to be created based on the following requirements.

You might also like