1. Architecture des applications et
technologies de
développement
2. Concevoir une application, les
étapes et la mise en œuvre
3. Et après ?
Quoi ?
Pourquoi ?
Qui ?
Où ?
Quand ?
Comment
?

@johanna_rowe@stepheUp
stephe@microsoft.com
@SantinFlo
fsantin@infinitesquare.com
@benoitlp
belepich@microsoft.com

Concepts de
base
Vocabulaire
Méthodologie
Comprendre &
communiquer
avec l’équipe
technique
Contexte
Enjeux
Contraintes
Se poser les bonnes questions
Ergonomie
Design
Expérience
utilisateur

1 - Architectures des applications et
technologies de développement

• Les nouveaux usages numériques
• Application, site web, client, serveur,
cloud : kezako ?
• Le développement multi-plateforme
• Les langages de développement

Multiplication des devices par utilisateur
Desktop / poste de travail
All In One
Une frontière moins franche entre vie personnelle et vie
professionnelle (BYOD)
Une dimension sociale en croissance

Le form factor / taille et forme
Le contexte d’utilisation
L’OS (système d’exploitation)
Le choix de la meilleure app par
usage p.ex “Méteo” (concurrence)
Adapter l’UI et l’ergonomie pour
chaque format
• Taille des boutons
• Moins d’information à l’écran
• Support du touch
Cas d’utilisation différents
Prévoir un mode Off-line
Autant d’apps à développer que
d’OS ?
Autant de technologies de
développement à connaitre ?
Expérience utilisateur (UX) au top
Comprendre et adapter l’app aux
usages et besoin des utilisateurs

Application
Site Web
OS
Framework
PlateformeAPI
Données
Serveur
Service Web
Cloud
Client
Device

Interface logicielle qui
permet …
API/Interface
Windows Server
Unix, …
Une définition Un schéma Un exemple
API/Interface

Intel x86 PowerPC Atari ARM

Windows Linux iOS Android

.Net Java EE Cocoa WinRT

API

API

JavaObjective C C#

API
API

Du code coté serveur s’exécute
Génération de la page

Comportement
Définit l’action à
effectuer lorsque
l’on clique sur le
bouton
Présentation
Définit la couleur
du bouton
Exemple : Une page web avec 1 bouton
Contenu
Déclare le bouton
dans la page

API

Machine
virtuelle
Azure
Website
Office Web App
GMail
Interface InterfaceInterface

Infrastructure
(as a service)
Managedbyvendor
Youscale,makeresilient&
manage
Platform
(as a service)
Scale,resilience&managementbyvendor
Youmanage
Hosting Models
On-Premises
Youscale,makeresilientandmanage
Applications
Business Model
Software
(as a service)
Scale,resilienceandmanagementby
vendor

Cooking Models
On-Premises
Youscale,makeresilientandmanage
Dinning Table
Business Model
Infrastructure
(as a service)
Managedbyvendor
Youscale,makeresilient&
manage Dinning Table
Platform
(as a service)
Scale,resilience&managementbyvendor
Youmanage
Dinning Table
Software
(as a service)
Scale,resilienceandmanagementby
vendor

Multiplatform Development

Mobility Usage
2011 20152012 2013 2014
10
20
30
40
50
60
70
80
90
100
vs
Apps
Mobile
Web

What Challenges Does Multiplatform Bring?

Fr
Solutions For Multiplatform

Rappel des 3 modèles d’applications

Web technologies mean interpreted code not
compiled/managed code
Very few device specific capabilities
Lots of tweaking required for browser/device
compatibility
Up to individual to create a commerce model
Platform shifts rapidly as web standards
evolve
Single code base
Cross platform affinity
Written with common standard web
technologies (HTML/CSS/JavaScript)
Device agnostic
Centralized updates
No approval process for updates required
Web

Wrappers around device-specific capabilities
Single code base
Easy porting to other platforms
Access to some APIs
Easy to update from single location
Generic look and feel
Performance inconsistencies
Constrained by HTML5/Common
capabilities/Lowes common denominator
Requires network for most scenarios
Hybrid

Native
True native performance
Animations, transitions, load times
True native controls and layout
Full access to device API and hardware
Store more data offline
Featured and searched for in app store
Purchase transactions handled by app store
Build and maintain each platform
separately
Requires layout/designer knowhow for all
platforms/tools
App must be accessed through app store*
Lengthy approval process including for
updates*
* Depending on platform

