| Web, Windows Phone, Windows 8, Silverlight, …

[Astuce] Transformer votre Visual Studio 2012 en Blend, ou presque ;)

Nathalie BELVAL — Fri, 01 Mar 2013 10:18:22 +0000

En pleine rédaction d’articles sur Expression Blend avec ma série « Développeurs, pourquoi Visual Studio ne peut pas remplacer Expression Blend : les 10 bonnes raisons de l’utiliser« , je vous propose aujourd’hui une petite astuce pour transformer votre Visual Studio 2012 en Expression Blend.

Pour cela, il suffit d’importer un fichier de setting pour Visual Studio qui permettra de le transformer en Blend !

Aperçu

Voici un aperçu du résultat :

Comment faire ?

Voici les 3 étapes à suivre :

Pour ceux qui veulent retrouver cette interface, commencez par téléchargez ici le fichier :

Blend Setting for Visual Studio

Puis dans Tools -> Import and export Settings …, importez le fichier téléchargé.
Il ne reste plus qu’à modifier le thème dans Tools -> Options : Général -> Color Theme et de sélectionner « Dark ».

Oui, mais !

Le rendu de l’interface est encore mieux que sur Blend je trouve, cependant si vous voulez retrouver un Visual Studio pour développer il faut allez changer à nouveau les settings… De plus, il manque encore un certain nombre de fonctionnalités qui font que pour l’instant Blend reste irremplaçable !

Si vous voulez comprendre pourquoi, suivez ma série d’articles qui traitera les sujets suivants :

Semaine 0 : Introduction

Semaine 1 : La Puissance du designer

Semaine 2 : TFS intégré à Blend

Semaine 3 : Visualiser vos fichiers de ressources et styles

Semaine 4 : Les animations

Semaine 5 : Les styles & templates

Semaine 6 : DataSample

Semaine 7 : Behaviors

Semaine 8 : Stechflow

Semaine 9 : Import de fichiers Illustrator / Photoshop

Semaine 10 : Spécificités Windows Phone / Windows 8

Semaine 11 : Conclusion / Les différentes versions de Blend

Expression Blend, les 10 bonnes raisons de l’utiliser : #2 \\ TFS intégré à Blend

Nathalie BELVAL — Thu, 21 Feb 2013 09:20:01 +0000

Contrairement à ce que pensent un bon nombre de développeurs, Expression Blend n’est pas fait que pour les designers ! Si vous l’ouvrez, et commencez à éditer une page, vous retrouverez le même affichage que sur Visual Studio : c’est à dire l’aperçu et le code.

Si on prend quelques heures pour s’y habituer et apprendre à l’utiliser, il peut s’avérer bien utile et vous rendre très productif !

Cet article parle de la raison numéro deux de l’utiliser : TFS intégré à Blend. Grâce à TFS intégré à Blend, augmentez la productivité de votre équipe qui va pouvoir bénéficier d’un gestionnaire de source dans Blend tout comme dans Visual Studio !

Lire la suite sur Soat…

[Retour sur la session] Donnez un style moderne à votre application grâce à la suite Expression

Nathalie BELVAL — Wed, 30 Jan 2013 08:54:39 +0000

Le 28 janvier 2013, j’étais invitée par l’équipe BeMyApp pour animer une session au MeetUp Windows Apps spécial Design afin de partager mon expérience et expertise sur les outils de la suite Expression.

A l’aide SmartShopping mon application disponible sur le Store Windows 8, j’ai pu expliquer les différentes phases de conception et réalisation de l’application notamment la phase de prototypage avec Expression Design et la phase de réalisation / développement avec Expression Blend. Vous pouvez retrouver ci-après les slides ainsi que la rediffusion de la session et quelques liens pour aller plus loin.

Lire la suite chez So@t…

Expression Blend, les 10 bonnes raisons de l’utiliser : #1 \\ La Puissance du designer

Nathalie BELVAL — Mon, 21 Jan 2013 16:03:37 +0000

