Bonnes Pratiques Web & Cloud
58.8K views | +4 today
Follow
Bonnes Pratiques Web & Cloud
Administration cloud et développement web
Curated by Mickael Ruau
Your new post is loading...
Your new post is loading...

Popular Tags

Current selected tag: 'modern ui'. Clear
Scooped by Mickael Ruau
Scoop.it!

PC portables avec écran tactile : une espèce en voie de disparition

PC portables avec écran tactile : une espèce en voie de disparition | Bonnes Pratiques Web & Cloud | Scoop.it
L'arrivée de Windows 8 et son orientation tactile ont conduit certains fabricants à proposer des ordinateurs portables traditionnels (type clamshell, dont l'écran se replie sur le clavier) mais avec des écrans tactiles. Cette forme intermédiaire entre PC portable traditionnel et tablette ou produit hybride a été soutenue par Microsoft et le fondeur Intel mais elle n'a pas forcément été plébiscitée par le public.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Microsoft "Project Siena" app for Windows in the Windows Store

Microsoft "Project Siena" app for Windows in the Windows Store | Bonnes Pratiques Web & Cloud | Scoop.it
Microsoft Project Siena (code name) is a breakthrough technology that enables your business experts, analysts and imagineers to create transformative business apps. With Siena, they can now build custom apps with rich visuals, filled with custom intelligence and functionality, with no programming required.

Place some visuals on a canvas, hook them up to your data, then customize how your app looks and works. Write Excel-like expressions to power your app with special logic and intelligence. No programming required.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Microsoft met la création d’applis à la portée des directions métiers

Microsoft met la création d’applis à la portée des directions métiers | Bonnes Pratiques Web & Cloud | Scoop.it
Project Siena permet à des utilisateurs maîtrisant Excel et PowerPoint de créer facilement une application sous Windows 8.1. Sans aucune notion de code.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Microsoft place WinJS en open source

WinJS est une librairie JavaScript développée par Microsoft et destinée à la base à la création d'applications Windows 8 reposant sur le trio HTML, CSS et JavaScript.
Mickael Ruau's insight:

Redmond souligne qu'avec cette librairie il est possible de coder des applications pour divers OS : iOS, Android... ou navigateurs : Chrome, Firefox...

Redmond ne souligne pas, mais c'est pourtant sans doute ce qui l'intéresse le plus dans cette opération, que les applications iOS, Android, Chrome, Firefox, rendrons les interface à tuiles familières à un public plus large et surtout elles pourront être porter facilement sur Windows Phone 8.1.

Car le vrai problème pour Microsoft reste encore la richesse du parc applicatif par rapport à ses concurrents. Placer WinJS en open source est une façon de le résoudre, en plus de fournir un outil dont les développeurs pourront profiter.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Cloud Connected Mobile- Zend Studio 10.6

Cloud Connected Mobile- Zend Studio 10.6 | Bonnes Pratiques Web & Cloud | Scoop.it

Zend Studio's Cloud Connected Mobile (CCM) tool enables you to develop, test, and publish mobile native applications using the Cloud platform.

