html5 cloud integrated development environment (ide)

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