Contents

Contents ..........................................................................................................................................1 So what is this eProject?..................................................................................................................2 How do we start accessing the Sample eProject?............................................................................2 Objectives of the project..................................................................................................................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:.......................................................................8 The eproject Documentation should cover at least the following points in details: .....................10 Technology:...................................................................................................................................11 Duration:........................................................................................................................................11 What should be written on envelope:.............................................................................................12

Introduction

live juncture on the machine that allows you to o o o o o o o Practice step by step i. Learn implementation of concepts in a phased manner. The above truly pose as constraints especially for our students too! With their busy schedules.e. far-flung locations. Developing a group project. Work on real life projects. and unavailability of convenient timeslots pose as major barriers when it comes to applying the concepts into realism. It is a project implementation at your fingertips!! An electronic. raw / source files (as mentioned in the specification) within the time allotted to eprojects team. upgrading technical skills and applying the concepts in real life environment at a fast pace is what the industry demands from IT professionals today. Mentoring through email support. 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. 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. Give a real life scenario and help to create applications more complicated and useful.The thirst for learning. Looking forward to a positive response from your end!! . However busy work schedules. Enhance skills and add value. 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. Well. And hence the need to look out for alternative means of implementation in the form of laddered approach. laddered approach.

It is very essential that a student has a clear understanding of the subject.Objectives of the project The Objective of this program is to give a sample project to work on real life projects. These programs should be done in the Lab sessions with assistance of the faculty if required. You can revise the topics before you start with the project. 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. Kindly get back to us in case of any doubts regarding the application or its objectives. Problem Statement: .

“LOADING……. 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. 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. The presentation should start with the animated intro page. motion graphics. Duration of intro should be between 5 sec to 10 sec. but if user is not not clicking at the end then intro should followed by home page on its own. Intro animation may be some text animation. vi. iv. 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. because this is not going to be part of evaluation. You have to develop the logo of the company also and use that inside site. tga. ix. vii. Home page: The page should be designed with an animated header at the top of the page.Project Name:Shine Utensils Create an informative. But all the information must have to be arranged in proper way and hierarchy should be user friendly.Use innovative animation for preloader movie clip. v. ii. Before intro you must have to include preloader with proper flash script. It must have to be placed in mid of the html page.” Or rotating icon like this .about us . object animation or character animation or combination of these. It has to be effective enough to generate interest in user to enter the site. Some example 1. Intro must have to design with vector graphics only. Intro should be ended with logo animation of the product. 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 intro should have a “skip” button to skip to the home / index page. Intro also must have to be html file. gif etc. interactive website for a Shine Utensils company. xi. Mid pages: You have to decide on your own how many page is required for such site and what would be hierarchy of those. x. xiii.you don’t have to use any raster images like jpg. The brand name is “Shine” . The intro must have to design as per following guidelines: i. Example of preloader movie clip. xii. There must be a repeat button to replay the intro. Design logo for the company in vector graphics and animate it. iii. It has to be designed with some effective background sound. viii.

Put all raw files what ever you created for developing the site like all the files with following extention.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 .souce files (put all sound clips.fla c.Location 4. Gif h.any other raw files.css.png i. A lot of scope of creativity is there in this page also. Site map: it must have to be animated one. 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.Web_site_Project name(like Web_site_www.swf files inside it first then insert in your html file. drop down menu list) would be yours. Email ID must be hyperlinked for sending mail through any browser. 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.password etc. 1.Testimonials 6. email id .html files b. Contact us: provide the developers name and email ID along with a dummy address. text input box.videos.Product\services 3. Number and type of form element (like radio button.) 2. Decision about Name.jpeg e. f.2.psd b.images. Like creating a tree and showing page as branches and button as animated flowers. videofiles h.arean. . How to arrange files and folders (from the very beginning of the project).but in body parts you have to include all required form elements like name.Our client 5. a. Raw files.html d.com) Sub folder a. 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. Coreldraw\illustrator g.

Second CD\DVD: Heading of CD\DVD –“Raw files and documentation”. Documentation-Put MS Word files in it . All the raw files used on the website and soft copy of the documentation in another CD. Send Two CD\DVD 1.like “Park street” All Developers name -Like 1.Dinesh Tyagi(roll no-Student678345) Content of CD\DVD:Write your both last folders with name Raw files and Documentation. B.Rahul Verma(roll no-Student345675) 2. all the final / executable files should be provided on the first CD.First CD\DVD: Heading of CD\DVD –“HTML files” Project name.like “Park street” All Developers name -Like 1. 2. What need to be submitted as final output. How to send files and folders.like “Idea mobile” Center name. Two CDs: 1.Rahul Verma(roll no-Student345675) 2. You need to submit the following Deliverables: A. The documentation details are mentioned on the next page. The entire project in one CD. Project name. Hardcopy of Documentation of the project.like “Idea mobile” Center name.3. 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.Before sending just take a printout of it and send us. .

