MOWEBDO

17/02/2016

17/02/2016

MEAN.IO

Mean.io est une solution full-stack JavaScript pour la création d’applications Web. Elle permet de construire des applications rapidement, robuste et facile à maintenir.

MEAN signifie MongoDB, Express, AngularJS et NodeJS.

Elle s’appuie également sur les framework Grunt, Bower et NPM. Ce sont des outils de management de projet technique. NPM et Bower permettent de récupérer les dépendances. Bower sert plus spécifiquement à obtenir les composants front-end tels que HTML, CSS et JS. Grunt, est un outil JavaScript de type Task Runner. Il permet par exemple de compresser des fichiers, vérifier la bonne syntaxe des fichiers JavaScript ou encore minifier les fichiers JavaScripts et CSS. Ces outils permettent d’avoir une plateforme de développement robuste.

MEAN.io permet d’éviter du travail inutile et des pièges courants (tout en gardant l’application organisée). De plus, il fournit des bonnes pratiques concernant la structure des fichiers.

Comment travailler avec Mean.io ?

En fait, avec 2-3 commandes, toute la structure du projets est posée :
– sudo npm install -g meanio@latest // Get the mean cmdline
– mean init myApp // create your first app
– cd myApp && npm install // Install dependencies
– grunt // Launch mean
On ne passe pas 1 journée à poser toute la structure du projet. Ceci est déjà fait et on peut directement se focaliser sur la création de modules pour l’application.

En moins de 30 min, une application de test est prête (CRUD en plus). Cela permet d’obtenir une application prototype rapidement.

Avec une commande supplémentaire (« mean package myModule »), on peut créer automatiquement les fichiers nécessaires (html, css, js) pour son propre module. MEAN prend en compte automatiquement ce nouveau module et l’intègre automatique dans l’application. On peut directement faire les modifications pour les besoins spécifiques.

MEAN.io unifie Front End et Back End (utilisation de Express pour le serveur). Avec cette technologie, seul le language JavaScript est requis. Pas besoin d’autres compétences (sauf peut être HTML et CSS).

MEAN.io intègre par défaut le framework PassportJS qui est un framework d’authentification JavaScript. On ne se préoccupe ainsi pas d’authentification, tout est déjà mis en place.

On trouve maintenant divers frameworks pour différents besoins (exemple: framework de mail avec du templating HTML+velocity : nodemailer + email-templates). Avec NPM et Bower, ces frameworks sont facilement intégrés à l’application. Plus besoin d’aller les chercher sur leurs sites respectifs, ils sont automatiquement téléchargé dans la bonne version.

La partie qui nous a pris le plus de temps a été la conception HTML du site avec Bootstrap.

Mean.io ou Mean.js ?

Les 2 solutions sont identiques sauf pour la structure des fichiers du projets.

05/02/2016

Ember un framework open-source JavaScript tourné vers les applications web. Il s'appuie sur une architecture de type MVC (modèle-vue-contrôleur). Il permet aux développeurs de créer des applications web monopage supportant les montées en charge tout en utilisant à son avantages les best-practices du framework, la présence d'un data binding à double senset son propre système de templating dynamique

Ember est actuellement utilisé par : Yahoo, LinkedIn, Netflix1, Square, Heroku, Apple, NBC News et des dizaines d'autres

07/11/2015

ECharts est une bibliothèque de cartographie complète offrant un moyen d'ajouter des graphiques interactifs à vos produits commerciaux indolore.

Sur le fondement de base - ZRender ( une toute nouvelle bibliothèque de toile légère ) du système, de la légende , infobulle , boîte à outils et d'autres composants de base de coordonnées, ECharts prend actuellement en ligne , colonne , scatter , tarte , radar, chandelier , corde , jauge , entonnoir, carte et les types de graphiques force dirigée , beaucoup d'entre eux peuvent être combinés en un seul tableau

ECharts

11/05/2015

Leaflet est une bibliothèque logicielle libre en javaScript de cartographie interactive développée par Vladimir Agafonkin de CloudMade et de nombreux contributeurs. Elle est notamment utilisée par le projet de cartographie libre et ouverte OpenStreetMap.

La bibliothèque est utilisée sur les sites cartographiques OpenStreetMap (bibliothèque par défaut), Flickr, Wikipédia (greffon de cartographie et application mobile), Foursquare, craigslist, IGN, Washington Post, le Wall Street Journal, Geocaching.com, City-Data.com, StreetEasy, Nestoria, Skobbler et d'autres.