Feature Web Hybrid Native
Code Reuse
Offline Capability
Total Cost Of Ownership
Performance
Security
User Experience
Ease Of App Updates
Enterprise Ready
Options Recap Good OK Bad

Quel marché vais-je
viser ? Dois-je cibler
toutes les plateformes ?
Mon application
nécessite-t-elle l’accès à
des fonctionnalités
spécifiques du device ?
(sensors, …)
Lister les cas
d’utilisation (utilisation
off-line, …)
Quel est mon budget ?
Le délai ?
Comment je souhaite
monétiser mon app ?
Quelles sont les
compétences de mes
équipes (si équipe il y a
!)?
Quelle est la durée de
vie de mon app ?
Est-ce une application
évènementielle ?
Souhaitez-vous sous-
traiter ou garder la
maitrise du
développement en
interne ?
Y aura-t-il d’autres
applications à
développer par la suite
?

• PHP
• JavaScript/Node.js
• C#, VB.net, …/ASP.Net
• Ruby/Rails
• Python
• …

/wiki/Accueil_principal.html
Processing server-side code

Non supporté par les OS mobiles !

OS mobile Langage
Apple iOS C, Objective-C, SWIFT, C++
Google Android Java, C++
Windows Phone C#, VB.net, HTML/JS/CSS, C++
BlackBerry Java
Windows 8 (Store app) C#, VB.net,, C++, HTML/JS/CSS

Quel impact sur la
philosophie et la culture
d’entreprise ? – un avis

Concevoir une application :
Les étapes et la mise en œuvre

Agenda
 L’équipe technique
 Sous-traiter le développement
 La méthodologie
 En pratique

Les différents acteurs

Les différents acteurs

Les différents acteurs

Les différents acteurs

Les différents acteurs

Les différents acteurs

Savoir s’entourer

Sous-traiter le développement

Sous-traiter le développement

Sous-traiter le développement

Sous-traiter le développement

De quoi parle-t-on ?
Le besoin
L’application
L’utilisateur final

Le processus de dev
Le besoin L’application

Méthodologie « à l’ancienne »
Le besoin L’application

La méthodologie Agile
Ca ressemble à la vraie vie
Le client est impliqué donc engagé sur le
résultat
Flexibilité et pas de perte de temps inutile
S’adapter plutôt que
de suivre un plan
Livrer des logiciels qui
fonctionnent plutôt
qu'une
documentation
exhaustive
Collaborer avec les
clients plutôt que de
négocier un contrat
Privilégier les
individus et leurs
intéractions plutôt que
les processus et les
outils

Comment ça se passe ? Ex Scrum

Vue globale du processus

Comment ça se passe ? Ex Scrum

Comment ça se passe ? Ex Scrum

Comment ça se passe ? Ex Scrum




Sprint 1 Sprint 2 Sprint 3 Sprint 4 Sprint 1 …
Release 1 Release 2

Comment ça se passe ? Ex Scrum

Comment ça se passe ? Ex Scrum

Comment ça se passe ? Ex Scrum

Vue globale du processus

Mise en pratique !

Quelques principes simples à
retenir

Une app « drivée » par l’usage

Les bugs : même pas peur…
Pendant la conception
Post-production

De quoi j’ai besoin ?
Matériel
Logiciel
De « gens »… 

Nous vous proposons de
découvrir des technologies
à travers l'aventure de John
http://aka.ms/johnstory

Microsoft Ventures – microsoftventures.com/paris @msftventuresfr #msventures
So, what does Microsoft do for
startups anyway?

Outils et Cloud Support technique Support marketing
… ou tout simplement
 + de 900 logiciels gratuits (incluant
Windows, Office, Visual Studio…)
 Crédits Cloud Microsoft offerts
(de 115€ à 5000€ par mois offerts)
 4 experts techniques Microsoft
pour vous aider (formations,
entretiens individuels…)
 Un support en ligne dédié aux
membres pour les problèmes
techniques
 Mise en avant des
applications
 Témoignages et valorisation
des success stories
…
…
…

Vous avez un projet ?
boussole@microsoft.com

Un programme d’accélération de startups
3 mois à plein temps à Paris, au cœur du Sentier
Des promotions
réduites
Un suivi personnalisé
Des mentors reconnus :
entrepreneurs, VC,
consultants…
Un accompagnement
business et technique
continu
Un espace de
travail et de
collaboration
Des interventions
d’experts sur des
thèmes variés :
crowfunding, RP…
Microsoft Ventures

Microsoft Ventures
www.f6s.com/microsoftacceleratorparis

http://1drv.ms/1AbbIJ5
Microsoft Ventures