You are on page 1of 12

Contents

Introduction......................................................................................................................................2
So what is this eProject?..................................................................................................................2
How do we start accessing the Sample eProject?............................................................................2
Objectives of the project..................................................................................................................3
Problem Statement...........................................................................................................................3
How to arrange files and folders (from the very beginning of the project).....................................5
How to send files and folders..........................................................................................................6
What need to be submitted as final output.......................................................................................6
How to send Status report................................................................................................................7
eProject designing and development tips and tricks:.......................................................................9
The eproject Documentation should cover at least the following points in details:......................11
Technology:...................................................................................................................................12
Duration:........................................................................................................................................12
What should be written on envelope:............................................................................................13
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, and 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 Developing a group project.
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.

How do we start accessing the Sample eProject?

The students at the centre are expected to complete this eProject and send complete
documentation with main, raw / source files (as mentioned in the specification) within the
time allotted 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 the software’s but to provide you with a real life scenario
and help you create basic applications using the tools.

You can revise the topics before you start with the project.

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.

Kindly get back to us in case of any doubts regarding the application or its objectives.

Problem Statement:
Project Name: Total solution: A BPO Company

Create an informative, interactive website for a Total solution: A BPO Company


company. The brand name is “Total solution” . The website has to be informative enough
for the end users / viewers to know brief of the various services and its prices and the
availability. You have to develop the logo of the company also and use that inside site.
The website should cover the following links / pages:

Intro Animation
Home page
Mid pages (decide on your own as per service and product of the company)
Online form
Sitemap
Contact

Intro Page: Create a meaningful intro animation. The presentation should start with the
animated intro page. The intro must have to design as per following guidelines:
i. It has to be effective enough to generate interest in user to enter the
site.
ii. It has to be designed with some effective background sound.
iii. The intro should have a “skip” button to skip to the home / index
page, but if user is not not clicking at the end then intro should
followed by home page on its own.
iv. Intro must have to design with vector graphics only,you don’t have to
use any raster images like jpg, tga, gif etc.
v. Intro animation may be some text animation, motion graphics, object
animation or character animation or combination of these.
vi. Before intro you must have to include preloader with proper flash
script.Use innovative animation for preloader movie clip.
Example of preloader movie clip. “LOADING…….” Or rotating icon like
this .
vii. Intro also must have to be html file.
viii. There must be a volume control for background sound with volume
slider to adjust the intensity of sound and not merely with on\off only.
ix. There must be a repeat button to replay the intro.
x. Duration of intro should be between 5 sec to 10 sec.
xi. Intro should be ended with logo animation of the product.
xii. It must have to be placed in mid of the html page.
xiii. Design logo for the company in vector graphics and animate it.
Home page: The page should be designed with an animated header at the top of the page.
Graphic content and position of button would be your decision
You don’t have to emphasise on text content for the page ,any relevant contents will do,
because this is not going to be part of evaluation.

Mid pages: You have to decide on your own how many page is required for such site and
what would be hierarchy of those. But all the information must have to be arranged in
proper way and hierarchy should be user friendly.
Some example
1.about us
2.Product\services
3.Location
4.Our client
5.Testimonials
6.Centers
Online form(for registration\placing order\Enquiry\feedback\specific “log-in”
which would be as per product or service of site): This page you must have to create
in Dreamweaver only with similar look and feel as of home page ,but in body parts you
have to include all required form elements like name, email id ,password etc.
Decision about Name, Number and type of form element (like radio button, text input box,
drop down menu list) would be yours.

Site map: Site map is a graphical representation of link hierarchy so it would be complete
guidance for user to navigate any specific page and with hyperlink on all the name of the pages.
A lot of scope of creativity is there in this page also. Like creating a tree and showing page as
branches and button as animated flowers.
it must have to be animated one.

Contact us: provide the developers name and email ID along with a dummy address.
Email ID must be hyperlinked for sending mail through any browser.

How to arrange files and folders (from the very beginning of the project).

Create following three folder and subfolder with same name and hierarchy from the very
beginning of project in your local drive like D or E drive.

1.Web_site_Project name(like Web_site_www.arean.com)