L'API est définie et ouverte et la bibliothèque supporte un système de greffons, permettant une grande extensibilité de l'API.

La bibliothèque supporte les calques WMS, GeoJSON , vectorielles et tuiles de façon native, et d'autres sont également supportées grâce au système de greffons.

C'est probablement l'ouverture de Leaflet sur de nombreux standards qui a déterminé les contributeurs du système de gestion de contenu (CMS) SPIP à adopter Leaflet pour le plugin GIS.

Outre les applications de représentation géographique des données, il se développe un concept original de navigation dans l'Internet par proximité géographique

Leaflet is a modern, lightweight open-source JavaScript library for mobile-friendly interactive maps.

09/05/2015

AngularJS est un framework JavaScript libre et open-source développé par Google.

AngularJS est fondé sur l’extension du langage HTML par de nouvelles balises (tags) et attributs pour aboutir à une définition déclarative des pages web, par opposition à l’utilisation systématique de l’élément ‘div’ et à la définition des éléments de présentation en javascript. Le code HTML étendu représente alors la partie vue du patron de conception logicielle (design pattern) MVC (Modèle-vue-contrôleur), ou MVW (Model, Vue, Whatever]) auquel AngularJS adhère, avec des modèles appelé «scopes» et des contrôleurs permettant de définir des actions en code javascript impératif. AngularJS utilise une boucle de dirty-checking (qui consiste à surveiller et à détecter des modifications sur un objet JavaScript) pour réaliser un data-binding bidirectionnel permettant la synchronisation automatique des modèles et des vues.

AngularJS embarque un sous-ensemble de la bibliothèque open source jQuery appelé jQLite, mais peut aussi utiliser jQuery si elle est chargée.

Outre le patron logiciel MVC et le code HTML étendu déclaratif, AngularJS est fondé sur un certain nombre de patrons et principes de conception qu’il convient de relever:

Séparation des préoccupations avec le découplage des manipulations du DOM et de la logique métier.
Injection de dépendances.
Les promises, reprises du langage Q.

16/04/2015

NoSQL (Not only SQL en anglais)

désigne une catégorie de systèmes de gestion de base de données (SGBD) qui n'est plus fondée sur l'architecture classique des bases relationnelles. L'unité logique n'y est plus la table, et les données ne sont en général pas manipulées avec SQL.

À l'origine, servant à manipuler des bases de données géantes pour des sites web de très grande audience tels que Google, Amazon.com, Facebook ou eBay1, le NoSQL s'est aussi étendu par le bas après 2010. Il renonce aux fonctionnalités classiques des SGBD relationnels au profit de la simplicité. Les performances restent bonnes avec la montée en charge (scalabilité) en multipliant simplement le nombre de serveurs, solution raisonnable avec la baisse des coûts, en particulier si les revenus croissent en même temps que l'activité. Les systèmes géants sont les premiers concernés : énorme quantité de données, structuration relationnelle faible (ou de moindre importance que la capacité d'accès très rapide, quitte à multiplier les serveurs). Un modèle typique en NoSQL est le système clé-valeur, avec une base de données pouvant se résumer topologiquement à un simple tableau associatif unidimensionnel avec des millions — voire des milliards — d'entrées. Parmi les applications typiques, on retrouve des analyses temps-réel, statistiques, du stockage de logs (journaux), etc.

De grands acteurs d'Internet, notamment Google (BigTable), Amazon (Dynamo (en)), LinkedIn (Project Voldemort), Facebook (Cassandra Project puis HBase), SourceForge.net (MongoDB), Ubuntu One (CouchDB), etc., conçoivent et exploitent des bases de données de type NoSQL. D'autres acteurs plus modestes sont à l'origine de grands succès, notamment dans le domaine des stockages clé-valeur (Redis…). Une proportion importante de ces projets est open source et sous licence libre.

09/04/2015

En télécommunications, 4G est la 4e génération des standards pour la téléphonie mobile. Succédant à la 2G et la 3G, elle permet le « très haut débit mobile », c'est-à-dire des transmissions de données à des débits théoriques supérieurs à 100 Mb/s, voire supérieurs à 1 Gb/s (débit minimum défini par l'UIT pour les spécifications IMT-Advanced (en)).

