background preloader

Web mobile : introduction et glossaire

Web mobile : introduction et glossaire
Le Web mobile a depuis longtemps envahi notre quotidien de concepteur de sites web : aujourd'hui, smartphones et tablettes font partie intégrante du parc de périphériques sur lesquels nous jouissons de notre dose quotidienne d'Internet, sur lesquels nous consultons nos sites web préférés, et pestons - à juste titre - lorsque celui-ci ne s'affiche pas correctement. Afin de mieux dégrossir ce vaste sujet, voici une introduction à la conception web mobile sous forme d'un glossaire des principaux termes et d'une double méthodologie pratique. Glossaire Application native Correspond aux logiciels à télécharger que l'on peut trouver sur les boutiques "stores" (AppStore pour Apple, GooglePlay pour Android,…) développés dans un langage spécifique à chaque plateforme : Objective-C pour Apple, Java pour Android, … Application web (Web App) Une application web est le nom que l'on donne à un site web "classique" que l'on a adapté pour les mobiles. Site web dédié Navigateurs mobiles Densité de pixels Retina

http://www.alsacreations.com/article/lire/1464-web-mobile-introduction-et-glossaire.html

Related:  ResponsiveFormationpedagogeekResponsive

Responsive webdesign : adapter un site à toutes les résolutions Le Responsive Web design (conception adaptative ou réactive en français) représente un ensemble de méthodes et techniques permettant d’universaliser un site Web. Qu’il soit consulté sur ordinateur, tablette, e-reader ou mobile, le site ainsi conçu s’adapte automatiquement à la taille de l’écran. Cette évolution très séduisante du Web pose néanmoins certaines questions d’ergonomie et oblige à repenser la conception des sites. Nous abordons dans cet article les objectifs du responsive design, les critères qui doivent décider à le mettre en œuvre, les recommandations de conception et les considérations techniques. Objectifs du responsive webdesign Pour commencer, rien de tel qu'une démonstration.

Hub5 ECO Learning Ce MOOC « Ma pédagogie à la sauce web 2.0 » s’inspire du Master à distance AIGEME (Applications informatiques : gestion, éducation aux médias et E-Formation) proposé par l’Université Sorbonne Nouvelle. Il se présente comme une exploration des médias sociaux avec pour objectif de mieux connaître les enjeux pédagogiques du web 2.0 et de maîtriser une panoplie d’outils au service de l’enseignement, de l’apprentissage et de la recherche. Au cours de ce voyage, vous aurez de nombreuses occasions de mettre en œuvre vos acquis, en publiant vos réalisations, en participant aux discussions et en devenant pleinement acteur du web social.

Référentiel Wi-Fi - Référentiel Wi-Fi Pourquoi un référentiel sur le Wi-Fi ? Le développement des nouveaux usages du numérique repose aujourd'hui sur la mobilité qui favorise les usages dans et hors la classe, en donnant accès aux ressources et services numériques en tout temps et en tout lieu. La modularité des espaces pédagogiques et leur adaptabilité aux pratiques innovantes en sont grandement facilitées, permettant la diversification des approches, la personnalisation des apprentissages, la différenciation pédagogique, le travail collaboratif entre pairs.

Les media-query et le responsive design CSS3 - Le Hollandais Volant Le principe de base des media-queries Si vous voulez faire un site spécialement pour les mobiles et dont la détection plante la moitié du temps, libre à vous. Mais sachez que vous pouvez vous en passer : le responsive design et les media queries rendent votre page lisible sur tous les écrans. Ces dernières permet de cibler du CSS spécifiquement à une taille d’écran. Par exemple, le code suivant appliquera du CSS uniquement aux écrans plus petits que 1024 pixels de large : @media (max-width: 1024px) { /* CSS ici */ }

Les fondamentaux du Responsive Web Design Prenons deux exemples simples. Le premier pourrait être ces vitres qui s'opacifient en fonction de la luminosité extérieure. Ou encore ces murs-miroirs où plus nous nous approchons, plus ils nous semblent se déformer. Bref, ce que cherchent les architectes dans ce mouvement, c'est de dépasser/s'abstraire des contraintes inhérentes liées aux différents supports. Dans le monde de l'architecture, nous pouvons affirmer que ces supports sont vraiment multiples et nombreux. Challenges et enjeux de la mobilité 2.0 A propos de ce cours Challenges et enjeux de la Mobilité 2.0 Les Systèmes de Transports Intelligents sont porteurs de nombreux enjeux économiques et sociaux et concernent les collectivités territoriales et les fournisseurs de services en lien avec la Mobilité des personnes et des marchandises.Le développement des systèmes et services de transport intelligent s’accélère avec l’apparition de la révolution numérique que constitue l’usage de généralisé de l’internet mobile, de l’open data, du big data. Face à cette montée en puissance du numérique, les métiers traditionnels du transport doivent s’adapter aux nouveaux besoins des entreprises (opérateurs de transport public et privé, gérants d’infrastructures routières urbaines, périurbaines, autoroutières, ferroviaires, constructeurs de voitures, trains, tramways), des collectivités territoriales (villes, départements, métropoles) et des autorités organisatrices des transports. L'équipe enseignante

Reipublicae Mag’, un magazine multimedia pour découvrir la culture romaine au collège Le journal Reipublicae Mag’ réalisé par les 3ème du Collège Jean XXIII – Saint Nicolas, Quintin(Académie de Rennes) Dans le cadre d’un cours de latin et de technologie, les élèves du Collège Jean XXIII – Saint Nicolas, Quintin (Académie de Rennes) ont créé un magazine sur la culture romaine. Ce travail se veut interdisciplinaire et numérique en rapprochant cette culture antique à la nôtre, avec un dossier spécial sur l’habitat durable. Ce projet est en lice pour le Grand Prix Madmagz 2015 des Projets Pédagogiques Innovants. Votez pour lui en partageant le projet avec le plus grand nombre sur les réseaux sociaux.

Dimensionner ses fontes avec rem Par Jonathan Snook Déterminer quelle unité de mesure choisir pour la taille de notre texte peut mener à un débat houleux, même de nos jours. Malheureusement, il existe toujours des avantages et inconvénients qui rendent ces différentes techniques peu désirables. Comment penser son contenu web pour le responsive design ? 20 juin 2013 Comment penser son contenu web pour le responsive design ? La technique du responsive design permet de décliner son site Internet sur tous les types de support : smartphone, tablette, ordinateur ou télévision. Le contenu éditorial doit être adapté, non seulement à la taille de l'écran mais aussi à l'usage.

Related: