HTML5 vs Silverlight

13
HTML5 vs SILVERLIGHT Şeyda HATİPOĞLU 30 Kasım 2012

description

HTML5 vs Silverlight

Transcript of HTML5 vs Silverlight

Page 1: HTML5 vs Silverlight

HTML5 vs SILVERLIGHT

Şeyda HATİPOĞLU30 Kasım 2012

Page 2: HTML5 vs Silverlight

Contents

2/14

HTML

CSS

JavaScript

Ajax

Silverlight

HTML5

Page 3: HTML5 vs Silverlight

HTML

3/14

HTML (Hyper Text Transfer Protocol) Tim Berners-Lee, 1990

Protocol to display web pages

Latest version HTML 4.01, came in 1999

Page 4: HTML5 vs Silverlight

CSS

4/14

Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents.

Page 5: HTML5 vs Silverlight

Javascript

5/14

Developed by Netscape, Brendan EichMocha, Livescript, Javascript Interactive web pagesObject-oriented

Jquery, Prototype, Dojo, ExtjsGoogle v8

Page 6: HTML5 vs Silverlight

Ajax

6/14

Ajax (Asynchronous Javascript and XML)

Data RetrievalXMLHttpRequest, JSON, IFrame

XML, JSON, EBMLGoogleMap, Gmail etc

Page 7: HTML5 vs Silverlight

Silverlight

7/14

Application framework for writing and running Rich Internet Applications

Cross-Platform?Cross-Browser?Easy and rapid development with .NetPowerful development environments

MS Visual StudioMS Expression Blend

Supported Platforms: Windows, MacMoonlight

Page 8: HTML5 vs Silverlight

Silverlight - 2

8/14

Plugin dependencyPlatform dependency (MoonLight, Mono)Large file sizes (slower loading times)Limited Image Support (.jpg and .png)Complicated deployment (multiple files)

Page 9: HTML5 vs Silverlight

HTML5

9/14

HTML5 will be the new standard for HTML.

New features should be based on HTML, CSS, DOM, and JavaScriptReduce the need for external plugins (like Flash)Better error handlingMore mark-up to replace scriptingHTML5 should be device independentThe development process should be visible to the public

Page 10: HTML5 vs Silverlight

HTML5 - New Features

10/14

The <canvas> element for 2D drawingThe <video> and <audio> elements for media playbackSupport for local storageNew content-specific elements, like <article>, <footer>, <header>, <nav>, <section>New form controls, like calendar, date, time, email, url, search

Page 11: HTML5 vs Silverlight

HTML5 – Browser Support

11/14

Page 12: HTML5 vs Silverlight

HTML5 - New Features

12/14

www.slideshare.netWhy HTML5?

30% FasterNew Mobile Web-app: works on iPhone, iPad, AndroidBuilt on open web standards

www.zaferyolunda.comDünyanın en kısa sürede kazanılmış zaferlerinden Mohaç Muharebesi’ni konu alan Muhteşem Yüzyıl: Zafer Yolunda projesinin en önemli yanı HTML5 ile gelen 2 yeni eleman Canvas ve Audio’nun kullanımı ile zenginleştirilmiş interaktif bir çizgi roman deneyimi oluşu.

Page 13: HTML5 vs Silverlight

HTML5

13/14