Les actualités du Mardi 27 novembre 2012 dans les métiers du web - Marmits.com - Reims

Google a déployé une nouvelle interface de composition des emails dans son service Gmail. Cette dernière bénéficie maintenant de la possibilité d'attacher à des emails des fichiers pouvant aller jusqu'à 10 Go grâce à l'intégration de Google Drive.

Les derniers produits de la gamme Nexus (4, 7 et 10) ont droit à la mise jour 4.2.1 de Jelly Bean. En cours de déploiement, elle signe le retour à un calendrier de 12 mois dans l'appli Contacts et corrige d'autres bugs.

Source

Calibag est un nouveau site créé par une startup lyonnaise qui permet de se façonner des valises sur mesure. Accessoires, coloris, stickers décoratifs permettent de se façonner un bagage unique.

Si vous cherchez un bon petit soft qui permet de gérer vos connexions multi protocoles, avec onglets (mais sans frites) et qui est open source, je vous invite d'urgence à tester mRemoteNG. Ce fork de Mremote devrait faire plaisir à tous les admin sys/réseau qui me lisent qui voudraient arrêter de cumuler plusieurs softs pour [...]

Source

Les entreprises de sécurité privée ont le vent en poupe : les chantiers et locaux industriels français sont de plus en plus sujets aux cambriolages et aux actes de malveillance. En effet le coût annuel des vols sur les chantiers s’élève à 1,5 milliard d’euros. Et cela risque d’augmenter à mesure que le prix des [...]

PowerPress - Communiqués de presse pour les métiers du web

Vous aimez la musique indépendante ? C'est le moment de le dire et de le montrer. L'équipe du site My Band Market a eu la bonne idée de lancer un trophée d'un nouveau genre, nouveau en tout cas pour un site aussi récent et spécialisé en France.

En cette fin d’année, nous vous proposons un atelier spécial eCommerce durant lequel nous allons retracer les événements clés de cette année, et vous présenter 5 projets e-commerce particulièrement innovants tant sur le plan marketing que technique. Au cours de cette session, interviendront Catherine Barba, Directrice de la Digital Factory Commerce et Richard Menneveux, Président de FrenchWeb. L’atelier Marketing [...]

Selon Techcrunch, la start-up française Teleportd a récemment finalisé un tour de table de 1 million de dollars auprès du fonds européen Connect Ventures et de l’américain Betaworks. Développé en juillet dernier, le projet Teleportd imaginé par les deux Français Gabriel Hubert et Stanislas Polu consiste à donner davantage de sens au flot de photos postées par les [...]

Si vous êtes fans de Superman, vous serez heureux d'apprendre que la semaine dernière, la Warner a mis en ligne sur sa chaine Youtube les 9 premiers épisodes du Superman des Studios Fleischer sorti entre 1941 et 1942. Cette soudaine bonté d'âme vient du fait que ces épisodes sont maintenant dans le domaine public. Warner [...]

Source

Mark Zuckerberg opened up recently about HTML5 and the difficulties that Facebook has faced in developing mobile apps. In a quote heard round the world, Zuckerberg called HTML5 “one of the biggest strategic mistakes we made.” Those are pretty strong words from the CEO of the most influential company in the mobile market today. Facebook [...]

Résumé : encore un livre de plus sur les réseaux sociaux d’entreprise ? Oui, mais celui là évite pas mal de pièges et de lieux communs. “The collaborative Organization” est un guide très pratique et documenté sur le pourquoi et le comment de votre stratégie d’implémentation de plateforme sociale. Pas de surpromesse, un regard lucide [...]

Via

L'article Google Play : Commentaires liés au compte Google+ est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups

Vous le savez surement, je suis un grand fan de podcasts. D'ailleurs, je participe à plusieurs podcasts comme Appload ou Remixjobs. Mais il faut le reconnaitre, même si Nowatch déchire tout, iTunes manque encore un peu de diversité. À cela, j'ai trouvé en YouTube et ses fameuses chaines, un bon complément. Malheureusement, tous les créateurs [...]

Source

Une application en ligne sur Twitter qui permet de tricher sur la géolocalisation d'un tweet. Le choix de l'emplacement du tweet se fait sur une carte Google Maps. Related posts:

