1. Architecture des applications et
technologies de
développement
2. Concevoir une application, les
étapes et la mise en œ...
@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 ...
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-plate...
Multiplication des devices par utilisateur
Desktop / poste de travail
All In One
Une frontière moins franche entre vie p...
Le form factor / taille et forme
Le contexte d’utilisation
L’OS (système d’exploitation)
Le choix de la meilleure app par
...
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
Exem...
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&mana...
Cooking Models
On-Premises
Youscale,makeresilientandmanage
Dinning Table
Business Model
Infrastructure
(as a service)
Mana...
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 re...
Wrappers around device-specific capabilities
Single code base
Easy porting to other platforms
Access to some APIs
Easy to ...
Native
True native performance
Animations, transitions, load times
True native controls and layout
Full access to device A...
Feature Web Hybrid Native
Code Reuse
Offline Capability
Total Cost Of Ownership
Performance
Security
User Experience
Ease ...
Quel marché vais-je
viser ? Dois-je cibler
toutes les plateformes ?
Mon application
nécessite-t-elle l’accès à
des fonctio...
• 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++...
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...
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 anywa...
Outils et Cloud Support technique Support marketing
… ou tout simplement
 + de 900 logiciels gratuits (incluant
Windows, ...
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 ...
Microsoft Ventures
www.f6s.com/microsoftacceleratorparis
http://1drv.ms/1AbbIJ5
Microsoft Ventures
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Prochain SlideShare
Chargement dans…5
×

Kit De Survie Techno et Web à l'usage des Entrepreneurs

2 139 vues

Publié le

Ce programme a été conçu sur mesure, spécialement pour vous, entrepreneurs ou porteurs de projets qui serez tôt ou tard confrontés à des problématiques de développement applicatif ou web.

L'idée est de vous aider à appréhender les principes, les notions de base et le vocabulaire associés au développement applicatif et web.

Nous vous donnerons des repères théoriques et pratiques pour que vous puissiez communiquer et orienter plus facilement vos décisions relatives aux composantes technologiques de votre projet.

En d'autres termes : vous n'avez pas un profil technique, mais vous avez un super projet impliquant du développement ? Le kit de survie est fait pour vous !

Partie 1 : Architectures des applications et technologies de développement

Par Stéphanie Hertrich & Benoit Le Pichon, Evangélistes Développement et Michel Rousseau Evangéliste Expérience Utilisateur (Microsoft)

Cette session abordera les notions de base et les technologies mises en œuvre pour le développement d'applications au sens large:
- Quelle est la différence entre une application, un site web, un service web, … ? Quelles en sont les composantes et comment interagissent-elles ?
- Développer pour un smartphone, une tablette, un poste de travail : quelles différences ?
- Quelles sont les grandes familles de technologies et de langages de développement, quelles sont leurs caractéristiques ?
- Le Cloud diffère-t-il réellement d’un hébergeur classique ?
- Quels bénéfices apporterait concrètement le Cloud à mon projet ?
- De l'importance de l'ergonomie des applications.
- Comprendre les tendances et intégrer le branding et l’identité de marque.
- Valider l'expérience utilisateur et tester sa démarche.
- Rendre ça beau, intelligible et en faire une proposition de valeur.
- Travailler le résultat avec un développeur.

Partie 2 : Concevoir une application, les étapes et la mise en œuvre:

Par Stéphanie Hertrich Evangéliste Développement (Microsoft) et Florent Santin, Développeur et Entrepreneur http://www.infinitesquare.com.

Cette session passera en revue les étapes du processus de conception d'une application:
- Définition du besoin, spécifications, code, tests : quel est le cycle de vie d'une application ?
- Quelle méthodologie et quels outils employer ?
- Les équipes : embaucher ou externaliser son développement ?
- Savoir communiquer avec son équipe technique.
- De l'importance du designer.
- Les questions à se poser pour faire les bons choix.

Comment avancer concrètement sur votre propre projet ? Différents programmes sont accessibles suivant votre niveau d’avancement.
- Des programmes d’accompagnement techniques (Pépinière Microsoft Azure, Speed-dating experts, Accélérateur Apps, ,…)
- Bizspark,le programme dédié aux startups : logiciels & conso Cloud Azure gratuite jusqu’à 60 000$
- Microsoft Ventures : l’accélérateur à startup Parisien de Microso

0 commentaire
3 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
2 139
Sur SlideShare
0
Issues des intégrations
0
Intégrations
51
Actions
Partages
0
Téléchargements
114
Commentaires
0
J’aime
3
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Kit De Survie Techno et Web à l'usage des Entrepreneurs

  1. 1. 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 ?
  2. 2. @johanna_rowe@stepheUp stephe@microsoft.com @SantinFlo fsantin@infinitesquare.com @benoitlp belepich@microsoft.com
  3. 3. 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
  4. 4. 1 - Architectures des applications et technologies de développement
  5. 5. • Les nouveaux usages numériques • Application, site web, client, serveur, cloud : kezako ? • Le développement multi-plateforme • Les langages de développement
  6. 6. 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
  7. 7. 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
  8. 8. Application Site Web OS Framework PlateformeAPI Données Serveur Service Web Cloud Client Device
  9. 9. Interface logicielle qui permet … API/Interface Windows Server Unix, … Une définition Un schéma Un exemple API/Interface
  10. 10. Intel x86 PowerPC Atari ARM
  11. 11. Windows Linux iOS Android
  12. 12. .Net Java EE Cocoa WinRT
  13. 13. API
  14. 14. API
  15. 15. JavaObjective C C#
  16. 16. API API
  17. 17. Du code coté serveur s’exécute Génération de la page
  18. 18. 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
  19. 19. API
  20. 20. Machine virtuelle Azure Website Office Web App GMail Interface InterfaceInterface
  21. 21. 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
  22. 22. 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
  23. 23. Multiplatform Development
  24. 24. Mobility Usage 2011 20152012 2013 2014 10 20 30 40 50 60 70 80 90 100 vs Apps Mobile Web
  25. 25. What Challenges Does Multiplatform Bring?
  26. 26. Fr Solutions For Multiplatform
  27. 27. Rappel des 3 modèles d’applications
  28. 28. 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
  29. 29. 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
  30. 30. 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
  31. 31. 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
  32. 32. 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 ?
  33. 33. • PHP • JavaScript/Node.js • C#, VB.net, …/ASP.Net • Ruby/Rails • Python • …
  34. 34. /wiki/Accueil_principal.html Processing server-side code
  35. 35. Non supporté par les OS mobiles !
  36. 36. 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
  37. 37. Quel impact sur la philosophie et la culture d’entreprise ? – un avis
  38. 38. Concevoir une application : Les étapes et la mise en œuvre
  39. 39. Agenda  L’équipe technique  Sous-traiter le développement  La méthodologie  En pratique
  40. 40. Les différents acteurs
  41. 41. Les différents acteurs
  42. 42. Les différents acteurs
  43. 43. Les différents acteurs
  44. 44. Les différents acteurs
  45. 45. Les différents acteurs
  46. 46. Savoir s’entourer
  47. 47. Sous-traiter le développement
  48. 48. Sous-traiter le développement
  49. 49. Sous-traiter le développement
  50. 50. Sous-traiter le développement
  51. 51. De quoi parle-t-on ? Le besoin L’application L’utilisateur final
  52. 52. Le processus de dev Le besoin L’application
  53. 53. Méthodologie « à l’ancienne » Le besoin L’application
  54. 54. 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
  55. 55. Comment ça se passe ? Ex Scrum
  56. 56. Vue globale du processus
  57. 57. Comment ça se passe ? Ex Scrum
  58. 58. Comment ça se passe ? Ex Scrum
  59. 59. Comment ça se passe ? Ex Scrum     Sprint 1 Sprint 2 Sprint 3 Sprint 4 Sprint 1 … Release 1 Release 2
  60. 60. Comment ça se passe ? Ex Scrum
  61. 61. Comment ça se passe ? Ex Scrum
  62. 62. Comment ça se passe ? Ex Scrum
  63. 63. Vue globale du processus
  64. 64. Mise en pratique !
  65. 65. Quelques principes simples à retenir
  66. 66. Une app « drivée » par l’usage
  67. 67. Les bugs : même pas peur… Pendant la conception Post-production
  68. 68. De quoi j’ai besoin ? Matériel Logiciel De « gens »… 
  69. 69. Nous vous proposons de découvrir des technologies à travers l'aventure de John http://aka.ms/johnstory
  70. 70. Microsoft Ventures – microsoftventures.com/paris @msftventuresfr #msventures So, what does Microsoft do for startups anyway?
  71. 71. 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 … … …
  72. 72. Vous avez un projet ? boussole@microsoft.com
  73. 73. 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
  74. 74. Microsoft Ventures www.f6s.com/microsoftacceleratorparis
  75. 75. http://1drv.ms/1AbbIJ5 Microsoft Ventures

×