Sub folder
a.html files
b.souce files
(put all sound clips,images,videos,swf files inside it first then insert in
your html file, if you will put your element after finishing all work in html then path of
source will get changed when you write folders on CD \DVD and it would not be available in
html file.)

2. Raw files.

Put all raw files what ever you created for developing the site like all the files with following
extention.
a.psd b.fla c.html d.jpeg e.css. f. Coreldraw\illustrator g. videofiles h.png i. Gif h.any
other raw files.

3. Documentation-Put MS Word files in it .Before sending just take a printout of it and


send us.
How to send files and folders.
Send Two CD\DVD

1.First CD\DVD:
Heading of CD\DVD –“HTML files”
Project name- like “Idea mobile”
Center name- like “Park street”
All Developers name -Like 1.Rahul Verma(roll no-Student345675)
2.Dinesh Tyagi(roll no-Student678345)
Content of CD\DVD:Write your folder with name Web_site_Project name

Note: Before sending us check it properly whether all contents kept in source sub folder is
visible in html files or not.

2.Second CD\DVD:

Heading of CD\DVD –“Raw files and documentation”.


Project name- like “Idea mobile”
Center name- like “Park street”
All Developers name -Like 1.Rahul Verma(roll no-Student345675)
2.Dinesh Tyagi(roll no-Student678345)

Content of CD\DVD:Write your both last folders with name Raw files and
Documentation.

What need to be submitted as final output.

You need to submit the following Deliverables:

A. Two CDs:
1. The entire project in one CD, all the final / executable files should
be provided on the first CD.
2. All the raw files used on the website and soft copy of the
documentation in another CD.
B. Hardcopy of Documentation of the project. The documentation details are mentioned
on the next page.
How to send Status report
You need to follow all the undermentioned points which are part of your eprojects
execution and will carry 10 marks in the final eprojects Result.

1. Send us 2 (two) eprojects status mail, each should be after 10 days


interval from your eprojects start date. Incase if your project is less than
30 days then also you need to send 2 (two) status mails (first status mail
between 7-10 days and second 3 days before the end date of project).

2. What should be sent in status mail:

A.First Status mail:

a. Filled Status report


b. page template(jpeg images only)
c. Logo design(jpeg image only)
d. Flow chart
B.Second status mail:

a.Intro swf file.


b.html file of online-form page.

Note:Instruction for sending mail


a.Subject of mail:First/second status report.
b.inside body

your massage followed by

Project name(mandatory):
Name(mandatory):
Enrollment no(mandatory):
Project start date(mandatory):
Project end date(mandatory):

Along with both the status report you can send your doubts /
clarification or any additional inputs required to complete your
eprojects any time during the project planning and execution.

3. At the time of project submission also send us the “Feedback” along with
your documentation (soft and hard bound copy). The “Feedback” you will
find attached with this mail.
eProject designing and development tips and tricks:

1.Don’t use framset to design the website pages (the frameset is an old concept of
designing webpages).

2.Make the pages size usable for (1024-pixel-width) screens without bottom (right / left)
scrollbar which help to scroll from left to right.

3.You should make the site user friendly. The navigation system should allow the visitor to
quickly navigate the site from any page to any page. A common navigation bar should be
included on all pages. Each and every page should have the top or side navigation panel
and the bottom navigation panel.

4.Create simple design to understand the message, too many materials on a single page
may mean less communication.

5.Dont squeeze or stretch images.

6. If
you are using image not in a large size, its not require to use a high resolution image with
heavy file size.As per the specific requirement the resolution and file size can be decreased from
photoshop.It will make a very tiny difference but it all matters in web world.

7.Use template to design the website. Template lets you to create new documents that
share common settings and design elements. For example, if you need to design a series of
web pages with a similar look and feel, you can create a template to reuse for all the
similler pages.

8.Provide uniform look-and-feel to all the inner pages. This would help the user to find the
buttons and information easily.

9. when you are writing text it should be in such a way that further editing should be
possible by client.

10.Choose proper font type,size and color as per background.

