//Build 2017 – Visual Studio Mobile Center / Fluent Design

Visual Studio Mobile Center: Ship mobile apps faster
Keith Ballinger, Thomas Dohmke

This session presented the new Visual Studio Mobile Center that aims to bring into a single place every aspect of continuous integration and delivery as well as every services used in mobile development like authentication and push notifications.

In a few simple steps, we can quickly setup a continuous build on each push to a git repository (hosted in GitHub, VSTS, BitBucket). Then UI tests will be run by Xamarin Test Cloud, and finally the app can be distributed by Hockey App.
Also we are given 2 lines of code to add to our apps to enable Application Insights.
All that without leaving Mobile Center.

It supports Xamarin.iOS, Xamarin.Android, Objective-C, Swift, Java, ReactNative and UWP apps.
Cordova is not supported for the moment.

The build agent is hosted in the cloud, which means that we don’t need to have a Mac to compile iOS apps.

New features were announced

  • Partial support of UWP
  • Automated store distribution for UWP
  • More supported git hosting services (VSTS, BitBucket)
  • Push notifications campaign with analytics data-based targeting

This service is still in preview and free for the moment.
No pricing available as of now.

If you want to checkout Visual Studio Mobile Center, here’s the url: https://mobile.azure.com

Build Amazing Apps with Fluent Design
James Clarke, Paul Gusmorino

Another session packed with lots of sweet things, especially for me who loves XAML/UWP and UX design.

I recommend that you watch the replay as it’s a really visual session, difficult to transcribe by words.

This session presented all the new concepts of Fluent Design and how to implement them in XAML for UWP.

Fluent Design is based on 5 concepts:

  • Light: subtly highlight elements on the UI to give users feedback and make for discoverability
  • Depth: play with different levels of depth (like a parallax) to give a dynamic feeling to the app
  • Material: apply different kinds of « materials » on some parts of the application, rather than just putting flat colors, to make the app prettier
  • Motion: place animations in the app so that it feels fluid, especially when navigating from page to page
  • Scale: adapt to the space available, mostly true when making UWP apps that works on PC and on HoloLens

In XAML, some new features were shown to support for those concepts:

  • Reveal Highlight: dynamic lightning on controls when approaching the cursor and/or clicking (<Button Style= »{ThemeResource ButtonRevealStyle} »/>)
  • Commanding in collections: add support of Context Menu and swipe into collections like ListView

New controls for UWP were also shown:

  • NavigationView: full-featured navigation panel (burger menu) with its content pane.Can be seen like a SplitView++
  • RatingsControl
  • ColorPicker
  • Repeater: Repeat a group of UI elements
  • ParallaxView: Scroll its content in sync with another scrollable control to give parallax effect
  • 360° video support in UWP
  • SVG support in XAML

The demo app can be found at http://aka.ms/buildcast

Documentation on fluent design can be found at the following links
http://design.windows.com
http://fluent.microsoft.com

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s