kit de survie techno et web à l'usage des entrepreneurs
TRANSCRIPT
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
?
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)
Ma
na
ge
d b
y v
en
do
r
Yo
u s
ca
le, m
ake
re
sili
en
t &
ma
na
ge
Platform(as a service)
Sca
le, re
sili
en
ce
& m
an
ag
em
en
t b
y v
en
do
r
Yo
u m
an
ag
e
Hosting Models
On-Premises
Yo
u s
ca
le, m
ake
re
sili
en
t a
nd
ma
na
ge
Applications
Business Model
Software(as a service)
Sca
le, re
sili
en
ce
an
d m
an
ag
em
en
t b
y
ve
nd
or
Cooking Models
On-Premises
Yo
u s
ca
le, m
ake
re
sili
en
t a
nd
ma
na
ge
Dinning Table
Business Model
Infrastructure(as a service)
Ma
na
ge
d b
y v
en
do
r
Yo
u s
ca
le, m
ake
re
sili
en
t &
ma
na
ge
Dinning Table
Platform(as a service)
Sca
le, re
sili
en
ce
& m
an
ag
em
en
t b
y v
en
do
r
Yo
u m
an
ag
e
Dinning Table
Software(as a service)
Sca
le, re
sili
en
ce
an
d m
an
ag
em
en
t b
y
ve
nd
or
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 AgileCa 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 ?
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