1 / 9

THE WALL

THE WALL. DESIGNED BY:- VAIBHAV SHETYE AJINKYA SHELAR ROHIT SHARMA YOGESH SINGH PROJECT GUIDE :- BHAKTI SHELAR. Features Of “THE WALL”.

mikkel
Download Presentation

THE WALL

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. THE WALL DESIGNED BY:- VAIBHAV SHETYE AJINKYA SHELAR ROHIT SHARMA YOGESH SINGH PROJECT GUIDE:- BHAKTI SHELAR

  2. Features Of “THE WALL” • The wall can store virtually infinite number of data items. • It uses database to store the data (Hence the application has its own memory). • It is very ergonomic(easy to use). • Works inside popular web-browsers, hence no need for lengthy setup procedures. • New item are always added to the top of the list. • The list is updated without refreshing the web-page. • Data –items can be easily deleted when not required.

  3. How To Use • To add Message: However your mouse over the text box to. Type your message inside the text box. Press enter or click “POST” to add your message to the list. • To delete Message: Every post has its own seprate delete button. Clicking on the delete button will delete the message.

  4. THE DEVELOPERS VIEW i.e. the making of “THE WALL”

  5. HOW THE WALL WAS DESIGNED • Paint.net an open source alternative to Photoshop was used to design the GUI. • The web-page or the Front-end of the application is written in HTML. • We have used a text box to type user message. • An empty table inside the web-page is used as a place holder for the list which is dynamically updated using HTMLDOM and JAVASCRIPT. • GOOGLE GEAR is used to align different elements of the web application. • CSS is used to align different elements of the web application.

  6. WHAT IS GOOGLE GEARS • It is a JavaScript client library developed by Google. • It offers various services like Data work pool. Offline database. Offline web servers etc. • Out of which we have used offline database service to store data.

  7. HOW THE APPLICATION WORKS • Initially user types message inside the text box. • When the user clicks “POST” a function updateRow() is called. • updateRow() extracts user message from the textbox and in sorts a new row at the top of the table(Manipulating the HTML DOM). • Finally saveMessage() function is called to insert new record into the database. • delMessage() Removes the entry from the database. And deletes the respective row from HTML DOM.

  8. APPLICATIONS • To save import message. • To save temporary notes. • As a to-do list. • To save list of important websites to visit.

  9. FUTURE SCOPE OF DEVELOPMENT • To animate, insert and deletion of message. • To make the list sortable and dragable.

More Related