Send us 2 (two) eprojects status mail.Subject of mail:First/second status report. 2. . d. each should be after 10 days interval from your eprojects start date. 1. 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).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. The “Feedback” you will find attached with this mail. b. 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.inside body your massage followed by Project name(mandatory): Name(mandatory): Enrollment no(mandatory): Project start date(mandatory): Project end date(mandatory): a. At the time of project submission also send us the “Feedback” along with your documentation (soft and hard bound copy). b.First Status mail: Filled Status report page template(jpeg images only) Logo design(jpeg image only) Flow chart B. b.Second status mail: a.html file of online-form page. Note:Instruction for sending mail a.Intro swf file. What should be sent in status mail: A. 3. c.

2. Each and every page should have the top or side navigation panel and the bottom navigation panel.It will make a very tiny difference but it all matters in web world.Don’t use framset to design the website pages (the frameset is an old concept of designing webpages). The uniform font setting should be applied on all the text blocks used in the web pages. It’s recommended to use the one font throughout a style — such as body.As per the specific requirement the resolution and file size can be decreased from photoshop. 3. Ariel and Helvetica.Make the pages size usable for (1024-pixel-width) screens without bottom (right / left) scrollbar which help to scroll from left to right. 10. 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. A common navigation bar should be included on all pages. 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.Create simple design to understand the message. Template lets you to create new documents that share common settings and design elements. too many materials on a single page may mean less communication.size and color as per background. its not require to use a high resolution image with heavy file size.Provide uniform look-and-feel to all the inner pages. 9. If you are using image not in a large size. 5. when you are writing text it should be in such a way that further editing should be possible by client.eProject designing and development tips and tricks: 1. Don’t use too many different font types and size in formal documents. The font may not be available on all web browsers / users’ system. The navigation system should allow the visitor to quickly navigate the site from any page to any page.The background should not be overpowering / lousy else it will be very difficult to read what is written on the page. For example. footnotes. The font family most often chosen is Verdana.You should make the site user friendly.Dont squeeze or stretch images. 4. . for this reason it is best to define a font family. 6. Art work made for the screen display should be used with sanserif fonts.Choose proper font type. Verdana was designed specifically for the pixel display of computer screens. except in special cases.Use template to design the website. 7. headings. 8. etc. This would help the user to find the buttons and information easily. 11.

e. 15. graphics in Photoshop.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.Use a 3-column table to set the left and right margins. .You should always check all the link / embedded files before publishing or creating the final output. animation in Flash etc. this will help you to maintain proper margin between the text and picture as well as from the page edge / boundary.12. 13.) 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.Use a good combination of background and typeface colors for the readability and visual impact of the presentation. 14. All the elements should be designed and developed using the proper tools / software (i.

The documentation has to be presentable (decorative. Production 1. Planning 7. Storyboarding 13. Post-production 1. Orientation 10. Scriptwriting 2. Knowledge enhancement I. B. Proofreading G. attractive detailed and should be submitted as hardbound copy). C. Digitizing Arts 6. Designing interface 12. Collection / shooting images 4. A. Flowchart 9. Editing 3. Collection / Recording sounds 9. attractive and relevant to the subject) Project details Project developers name and roles Specification Pre-production 1. Mastering or Burning on a media 3. Authoring 10. Delivery media 5. Installation Guide K. Collection original Arts 5. Duplication (if required) 5. . Goal 3. Navigation 11. Collection / shooting videos 8. Last page Note: Additional activities (if performed during the eproject making) can also be included in the documentation points. Layouts 14. Special thanks to the guide L. Resource allocation 8. Creating interface elements 15. D. Idea 2. Target Audience 4. Collection / developing 3D / Animated elements 7. Self experience J. Authoring tools 6. Testing 2. E. Delivery / Distribution H. Archiving / storing the data 4. Integrating the media elements F.The eproject Documentation should cover at least the following points in details: Cover page (creative.

Virus problem b. Flash: for animation. Duration: As mentioned in the schedule. Note: Don’t forget to take your data backup every day. Premiere: for video editing. This will save your project work from the following: a.Technology: CorelDraw / Illustrator: for Logo and other illustrations Photoshop: for image editing / creation. System failure c. File corrupt Data Backup is an important event to be done on regular basis in a project management . Sound Forge: for sound editing. Flash /Dreamweaver / html: for the final compilation of the entire project and output.

…………………………………………………………………. 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”.Parsi panchayat road. Andheri (East) Mumbai -69..after filling all the fields paste it on envelope: To. 15. Details: Eproject.: 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. Aptech Limited Champion House 2nd/3rd floor. Near sona udyog..What should be written on envelope: Take B & W print out of the following text (all in purple color). 1…………………………Enrollment no ( 2………………………… Enrollment no( ) 3………………………… Enrollment no( 4………………………… Enrollment no( ) 5………………………… Enrollment no( 6………………………… Enrollment no( ) 7………………………… Enrollment no( From: (Your address) ……………………………………………. India. ) ) . ……………………………………………………..

Sign up to vote on this title
UsefulNot useful