Les usages d'aujourd'hui sont en passe de devenir majoritairement mobiles. Leader européen des sites de rencontres, Meetic est un pionner du web français. Historiquement orientée vers le Desktop, l'entreprise se transforme en profondeur pour s'adapter aux nouveaux usages. Nous vous proposons une immersion au coeur de cette mutation. Nous parlerons de l'histoire de Windows chez Meetic. Comment l'équipe s'est organisée autour de l'agilité, de quelle manière nous construisons nos applications avec des tests et une industrialisation complète des applications Phone et Universelle. Enfin nous parlerons des métriques autour de la qualité sur les technologies mobiles Microsoft.

1. AMBIENT INTELLIGENCE
techdays•
2015
#mstechdays techdays.microsoft.fr

2. Mobile Strategy
Paris Web
October 17th 2014

3. About us
Jean-Loup Yu
Head of Mobile Apps Development
Meetic
@djelmen
Thomas Salandre
Developer Mobile Windows
Meetic
@ThomSala42

4. Meetic today
years old (founded in 2001)
of dating service in Europe
of unique visitors / month
countries covered by Meetic Service
events organized by Meetic
employees
14
#1
7 millions
17
>1000
400

5. Past
Future
Today

6. Past
Future
Today

7. Smartphone Revolution
2007
2010

8. 2010 – Mobile Apps are getting real!
3
2
5
0
0
0

9. 2010 - Mobile OS prediction
2014 Share prediction
2010 Share
Source:
h.p://pro.01net.com/editorial/521664/iphone-­‐vs-­‐android-­‐s01e01-­‐les-­‐parts-­‐de-­‐marche-­‐des-­‐os/

10. 2010 - Applications Stores

11. Back to the future

12. 2010 – Microsoft unveils Windows Phone 7

13. Windows Phone 7 - a new way to navigate

14. Windows Phone 7 – Metro UI

15. Windows Phone 7 - Silverlight Power

16. 2013 – Mobile Market Share
Source:
h.p://www.tech-­‐thoughts.net/2013/11/smartphone-­‐market-­‐share-­‐by-­‐country-­‐q3-­‐2013.html#.VNCRnXB4rp4

17. Windows Phone 8 - Unleash The Kraken !

18. Windows Phone 7 not compatible

19. Windows Phone 8
From
Windows
Phone
7
to
Windows
Phone
8

20. 2013 – The game is changing

21. 2013 – New CEO
Focus on Mobile
Apps as a Flagship

22. Back to the future

23. Past
Future
Today

24. 2014

25. 2014

26. 2014 - Windows Phone released its full
potential with 8.1!

27. Windows Phone Reboot

28. Windows Phone Reboot – Profile Capture
• Step by Step
• 10 Golden Questions
• 27 clicks to 15 clicks
• Specific interaction for each
question

29. Windows Phone Reboot – Profile Capture

30. Windows Phone Reboot – Pictures

31. Windows Phone Reboot - Results

32. The Team

33. Mobile Apps Team
Tech
Product
Design
14
3
3
API
–
Web
Services
Windows
iOS
Android

34. tech.days 2015#mstechdays
Colocated Team Members

35. tech.days 2015#mstechdays
Cross-functional Team
Designer
API dev.
Front-End Dev.
Product Owner

36. tech.days 2015#mstechdays
Dedicated Workspace

37. Agile Rituals
• Roadmap every quarter
• Daily Stand Up Meeting
• Sprint planning
• Demonstration
• Retrospective
• … and the Beer

38. Mobile Team
Organization
Agile
From Concept To
Store

39. Mobile Team
Organization
Agile
From Concept To
Store

40. Mobile Team
Organization
Agile
From Concept To
Store

41. Mobile Team
Organization
Agile
From Concept To
Store

42. Focus on Quality – Automatic Test
• Unit Test
• Integration Test
• Functional Test

43. Automatisation
>

44. Man vs. Machine

45. Geek Slide

46. Industrialization – Tools For Windows
Source Control
Management
Continuous
Integration
Agile Process
Management

47. Trigger the build
Check Test MSTest Plugin
Publish coverage
and Test Report
NCover Plugin
Sign and
publish via
Script
Jenkins – Continuous Integration Server

48. Unit Test - Code Coverage
Models
ViewModel
Converter
Tool
Code
Coverage
Target
by
line
by
class
CriWcality
RaWng
out
of
5
Webservices
View
85%
85%
10%
0%
5
5
1
3
5
Controls
3
5
85%
85%
85%

49. TESTS
INTEGRATION

50. IHttpFilter
HttpClient
IAsyncOperationWithProgress<HttpResponseMessage,
HttpProgress>
GetAsync(Uri
uri);
public
class
FakeHttpMessageHandler
:
IHttpFilter
private
List<HttpResponseMessage>
responses
JSON
constructor
Integration Test
How to mock the API calls easily?

51. Functional Testing On Windows Phone
Specifications in Gherkin language

52. Collaborative Testing Sessions

53. Dev iOS
Back End Dev
Product
Owner
Dev Android
GUEST

54. Store Time &
Customer Relations

55. Monitor the run
Crash Report User behavior

56. Feedback Loop
• Fix in next Iteration
• Small Time To Market
• Continuous learning and
improvement

57. Today
• Mobile Focus
• Internalize the Mobile expertise
• Product, Dev and Design work as a Team
• Focus on quality first
• Improve our Time-to-Market

58. Past
Future
Today

59. From Silverlight to Universal Apps
Windows Runtime Apps

60. Windows 10

61. UNIVERSAL
APPS

62. Shared
Phone
Tablet
Universal Project Structure
Phone Tablet Tablet Phone
Universal Apps - How to work efficiently?

63. Universal Apps - How to work efficiently?
Rota>on
+
Scaling
Make use of
Universal Components

64. Universal Apps - How to work efficiently?
Identify shared components

65. Future - Weareable devices

66. Back to the future

67. 2014 - Destiny in our hands
+

68. Any Question ?
Thanks!