+ All Categories
Home > Technology > Best practises for HTML5 servers (Devaamo Summit 2012)

Best practises for HTML5 servers (Devaamo Summit 2012)

Date post: 10-May-2015
Category:
Upload: otto-kekaelaeinen
View: 1,249 times
Download: 0 times
Share this document with a friend
Description:
Presentation by Otto Kekäläinen at Devaamo summit on 2012-06-16
Popular Tags:
33
Devaamo Summit 2012 Best practices for HTML5 servers Otto Kekäläinen Tampere 16.6.2012
Transcript
Page 1: Best practises for HTML5 servers (Devaamo Summit 2012)

Devaamo Summit 2012

Best practices for HTML5 servers

Otto KekäläinenTampere 16.6.2012

Page 2: Best practises for HTML5 servers (Devaamo Summit 2012)

Command and Conqueror

Page 3: Best practises for HTML5 servers (Devaamo Summit 2012)
Page 4: Best practises for HTML5 servers (Devaamo Summit 2012)
Page 5: Best practises for HTML5 servers (Devaamo Summit 2012)
Page 6: Best practises for HTML5 servers (Devaamo Summit 2012)

What is HTML5?1995 1997 1999 2000 2001 2008 never? 2011

MayHTML

2.0HTML

4.0HTML 4.01

XHTML 1.0

XHTML 1.1

HTML5 Working

Draft

XHTML 2.0

HTML5 Last Call

2005: CSS32011 June: ECMAScript 5.1

Page 7: Best practises for HTML5 servers (Devaamo Summit 2012)
Page 8: Best practises for HTML5 servers (Devaamo Summit 2012)

What is HTML5?<header> <footer>

<article> <nav> <video> <audio> <canvas>

<input type=”range”> <input type=”color”>

CACHE MANIFEST NETWORK: /checking.cgiCACHE:/test.css/test.js/test.png

localStorage.setItem('key', 'value');localStorage.getItem('key');

function displayPosition(position) { var p = document.getElementById("p"); p.innerHTML = "<table'><tr><th>Timestamp</th><td>" + position.timestamp + "<tr><th>Latitude</th><td>" + position.coords.latitude + " deg</td></tr>" + "<tr><th>Longitude</th><td>" + position.coords.longitude + " deg</td></tr></table>";}getCurrentPosition(displayPosition, displayError);

SVGWOFFWEBMMark Pilgrim

http://diveintohtml5.info/

Page 9: Best practises for HTML5 servers (Devaamo Summit 2012)

Why is HTML5 important?

FlashSilverlight

Java Applets

Page 10: Best practises for HTML5 servers (Devaamo Summit 2012)

Why is HTML5 important?

The universal runtime

Any browser, any OS, any device(+ XULRunner, Prism, PhoneGap)

Page 11: Best practises for HTML5 servers (Devaamo Summit 2012)

Universal means

Big audienceLots of €€€€€

Page 12: Best practises for HTML5 servers (Devaamo Summit 2012)

HTML success stories

Google

Twitter

LinkedIn

Facebook

Youtube

Amazon

Page 13: Best practises for HTML5 servers (Devaamo Summit 2012)

The secret to global success?

Leverage on open source!- small cost, forever

- widely used, proven technology- best practices built in the most popular tools

Page 14: Best practises for HTML5 servers (Devaamo Summit 2012)
Page 15: Best practises for HTML5 servers (Devaamo Summit 2012)
Page 16: Best practises for HTML5 servers (Devaamo Summit 2012)
Page 17: Best practises for HTML5 servers (Devaamo Summit 2012)

If Google ran on Windows servers, could they ever really be a threat to Microsoft?

Page 18: Best practises for HTML5 servers (Devaamo Summit 2012)
Page 19: Best practises for HTML5 servers (Devaamo Summit 2012)

Why emphasize servers?

- a security issue is more severe in server code than in client code

- server failure is fatal

- servers have running costs

Page 20: Best practises for HTML5 servers (Devaamo Summit 2012)

programming languageframework

storagehttp server

cachingdelivery

Where do you want to go – directions:

Page 21: Best practises for HTML5 servers (Devaamo Summit 2012)
Page 22: Best practises for HTML5 servers (Devaamo Summit 2012)

for Python

for Node.js

Ruby on Rails

for Java / J2EE

Zend Frameworkfor PHP

..or CakePHP

Page 23: Best practises for HTML5 servers (Devaamo Summit 2012)
Page 24: Best practises for HTML5 servers (Devaamo Summit 2012)

To SQL or NoSQL?

Midgard2

Page 25: Best practises for HTML5 servers (Devaamo Summit 2012)

Global popularity of http servers

Page 26: Best practises for HTML5 servers (Devaamo Summit 2012)

HTTP server considerations

forking vs. threading

FCGI, WSGINode.js?

web socketsSDPY

Page 27: Best practises for HTML5 servers (Devaamo Summit 2012)

Cache, Proxy, TLS, DNS ..

Page 28: Best practises for HTML5 servers (Devaamo Summit 2012)

DevOpsTest: Jenkins, Apache Bench, webpagetest.org

Deploy: build scripts, snapshotting

Monitor: Munin, Nagios/Icinga, logger, XMPP, Git hooks,

services on the web (Pingdom, monitor.us)

Manage: Know you Linux distro tools (Landscape, SUSE Manager)

Page 29: Best practises for HTML5 servers (Devaamo Summit 2012)

Platform as a service

Virtual servers as a service

Hardware as a service

Buy your own servers

Build you own servers

Page 30: Best practises for HTML5 servers (Devaamo Summit 2012)

See our blog at seravo.fi for nitty gritty details later this summer!

http://wikitech.wikimedia.org/view/Presentations

http://instagram-engineering.tumblr.com/post/13649370142/what-powers-instagram-hundreds-of-instances-dozens-of

http://www.slideshare.net/protocol7/spotify-architecture-pressing-play

http://www.slideshare.net/adorepump/skytools-pgq-queues-and-applications

Page 31: Best practises for HTML5 servers (Devaamo Summit 2012)

There is no one way. You should find you own path.

Just remember that at a crossroad between an open and a closed source option,

choose open source.

Page 32: Best practises for HTML5 servers (Devaamo Summit 2012)

Product development success factors

speed cost features quality

Stay agile!

Page 33: Best practises for HTML5 servers (Devaamo Summit 2012)

Contact Seravo Oy:n if you need Linux natives to develop and administer

your Linux systems

About the company: seravo.fi About the technologies: seravo.fi/blog


Recommended