Specifically, CCM allows you to:

  • Create, manage and publish PHP RESTful or RPC ((Remote Procedure Call) Web services to the Cloud - Based on Zend Framework 2 and Zend Server Gateway.
  • Create and test Mobile Web user interface using HTML5 and JavaScript, and bind mobile Web UI widgets with Web services.
  • Generate native projects for iOS, Android, Windows Phone.

  • Build and test your native application package files on an emulator or an actual device - Integrating with native environments (ADT, xCode, Visual Studio).
Mickael Ruau's insight:

CCM allows you to create native applications for Android, iOS and Windows Phone platforms. The native applications are cloned from the CCM mobile project and are synchronized, meaning changes made to the mobile project are projected to the native application project. For more information, see Creating Native Applications.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Project Siena : la création facile d'applications Windows 8.1/RT

Project Siena : la création facile d'applications Windows 8.1/RT | Bonnes Pratiques Web & Cloud | Scoop.it
Tout comme pour le Windows Phone Store, le (relativement) faible nombre d'applications disponibles sur le Windows Store est un problème pour Microsoft.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

The Making of Fastbook: An HTML5 Love Story | Blog | Sencha

The Making of Fastbook: An HTML5 Love Story | Blog | Sencha | Bonnes Pratiques Web & Cloud | Scoop.it

when Mark Zuckerberg said HTML5 wasn't ready, we took a little offense to the comment.

We thought to ourselves: HTML5 can't really be the reason that Facebook's mobile application was slow. 

Mickael Ruau's insight:

This four-minute video gives you a quick overview of Sencha Fastbook, and shows you a side-by-side comparison of how well our HTML5 app performs against both the native iOS and the native Android Facebook apps (versions 5.2 and 1.9.12 respectively, the latest available when we made this video on December 10th). The rest of this post gets into the technical details of how we built Fastbook.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Project Siena : la création d'app Windows 8.1 à la portée de tous

Project Siena : la création d'app Windows 8.1 à la portée de tous | Bonnes Pratiques Web & Cloud | Scoop.it
Microsoft lance un nouvel outil gratuit pour Windows 8.1. Actuellement en beta, il permet à tout un chacun de créer des apps pour l'OS tactile de Microsoft.
Mickael Ruau's insight:

Au final, Project Siena permet de créer une app Windows 8.1 sans aucune compétence en développement. Naturellement, il ne faut pas s'attendre à un rendu complexe mais cet outil est suffisant pour bâtir des applications simples (galerie de produits, app de contenu...). Project Siena a été conçu dans la même logique que Windows Phone App Studio, un environnement de développement visuel (de type WYSIWYG) déjà proposé par Microsoft pour son OS mobile.

  Télécharger Microsoft "Project Siena" (pour Windows 8.1)

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Free ebook: Programming Windows Store Apps with HTML, CSS, and JavaScript, Second Edition (second preview) - Microsoft Press - Site Home - MSDN Blogs

Free ebook: Programming Windows Store Apps with HTML, CSS, and JavaScript, Second Edition (second preview) - Microsoft Press - Site Home - MSDN Blogs | Bonnes Pratiques Web & Cloud | Scoop.it

Microsoft Press is pleased to offer the second preview of Kraig Brockschmidt’s in-depth ebook on writing Windows Store apps using HTML, CSS3, and JavaScript within the Windows 8.1 platform.

Mickael Ruau's insight:

Here are the download links:

Programming Windows Store Apps with HTML, CSS, and JavaScript, Second Edition (second preview) [16.4 MB PDF; 12 chapters & 3 appendices; 750 pages]Companion content for the Second Edition (second edition) [132 MB ZIP; code samples, plus 20 videos]

 

Kraig’s Introduction, which appears below, describes this ebook’s chapters and appendices. intended audiences, and accompanying samples and other companion content.

We’ll be publishing the final ebook (with 20 chapters & 4 appendices) in March/April in PDF, EPUB, and MOBI formats. In the meantime, enjoy the second preview!

 
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Page Preview Control in Bing Webmaster Tools

Page Preview Control in Bing Webmaster Tools | Bonnes Pratiques Web & Cloud | Scoop.it
Bing has released a new feature within its Webmaster Tools offering that will help website publishers manage the page previews that are shown in the new Smart Search feature of Windows 8.1.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Windows Store App Development Series: Part 19 - WinJS Promise Object Chaining

Windows Store App Development Series: Part 19 - WinJS Promise Object Chaining | Bonnes Pratiques Web & Cloud | Scoop.it
Hello, In the previous article of this series, we have seen how to make asynchronous call to external web service using WinJS Promise object. We also explored WinJS.xhr function execution pattern [...
Mickael Ruau's insight:

In real-life application, one might want to make a web service call dependent on previous web service call. WinJS Promise object provides easy way to chain such calls to external components. Purpose of this article is to explain WinJS Promise object chaining with code example off course!

Before we dive into the code, lets revisit promise.done method explained in previous article, and how it differs from promise.then method, which is primary used for chaining.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

We Can’t Rely on Color

We Can’t Rely on Color | Bonnes Pratiques Web & Cloud | Scoop.it
A recent article by Georgina Laidlaw on the flat UI design style got me thinking about the accessibility implications of this trend, and especially how it affects the use of color to convey information.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

How Does Flat Design Damage and Improve Usability?

As skeuomorphism falls out of favor and the trend towards flatter design takes hold are we losing something more than depth in the interfaces we design? Is it possible we’re making our sites less usable?
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Comment créer un petit lecteur RSS pour Windows 8 Metro en HTML5 en 30 min

Comment créer un petit lecteur RSS pour Windows 8 Metro en HTML5 en 30 min | Bonnes Pratiques Web & Cloud | Scoop.it

Nous allons voir à travers ces 2 tutoriaux comment, en partant de zéro, réaliser un petit lecteur de flux RSS avec HTML5, CSS3 et WinJS, le framework JavaScript de Microsoft pour Windows 8 Metro. Nous essaierons également de suivre au mieux les règles de design Metro en faisant appel à l’outil Expression Blend 5. Si vous vous débrouillez bien, vous devriez pouvoir jouer ces 2 articles en 30 minutes.

Ce 1er article vous permettra de créer la page d’accueil utilisant un contrôle de type liste affichant l’ensemble des derniers articles de blog publiés. Le 2ème s’occupera de créer la vue de détail affichée lorsque vous cliquerez sur l’un des éléments de la liste. Vous trouverez à la fin 2 petites vidéos déroulant les étapes que vous pouvez suivre en lisant cet article ainsi que le code source de solution. Voyez-les comme un complément pratique pour éventuellement éclaircir certaines zones d’ombres.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Windows App Studio - Création d’applications gratuites pour Windows Phone, tablettes Surface et PC | Microsoft

Windows App Studio - Création d’applications gratuites pour Windows Phone, tablettes Surface et PC | Microsoft | Bonnes Pratiques Web & Cloud | Scoop.it
Depuis quelque temps, vous souhaitez créer une application pour partager vos centres d’intérêt avec le monde entier ? Toutefois, vous n’avez pas assez de temps et, même si vous étiez disponible, vous ne sauriez pas par où commencer ?

Heureusement, voici Windows App Studio. Il s'agit d'un outil de création d'application en ligne gratuit qui vous permet de créer rapidement des applications Windows et Windows Phone que vous pouvez ensuite publier, tester et partager. Apportez des modifications, ajoutez du contenu et basculez du mode téléphone au mode tablette pour voir votre application prendre vie.

Et si vous souhaitez utiliser des fonctionnalités de programmation avancées, Windows App Studio génère le code source utilisable dans Visual Studio, ce qu'aucun autre outil de création d'application ne propose. Pourquoi attendre ? Commencez dès aujourd'hui !
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Developing Great HTML5 Apps for PC

Developing Great HTML5 Apps for PC | Bonnes Pratiques Web & Cloud | Scoop.it

HTML5 is an increasingly popular choice for software developers due to its support of rapid UI development and promise of simplified porting to multiple devices. On some devices, native apps have an advantage over HTML5 apps because native apps can fully use device capabilities. When considering HTML5 apps on PCs, most of those advantages can be made available to HTML5 apps with a few simple steps. This article will show you how to make your HTML5 app the best it can be on a PC.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Creating Native Applications- Zend Studio 10.6

Creating Native Applications- Zend Studio 10.6 | Bonnes Pratiques Web & Cloud | Scoop.it

This section explains how to create new native applications in Zend Studio for Android, iOS and Windows Phone. The native applications are cloned from the Cloud Connected Mobile (CCM) client-side/mobile project, so any changes made to the javaScript or HTML5 in the mobile project, provided they are saved, are reflected in your native applications.


No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Developing Mobile Applications with Zend Studio - Zend Studio 10.6

Developing Mobile Applications with Zend Studio - Zend Studio 10.6 | Bonnes Pratiques Web & Cloud | Scoop.it

This tutorial will describe how to use the Zend Studio Cloud Connected Mobile (CCM) tool to develop mobile applications.

Mickael Ruau's insight:

In this tutorial you will learn:

  • To create a new CCM project in Zend Studio - Create a new CCM project containing a mobile application and a server-side project.
  • To configure the Zend Server Gateway - Add and test new RPC services, add and test authentication and validation for services.
  • To design the GUI of your mobile application - Use the Mobile GUI Editor to design your mobile application.
  • To create and test a Window Phone native application - Create a Windows Phone native application, and use the Windows Phone emulator to run it.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Comment faire la promotion de ses applications mobiles ?

Comment faire la promotion de ses applications mobiles ?
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Mobile : HTML5 est-il un échec pour le développement cross-platform ? Les développeurs se détourneraient peu à peu du langage

Mobile : HTML5 est-il un échec pour le développement cross-platform ? Les développeurs se détourneraient peu à peu du langage | Bonnes Pratiques Web & Cloud | Scoop.it
Le développement natif pour les plateformes mobiles nécessite la maîtrise de plusieurs langages de programmation.
Mickael Ruau's insight:

Appcelerator conclut dans son étude que JavaScript représente le futur du mobile. En effet, 47,2 % des développeurs sondés estiment que le langage est plus pertinent pour le développement mobile, contre 22,8 % pour Java et 19,7 % pour Objective-C.

Le rapport de l’étude note également que le choix de Facebook d’abandonner son application mobile HTML5 pour des applications natives aurait été bénéfique pour le réseau social, qui a augmenté son audience sur le mobile. 

L’étude note par ailleurs que les architectures Web à trois niveaux traditionnels (Source de données, SOA/ middleware et client) ne seraient pas adaptées pour le développement mobile. 34,7 % des développeurs ont noté que ces architectures étaient insuffisantes pour les exigences mobiles.

Arnaud Courtillat's curator insight, January 20, 2014 3:34 AM

Reminder 2014 : "Repenser la production des applications mobiles".

 

Scooped by Mickael Ruau
Scoop.it!

OCTO talks ! » Etat de l’art du push sur iOS, Android et Windows Phone

OCTO talks ! » Etat de l’art du push sur iOS, Android et Windows Phone | Bonnes Pratiques Web & Cloud | Scoop.it

Les notifications push permettent d’envoyer des messages depuis un serveur vers les smartphones en passant par le réseau data. Contrairement aux SMS, les notifications peuvent enrichir l’expérience utilisateur en ajoutant du contenu riche comme de l’audio ou des images.

Dans cet article, nous présenterons les notifications push et ferons une comparaison de leur utilisation sur les trois principales plateformes mobiles :

iOSAndroidWindows Phone
Mickael Ruau's insight:

Les notifications push offrent les avantages suivants :

Des messages ciblés à un utilisateurDes notifications contextuelles basées selon des critèresUn lien direct avec les utilisateurs 

Cependant l’utilisation des notifications impose certaines recommandations :

Les messages envoyés doivent être pertinentsLaisser le choix à l’utilisateur d’activer/désactiver les notificationsPouvoir personnaliser les notifications (fréquence, plage d’horaire de réception, type d’information)Ne pas utiliser ce mécanisme pour faire du spamNe pas utiliser les notifications pour faire transiter des données sensibles

 

(...)

Pour résumer les notifications push sur les 3 plateformes principales, je vous propose un tableau récapitulatif :

 
No comment yet.
Rescooped by Mickael Ruau from CSS3 et HTML5 pratiques
Scoop.it!

Mozilla automatise la conversion d'applis HTML5 vers des applis natives

Mozilla automatise la conversion d'applis HTML5 vers des applis natives | Bonnes Pratiques Web & Cloud | Scoop.it
Mozilla veut faciliter l'existence des développeurs en proposant une solution pour convertir automatiquement des applications web en applications natives pour Windows, Android, Mac OS X ou

Via Guillaume Mignotte
Mickael Ruau's insight:

Sur le blogHacks.Mozilla, il est indiqué que certaines applications proposées dans la boutique d'applications Firefox Marketplace pourront être converties automatiquement en applications natives, en fonction du système d'exploitation concerné.

 

Ce processus fonctionne uniquement lorsque le navigateur web Firefox est installé avec le moteur de renduGecko : autrement dit, la conversion automatique fonctionne avec Android, Windows, Mac OS X et Linux. En revanche, ça ne marche pas avec iOS, dans la mesure où Apple imposer exclusivement WebKit comme moteur de rendu (du coup, Mozilla refuse de sortir Firefox sur iOS).

 

Comme le montre la vidéo ci-dessus, lorsque l'usager se rend sur le Firefox Marketplace depuis son navigateur web (Firefox), il peut récupérer une application web qui sera convertie automatiquement selon le type de l'O.S. détecté. Une fois installée, elle se comporte et peut se désinstaller comme une application classique.

 

D'après les deux auteurs de l'article sur Hacks.Mozilla, Bill Walker (manager senior) et Robert Nyman (évangéliste et auteur sur le blog), cette conversion ne nécessite pas la moindre nouvelle ligne de code du développeur.

 

Aucun changement particulier n'est à faire, hormis les adaptations liées au dispositif d'arrivée (taille de l'écran, capacité de l'appareil, performances).

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Flat UI and Forms

Flat UI and Forms | Bonnes Pratiques Web & Cloud | Scoop.it

Though some decry flat user interfaces as pure fashion, or the obvious response to skeuomorphic trends, many designers have embraced the flat approach because the reduction in visual styling (such as gradients, drop shadows, and borders) creates interfaces that seem simpler and cleaner. 

The problem is that most flat UIs are built with a focus on the provision of content, with transactional components (i.e., forms) receiving very little attention. What happens when flat and forms collide? User experiences can, and often do, suffer.

 
Mickael Ruau's insight:
The three biggest ways flat forms fail

The Klout example above nicely demonstrates the three largest ways in which flat UI forms often fail to deliver user-friendly experiences:

Lack of affordance (affordance is how much the design of an object—physical or digital—suggests use, like a chair inviting you to sit)Insufficient distinction between form elements (e.g., fields versus labels versus instructions versus buttons)Insufficient hierarchy within categories of form elements (e.g., primary versus secondary buttons)
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

F5debug | 101 How to on Windows Phone – How to #100 – How to use Windows Store Test Kit to Test your Application

F5debug | 101 How to on Windows Phone – How to #100 – How to use Windows Store Test Kit to Test your Application | Bonnes Pratiques Web & Cloud | Scoop.it
In this tutorial we are going to see how to use the Windows Phone Store Test Kits (earlier known as Marketplace Test Kit in 7.1 versions) which provides a complete set of test results before we prepare the package to deploy to the marketplace. This tool will be a show stopper for the application to get rejected while processing through the certification process. Microsoft certification process is bit tougher to handle the requirements that are documented as part of the application submission process. This tool kit will help us to identify some of the basic issues and provide the recommendation to fix the issue before submitting the application to the store which saves a lot of time and energy.  [more] - See more at: http://www.f5debug.net/post/2013/06/28/101-How-to-on-Windows-Phone-How-to-100-How-to-use-Windows-Store-Test-Kit-to-Test-your-Application.aspx#sthash.dqAuTkU0.dpuf
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

AppDays 2013 : une conférence de deux jours pour les développeurs d'applications mobiles, le programme de l'événement disponible

AppDays 2013 : une conférence de deux jours pour les développeurs d'applications mobiles, le programme de l'événement disponible | Bonnes Pratiques Web & Cloud | Scoop.it
AppDays 2013 : une conférence de deux jours pour les développeurs d'applications mobiles
le programme de l'événement disponible
L'écosystème du mobile représente désormais un secteur important de l'IT.
No comment yet.