Articles

WebAssembly et Blazor

WebAssembly WebAssembly est un nouveau format bytecode qui vise à remplacer le JavaScript. Le code est compilé dans un format binaire et s’exécute nativement dans le navigateur. Il est donc plus léger à télécharger et plus rapide à exécuter. WebAssembly est supporté par la majorité des navigateurs depuis janvier 2018. Chrome 57, Edge 16, Firefox 52, Safari 11, iOS Safari, Chrome Android 64. Mais il peut être accessible aux anciens navigateurs via asm.js Blazor Blazor est un framework .NET expérimental. Grace à WebAssembly, Il permet d’exécuter du code .NET directement dans le navigateur. On utilise donc la syntaxe C# et Razor à la place du JavaScript pour construire l’interface utilisateur. Il autorise le partage de code entre le serveur et le client. Blazor inclut : · Un modèle de composant pour créer l’interface utilisateur · Routage · Layouts · Formulaires et validation · Injection de dépendance · Lazy loading · JavaScript interop (interaction ent

Implémentation d’un inventaire de données

Image
Implémentation d’un inventaire de données Comme vous pouvez vous en douter, la problématique d’un inventaire de données n’est pas si simple. Dans cet article nous allons voir les choix techniques répondant à nos attentes. Inventaire de données Un inventaire de données permet de lister toutes sortes d'information d'un système. Prenons l'exemple d'un inventaire, d'un appartement de type T1: Appartement: Infos générales: Surface: 35 m² Nombre de couchages: 3 Wifi: Oui Salon: Vaisselles: Couteaux: 6 Fourchettes: 6 Cuillères: 6 Cuillère à olives: 1 Verres: 6 Multimédia: Radio: Oui Télévision:  Chaines: Francais: Oui Anglais: Oui Télécommande: Oui Téléphone: Oui Mobilier et rangement: Bureau: Oui, 1 Clic-Clac: Oui 1 Size: 140*190 ... On peut donc remarqué une notion d'arborescence avec des éléments de types différents, en effet on retrouve des entiers ( "Couteaux: 6") des booléens, des labe

Les Progressive Web Apps

Progressive Web App n'est pas une nouvelle techno, mais plutôt un terme marketing pour designer une nouvelle manière de concevoir un site mobile. C'est donc un site web qui utilise les derniers standard du web pour se rapprocher du comportement des applications native. Bénéfice inspiré des app native : une icône sur l'écran d'accueil du smartphone (raccourci) un splashscreen au démarrage du site un mode plein écran accessible hors connexion démarrage rapide consomme moins de data navigation sans rupture notifications push Avantage par rapport à une app native : pas besoin d'app store pas besoin de payer un droit d'accès pas soumis aux règles d'apple pas d'étape de téléchargement/installation. s'ouvre depuis une url facile à partager dispo sur les moteurs de recherche maintenance et déploiement facilité se met à jour automatiquement ; pas de fragmentation entre les versions taille réduite (150k vs 50M

Gérer la configuration des machines virtuelles avec Azure Automation et PowerShell DSC

Gérer la configuration des machines virtuelles avec Azure Automation et PowerShell DSC La gestion de multiples machines virtuelles impose de trouver des solutions pour gérer de façon centralisées les configurations : installer des serveurs applicatifs, ouvrir des ports de pare-feu, paramétrer le fuseau horaire etc. Azure Automation Afin d’automatiser autant des tâches métier (envoi d’email par exemple) ou techniques (démarrage / extinction de VM), Microsoft fourni sur Azure le service nommé « Automation » qui permet d’exécuter des scripts PowerShell selon des planifications.  Dans Azure vous pouvez créer un ou plusieurs comptes d’automatisation. Ces comptes sont gratuits jusqu’à X minutes d’exécution puis une tarification à la minute est appliquée. Les comptes vont permettre également de stocker des informations importantes pour vos scripts que vous ne voulez pas mettre en clair : identifiants (par exemple pour envoyer des emails via office 365) et variables. PowerShell Desi

Comment binder différentes implémentation d'un modèle avec ASP.Net MVC 5 ?

Comment binder différentes implémentation d'un modèle avec ASP.Net MVC 5 ? L'un des avantages dans l'utilisation du pattern MVC fourni par le framework ASP.NET, c'est son système de route via les contrôleurs et actions. Cependant il existe certains cas que le framework ne sait pas gérer de manière native. Dans le cas qui nous intéresse ici, il s'agit de l'héritage des modèles. Si mon action Process prend en paramètre un objet complexe MyVo qui existe sous plusieurs versions (MyDerivedVo par exemple), le binder natif à MVC ne pourra que bind sur l'objet de base MyVo même si l'objet envoyé est un MyDerivedVo. Pour contourner ce soucis, le framework permet d'implémenter des objets permettant de gérer nous même le binding. Il s'agit des ModelBinders. C'est quoi un ModelBinder ? Tout d'abord, le binding des modèles c'est quoi? C'est une action entreprise par le framework au moment du routage et qui permet de mapper les p

Utilisation de Fontastic

Image
http://app.fontastic.me/ Qu'est-ce que Fontastic ? Fontastic est un générateur en ligne de polices d'icônes, il permet de créer sa propre bibliothèque d’icônes et de l’exporter très facilement. On peut choisir les icônes dont on a besoin, et Fontastic s'occupe de générer à partir de fichiers vectoriels la police composée des icônes choisies qui seront exportées dans un package.  Pourquoi utiliser Fontastic ? Tout d'abord, la police sera plus rapide à charger si l'on ne sélectionne que les icônes dont on a besoin. Ensuite, il est vraiment très facile de personnaliser l'utilisation de la police en attribuant des noms de classes, et en ajoutant ou supprimant des icônes. Enfin, cela permet d'avoir un seul espace de stockage, à jour, contenant toutes les icônes et polices d'icones nécessaires à nos différents projets. Comment utiliser Fontastic ?  Une fois connecté sur l'interface : Le bouton « New Font » vous permet d

Création d’une application mobile hybride avec Ionic

PARTIE 1 : l’introduction L’idée d’une application mobile a été lancée au moment de la refonte de notre portail Camping Street View. Il s’agit d’un portail qui présente exclusivement des vidéos de camping . Dans sa première version l’ensemble des vidéos étaient réalisées par des équipes de saisonniers. Ils partaient chaque été -une GoPro sur le front- faire le tour des campings d’Europe. Dans un second temps pour élargir la base de contenus, nous avons offert la possibilité à nos clients d’ajouter des vidéos Youtube ou Dailymotion. Pour cette nouvelle version, on réfléchissait alors au moyen d’augmenter à nouveau la quantité de contenu exclusif, de laisser plus de contrôle à nos clients et de proposer aux utilisateurs des images récentes. C’est ainsi que l’idée de créer une application mobile fait son entrée. Nos clients gérant ou personnel de camping, devraient pouvoir en un minimum d’effort créer des vidéos. Décision prise, il nous faut choisir une technolo