"Microsoft Composition est une librairie permettant de créer des effets graphiques de haut niveau pour les applications UWP. C'est le chaînon manquant entre les développeurs et les designers d'interfaces.
Voyons comment ajouter le fameux et recherché effet Wahou, en faisant travailler de concert un designer et un développeur."
Uwp + Xamarin : Du nouveau en terre du milieuMicrosoft
"Après une période de calme relatif, la Terre du Milieu est à nouveau en proie à l’émoi : Un seul code pour les gouverner tous, tel semble être le nouveau crédo des bâtisseurs des contrées d’UWP, depuis que le peuple Xamarin a créé de nouveaux passages vers les terres d’Android et d’iOS.
Avec de nouvelles forges et de nouvelles armes permettant aux guerriers de s’aventurer sur tablette, PC et même en Holographie, le régent Windows 10 est devenu le symbole de l’universalité du royaume.
Il est donc temps de passer en revue vos troupes ! Armez C#, Windows Inking, Microsoft Composition, Centenial !
Découvrez comment Xamarin, grande cité récemment conquise, propose d’intégrer de nouvelles techniques de combat pour faire du language .Net le verbiage parfait des mondes mobiles, quelle que soit votre contrée d’origine (Android, IOS, ou Windows)"
Créer des jeux 3D pour le web et pour le Windows Store avec BabylonJS/WebGL Microsoft
Nous verrons dans cette session comment créer des jeux HTML5 en 3D temps réel à destination du Web (IE11/Chrome/Firefox & Opera) et du Windows Store 8.1. Pour cela, nous vous présenterons un framework de jeux WebGL gratuit et open source nommée Babylon.JS. Il est créé en France et compatible multi-plateformes. Vous découvrirez comment couvrir toutes la chaine de production, de la création des assets 3d depuis Blender, son export vers Babylon, le support de différent type de caméra (touch, accéléromètre, etc.), la gestion du moteur physique et l'implémentation de la logique du jeux en JavaScript. Pour finir, vous verrez que l'intégration dans une application Windows Store se fera en quelques secondes!
Speakers : David Catuhe (Microsoft), David Rousset (Microsoft)
Développer des applications iOS et Android avec c# grâce à Xamarin par Cyril ...SOAT
Développer des applications iOS et Android avec C# grâce à Xamarin par Cyril Cathala
A l’ère des smartphones et tablettes, le développement multiplateforme se révèle être un challenge : quelle solution choisir et comment minimiser les coûts, tout en optimisant l’expérience utilisateur ?
Parmi les solutions disponibles sur le marché, Xamarin s’adresse aux développeurs C# pour la création d’applications compatibles avec Windows 8, iOS et Android. Son approche multiplateforme permet de développer des applications natives de qualité en mutualisant jusqu’à 75% de code entre les différents OS.
Ce petit déjeuner sera l’occasion de faire un tour d’horizon des outils du marché, d’apprécier toutes les possibilités offertes par Xamarin et d’en explorer les pistes pour aller plus loin.
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?Microsoft
Après une rapide introduction au concept de conteneurs et à leur intégration dans une IT agile, nous allons nous intéresser, dans cette session, à leur mise en œuvre depuis le poste du développeur ou de l'administrateur, jusqu'aux clusters apportant un niveau de disponibilité et de montée en charge nécessaires aux environnements de production. Les démonstrations couvriront donc Docker sur Windows 10 et Windows Server 2016, ainsi qu'Azure Container Service pour l'orchestration de conteneurs dans Azure avec Docker Swarm ou DC/OS, et Docker Datacenter dans Azure pour une solution complète et hybride en entreprise.
Presenter: Lucie Stephens, Head of Co-Production, NEF
Event: How arts and cultural activities are supporting co-production and innovation in public services, London, 19 May 2015, part of our Making Connections events series.
Between May 2015 and March 2016, we are running a series of regional events to bring together commissioners, arts and cultural providers, and others interested in increasing levels of cultural commissioning.
The Cultural Commissioning Programme works to help the arts and cultural sector engage in public sector commissioning and to enable public service commissioners to increase their awareness of the potential for arts and cultural organisations to deliver their outcomes. This three year programme, funded by Arts Council England, is being delivered through a partnership between NCVO (lead partner) , NEF and NPC .
www.ncvo.org/CCProg
Uwp + Xamarin : Du nouveau en terre du milieuMicrosoft
"Après une période de calme relatif, la Terre du Milieu est à nouveau en proie à l’émoi : Un seul code pour les gouverner tous, tel semble être le nouveau crédo des bâtisseurs des contrées d’UWP, depuis que le peuple Xamarin a créé de nouveaux passages vers les terres d’Android et d’iOS.
Avec de nouvelles forges et de nouvelles armes permettant aux guerriers de s’aventurer sur tablette, PC et même en Holographie, le régent Windows 10 est devenu le symbole de l’universalité du royaume.
Il est donc temps de passer en revue vos troupes ! Armez C#, Windows Inking, Microsoft Composition, Centenial !
Découvrez comment Xamarin, grande cité récemment conquise, propose d’intégrer de nouvelles techniques de combat pour faire du language .Net le verbiage parfait des mondes mobiles, quelle que soit votre contrée d’origine (Android, IOS, ou Windows)"
Créer des jeux 3D pour le web et pour le Windows Store avec BabylonJS/WebGL Microsoft
Nous verrons dans cette session comment créer des jeux HTML5 en 3D temps réel à destination du Web (IE11/Chrome/Firefox & Opera) et du Windows Store 8.1. Pour cela, nous vous présenterons un framework de jeux WebGL gratuit et open source nommée Babylon.JS. Il est créé en France et compatible multi-plateformes. Vous découvrirez comment couvrir toutes la chaine de production, de la création des assets 3d depuis Blender, son export vers Babylon, le support de différent type de caméra (touch, accéléromètre, etc.), la gestion du moteur physique et l'implémentation de la logique du jeux en JavaScript. Pour finir, vous verrez que l'intégration dans une application Windows Store se fera en quelques secondes!
Speakers : David Catuhe (Microsoft), David Rousset (Microsoft)
Développer des applications iOS et Android avec c# grâce à Xamarin par Cyril ...SOAT
Développer des applications iOS et Android avec C# grâce à Xamarin par Cyril Cathala
A l’ère des smartphones et tablettes, le développement multiplateforme se révèle être un challenge : quelle solution choisir et comment minimiser les coûts, tout en optimisant l’expérience utilisateur ?
Parmi les solutions disponibles sur le marché, Xamarin s’adresse aux développeurs C# pour la création d’applications compatibles avec Windows 8, iOS et Android. Son approche multiplateforme permet de développer des applications natives de qualité en mutualisant jusqu’à 75% de code entre les différents OS.
Ce petit déjeuner sera l’occasion de faire un tour d’horizon des outils du marché, d’apprécier toutes les possibilités offertes par Xamarin et d’en explorer les pistes pour aller plus loin.
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?Microsoft
Après une rapide introduction au concept de conteneurs et à leur intégration dans une IT agile, nous allons nous intéresser, dans cette session, à leur mise en œuvre depuis le poste du développeur ou de l'administrateur, jusqu'aux clusters apportant un niveau de disponibilité et de montée en charge nécessaires aux environnements de production. Les démonstrations couvriront donc Docker sur Windows 10 et Windows Server 2016, ainsi qu'Azure Container Service pour l'orchestration de conteneurs dans Azure avec Docker Swarm ou DC/OS, et Docker Datacenter dans Azure pour une solution complète et hybride en entreprise.
Presenter: Lucie Stephens, Head of Co-Production, NEF
Event: How arts and cultural activities are supporting co-production and innovation in public services, London, 19 May 2015, part of our Making Connections events series.
Between May 2015 and March 2016, we are running a series of regional events to bring together commissioners, arts and cultural providers, and others interested in increasing levels of cultural commissioning.
The Cultural Commissioning Programme works to help the arts and cultural sector engage in public sector commissioning and to enable public service commissioners to increase their awareness of the potential for arts and cultural organisations to deliver their outcomes. This three year programme, funded by Arts Council England, is being delivered through a partnership between NCVO (lead partner) , NEF and NPC .
www.ncvo.org/CCProg
Hemos realizado esta presentación para que la gente que vea nuestro blog sepa un poco más sobre los carnavales y sobre todo de los de Punta Umbría, ya que, al contrario que los de Cádiz, Huelva, Isla Cristina, etc, nunca se le da tanto bombo en la tele ni en ningún lado.
Azure Service Fabric pour les développeursMicrosoft
"Venez découvrir comment Service Fabric va déverrouiller le potentiel de vos applications et de vos équipes : élasticité, modularité, scalabilité.
A travers de multiples démonstrations techniques, les secrets du développement pour Service Fabric vous seront révélés (Micro Services, Actor Model, Reliable storage, gestion des ressource).
"
Les animations permettent de rendre une interface utilisateur expressive et appréciable à utiliser. Si en ajouter lorsque l'on utilise le système historique de View XML n'était pas chose facile, c'est devenu beaucoup plus simple avec l'API d'animations de Jetpack Compose.
Les termes "animations", "transformations" et "transitions" ne vous feront plus si peur lorsque l'équipe de design vous proposera d'améliorer un peu votre application.
Nous allons voir ensemble les principes de base pour améliorer votre UI facilement et de façon subtile. 😉
Support de formation Unity 3D axé Réalité Virtuelle utilisé chez Wanadev pour nos formations internes. Le but est de réaliser en moins de 4h un prototype de FPS en réalité virtuelle avec deux méthodes de déplacement et quelques interfaces graphiques.
Hemos realizado esta presentación para que la gente que vea nuestro blog sepa un poco más sobre los carnavales y sobre todo de los de Punta Umbría, ya que, al contrario que los de Cádiz, Huelva, Isla Cristina, etc, nunca se le da tanto bombo en la tele ni en ningún lado.
Azure Service Fabric pour les développeursMicrosoft
"Venez découvrir comment Service Fabric va déverrouiller le potentiel de vos applications et de vos équipes : élasticité, modularité, scalabilité.
A travers de multiples démonstrations techniques, les secrets du développement pour Service Fabric vous seront révélés (Micro Services, Actor Model, Reliable storage, gestion des ressource).
"
Les animations permettent de rendre une interface utilisateur expressive et appréciable à utiliser. Si en ajouter lorsque l'on utilise le système historique de View XML n'était pas chose facile, c'est devenu beaucoup plus simple avec l'API d'animations de Jetpack Compose.
Les termes "animations", "transformations" et "transitions" ne vous feront plus si peur lorsque l'équipe de design vous proposera d'améliorer un peu votre application.
Nous allons voir ensemble les principes de base pour améliorer votre UI facilement et de façon subtile. 😉
Support de formation Unity 3D axé Réalité Virtuelle utilisé chez Wanadev pour nos formations internes. Le but est de réaliser en moins de 4h un prototype de FPS en réalité virtuelle avec deux méthodes de déplacement et quelques interfaces graphiques.
Transitions et Animations – Donnez une nouvelle dimension à vos applications ...Microsoft
Améliorer l’impact et l’expérience utilisateur de vos applications en travaillant sur les animations de vos contrôles et la transition de vos pages. En quelques astuces et conseils, Samuel et Jean-Sébastien vous apporteront les clés pour rendre vos applications uniques !
Speakers : Jean-Sébastien Dupuy (Microsoft), Samuel Blanchard (Naviso)
Nouveautes Flash CS4, par Nicolas Gans - Regart.net formationsmaru.maru
Présentation des nouveautés de Flash CS4 par Nicolas Gans au cours de la journée portes ouvertes au centre de formation Regart.net, le jeudi 8 janvier 2009.
Codedarmor 2012 - 06/03 - HTML5, CSS3 et Javascriptcodedarmor
Le web, nouvelle définition : les possibilités étendues de HTML5 marquent un tournant dans le développement de sites et d'applications web riches. Lors de cette soirée, nous ferons une revue des possibilités offertes par HTML5, CSS3 et Javascript, des applications mobiles aux jeux vidéo en passant par la diffusion de médias audio et vidéo.
Présenté par Benjamin Anseaume de Sushee.fr et Erwan Hesry
Le RWD est un matériau jeune, une ébauche en plein brouillon qui prend peu à peu forme et consistance au fil du temps et de nos expériences sur le terrain. Dans quelques mois (années ?), les spécifications officielles seront bien plus abouties et stabilisées au sein de nos navigateurs. De nouvelles techniques de positionnement CSS3 telles que Flexbox, Grid layout et Regions faciliteront l'adaptation de designs multi-surfaces. Mais au-delà de ça, de réelles possibilités sont d'ores et déjà offertes par le module @viewport, les unités de viewport (vw, vh, vmin, vmax), les unités de résolution (dpi, dpcm, dppx), les solutions avancées pour gérer les images HD (image-set, srcset et picture) ainsi que les Media Queries CSS level 4 : @media (pointer), (hover), (luminosity) et (script). Gageons que le Responsive Web Design de l'avenir du futur nous épanouira un peu plus tous les matins au réveil, nous rendra encore plus heureux d'aller travailler dans notre jolie agence web, et rendra tous nos clients encore plus nombreux, comblés et enthousiastes par notre travail quotidien qu'on adore. Oups, je m'égare.
Speaker : Raphael Goetter (Alsacréations)
1ère édition du SEOGoodVibes le 29 mai 2020 : https://www.seogoodvibes.com
Bien plus que du Web Scraping, découvrez les portes que vous ouvrent Puppeteer, Node.js et Rendertron.
Audrey Schoonwater
Venez comprendre le concept de la Blockchain, ses bénéfices et scénarios d’usage ainsi que les outils et la plateforme proposés par Microsoft pour vous permettre de démarrer, rapidement et à moindre coût, des projets de développement et d’extension de vos solutions existantes dans ce domaine.
Tester, Monitorer et Déployer son application mobileMicrosoft
"Permis de tester
Disclaimer : Cette session ne s’adresse pas à ceux qui pensent que c’est une bonne idée d’affirmer :
• « On testera si on a le temps »,
• « Les utilisateurs nous remonteront les bugs »
• « Les développeurs testent et débuguent ce qu’ils ont conçu, c'est suffisant pour garantir la qualité de l‘application mobile »
• « Un test réussi sur un smartphone garantit que l’application fonctionne sur tous les autres appareils du même OS »
• « Le test d'application mobile, c'est comme le test de site web »
Cette session « Tester, Monitorer et Déployer son application mobile » est pour ceux qui ont conscience qu’une application offrant une expérience décevante est synonyme :
• D’abandon pur et simple par +60% de ses utilisateurs
• D’un changement immédiat pour la concurrence pour 34% d’entre eux
• D’un impact négatif pour la marque (réseau sociaux, rating, bouche à oreilles) par la moitié des utilisateurs
Au final, pas besoin de s’appeler Bond pour éliminer les bugs de votre app !
Inscrivez vous pour découvrir quels sont les usages du « testing mobile » et comment Visual Studio Team Services, Xamarin Tests Cloud & Hockey App, vous permettront d’améliorer la qualité de vos applications mobiles pour iOS, Android & Windows."
Windows 10, un an après – Nouveautés & Démo Microsoft
"Windows 10 célèbre sa première bougie avec une mise à jour « Anniversary Update » dont nous présenterons les principales nouveautés.
Retour également en démo sur les nouveaux scénarios proposés par l’OS dans un monde « Cloud First & Mobile First ».
Enfin nous terminerons cette session par un rapide aperçu des possibilités offertes par Bash et les conteneurs sous Windows 10.
"
Prenez votre pied avec les bots et cognitive services.Microsoft
"Cette session vous propose de découvrir comment mettre le pied dans le monde des bots.
Microsoft Bot Framework offre une solution complète pour créer et connecter votre bot aux principales plateformes de messagerie, notamment Skype, Slack et Facebook Messenger.
Nous vous proposons également de découvrir Cognitives Services pour interagir en language naturel et enrichir les scenarios de votre futur Bot !"
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...Microsoft
"Vous voulez apprendre comment gérer votre tenant Office 365 : SharePoint Online, Power BI, Services Azure avec PowerShell ?
Venez découvrir les bonnes pratiques et comprendre comment utiliser « Office 365 Developer Patterns and Practices (PnP) » & Microsoft Graph (API).
Dans cette session, vous apprendrez comment administrer les fonctionnalités de votre tenant Office 365 en utilisant PowerShell.
De nombreuses démos ! "
"Les bots aujourd’hui c’est très concret. Dans cette session nous aborderons les cas les plus courants de création de bots.
Vous comprendrez comment Recast.AI utilise le bot framework pour publier les bots des développeurs qui utilisent leur plateforme. Pour comprendre toutes les étapes de la création d’un bot en Node.js, du code au déploiement, c’est par la !"
"Avec l'arrivée de SQL Server 2016 une session de présentation des nouveautés s'impose !
Au menu : Streched Database, Always Encrypted, Row Level Security, Live Query Statistics, Les Temporal Tables , PolyBase, Et le reste ?"
Administration et supervision depuis le Cloud avec Azure Logs AnalyticsMicrosoft
Azure Log Analytics est un service d’Operations Management Suite (OMS) qui vous permet de collecter et d’analyser les données générées par les ressources de votre Cloud et de vos environnements locaux. Il vous fournit des informations en temps réel à l'aide d’une recherche intégrée et de tableaux de bord personnalisés permettant d’analyser facilement des millions d'enregistrements. Cette session sera l'occasion de découvrir ce service.
Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...Microsoft
Suite à la réalisation de plusieurs projets Azure IoT, place aux retours d'expériences. Entre des migrations de M2M/IoT Amazon vers Azure, jusqu'à la création de projet nécessitant de « scaler » jusqu'à 1 million d'objets SigFox, en passant par des projets plus modestes, mais avec des problématiques de santé, nous verrons comme les patterns Cloud, l'ASP.Net Core, et les MicroServices, etc... mais aussi les Juristes, les méthodologies de gestion de projets Agile et IoT … sont devenus incontournables.
Plan de Reprise d'Activité avec Azure Site RecoveryMicrosoft
Et si les datacenters d'Azure devenaient vos centres de données de secours en cas de défaillance majeure ? Avec Azure Site Recovery, vous disposez d'une solution capable de répliquer vos serveurs physiques ou virtuels (VMware et Hyper-V) directement dans Azure et vous avez la possibilité de redémarrer votre production en quelques minutes le cas échéant. Cette session fera le tour de la solution avec des démonstrations.
Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...Microsoft
"Fini l'artisanat, place à l'industrialisation !
Dans cette session, nous aborderons les différentes méthodes de déploiement d’applications dans Azure.
Nous ferons un rappel sur le nouveau modèle ARM (IaaS v2) et les « Resource Manager providers ».
Puis nous passerons aux différentes méthodes de déploiement : de la plus simple jusqu’aux plus élaborées comme par exemple, PowerShell, CLI, Custom Script, fichiers de configuration JSON, installation post-installation d’applications, solutions tierces. "
Transformation de la représentation : De la VR à la RA, aller & retour.Microsoft
Les nouvelles interfaces seront augmentées ou virtuelles ou ne seront pas. Faisons le tour des solutions existantes, des outils et des méthodes de la réalité alternative et connectée.
Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...Microsoft
La plateforme Microsoft Azure offre différentes possibilités pour l’hébergement d’applications modernes. Dans cette session, nous passerons en revue les différents choix d’architectures possibles pour ces applications : machines virtuelles, services de plateformes comme Azure Service Fabric et Azure App Services, solutions d’hébergement de conteneurs Docker sont autant de possibilités qui s’offrent à vous dès aujourd’hui !
"ASP.NET Core est le nouveau framework Open Source et Cross Platform pour développer des applications connectées modernes : applications webs, backends mobiles ou applications IoT.
ASP.NET Core peut tourner sur .NET Core ou sur le .NET Framework complet. Son architecture a été complètement revue depuis la précédente génération du framework afin de fournir une expérience de développement plus moderne, plus flexible et plus performante.
Venez découvrir les bases d'ASP.NET Core afin de pouvoir l'envisager dans vos futurs projets !"
Open Source et Microsoft Azure, rêve ou réalité ?Microsoft
"Node.JS, MariaDb, MongoDb, Python, Ruby on Rails, PHP... toutes ces technologies et beaucoup d'autres ont deux points commun : elles sont Open Source et fonctionnent sur Microsoft Azure.
Faisons un point rapide sur la stratégie de Microsoft sur le sujet et démontrons les atouts d'Azure à travers l'exemple d'un projet web professionnel.
Celui-ci s’appuiera sur des technologies ouvertes : Drupal pour le CMS, PHP pour le langage, Linux pour le système d'exploitation, MariaDB pour la base de données ou encore Redis pour le cache distribué.
En plus d’aborder des nouveautés de l’offre Azure, cette session sera également l’occasion d’aborder les différents types de services disponibles dans Azure (infrastructure, plateforme, applicatif) et les questions à se poser pour choisir entre ceux-ci."
Comment développer sur la console Xbox One avec une application Universal Win...Microsoft
"Après avoir développé une application Universal Windows Platform (UWP) pour mobile et desktop, est-il possible de porter facilement son application sur Xbox One ?
Quels sont les problèmes que nous avons rencontré à Dailymotion pour le développement de notre application ?
Dans cette session, nous regarderons les différents éléments dont il faudra bien penser lorsqu’on développe pour la console Xbox One comme la taille de l’écran de la TV, le gamepad ou encore la remote. Je vous expliquerais les choix que nous avons fait à Dailymotion sur notre application Xbox One.
Quels sont les problèmes que nous avons rencontré à Dailymotion pour le développement de notre application ?"
"Si de fantastiques nouveautés sont apparues au cours des versions comme le support de l’asynchronisme, depuis plus de 10 ans, la mouvance globale de C# nous emmène vers une approche beaucoup plus fonctionnelle.
La version 7 marquera un bond considérable dans cette direction avec l’arrivée d’un grand nombre de nouveautés que je vous propose de décortiquer ensemble.
"
La 3D sur le web avec Babylon.js pas à pasMicrosoft
"Aujourd’hui, la meilleure solution pour afficher du contenu 3D dans une page web est d’utiliser la technologie WebGL.
KEYVEO utilise cette technologie basée sur le WebGL avec le moteur open source Babylon.js, qui vous permet de créer très facilement un monde virtuel à intégrer dans un site web. Fluide, légère, sans plug-in, cette technologie vous ouvre un champs des possibles dont seule votre imagination est la limite !
Parce qu'une démo vaut toutes les explications, venez découvrir comment créer une scène virtuelle 3D, en live, avec Babylon.js. Enfin, un temps d'échange nous permettra de répondre à vos questions autour de la 3D sur le web."
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...Microsoft
"Vous voulez apprendre comment gérer votre tenant Office 365 : SharePoint Online, Power BI, Services Azure avec PowerShell ?
Venez découvrir les bonnes pratiques et comprendre comment utiliser « Office 365 Developer Patterns and Practices (PnP) » & Microsoft Graph (API).
Dans cette session, vous apprendrez comment administrer les fonctionnalités de votre tenant Office 365 en utilisant PowerShell.
De nombreuses démos ! "
"De nos jours, faire du développement web nécessite de connaître une quantité incroyable de technologies, frameworks et librairies.
Nous vous proposons de faire un tour d’horizon du web d’aujourd’hui. Nous parlerons backend, frontend et nous évoquerons aussi le futur.
Si vous voulez savoir où en est le web sans des heures de recherche, vous êtes au bon endroit ! "
6. Sous Vista (Aéro)
• bord des fenêtres transparents et flou
• Desktop Windows Manager (DWM)
• Une fenêtre = buffer vidéo (GPU)
Sous Windows 8
• DirectComposition = Api de DWM
• Un élément = buffer vidéo (GPU)
Sous Windows 10
• Composition pour UWP (Accès aux elements)
7. • Des Transformations (=RenderTransform)
• Des animations (=Storyboard++)
• Des scrollings
• Des effets (blur,…)
• Des lumières
8. Passer de XAML à Composition :
Visual elementVisual =
ElementCompositionPreview.GetElementVisual(elementXAML);
9. Visual : Element de base de Composition
ContainerVisual : un Visual avec des enfants (une sorte de Canvas)
SpriteVisual : Un ContainerVisual avec un Brush (couleur image)
10. Compositor : Usine à d’objet Composition (Visual, Animation,
Brush, Light,…)
Offset : déplace le Visual
Scale : Zoom
RotationAngleInDegrees: rotation 2D ou 3D
RotationAxis : axe de rotation en 3D
Size : Taille du Visual
11.
12.
13.
14. Effet de surprise + admiration = WAOUH
L’effet Waouh est généralement obtenu par une caractéristique forte et innovante du produit.
||
INNOVATION
||
FINITION DESIGN
20. A oublier :
Le montage
Les situations
Les dialogues
…
A retenir :
L’ambiance graphique
• Les lumières
• L’étalonnage
• Les effets (filtres)
La bande originale
Les accessoires
…
21. LES PER SON N A GES
C r é d i t s B a n n o n R u d i s - @ b a n n o n r u d i s
22. Storyboard ? Naaaan
CompositionAnimation ! OUI !
• Rapide et fluide
• Non lié à un thread (pas sur le thread UI)
• S’applique à une propriété ou un enfant d’une propriété (« Scale » ou
« Offset.X »)
• StartAnimation pour lancer, StopAnimation pour stopper
• Possibilité de faire des groupes d’animation: Compositor.CreateAnimationGroup()
• 2 types disponibles : par durée et par Expression
23. • Semblable au Storyboard
• Storyboard Composition dans les futures versions
• Completed ? Compositor.CreateScopedBatch
34. • Var container = rootVisual.Compositor.CreateContainerVisual();
• ElementCompositionPreview.SetElementChildVisual(rootElement,
container);
• Chargement d’une image : nuget
Robmikh.Util.CompositionImageLoader
• Creation de SpriteVisuals puis dans le container
36. The Fog, John Carpenter, 1980 ET, Steven Spielberg, 1982
37. • Win2D (nuget Win2D.uwp) pour dessiner
• Tous les effets Win2D ne sont pas disponibles
https://msdn.microsoft.com/fr-
fr/windows/uwp/graphics/composition-
effects?f=255&MSPPError=-2147217396
• Couplé à Composition pour l’appliquer
• Affichage en temps réels des effets
48. Notez cette session
Et tentez de gagner un Surface Book
Doublez votre chance en répondant aussi au
questionnaire de satisfaction globale
* Le règlement est disponible sur demande au commissariat général de l’exposition. Image non-contractuelle
Notes de l'éditeur
SAM
Bonjour à a tous et merci de votre présence pendant ces temps un peu sombre que vivent pour les dev UWP
Heureusement la lumiere viendra toujours de la jonction de l’art et de la technique et c’est en soit la sujet de notre session
SAM
BEN & SAM
SAM
SAM
DWM renvoie les HWND vers les buffers de GPU. on peut appliquer des effets sur ceux-ci mais pas écrire dedans directement (comme Direct2D)
SAM
DWM renvoie les HWND vers les buffers de GPU. on peut appliquer des effets sur ceux-ci mais pas écrire dedans directement (comme Direct2D)
SAM
SAM
SAM
SAM
BEN
On parle de la série
BEN
Dans le contexte d’une app on a plusieurs types d’effet Waouh :
Le Waouh UI (beauté suprême de l’interface : traitement graphique inédit, composition forte)
Le Waouh Animé (transition et animation de dingo)
Le Waouh Ergonomique (surprendre l’utilisateur avec une gesture inhabituelle)
Petit warning : Chacun de ces types de Waouh peux nuire à L’UX de l’app s’il est mal utilisé. (surtout en ergo)
BEN
BEN
BEN
Créateur Ed Benguiat. Typographe et Graphiste créateur des logos de Reader Digest, Ford ou encore Playboy.
BEN
Richard Greenberg designer spécialiste des titres de films et de Livres.
Connu pour DeadZone, Superman, Alien.
www.artofthetitles.com
BEN
Session sur Composition et comment s’en servir pour faire des effets Waou.
Mais un effet waou l’est réellement s’il arrive à faire naitre d’une part de la surprise mais aussi et surtout des émotions.
Amener un utilisateur à ressentir des émotions en utilisant une app n’est pas chose facile (une app est souvent avant tout fonctionnelle). Donc nous avons essayé de créer un univers dans notre démo et plutôt que de le créer à partir de zéro nous avons emprunté et transcrit en mode « appli » l’univers très riche de la série Stranger Things.
Pourquoi cette série spécifiquement? parcequ’elle exploite à merveille le filon de la nostalgie d’une époque, les années 80. Bourrée de référence à la culture des années 80, début 90, Stranger Things nous replonge dans l’univers de notre jeunesse en utilisant notamment les codes graphiques de ces années bénies.
BEN
Comment réussir la conversion d’un univers cinématographique en une application?
Quels éléments peut-on réutiliser? Ce dont qu’il vaut mieux laisser de côté?
Retranscrire ces éléments dans un mode vidéo ludique. (utilisation du 8bits, des référence rétro gaming > effets composition).
BEN
choix d’un passage en illustration 8 bit > rétro gaming (réf 80’s)
Permet tt de même de garder certaines caractéristiques des perso
Certain accessoires récurrents du film.
SAM
SAM
Pour Compositor.CreateScopedBatch voir l’exemple CompositionHelper.cs ligne 40
SAM
Create CreateVector3KeyFrameAnimation pour deplacer « Offset » et non « Offset.X »
Exemple de rotation de la page (MainPage.cs ligne 127) la respiration des personnage ou du Press Start
SAM
SAM
SAM
SAM
Exemple des tuiles
SAM
BEN
Les décors sont également traités en pixel.
Permet de conserver l’ambiance via un jeu de couleur (bleuté pour l’ambiance glauque et mystérieuses)
Techniquement rien ne vous empêche d’aller mettre un coup de pipette couleur sur la photo originale du décor pour retrouver les couleurs et l’ambiance sur votre créa.
BEN
Placer le background, une série d’arbres assez sombres.
Je place une deuxième série d’arbre, un dessin différent pour éviter le côté trop systématique de la répétition.
On note que les arbres du fond sont plus sombres pour créer la sensation de profondeur.
Une première série de buisson
La route qui est en fait une section répétée à l’infini pour créer le scroll (cf Sam).
Une 2eme série de buisson d’un différent type (plus clair car plus proche)
Enfin on place nos personnages, à noter qu’on peut varier le positionnement sur la hauteur ainsi que le scale pour donner un effet de profondeur.
BEN
Placer le background, une série d’arbres assez sombres.
Je place une deuxième série d’arbre, un dessin différent pour éviter le côté trop systématique de la répétition.
On note que les arbres du fond sont plus sombres pour créer la sensation de profondeur.
Une première série de buisson
La route qui est en fait une section répétée à l’infini pour créer le scroll (cf Sam).
Une 2eme série de buisson d’un différent type (plus clair car plus proche)
Enfin on place nos personnages, à noter qu’on peut varier le positionnement sur la hauteur ainsi que le scale pour donner un effet de profondeur.
SAM
Exemple des tuiles : TileControl.cs Line 319
SAM
TileControl.cs line 219
SAM
BEN
L’autre chose qui va nous apporter de l’émotion c’est les éléments fantastiques qui possèdent leurs propres codes visuels :
• Les éléments naturels qui apportent du mystère – La neige (le brouillard – The Fog de Carpenter)
• Le clair obscur - Démo Lumière (utilisation des lampes torches)
> Samos Utilisation d’une lumière dans Composition
SAM
BEN
Grâce au frosted Glass on reproduit l’effet cinématographique de la mise au point.
L’effet de blur permet à l’œil d’oublier l’image en dessous pour se concentrer sur l’image au premier plan
Tout en restant immergé dans l’univers créé par l’ image de fond (couleur, forme).
On retrouve l’effet de profondeur de champ qui est largement utilisé dans le cinéma.
Permet de se concentrer sur la Card, Comment est elle construite?
BEN
On a donc intégré des cards pour identifier les différents personnages.
Cards = terme Material Design pour identifier des zones de contenus placées dans des conteneurs.
Structure des cards sur le modèle des services Google :
Un conteneur da taille variable (en fonction du contenu) avec des borders arrondis.
Une cover censé représenter l’univers du sujet
Un avatar
Un texte de description
Des tags pour définir le profil du sujet (sous forme de texte ou d’icônes)
BEN
S’arrêter 2min sur le changement de style (Photo + icônes flat)
Ce changement de traitement graphique est possible grâce au frosted glass sans que ce soit ressenti comme un manque de cohérence graphique.
Le blur sur l’interface principale permet de créer une distance qui permet de changer de style graphique sans que cela choque.
Cet effet présente donc bcp d’avantages, Sam vous montre comment faire.
SAM
MainPage.cs line 253
SAM
BEN
On se concentre sur les effets du monde à l’envers.
On créer du sens avec les animations Toujours faire preuve de bon sens et rester logique.
Description de l’anim avec passage de page.
L’upside down = notre monde en plus dark
Maquette = application de courbe + lumière/contraste sur le décors de base.
Restranscription de cet effet par Samos?
La neige/cendres – référence à the fog ou ET.
Assets pixel, effet scaling + animation
Samos?