Verdana was designed specifically for the pixel display of computer screens. The font may
not be available on all web browsers / users’ system, for this reason it is best to define a
font family. The font family most often chosen is Verdana, Ariel and Helvetica. Art work
made for the screen display should be used with sanserif fonts.

You need to maintain uniform gap between the lines and also it should not be very less /
tight or huge / too much gap which can cause readability problem. The uniform font setting
should be applied on all the text blocks used in the web pages. Don’t use too many different
font types and size in formal documents. It’s recommended to use the one font throughout
a style — such as body, headings, footnotes, etc. except in special cases.

11.The background should not be overpowering / lousy else it will be very difficult to read
what is written on the page.
12.Use a 3-column table to set the left and right margins, this will help you to maintain
proper margin between the text and picture as well as from the page edge / boundary.

13.Use a good combination of background and typeface colors for the readability and visual
impact of the presentation.

14.You should always check all the link / embedded files before publishing or creating the
final output.

15.The site should be compiled using website development tools and software
(Dreamweaver HTML) which is the correct way of development of a web based presentation
which also helps to reduce the file size. All the elements should be designed and developed
using the proper tools / software (i.e. graphics in Photoshop, animation in Flash etc.) and
the final composition / compilation / authoring should be done using Dreamweaver / HTML.

Remember: Use CD Marker/ Permanent Marker to write to top of CD’s. Don’t use ball pen
of pencil to write any thing on top of the CD it may damaged your CD.
The eproject Documentation should cover at least the following points in details:
A. Cover page (creative, attractive and relevant to the subject)
B. Project details
C. Project developers name and roles
D. Specification
E. Pre-production
1. Idea
2. Goal
3. Target Audience
4. Delivery media
5. Authoring tools
6. Planning
7. Resource allocation
8. Flowchart
9. Orientation
10. Navigation
11. Designing interface
12. Storyboarding
13. Layouts
14. Creating interface elements
15. Integrating the media elements
F. Production
1. Scriptwriting
2. Editing
3. Collection / shooting images
4. Collection original Arts
5. Digitizing Arts
6. Collection / developing 3D / Animated elements
7. Collection / shooting videos
8. Collection / Recording sounds
9. Authoring
10. Proofreading
G. Post-production
1. Testing
2. Mastering or Burning on a media
3. Archiving / storing the data
4. Duplication (if required)
5. Delivery / Distribution
H. Knowledge enhancement
I. Self experience
J. Installation Guide
K. Special thanks to the guide
L. Last page
Note: Additional activities (if performed during the eproject making) can also be included in
the documentation points.
The documentation has to be presentable (decorative, attractive detailed and should be
submitted as hardbound copy).
Technology:
CorelDraw / Illustrator: for Logo and other illustrations
Photoshop: for image editing / creation.
Premiere: for video editing.
Sound Forge: for sound editing.
Flash: for animation.
Flash /Dreamweaver / html: for the final compilation of the entire project and
output.

Duration:
As mentioned in the schedule.

Note: Don’t forget to take your data backup every day. This will save your project work
from the following:
a. Virus problem
b. System failure
c. File corrupt
Data Backup is an important event to be done on regular basis in a project management
What should be written on envelope:

Take B & W print out of the following text (all in purple color),after filling all the fields
paste it on envelope:

To,

Aptech Limited
eproject-ACADS
Aptech Limited | 2nd floor, New Haven Building | 49 H, Parsi Panchayat Road | Andheri ( East) |
Mumbai –400069

Details:
Eproject.
Check list:(mark right on Yes or No after taking the printout)
CD name as “HTML files”: yes \No
CD name as “Raw files and documentation”.: yes \No
Hard copy of documentation: yes \No
(Fill the following before taking the print out)
Center name:
Project name:
Project start date:
Project end date:
Date on which courier is dispatched:
Developers name with roll number. 1…………………………Enrollment no ( )
2………………………… Enrollment no( ) 3………………………… Enrollment no( )
4………………………… Enrollment no( ) 5………………………… Enrollment no(
6………………………… Enrollment no( ) 7………………………… Enrollment no(

From: (Your address)


……………………………………………..
……………………………………………………..
…………………………………………………………………..

You might also like