Nous ajoutons aujourd’hui quatre nouveaux Google Web Elements destinés à vous aider à intégrer rapidement et simplement les produits Google sur votre site Web : Sidewiki, Checkout, Wave, et Clavier virtuel.

Elément Sidewiki

Google Sidewiki permet aux visiteurs de votre site de s’échanger des informations utiles. Contrairement aux commentaires classiques, toutes les entrées Sidewiki sont classées par utilité afin que les meilleurs apparaissent en premieres. L’élément a entièrement été développé grâce à l’API Sidewiki et peut être personnalisé à votre guise pour convenir au mieux à votre site. Sidewiki a initiallement été lancé en tant que fonctionnalité de la barre d’outils Google, et a ensuite été décliné en une extension pour Google Chrome – cet élément est notre première étape vers une plus grande ouverture de Sidewiki. Si vous vous apprêtez à utiliser l’élément sur votre site, dites-le nous via @googlesidewiki sur Twitter !

Si vous cherchez un nouveau moyen d’ajouter des fonctions de commentaire à une page statique, l’élément Google Sidewiki est une solution simple pour afficher et collecter des remarques sur du contenu. L’une des dernières et excitantes fonctions de Sidewiki est qu’il permet aux visiteurs de laisser un commentaire même s’ils n’ont pas installé Sidewiki ou la barre d’outils Google. Comme tous les commentaires publiés sur Sidewiki, les entrées seront classées afin d’afficher les plus utiles en premier.

Elément Google Checkout

L’élément Google Checkout vous permet de créer facilement et rapidement une boutique en ligne par l’intermédiaire d’un tableur. Une fois que vous avez un compte de vendeur sur Google Checkout, vous n’avez plus qu’à ajouter des détails pour chaque article que vous vendez sur la feuille de calcul Google, puis copiez-collez le code généré sur votre site. L’élément est compatible avec Blogger, Google Sites, iGoogle, et les pages personnelles où la structure HTML peut être modifiée, mais ne nécessite aucune connaissance ou expérience en développement. En fait, vous pouvez lancer votre première boutique en moins de 5 minutes.

Elémént Google Wave

L’élément Google Wave vous permet de rapidement intégrer une wave — un espace collaboratif — sur votre propre site. La wave peut être utilisée pour différentes tâches : encourager la discussion collaborative entre les visiteurs, ou en tant que moyen de publier du contenu sur une page. Pour une intégration plus poussées de Google Wave, veuillez vous référer  à l’API Wave Embed.

Elément Clavier virtuel

Ajouter un clavier virtuel sur votre site est devenu beaucoup plus simple grâce à l’élément Clavier Virtuel. Après avoir sélectionné un format de clavier, copiez-collez le code généré sur votre page, et voilà, un clavier virtuel sera en mesure de saisir des caractères dans n’importe quel champ input ou textarea. Si vous n’avez jamais entendu parler de clavier virtuel, c’est un clavier visible via l’écran qui traduit les touches d’une disposition de clavier et une autre, et il permet aux utilisateurs de pouvoir écrire en leur propre langue en cliquant sur les touches virtuelles.

Google Web Elements est parfait pour ceux qui n’ont pas beaucoup de temps ou d’expérience. Cependant, pour les développeirs avancés, les éléments représentent un bon point de départ, car la plupart sont développé via une API sous-jacente publique vous donnant encore plus de contrôle sur les fonctionnalité et sur l’apparence. Jetez un oeil à la liste de tous les éléments disponibles et arrêtez-vous sur notre forum d’entraide si vous avez la moindre question.

Par Jeff Scudder et Adam Feldman, membres de l’équipe Google Web Elements

® Goopilation, 2010. | Lien vers l'article | 5 commentaires
Publier sur : del.icio.us, Facebook, Twitter

Nous sommes toujours heureux d’entendre que vous êtes satisfait sur la vitesse de Google Chrome, et nous avons souvent demandé ce qui faisait la rapidité de Google Chrome — à partir de son lancement jusqu’a son éxécution, et le chargement rapide de pages, à la possibilité d’exécuter rapidement des applications web complexes.