1. Programmer des tweets pour le futur avec Clocktweets
2. Tous les tweets sur une page Web, All My Tweets
3. Connaître ses tweets les plus populaires, My Top Tweets

Une technique à la mode dans les équipes marketing consiste à découper la création de contenu en trois portions. 70% du contenu doit être généraliste ou “non risqué”, 20% doit innover et rebondir ce qui marche (ou pas) et 10% va être profilé pour un “risque élevé. Il paraît que le contenu est roi, mais [...]

Les dispositifs mettant en exergue la sémantique qui permet notamment aux moteurs de recherche d'appréhender des informations précises sur le contenu d'une page Web ont été valorisés par l'avènement de la technologie Microdata dans HTML5. Fort des expérimentations en matière de balisage sémantique fournies par les microformats, on a pu mettre en place une syntaxe permettant de faciliter ce type de mise en évidence.

Trois attributs principaux sont utilisés à cet effet :

• itemscope (signication : à quel champ sémantique correspond l'élément ?),
• itemtype (précise le type d'élément concerné),
• itemprop (les différentes propriétés, par exemple : le nom, la date, l'adresse, l'url…)

Ils sont complétés par itemref (permet de faire référence à un type déjà défini dans la page) et itemid (fait référence à une clé unique, reconnue de façon quasi-universelle).

Pour compléter ces attributs, tout se joue autour de la définition d'un vocabulaire spécifique à chaque type d'identification (personne, évènement, lieu,…). Et à ce petit jeu-là, schema.org est une référence en la matière, initiative commune de Google, Yahoo, Bing et Yandex décidée en 2011.

Voici un petit tour d'horizon des différents types et propriétés fournis par cette organisation. Mais avant cela, un petit rappel ou un éclaircissement pour ceux qui ne connaîtraient pas les Microdatas.

Comment inclure des Microdatas ?

A la fin du tutoriel sur les Microformats, nous faisions une petite référence aux Microdatas, nous y parlions notamment des quatre attributs mentionnés plus haut. L'ensemble de ces attributs apporte des informations hiérarchiquement structurées.

itemscope et itemtype

Ils s'utilisent conjointement dans une balise délimitant le pan d'informations qui sera affublé d'éléments sémantiques. itemscope indique simplement que les informations contenues dans la balise ont été enrichies et itemtype indique à quel type de données nous avons à faire. Exemple :

<article itemscope itemtype="http://schema.org/Article">
<!-- Les données formatées concernant l'article (titre, auteur, permalien…) -->
</article>

Dans cet exemple, on donne l'étendue des informations microformatées (itemscope) et le type d'élément auquel ils se réfèrent, ici, un article (itemtype).

itemprop

Permet d'indiquer à quoi correspondent les différentes informations. En reprenant l'exemple d'avant on peut obtenir ceci :

<article itemscope itemtype="http://schema.org/Article">
  <header>
    <h1 itemprop="name">Microformats versus Microdatas</h1>
    <ul>
      <li>Le <time itemprop="dateCreated" datetime="2012-11-20T20:00">20 novembre 2012</time> par <span itemprop="creator">Jojaba</span></li>
      <li>Permalien : <a href="http://lien_vers_article.html" itemprop="url">Microformats versus Microdatas</a></li>
    <ul>
  </header>
  <section itemprop="text">
    <p>
    Les Microdatas sont relativement récents, puisque apparus avec HTML5 alors que les microformats sont bien plus anciens (le premier µF fait son apparition en 2003), ce qui leur donne des atouts majeurs : ils ont pu être éprouvés, ils ont évolué, ils ont été pris en compte par bon nombre d'acteurs sur le Web (voir à ce sujet <a href="http://tantek.com/presentations/2012/07/html5">la diapo de Tantek Çelik</a>… Pour autant, il ne faut surtout pas négliger les Microdatas qui sont LA solution d'avenir. D'ailleurs, ils sont directements inspirés des Microformats. D'autre part, ils sont beaucoup plus adaptés aux différentes situations que l'on peut rencontrer grâce au vocabulaire fournit par schema.org. Leur seul défaut étant qu'ils ne sont utilisables qu'avec HTML5…
    <p>
    <p>
    Conclusion&nbsp;: je dirais que les microformats peuvent encore être utiles pour des pages qui ne sont pas codées en HTML5 et que microdata devrait être utilisé le plus possible (d'aileurs, ils sont <a href="http://support.google.com/webmasters/bin/answer.py?hl=fr&answer=99170&topic=1088472&ctx=topic">recommandés par Google</a>).
    </p>
  </section>
</article>

• itemprop="name" : indique le nom de l'article dans ce cas de figure mais pourrait également indiquer le nom d'une personne si on est dans le cas de l'identification de personne.
• itemprop="dateCreated" datetime="2012-11-20T20:00" : date de création de l'article. dans l'attribut datetime on place la date au format ISO 8601
• itemprop="creator" : l'auteur de l'article.
• itemprop="text" : le contenu de l'article.

itemref

Cet attribut permet de reprendre des informations déjà présentes sur la même page en indiquant l'id de la partie enrichie sémantiquement. Par exemple : itemref="titre emplacement" inclura les éléments ayant comme id titre et emplacement.

Éléments imbriqués

Il peut arriver qu'une propriété soit elle-même définie par d'autres propriétés et donc être considérée comme étant un type d'élément. Elle sera donc imbriquée dans type parent. Petit exemple pour comprendre :

<article itemscope itemtype="http://schema.org/Event">
  <hgroup>
    <h1 itemprop="name">Kiwiparty 2051</h1>
    <p>Proposée par <span itemprop="attendee" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Raphaël</span> et <span itemprop="colleague">Rodolphe</span> - <span itemprop="affiliation">Alsacréations</span></span></p>
  </hgroup>
  <section itemprop="description">
  <p>Cette 52e édition vous permettra de découvrir les nouvelles balises HTML 13, La spécification CSS 9.2.a et bien d'autres nouveautés. Venez nombreux !</p>
  </section>
  <footer>Lieu : <span itemprop="location">Epitech</span> | Date : <time itemprop="startDate" datetime="2051-04-01T09:00">1er avril 2051 à 9h00</footer>
</article>

Le type imbriqué (Person) a été mis en gras dans l'exemple ci-dessus.

Les différents itemtype disponibles sur schema.org

Vous l'aurez compris, tout se joue au niveau du vocabulaire utilisé. Plus il est riche, plus il est précis et plus vous pourrez donner du sens à votre contenu. Schema.org propose une hiérarchie assez conséquente, touchant à bon nombre de domaines, jugez-en plutôt vous-même : Toute l'arborescence des types définis par schema.org. Le principe est simple : plus vous descendez dans l'arborescence (parent » fils), plus le vocabulaire se précisera. Le parent "racine" Thing est défini par quelques propriétés de sens assez large (additionalType, description, image, name, url) puisqu'il devrait pouvoir s'appliquer à tout type d'élément. Au fur et à mesure de la progression dans la hiérarchie (vers le bas) vous constaterez que les propriétés définissent une sémantique de plus en plus pointue. Par exemple, Thing » CreativeWork » Article est affublé de 3 propriétés : articleBody, articleSection, wordCount.

Héritage

Un autre point intéressant dans l'utilisation des éléments hiérarchiques définis par schema.org est que chaque fils hérite des propriétés de son (ses) parent(s). En reprenant l'exemple précédent, le type Article a donc comme propriétés spécifiques articleBody, articleSection, wordCount, mais également toutes les propriétés du niveau supérieur c'est à dire celles de CreativeWork (about, accountablePerson, aggregateRating, alternativeHeadline, associatedMedia, audience, audio, author, award, awards, comment, contentLocation, contentRating, contributor, copyrightHolder, copyrightYear, creator, dateCreated, dateModified, datePublished, discussionUrl, editor, encoding, encodings, genre, headline, inLanguage, interactionCount, isFamilyFriendly, keywords, mentions, offers, provider, publisher, publishingPrinciples, review, reviews, sourceOrganization, text, thumbnailUrl, version, video) et de Thing (additionalType, description, image, name, url).

Vous pouvez constater cet état de fait dans la référence du schéma Article sur le site de schema.org.

Conseils pour l'ajout de balises sémantiques schema.org

• Première règle : plus il y en a, mieux c'est. Il faut néanmoins garder à l'esprit que seul le contenu visible par les utilisateurs (nous rappelons qu'à la base, c'est pour eux que cet effort est fait) devrait être enrichi.
• Vous constaterez dans la spécification des différents types que l'on défini la valeur attendue pour chaque propriété. Cette valeur peut être un élément imbriqué (exemple : pour CreativeWork, on précise que la propriété author devrait être du type Organization ou Person). Or ceci n'est pas une obligation, vous pouvez également utiliser du texte normal ou une URL à la place de ces sous-types. Il est également possible d'utiliser un enfant du type recommandé, par exemple, si la valeur attendue est de type Place, vous pouvez utiliser à la place LocalBusiness.
• Enfin, les informations fournies peuvent être indiquées de façon à être interprétables par les machines.
  • Les dates et heures doivent être utilisées dans des balises <time>, insérées dans l'attribut datetime.
    Dates et horaires pour machines sur schema.org
  • Il est consillé d'utiliser la balise <link> pour les propriéés n'ayant que peu de valeurs ou pour des références canoniques.
    Références canoniques sur schema.org
  • Il peut arriver qu'une information sur la page Web ayant un fort potentiel sémantique ne puisse pas être marquée parce qu'elle se trouve au mauvais endroit. Dans ce cas, il est recommandé d'utiliser la balise <meta> et l'attribut content à cet effet.
    Utilisation de <meta> sur schema.org

Conclusion

Schema.org démontre une grande souplesse d'utilisation, de nombreux vocabulaires adaptés à beaucoup de situations, c'est également une de ses forces : cela facilite l'implémentation de contenu sémantique par le développeur. En outre :

Search engines including Bing, Google, Yahoo! and Yandex rely on this markup to improve the display of search results, making it easier for people to find the right web pages.

Les moteurs de recherche majeurs prennent en charge le vocabulaire schema.org pour l'affichage de résultats de recherche. Tout est là pour faire de la sémantique une plus-value indéniable de nos sites !

Ressources

• Sur le site officiel (en anglais donc) : page à partir de laquelle a été réalisé ce tutoriel
• L'outil de test Google pour données structurées (en anglais)
• La liste des types schema.org au format PDF (65,5 Ko) et PNG (490 Ko)
• Quiz sur les microformats

La plateforme belge de crowdfunding AppsFunder, spécialisée dans le développement d’applications mobiles, a lancé le 13 novembre une version locale française de son service. Un nouvel acteur fait donc son entrée sur le marché du crowdfunding, et doit faire face à la concurrence : Ulule, KissKissBankBank, WiSeed, ou encore Friendsclear. AppsFunder, gérée par une équipe dédiée composée de 2 [...]

Bonjour à toutes et à tous,

Un petit message pour voir si vous avez le même souci:
Depuis dimanche (25 nov 2012), les emails envoyés depuis nos sites internet ne sont pas reçu de la même façon suivant les boites emails:
Ex: Chez Gmail c'est en spam, chez yahoo c'est normal. A la limite ce n'est pas très grave.
Le pire c'est que chez hotmail les emails ne sont plus du tout reçu. Ni en spam ni rien...
J'ai plusieurs client qui m'ont téléphoné pour m'indiquer que depuis dimanche ils ne reçoivent plus les emails de notification de commandes, idem pour les clients de nos clients.
Avez vous le même souci? Savez vous d’où cela vient?
Sachant que samedi tout allait bien (emails reçus normalement).
Notre machine est la ns393918.ovh.net

Merci pour votre aide,

[France] 15% des possesseurs de smartphone détiennent une tablette…. [France] 32,2M d’internautes ont regardé au moins une vidéo au mois de septembre…. 1 million de tablettes devraient être écoulées au mois de décembre…. Zoom sur trois nouvelles études. [France] 15% des possesseurs de smartphone détiennent une tablette 15,5% des possesseurs de smartphone en Europe détiennent également une [...]

Une extension pour Firefox qui ajoute des fonctionnalités de manipulation d'images et d'informations dans le menu contextuel : conversion, édition, partage, image similaire... Related posts:

1. Ajouter son avatar Twitter dans le logo de Firefox 4
2. Télécharger tout fichier d’une page Web en collant son URL dans le gestionnaire de téléchargement de Firefox
3. Limiter le nombre d’onglets ouverts dans Firefox, Max Tabs

Advertise here via BSA

Réalisé par Gevorg Karensky, Grand Theft Auto : RISE est un court métrage qui mets en scène un Niko Bellic au début de son aventure, avant qu'il ne devienne l'anti-héros qu'on connait tous dans les épisodes de GTA (le jeu). Trop court mais j'imagine que la franchise, ça ferait un bon film pour Hollywood. Et [...]

Installé à Honk Kong depuis 3 ans, Cédric Delzenne est le fondateur de l'agence de ShopDesCréateurs.com. Au sommaire : l'écosystème Internet local.

Magento domine le secteur e-commerce dans le Top Alexa octobre 2012 Les boutiques en ligne utilisant la plate-forme magento demeurent les plus nombreuses dans le classement des premiers 1 million sites les plus utilisés. E-commerce Survey a recensé 35.218 sites proposant le service de vente en ligne. Avec 8087 sites e-commerce classés dans le Top [...]

Source

Le programme Adblock Plus est maintenant proposé pour Android : blocage des publicités pendant la navigation et dans les interfaces des programmes qui en affichent. Related posts:

1. Google Calendar, disponible sur Android
2. Tester la vitesse de sa connexion Internet sur Android, Speedtest.net
3. Regarder la TV Orange sur un smartphone Android rooté

Via

L'article Google Poney : Mise à jour de l’algorithme du moteur est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups

Certains sécurisent leurs réseaux à outrance alors que d'autres sécurisent de manière raisonnable, mais tendent des pièges grâce à des honeypots. Le but de ce pot de miel est de faire croire aux hackers qu'ils se trouvent sur une vraie machine, afin de les observer et de pouvoir ensuite agir en portant plainte ou en [...]

Un programme complet pour faire des captures d'écran sur un téléphone ou une tablette Android : icône, bouton appareil photo, secouer, audio,... Fonctions d'édition des captures. Related posts:

1. Capture de page Web dans Chrome, WebPage Screenshot
2. Capturer une page Web avec une extension Chrome – Webpage Screenshot
3. Comment faire une capture d’écran avec la nouvelle version de Firefox

Le Collectif de Noël, un marché de Noël numérique lancé l’an dernier par la start-up Faguo, a réouvert ses portes hier pour son édition 2012. Jusqu’au 31 décembre, une quarantaine de startups se réunit donc pour proposer près de 400 cadeaux aux internautes. Parmi celles-ci: Alter Eco, Dagobear, Le Petit Ballon, Lemon Curve, et bien d’autres. Chaque internaute choisit [...]

Ultra-polémique en France, la gestion des données personnelles sur internet s’inscrit au coeur d’un véritable paradoxe. Très vigilants quant à la confidentialité de leur vie privée sur les réseaux sociaux, quelques utilisateurs se montrent pourtant totalement accros aux propres datas qu’ils génèrent, n’hésitant pas à les partager volontairement, cette fois-ci, sur le web. Baptisée quantified self, cette nouvelle tendance bat son [...]

W.C. Fields famously said ‘Never work with children or animals’ and there are numerous blooper reels around to show just how difficult it can be to work with kids. It can be just as difficult to produce work for kids: they are a very tough audience, and pretty unforgiving if you get it wrong. Adults [...]

Les applications font partie intégrante de notre quotidien. Le travail et la vie personnelle se sont progressivement organisés autour de ces outils qui facilitent le partage et le stockage d’information, la diffusion des idées et la communication : Gmail compte à ce jour plus de 425 millions d’utilisateurs, Evernote 34 millions et DropBox plus de 100 [...]

Adblock Plus, une des extensions les plus populaires sur Firefox et Chrome, vient de lancer son application Android qui permet de bloquer les publicités dans les applications et sur le web.

Via

L'article Redevance TV : Les ordinateurs et tablettes tactiles bientôt concernés ? est la propriété de Baptiste sur WebLife - Actualités internet, high-tech & startups

Source

Alors que le Show Hello d'Orange battait son plein mercredi dernier, d'autres manifestations locales prenaient le relais dans trois grandes villes françaises. L'objet de ces évènements décentralisés : le lancement officiel de la 4G à Lyon, Lille et Nantes.

Dick Costolo, le PDG de Twitter, avait promis que les utilisateurs du site de microblogage pourraient archiver leurs tweets. Il réitère ses engagements en précisant que ce sera possible avant la fin de l'année.

Via

L'article Twitter : Le téléchargement des anciens tweets toujours d’actualité est la propriété de Romain sur WebLife - Actualités internet, high-tech & startups

Je viens de passer plusieurs minutes à tester Rigs of Rods et le moins que l'on puisse dire, c'est que c'est très addictif. Si vous ne connaissiez pas Rigs of Rods, il s'agit d'un soft open source sous licence GPL qui propose différents véhicules et différents terrains sur lesquels expérimenter leurs interactions. Ce n'est pas [...]

À J-7 de l'ouverture de l'édition 2012, LeWeb Paris et FrenchWeb vous proposent aujourd'hui une journée spéciale dédiée aux entrepreneurs et créateurs de startups. Attention, cette promotion n'est disponible qu'aujourd'hui !

De l'amorçage à des tickets plus classiques pouvant atteindre plus de 5 M€, 360° Capital Partners affiche un portefeuille de près de 30 sociétés parmi lesquelles: Aramis, Leetchi et Qapa. Entretien avec François Tison et Emanuele Levi.

Responsive Img is a jQuery plugin that swaps an image's src attribute based on its container's width when the DOM is ready and when the browser is resized. Using a PHP file, Responsive Img creates new images on the fly the first time they're needed and puts them on your server. Therefore, you can add [...]

La sous-location est une pratique bien légale. Et SousLocation.fr compte bien rompre avec les préjugés. Pour y arriver, la jeune startup irait même jusqu’à s’associer étroitement avec l’ADIL75 pour communiquer clairement sur la législation. La location saisonnière d’appartements meublés sur Paris fait ces derniers temps beaucoup parler d’elle. Et pour cause, sur un fond de [...]

PowerPress - Communiqués de presse pour les métiers du web

Retour sur une énorme confusion hier sur la Toile au sujet de Google et du fournisseur d’accès sans fil ICOA : des sites très sérieux comme TechCrunch, The Next Web et même Associated Press ont en effet relayé une acquisition qui s'est révélée totalement fausse.

Si hier il y avait une actualité à ne pas rater, c’était le rachat de Icoa par Google pour la modique somme de 400 millions. Eh bien aux derniers dires ...

Via

L'article Google : Aucun rachat de Icoa n’est prévu est la propriété de Romain sur WebLife - Actualités internet, high-tech & startups

Source

Créé début 2011 par Juan Pirlot de Corbion, ex-fondateur et dirigeant de Chapitre.com, YouSCribe est une plateforme de diffusion numérique de documents écrits. De la thèse, au roman, en passant par un rapport administratif ou une partition, tout ce qui s’écrit peut trouver sa place sur YouScribe, quel que soit son format d’origine, dans une vocation de [...]

Via

L'article Facebook : Offrez des crédits iTunes comme cadeau est la propriété de Romain sur WebLife - Actualités internet, high-tech & startups

Si un jour, vous êtes déjà allé à Disneyland, vous devez surement vous souvenir des affreux pirates qui se balancent dans tous les sens en vous jetant des regards lubriques à faire trembler le Frédéric Mitterrand qui sommeille en vous. Et bien dites-vous que ce n'est pas près de s'arranger, car les labos de recherche [...]

Tumblr est devenu le 9ème site le plus visité aux États-Unis, et attire chaque mois presque 170 millions de visiteurs uniques.

Did you ever wonder how those cool slideshow plugins split images into pieces and put them back together? This tutorial will get you a good understanding of the basic concept ...

Filtrr2 is a JavaScript image manipulation library. Think of it as Instagram filters on the browser. It uses the <canvas> element to paint filtered pictures in the place of normal ...

FooTable is a jQuery plugin that aims to make HTML tables on smaller devices look awesome - No matter how many columns of data you may have in them.FooTable transforms your HTML ...