Contrairement à ce que pensent un bon nombre de développeurs, Expression Blend n’est pas fait que pour les designers ! Si vous l’ouvrez, et commencez à éditer une page, vous retrouverez le même affichage que sur Visual Studio : c’est à dire l’aperçu et le code.

Si on prend quelques heures pour s’y habituer et apprendre à l’utiliser, il peut s’avérer bien utile et vous rendre très productif !

Cet article parle de la raison numéro une de l’utiliser : La puissance du designer de Blend. Grâce au designer de Blend, devenez plus efficace pour créer vos interfaces !

Lire la suite chez Soat…

Développeurs, pourquoi Visual Studio ne peut pas remplacer Expression Blend : les 10 bonnes raisons de l’utiliser

Nathalie BELVAL — Mon, 14 Jan 2013 11:57:15 +0000

Contrairement à ce que pensent un bon nombre de développeurs, Expression Blend n’est pas fait que pour les designers ! Si vous l’ouvrez, et commencez à éditer une page, vous retrouverez le même affichage que sur Visual Studio : c’est à dire l’aperçu et le code.

Si on prend quelques heures pour s’y habituer et apprendre à l’utiliser, il peut s’avérer bien utile et vous rendre très productif ! Cet article, présentera ainsi au moins 10 bonnes raison (car je pourrai en trouver plus), d’utiliser Expression Blend lorsque vous développez.

Lire la suite chez Soat…

[Astuce] Créer rapidement des icônes pour Windows Phone avec Expression Design et Segoe UI Symbol

Nathalie BELVAL — Fri, 11 Jan 2013 08:34:09 +0000

Suite au mémo Windows Phone que j’ai publié le mois dernier et qui a eu beaucoup de succès, voici un petit article pour créer des icônes très rapidement avec la police Segoe UI Symbol. Pour ceux qui l’ont remarqué, sur Windows Phone il n’est pas possible d’ajouter autre chose qu’une image dans le content des boutons de l’application bar de votre application. Les développeurs sont souvent à la recherche d’icônes sur différents sites, mais sachez que la police Segoe UI Symbol en propose une multitude ! Nous allons voir dans cet article comment créer en quelques clics, des icônes avec Segoe UI Symbol et Expression Design.

Sur Windows 8 :

On utilise tout simplement, la police Segoe UI Symbol avec un Binding sur le texte contenant le code correspondant à l’icône que vous souhaitez afficher.

Pour rappel, nous avons à notre disposition un certain nombre d’icônes dans la police Segoe UI Symbol qui ne demandent qu’à être utilisées : http://msdn.microsoft.com/en-us/library/windows/apps/jj841126.aspx

Nous utilisons donc le code hexadécimal pour afficher l’icône dans notre bouton et lui appliquons le style « AppBarButtonStyle » de Windows 8 :

On obtiendra notre bouton :

Sur Windows Phone :

Il nous faut une image ! Pour cela on va donc utiliser l’application « Caracter Map » ou « Table des caractères » afin de trouver l’icône qui nous intéresse Puis nous allons la copier dans Expression Design :

Ensuite, il suffira de sélectionne le texte qui est notre icône puis de cliquer sur « File => Export ».

Nous choisirons ici la taille de l’image : pour Windows Phone (si vous jetez à nouveau un œil au mémo Windows Phone), la taille qu’il nous faut est du 42×42 pixels (nouvelle taille depuis Windows Phone 8, avant c’était du 26x26px) :

Et voilà nous avons générer notre icône !

Il nous reste plus qu’à utiliser celle-ci dans notre application bar ! Pour cela, on utilise le code suivant :

Sachez qu’avec cette méthode vous pouvez exporter votre image dans toutes les tailles car grâce à la police, nous sommes dans un format vectoriel. Vous pouvez même utiliser ces icônes au sein de votre application avec les deux méthodes, image ou texte (méthode Windows 8).

[Windows Phone] Memo ModernUI pour faire de belles applications sur Windows Phone 7.x & 8

Nathalie BELVAL — Fri, 14 Dec 2012 08:39:01 +0000