Pour ceux d’entre vous qui voudraient se plonger dans les subtilités techniques complètes sur ce qui fait de Google Chrome un navigateur rapide et réactif, nous avons rassemblé des interviews vidéo permettant de se promener dans quelques-unes des techniques concernées. En particulier, nous avons un interêt sur le fonctionnement interne des résolutions DNS, le moteur V8 JavaScript et des « DOM Bindings« . Dans un futur post, nous allons également couvrir d’autres aspects importants de la vitesse de Google Chrome, comme les WebKit et la réactivité de l’interface.

Vous pouvez regarder ces interviews sur le blog de chrome, ou par la chaîne YouTube de Google Chrome.

Posté dans sa version originale par Min Li Chan, Product Marketing Manager

® Goopilation, 2009. | Lien vers l'article | Aucun commentaire
Publier sur : del.icio.us, Facebook, Twitter

Le concept du développement en « copié/collé a été introduit lors du dernier Google I/O sous la forme de Google Web Elements. Pour les feuilles de calcul et les présentation Google, ces web elements représentent un moyen simple de les intégrer au sein de vos pages via un tout petit bout de code qui vous est donné.

Vous devrez tout d’abord publier votre document, puis aller sur la page de l’élément Feuille de calcul pour indiquer l’adresse du document publié, la taille de l’élément, et les données que vous souhaitez afficher. Et voilà, il ne vous reste plus qu’à copier le code et à le coller sur votre page web. Voici un exemple de feuille de calcul :

Vous pouvez en faire de même pour les présentations. Après avoir publié votre présentation, rendez-vous sur la page de l’élément Présentation, entrez l’adresse du document ainsi que sa taille, pour obtenir le bout de code à intégrer à vos pages.

Pendant que vous êtes sur Google Web Elements, n’oubliez pas de jeter un oeil aux autres produits Google que vous pouvez intégrer dans votre site.

Posted by: Ronald Ho, Product Manager, Google Docs

® Goopilation, 2009. | Lien vers l'article | Un commentaire
Publier sur : del.icio.us, Facebook, Twitter

Inspiré des vidéos embarquables YouTube, Google Web Elements utilise les meilleurs services Google comme Google Recherche Personnalisée (un moteur de recherche qui s’adapte automatiquement à votre site), Google Docs, et Google Actualité pour vous permettre d’insérer facilement de la richesse et de l’interactivité à votre site avec la simplicité du copier/coller. Chaque élément est conçu pour vous aider à vous lancer rapidement sans passer par la case documentation. Sous le capot, Google Web Elements est motorisé par les APIs flexibles de Google, ouvrant un monde de personnalisation juste en dessous de la surface, permettant aux éléments d’évoluer avec votre site.

Ajouter des éléments à votre site se résume à visiter la page d’accueil, choisir ceux qui vous intéressent, et les personnaliser pour votre site. Par exemple, l’élément Google Actualité insère les titres d’actualité des sujets que vous choisissez sur vos pages. Rendez-vous simplement sur la page de l’élément Actualité, et utilisez la console pour mettre à jour l’aperçu pendant que vous modifiez les paramètres. Lorsque vous aimez ce que vous voyez, copiez-collez simplement le code donné dans le code HTML de votre site.

L’élément Conversation, propulsé par Google Friend Connect, facilite la discussion entre vos visiteurs. Sans écrire une seule ligne de code, vous pouvez ajouter l’élément Conversation et permettre à vos visiteurs de commenter et partager des vidéos. Vous pouvez aussi choisir d’ouvrir la conversation au monde : chaque page discutant du même sujet s’agrègera pour former une conversation globale.

Les éléments Conversation et Actualité ne sont que deux modules Google Web Elements disponibles dès aujourd’hui. Vous trouverez également des éléments Google Agenda, Google Recherche Personnalisée, YouTube Videos News, Google Maps, et bien plus. Pour vous lancer, visitez le site de Google Web Elements, et n’oubliez pas de nous dires sur quoi vous aimeriez que nous travaillions ensuite.

Par DeWitt Clinton, Développeur Google

® Goopilation, 2009. | Lien vers l'article | Un commentaire
Publier sur : del.icio.us, Facebook, Twitter