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.

1. Project Title : HTML5
Cloud Integrated
Development Environment
(IDE)
Omar Al-Safi
19th/Jan/2012

2. Introduction
• Thousands of distributed applications on going development
• That's led to several problems such as :
High Cost
Maintenance
Limit access
Many more ...

3. 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.
• 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

4. Introduction
•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)

5. Introduction
•In this project, we have chosen HTML5 SaaS IDE as a SaaS application
solution for HTML5 development
HTML5 Cloud IDE is a SaaS application for Web Developers to develop
the new technology HTML5, JavaScript and CSS hosted on SaaS vendor

6. Implementation Plan / Design
•In the HTML5 Cloud IDE, there are two actors who interact with the
system Admin and User.
•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

7. System
Login
List all code bits
<<extend>>
Edit code bit
Manage code <<include>>
bits
Admin <<include>>
<<include>>
Delete code bit
Add new code
bit
Create new
project
Add new file
Admin Delete project
Preview project
Save file
Delete file
Use program Use code bit
<<extend>> functions
functions
Rename File
Copy File
Copy File
Download
project
Logout

8. System
Login
Signup
User
Create new
project
Add new file
Admin Delete project
Preview project
Save file
Delete file
Use program Use code bit
<<extend>> functions
functions
Rename File
Copy File
Copy File
Download
project
Logout

9. Technologies Used
Back-end
Front-end

10. Compatibility
• Since the entire application built with HTML5, it has limit support to
some browsers
Fully compatible with :

11. Demonstration

12. 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

13. The End