HTML5 Cloud integrated development environment (IDE)

1,590 views
1,487 views

Published on

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.

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,590
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
10
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

HTML5 Cloud integrated development environment (IDE)

  1. 1. Project Title : HTML5Cloud IntegratedDevelopment Environment(IDE)Omar Al-Safi19th/Jan/2012
  2. 2. Introduction• Thousands of distributed applications on going development• Thats led to several problems such as : High Cost Maintenance Limit access Many more ...
  3. 3. IntroductionIn this context, SaaS can be used to solve all the problems related ..Software as a Service (SaaS) refers to cloud based delivery ofreal software applications that run on infrastructure the SaaS vendormanages.• 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. 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. 5. Introduction•In this project, we have chosen HTML5 SaaS IDE as a SaaS applicationsolution 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. 6. Implementation Plan / Design•In the HTML5 Cloud IDE, there are two actors who interact with thesystem Admin and User.•Admin is the administration of the application that has the control andmaintenance of the application ( updating the codebits).•The user, have the access for the main functions provided by theapplication
  7. 7. System Login List all code bits <<extend>> Edit code bit Manage code <<include>> bitsAdmin <<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. 8. System Login SignupUser 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. 9. Technologies Used Back-endFront-end
  10. 10. Compatibility• Since the entire application built with HTML5, it has limit support to some browsers Fully compatible with :
  11. 11. Demonstration
  12. 12. Conclusion•Our project will aim to help all the HTML developers to develop HTML5 bedside JavaScriptand CSS in the cloud without worrying about hosting, maintenance or even updating theapplication.•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. 13. The End

×