Track: Web

Theme: CODE

On: Oct 31, 2014, from 16:10 to 18:15

Track leader(s): Alain Boudard (Senior Web Developer, Oxiane)

Web was conceived as a large distributed collection of documents with hyperlinks between them. But year after year, it was used for more and more complex things and is now a platform for applications that is as powerful as native. There is no reason that this trend will stop in the next years and this track will show you what will arrive, from the low level technologies to the high level tools and usages.

Talks

16:10 - End-to-end testing of any web application in any browser with Karma-e2e-dsl

Duration: 20 minutes

Speakers: Simon Descarpentries (R&D Engineer, Sopinspace)

Unitary testing are great, but what if the tested small pieces no longer assemble in a puzzle ?

Do you need good unitary results, or a working application ?

The only way to ensure that your software is still properly running, is to test it live and that's the exact purpose of end-to-end testing.

In this presentation, I'll show you how to popup the browsers you want and have them clicking through your application to report how deep your last commit broke it.

I'll show you how to pause at the failed tests to debug things 'in situ'.

With universal web application end-2-end testing, you'll be able to automatically test your web application against many browsers (Chrome, Firefox, Safari, Opera, PhantomJS…) launching only one command.

You'll also be able to immediatly tell if the upgrade of one of your libraries is defacing your website, or disabling a seldomly used tiny gadget in a corner…

We'll follow an example, throught installation, setup and result production using :

Karma to popup and capture any browser ;
Mocha to drive the tests suite ;
Should.js to assert things (also using jQuery) ;
and Karma-e2e-dsl to glue it all together for you.

Then we'll see how to write good tests, testing not only the presence of what you want, but more strictly the presence of exactly what you expect in a page, also taking care of element visibility and so on.

We'll finish discussing the limitations of such technique : speed in certain proportions, and some kind of interactions (you should normaly avoid by yourself).

16:30 - Meteor, LiveData et réactivité au coeur d'un framework javascript

Duration: 15 minutes

Speakers: Xavier Gorse (Managing Director et CTO, ELAO et klubup.com)

Meteor est une plateforme de développement d'application web en JavaScript. Elle est particulièrement adaptée pour des applications "live", mais peut avoir aussi sa place dans les phases de conception pour faire du prototypage ou des MVP avec une souplesse permettant même le développement dans le navigateur avec le client à côté !

Nous présenterons rapidement le framework et la philosophie Meteor ainsi que les concepts sur lequel il repose, nous construirons ensuite en live une application 'temps réel' type chat

16:55 - Open Police Web Platform

Duration: 15 minutes

Speakers: Johan Janssens (Chief Innovator, Timble)

The Belgian local police is made up of 195 police forces. Each local police chief is responsible for the execution of local law enforcement policy. Public online communication plays an important role in the day to day management of a police zone.

Until 2010 all local police zones were responsible to build, maintain and operate their own websites using internal knowledge and resources. This resulted in a mix and match of visual styles, content architectures and technologies being used.

In 2010 the Belgian Police decided to build a common internet platform for local police forces to help them cope with the rapid evolution of the internet and help them improve their public online communication.

In 2013 the Belgian Police launched openpolice.be an open web platform specially tailored towards the online communication needs of a local police force. The platform is being developed openly on Github and is build using the latest and greatest open source tools, libraries and technologies.

In this talk Johan Janssens, project lead, will give you a look inside the platform and the open source technologies that are being used, like Flexbox, Pagespeed, Git, Vagrant, Capistrano, PHP, ... He will explain the complete design pipeline from an initial feature idea, through the local development, online testing and finally deployment into production.

17:10 - Tips & Tricks for Web Designers and Web Developers

Duration: 15 minutes

Speakers: Cyrille Savelief (CEO, MNCC)

The now endless number of screens resolutions is a challenge for both Web designers and Web developers. Hence, both parties concerned must compromise in order to deliver the best user experience. We will present tips & tricks from our experience at MNCC, an IT company specialized in hybrid mobile-apps development, to reach this goal in a timely manner.

17:40 - De l'Ecma Script 6 au Javascript 2.0

Duration: 10 minutes

Speakers: Jonathan Rivalan (Software Engineer, Alter Way)

Ecma script 6 - Javascript 2.0 : Promises, générateurs, variables locales, découvrez comment l'ECMA SCript 6 va transformer vos applicatifs *.js.

Vous n'avez jamais entendu parler d'"Harmony" ni d'"Es.next" et vous êtes développeur web ? Fatigué des fonctions callbacks, vous envisagez de passer vos requêtes ajax en synchrone ? Il est temps de vous intéresser à l'ECMA Script 6. Partiellement implémenté, le futur standard Javascript 2.0 fournit son lot de nouveautés (Promises, générateurs, variables scopables) et autres subtilités programmatoires pour le plus grand plaisir de vos SPA.

Cette conférence se propose dans un premier temps de parcourir les différents aspects de la spécification puis, dans un second, de s'attarder à travers le développement de modules sur les points clés du standard Javascript 2.0. Elle a pour objectifs :

d'éclairer les auditeurs sur les caractéristiques de l'ECMA Script 6
l'approfondissement des aspects phares (promise et un autre sujet en fonction de l'état d'implémentation lors de l'atelier)
de mesurer leur implémentation navigateur à date et explorer les polyfills

17:55 - Architecture d'une application Full API orienté micro service

Duration: 25 minutes

Speakers: Xavier Gorse (Managing Director et CTO, ELAO et klubup.com)

A travers un retour d'expérience sur le projet Klubup.com, nous explorerons une architecture applicative est basée sur les Micro Service, avec des API REST exploitées par les applications web principales (Symfony/BackboneJS), par les applications mobiles ( iOS et Android), mais aussi des petites applications métier basé sur d'autres techno comme Silex, Meteor ou NodeJS.

Nous aussi aborderons la problématique d'authentification (Oauth), la gestion asynchrone via la solution Iron.io, mais aussi la partie infra avec la virtualisation, le provisionning avec Chef et la gestion des logs avec Logentries.