Dans un précédant article, je vous présentais une fiche mémo qui résume tout ce qu’il faut savoir pour développer des applications modernUI sur Windows 8. Cette fois-ci c’est autour de Windows Phone !

Les développeurs ont a leur disposition le Dev Center Windows Phone au look moderne regroupant les guidelines : http://dev.windowsphone.com

Afin de ne pas perdre de temps à rechercher des informations à chaque nouvelle application, j’ai créé une fiche mémo qui résume les points importants pour le développement de vos applications.

Dans cette fiche vous trouverez ainsi des informations sur :

- Les différentes résolutions sur Windows Phone 7 / 8

- Tous les type de logos et images à prévoir dans votre application avec les différentes tailles,

- Les différents types de tuiles,

- Les accent colors,

- Les icônes disponibles avec la police Segoe UI Symbol (pour mieux comprendre comment les utiliser, allez voir cet article : Créer rapidement des icônes avec Expression Design et Segoe UI Symbol).

Voici donc la fiche mémo à imprimer et à garder sous le coude lorsque vous développez N’hésitez pas à me faire des retours dessus !

=>Télécharger au format PDF

SmartShopping mon application Windows 8, disponible sur le Windows Store !

Nathalie BELVAL — Fri, 05 Oct 2012 08:20:40 +0000

Je suis fière de vous annoncer que mon application SmartShopping, est depuis quelques jours disponible sur le Windows Store !

http://apps.microsoft.com/webpdp/fr-FR/app/smartshopping/4f7c600b-ebc0-43de-8b53-e95b4d7dacbe

Dans cette première version, vous pouvez recherchez des produits afin de les trouvez au meilleur prix chez un vendeur en les comparant d’un seul coup d’œil !

De nouvelles fonctionnalités apparaîtront dans les futures mises à jours, en attendant voici la première astuce pour bien utiliser l’application :

Cette application a été réalisée dans le cadre de l’accélérateur Windows 8, merci à Microsoft pour l’accompagnement et les ressources mises à ma disposition !

Grâce à ce développement, je vais pouvoir faire un retour d’expérience sur le développement Windows 8 au travers de différents articles en cours de réalisation :

- [Disponible] Utiliser SkyDrive dans vos applications Windows 8 C# / XAML

- Comment utiliser le Local Storage

- Windows 8 et le semantic zoom

- Intégrer Azure à une application Windows 8

En attendant, je vous invite à télécharger l’application si ce n’est pas déjà fait ! N’hésitez pas à me faire un petit retour et laisser une évaluation

Attention à la CB ! Enjoy !

[Tutoriel] Utiliser SkyDrive dans vos applications Windows 8 C# / XAML

Nathalie BELVAL — Thu, 04 Oct 2012 15:22:08 +0000

Le Live SDK offre un ensemble de contrôles et d’API qui permettent aux applications d’intégrer l’authentification unique (SSO) aux comptes Windows et d’accéder à des informations provenant de SkyDrive, Hotmail et Windows Live Messenger sur Windows Phone et Windows 8.

Les développeurs ont maintenant à leur disposition une nouvelle version du SDK, le Live SDK 5.0. Cette nouvelle version comprend quelques changements facilitant son intégration et son utilisation dans vos applications Windows 8. Nous allons ainsi voir dans cet article comment le configurer et l’utiliser en prenant l’exemple d’une utilisation avec SkyDrive.

Lire la suite sur So@t

[BeMyApp] Retour sur la Kings’night

Nathalie BELVAL — Thu, 27 Sep 2012 06:47:19 +0000

Le vendredi 14 septembre dernier a eu lieu la Kings’night organisée par BeMyApp au Milk. Notre équipe So@t Experts a répondu présent afin de relever le défi : 9h pour développer une application Windows 8 fonctionnelle sur un thème dévoilé en début de soirée.

Le thème de cette cette nuit était : la manipulation d’images. Une dizaine d’applications ont été présentées au matin après une nuit très riche en développement et calories absorbées ! Un autre défi pour gagner un Lumia 920 a été lancé à l’issue du concours à celui qui publierait son application en premier sur le Store !

Lire la suite sur So@t