Une introduction à certaines technologies/services de Google .

1. Google App Engine Une introduction L’infrastructure de Google pour servir vos applications.

2. Agenda Les applications en ligne et la montée en charge AppEngine : solution intégrée sur l’infrastructure Google Les différents services Google Web Toolkit l’intégration complète - le principe - la version 2.0 - qui l’utilise

3. Evolutions typiques d’une appplication en ligne 1

4. Evolutions typiques d’une appplication en ligne 2

5. Evolutions typiques d’une appplication en ligne 3

6. Evolutions typiques d’une appplication en ligne 5 …

7. LiveJournal circa 2007 "LiveJournal: Behind the Scenes“ par Brad Fitzpatrick's USENIX '07 talk:

9. Google App Engine Ecrire une application capable de servir gratuitement 5 000 000 pages vues / mois. L’infrastructure Google accueille votre application et gère les authentifications, la montée en charge, la distribution des ressources, etc…

12. LiveJournal circa 2007 Frontends Storage Application Servers Memcache Static File Servers "LiveJournal: Behind the Scenes“ par Brad Fitzpatrick's USENIX '07 talk:

13. Architecture générale

14. Profitez de l’infrastructure Google Traitements Parrallèles Montée en charge prévue dès le départ Disponibilité globale Configuration automatique (donc pas de configuration) Sécurisation des applications par défaut

15. Pour quels types d’application ? Des utilisateurs authentifiés, des droits d’accès Des données propres à ces utilisateurs Des interfaces WEB pour manipuler et présenter celles-ci. Un grand nombre de consultations et de mises à jour simples Quelques traitements lourds en tâche de fond Des interconnexions internet ou intranet

17. Un exemple Poser des questions au président Obama via une application sur AppEngine.

18. Ces derniers 18 mois… Apr 2008 Support de Python May 2008 Memcache, Images API Jul 2008 Logs export Aug 2008 Batch write/delete Oct 2008 HTTPS support Dec 2008 Console d’administration, Quotas Feb 2009 Facturation, Fichiers + gros Apr 2009 Support de Java , DB import, cron, SDC May 2009 Key-only queries Jun 2009 Task queues Aug 2009 Kindless queries Sep 2009 XMPP Oct 2009 Incoming Email

19. Java ou Python ? Vous êtes libres ! La même infrastructure Les mêmes services spécialisés La même console d’administration

21. Une console d’administration unique

22. Un contrôle détaillé des ressources consommées Deux types de quotas : fixes & facturables Ces quotas sont calculés sur une période de 24h On contrôle en plus la consommation de ressources par minute Vous définissez un budget quotidien pour les quotas facturables Les APIs permettent de connaître l’état de son compte à tout instant

23. Les ressources mesurées http://code.google.com/appengine/docs/quotas.html

31. Images et messagerie Pour les envois, on utilise JavaMail (javax.mail) L’expéditeur est le compte administrateur Une URL particulière reçoit le courrier entrant Stockez les images. Transformez les ! (rotation, translation, « j’ai de la chance »)

32. Votre application se connecte aux messageries instantannées compatibles XMPP (Google Talk) Une URL particulière traite les messages entrants anything @ app-id .appspotchat.com [email_address] Messagerie instantannée

33. Traitements réguliers : CRON cron: - description: daily summary job url: /tasks/summary schedule: every 24 hours - description: monday morning mailout url: /mail/weekly schedule: every monday 9:00 timezone: Australia/NSW Planifiez l’appel d’URL

35. Ajouts récents Import et export de masse (expérimental en python) Secure Data Connector : Accès sécurisé à vos données en intranet

37. Ressources: code.google.com/appengine code.google.com/p/googleappengine http://groups.google.com/group/ google-appengine google-appengine-java google-appengine-python http://appgallery.appspot.com

38. Appengine+GWT : l’intégration complète +

40. La changement de point de vue Ajax

42. Google Web Toolkit : l’objectif Enrichir l’expérience des internautes en permettant aux développeurs d’utiliser les outils Java pour construire des applications AJAX supportées par tous les navigateurs.

43. Google Web Toolkit pour faire court Ecrivez l’application dans votre environnement de développement Java favori (netbeans, eclipse, intellij,…) Débuggez à l’aide d’un navigateur spécial (hosted mode) Compilez le code Java en JAVASCRIPT+HTML optimisé Déployez un ensemble de pages HTML/Javascript sans plugin, ni modification du serveur applicatif Open Source sous Apache 2.0

45. Comment çà marche ?

46. Code against Java UI libraries Google Web Toolkit Weekly Report 09/01/2008 - 09/08/200 Google Web Toolkit Weekly Report 09/01/2008 - 09/08/200 Comment çà marche ?

47. Code against Java UI libraries The compiler translates Java source to highly-optimized JS Comment çà marche ?

48. Code against Java UI libraries The compiler translates Java source to highly-optimized JS Generates browser-compliant JS + HTML files Comment çà marche ?

49. A chacun son code optimisé Optimisé pour le développeur Optimisé pour chaque navigateur

50. Les Avantages GWT : des applications performantes Le code est optimisé pour chaque navigateur Le code évite les fuites mémoires Deferred Binding, le résultat de la compilation est : - un package propre à chaque langue, navigateur - un script qui détecte le package à utiliser  vous ne téléchargez que la partie utile

51. Deferred Binding en image

52. Les Avantages GWT : support de l’historique du navigateur tabPanel.add( new HTML( &quot;<h1>Page 1 Content</h1>&quot; ), &quot; Page 1 &quot; ); tabPanel.add( new HTML( &quot;<h1>Page 2 Content</h1>&quot; ), &quot; Page 2 &quot; ); tabPanel.addTabListener( new TabListener() { @Override public void onTabSelected(SourcesTabEvents sender, int tabIndex) { // Push an item onto the history stack History. newItem ( &quot;page&quot; + tabIndex); } History.addHistoryListener( new HistoryListener() { public void onHistoryChanged(String historyToken) { if (tokenIsValid(historyToken)) { tabPanel.selectTab(getTabIndex(historyToken)); } } };

56. GWT 2.0 : chargement progressif Size of Initial JavaScript Download (KB) 375 750 1125 1500 0 7x Decrease In Initial Download Size with runAsync() 1400 KB 200 KB 1125

57. Developer-guided code splitting with runAsync public void onMySettingsLinkClicked() { GWT.runAsync( new RunAsyncCallback() { public void onSuccess() { new MySettingsDialog().show(); } public void onFailure(Throwable ohNo) { // indicate that something went wrong, // usually a connectivity or server problem } Split point Runs after a short (but improbable) delay Runs if required script cannot be downloaded

58. GWT 2.0: ImageBundle Pour afficher 11 images, on ne va pas charger 11 fichiers différents, mais un seul

59. Qui utilise GWT ?

60. Google Wave

61. Google Health

62. Mobile

63. Lombardi Blueprint Google Web Toolkit

64. ContactOffice Google Web Toolkit

65. Faites un tour dans la galerie GWT ! Google Web Toolkit http://gwtgallery.appspot.com/