html5 cloud integrated development environment (ide)
DESCRIPTION
HTML5 Cloud IDE is a SaaS (Software as Service) application for Web Developers to develop HTML5, HTML, JavaScript and CSS. It contains a web editor, code templates and storage space for the projects.The user needs to register for an account in order to use the application, after that the user and the admin can add new multiple projects; In addition with that, the admin can update, add and delete the code templates so the updated version can be used by the other users.TRANSCRIPT
Project Title : HTML5 Cloud Integrated Development Environment (IDE)
Omar Al-Safi19th/Jan/2012
• Thousands of distributed applications on going development• That's led to several problems such as :
High CostMaintenanceLimit accessMany more ...
Introduction
In this context, SaaS can be used to solve all the problems related ..
Software as a Service (SaaS) refers to cloud based delivery of real software applications that run on infrastructure the SaaS vendor manages.
Introduction
• Accessed over the Internet via web browsers• Charged on a subscription basis• The application is hosted by a vendor• Reduce the cost• Easy to scale and maintain
•HTML5 is the predecessors of HTML4.0.1 and XHTML 1.1•Has many new tags for multimedia and graphics•Is still in the development phase•Tags are updating from time to time •Move to developing online rather on desktop•Heavy use of AJAX to build Rich Internet Application (RIA)
Introduction
•In this project, we have chosen HTML5 SaaS IDE as a SaaS application solution for HTML5 development
Introduction
HTML5 Cloud IDE is a SaaS application for Web Developers to develop the new technology HTML5, JavaScript and CSS hosted on SaaS vendor
•In the HTML5 Cloud IDE, there are two actors who interact with the system Admin and User.
Implementation Plan / Design
•Admin is the administration of the application that has the control and maintenance of the application ( updating the codebits).•The user, have the access for the main functions provided by the application
Admin
Admin
Login
Create new project
Add new file
Delete file
Delete project
Preview project
Download project
Manage code bits
List all code bits
<<extend>>
Add new code bit
Edit code bit
Delete code bit
<<include>>
<<include>>
<<include>>
Logout
Use program functions
Use code bit functions <<extend>>
System
Save file
Rename File
Copy File
Copy File
User
Admin
Login
Create new project
Add new file
Delete file
Delete project
Preview project
Download project
Logout
Use program functions
Use code bit functions <<extend>>
System
Save file
Rename File
Copy File
Copy File
Signup
Technologies Used
Back-end
Front-end
Compatibility
• Since the entire application built with HTML5, it has limit support to some browsers
Fully compatible with :
Demonstration
Conclusion
•Our project will aim to help all the HTML developers to develop HTML5 bedside JavaScript and CSS in the cloud without worrying about hosting, maintenance or even updating the application.•The main purpose of our project is to build a SaaS IDE/Editor with abilities to add code bits (code templates)•Give the user the ability to store files in the cloud, provide static links to the user •Our project will overcome the drawbacks with HTML5 desktop base editors
The End