CS298 Proposal
Web-based IDE View Component on CakePHP
Swathi Vegesna (swathi.vegesna@gmail.com)
Advisor: Dr. Chris Pollett
Committee Members:Dr. Sami Khuri and Dr. T.Y.Lin
Abstract:
The aim of the project is to build the view component of the Web-based IDE that enables users to create XHTML pages and link up the tags with the Controller files only using drag and drop mechanism based on cakePHP. This is the view component of the MVC based Web applications, which will connect to the Controllers and the View components. One such existing builder is Drag and drop site creator which will give the user a privilege of creating the web pages using drag and drop of the static elements. This project will enhance these elements by making them dynamic which is achieved by connecting to the Controllers components.This IDE helps the users to create the dynamic web pages even without good knowledge of XHTML and server side scripting languages. The user will be able to include all kinds of elements only with drag and drop mechanism and develop the whole web page.
CS297 Results
- Experimented with the CakePHP framework
- Conducted performance tests on various JavaScript Frameworks.
- Build the drag and drop project in jQuery.
- Developed the basic layout of the Web-based IDE
Proposed Schedule
| Week 1:
Aug.25 - 31 | Set up the server and get the files uploaded into the server. |
| Week 2:
Sep.1 - 7 | Implement the functionality to display the controller files saved on the server. |
| Week 3:
Sep.8 - 14 | Implement the functionality for the navigation bars like creating new file and editing it. |
| Week 4:
Sep.15 - 21 | Integrate all the functionality developed on the IDE and build the basic IDE |
| Week 5:
Sep.22 - 28 | Setup the database and create tables to maintain the user projects and other credentials |
| Week 6:
Sep.29 - Oct.5 | Transform the complete IDE developed onto the CakePHP framework |
| Week 7:
Oct.6 - 12 | Work on the CakePHP transformation. |
| Week 8:
Oct.13 - 19 | Extend the IDE for multiple users |
| Week 9:
Oct.20 - 26 | Implement additional features for the IDE like viewing the code and changing size of the preview. |
| Week 10:
Oct.27 - Nov.2 | Work on improving the GUI by making it more user friendly |
| Week 11:
Nov.3 - 9 | Error Handling and Timeout Issues |
| Week 12:
Nov.10 - 16 | Bug fixing and code cleaning/formatting - Phase 1 |
| Week 13:
Nov.17 - 23 | Bug fixing and code cleaning/formatting - Phase 2 |
| Week 14:
Nov.24 - 30 | Report writing - Phase 1 |
| Week 15:
Dec.1 - 7 | Report writing - Phase 2 |
| Week 16:
Dec.8 - 14 | Report writing - Phase 3 |
Key Deliverables:
- Software
- Implement all the drag and drop functionality to all the IDE elements to link up the view and controller components in building the dynamic web pages.
- Setup the server to store all the files created by the user and also have all the file structure. Also set up the database tables for storing users project names and related credentials.
- Transform the complete IDE developed onto the CakePHP framework separating the model, controller and the view components of the IDE.
- Conduct manual tests to test all the functionality of the elements on the IDE.
- Report
- 298 Project Report
- Code Documentation
Innovations and Challenges
- Architecture of CakePHP is enough difficult to get used to. Hence building the web application is enough challenging.
- jQuery donot provide all the functions readily so most of the functions should be written from the scratch
References:
[1] Drag and Drop site creator. http://www.dragdropsitecreator.com/index.php
[2] CakePHP. Retrieved May 05, 2010, from http://cakephp.org/
[3] Top ten JavaScript frameworks. Retrieved May 05, 2010, from http://speckyboy.com/2008/04/01/top-10-javascript-frameworks-which-do-you-prefer/
|