En pratique, les débits sont de l'ordre de quelques dizaines de Mb/s selon le nombre d'utilisateurs, puisque la bande passante est partagée entre les terminaux actifs des utilisateurs présents dans une même cellule radio.

Une des particularités de la 4G est d'avoir un « cœur de réseau » basé sur IP et de ne plus offrir de mode commuté (établissement d'un circuit pour transmettre un appel "voix"), ce qui signifie que les communications téléphoniques utiliseront la voix sur IP (en mode paquet).

La société américaine Verizon a publié des spécifications qui imposent des téléphones compatibles IPv6 pour pouvoir exploiter son réseau 4G LTE.

19/03/2015

GOODBYE IE...

Lancé en 1995, le navigateur de Microsoft a longtemps été la référence du marché, avant d'être éclipsé par ses concurrents. Le groupe de Seattle va le remplacer par un nouveau produit, dont le nom n'est pas encore choisi..

Vingt ans après son lancement, Internet Explorer va prendre sa retraite, annonce le Financial Times à la une de son édition du 18 mars. Le navigateur qui sera intégré dans la prochaine version du système d'exploitation Windows de Microsoft a pour nom de code Spartan. "Il est censé catapulter Microsoft au delà du web 1.0 pour lequel Explorer avait été conçu", commente le quotidien britannique. Explorer continuera toutefois à fonctionner avec Windows 10, qui devrait sortir cet été.

Créé pour contrer Netscape à l'aube d'Internet, Explorer était rapidement devenu la référence du marché. Au tournant du millénaire, il était utilisé par 95 % des internautes. Puis Firefox (open source) et Chrome de Google ont commencé à lui tailler des croupières. Le marché est actuellement dominé par Chrome (50 %), Firefox et Explorer en ayant chacun 20 %.

Ces dernières années, Microsoft avait misé sur l'autodérision pour tenter de restaurer l'image d'Explorer, avec des publicités évoquant "le navigateur que vous adorez détester". Mais ces campagnes n'ont pas porté leurs fruits, constate The Verge. Et en décembre, rappelle le site américain, Dean Hachamovitch, l'homme qui a supervisé le développement d'Internet Explorer pendant plus de dix ans, a quitté l'entreprise.

11/03/2015

HTML5 les principales nouveautés

Les nouvelles balises structurantes HTML5 permettent d’ordonner le contenu d’une page de façon plus spécifique. Les principales sont :

< header > Balise dédiée à l’en-tête d’une page, généralement vouée plus à sa présentation qu’à son contenu.

< footer > Même logique que précédent, mais concernant le pied de page, partie où se trouvent communément les informations de moindre importance, comme le site-map, les coordonnées extérieures, les mentions légales …

< nav > Spécifique pour la navigation interne du site web, le plus souvent en barre horizontale ou latérale.

< section > Permet de définir les grandes parties d’une page. Comme par exemple celles des articles, des actualités, des réseaux sociaux ou une présentation générale …

< article > Balise spéciale concernant l’emplacement d’un article de type blog, comme élément entier. Plusieurs articles pouvant être présents dans une section.

< aside > Elle concerne les éléments présents dans la barre latérale, qui servent habituellement à une navigation secondaire, un accès rapide aux contenus associés, ou bien à des call-to-action.

< embed > Sert à déclarer un contenu externe qui est chargé à l’intérieur de la page, tel qu’une vidéo, un encart publicitaire, une offre partenaire, etc.

11/03/2015

C'est quoi un site responsive ?

Le Responsive Web Design est une notion de conception de sites web qui regroupe différents principes et technologies dans laquelle un site est conçu pour offrir au visiteur une expérience de consultation optimale facilitant la lecture et la navigation.

L'utilisateur peut ainsi consulter le même site web à travers une large gamme d'appareils (moniteurs d'ordinateur, smartphones, tablettes, TV, etc.) avec le même confort visuel et sans avoir recours au défilement horizontal ou au zoom avant/arrière sur les appareils tactiles notamment, manipulations qui peuvent parfois dégrader l'expérience utilisateur.

01/03/2015

Nous sommes fiers de vous présenter la nouvelle version de notre site web MOWEBDO : http://www.mowebdo.com/ !

Un design repensé et remis au goût du jour, une experience utilisateur améliorée et un site développé en Responsive Web Design permettant une navigation sur le support de votre choix : ordinateur, tablette ou mobile

Merci pour votre visite !

MOWEBDO une agence de web indépendante spécialisée dans le développement web et le design graphique.