Les  M atins  B avards à l’ A gence  Jeudi 25 mars 2010  :   Le code embarqué
Définition Le code embarqué consiste à  inclure  au cœur de vos pages du  contenu provenant d’autres sites. Concernant PubliShare, pour  chaque page / paragraphe , vous avez la possibilité d’intégrer du code embarqué via l’éditeur FCK.  Que ce soit de la vidéo, des diaporamas, des slideshows, de la cartographie, vous copiez-collez le code de votre contenu Youtube, Viméo, Picasa, SlideShare, Google Maps…etc directement dans l’éditeur en  mode source.
Rich media Web 2.0 / Syndication Page web
<object width=&quot;400&quot; height=&quot;225&quot;> <param name=&quot;allowfullscreen&quot; value=&quot;true&quot; /> <param name=&quot;allowscriptaccess&quot; value=&quot;always&quot; /> <param name=&quot;movie&quot; value=&quot;http://vimeo.com/moogaloop. swf ?clip_id= 8312891 &amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=ff0179&amp;fullscreen=1&quot; /> <embed src=&quot;http://vimeo.com/moogaloop.swf?clip_id=8312891&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=ff0179&amp;fullscreen=1&quot; type=&quot;application/x-shockwave-flash&quot; allowfullscreen=&quot;true&quot; allowscriptaccess=&quot;always&quot;  width=&quot;400&quot; height=&quot;225&quot;> </embed> </object> Code source Du HTML … rien de plus
Exemple avec l ’ insertion d ’ une vid é o avec  Récupérer le code embarqué (embedded code) sur les sites mettant du contenu à disposition ( par exemple Viméo ). Comment ça marche? Étape 1
Passer en mode Source dans l’éditeur puis copier-coller le code dans l’éditeur dans le Back Office.  Comment ça marche? Étape 2
Enregistrer vos modifications dans le Back Office. La manipulation est terminée. Vous pouvez regarder le résultat dans le Front Office.  Comment ça marche? Étape 3
Palais du Grand Large Maison de la Consommation et de l’Environnement Pôle Images et Réseaux Innovons Si tous les ports du monde Mairie de Corps  Nuds Exemples Quelques clients
Merci de votre attention Prochain  M atin  B avard à l’ A gence :  jeudi 10 juin 2010 Thématique :  Les TICS en 2020 Inscrivez-vous dès aujourd’hui

Matin Bavards à l'Agence Code Embarque 2010

  • 1.
    Les Matins B avards à l’ A gence Jeudi 25 mars 2010 : Le code embarqué
  • 2.
    Définition Le codeembarqué consiste à inclure au cœur de vos pages du contenu provenant d’autres sites. Concernant PubliShare, pour chaque page / paragraphe , vous avez la possibilité d’intégrer du code embarqué via l’éditeur FCK. Que ce soit de la vidéo, des diaporamas, des slideshows, de la cartographie, vous copiez-collez le code de votre contenu Youtube, Viméo, Picasa, SlideShare, Google Maps…etc directement dans l’éditeur en mode source.
  • 3.
    Rich media Web2.0 / Syndication Page web
  • 4.
    <object width=&quot;400&quot; height=&quot;225&quot;><param name=&quot;allowfullscreen&quot; value=&quot;true&quot; /> <param name=&quot;allowscriptaccess&quot; value=&quot;always&quot; /> <param name=&quot;movie&quot; value=&quot;http://vimeo.com/moogaloop. swf ?clip_id= 8312891 &amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=ff0179&amp;fullscreen=1&quot; /> <embed src=&quot;http://vimeo.com/moogaloop.swf?clip_id=8312891&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=ff0179&amp;fullscreen=1&quot; type=&quot;application/x-shockwave-flash&quot; allowfullscreen=&quot;true&quot; allowscriptaccess=&quot;always&quot; width=&quot;400&quot; height=&quot;225&quot;> </embed> </object> Code source Du HTML … rien de plus
  • 5.
    Exemple avec l’ insertion d ’ une vid é o avec Récupérer le code embarqué (embedded code) sur les sites mettant du contenu à disposition ( par exemple Viméo ). Comment ça marche? Étape 1
  • 6.
    Passer en modeSource dans l’éditeur puis copier-coller le code dans l’éditeur dans le Back Office. Comment ça marche? Étape 2
  • 7.
    Enregistrer vos modificationsdans le Back Office. La manipulation est terminée. Vous pouvez regarder le résultat dans le Front Office. Comment ça marche? Étape 3
  • 8.
    Palais du GrandLarge Maison de la Consommation et de l’Environnement Pôle Images et Réseaux Innovons Si tous les ports du monde Mairie de Corps Nuds Exemples Quelques clients
  • 9.
    Merci de votreattention Prochain M atin B avard à l’ A gence : jeudi 10 juin 2010 Thématique : Les TICS en 2020 Inscrivez-vous dès aujourd’hui

Notes de l'éditeur

  • #2 Imaginez une agence de communication, spécialisée dans la création de site web, le design d’IHM et le print. Nous proposons à nos clients des offres personnalisées, en adéquation avec leur stratégie et les besoins de leurs cibles/ Internautes/ utilisateurs. En effet MBA place la technologie au service de la communication…. Voilà qui est MBA … Définition du multimédia : des interfaces et du contenus pour le web, IHM, Print, animations, signalétique, multi supports, multi canal….
  • #3 SONCAS Sécurité : 13 ans, php, mysql, 300 clients, Contrat et dossier de conception, financé par BCS, clients tous secteurs, IHM Orgueil : plus jeune des plus vieilles, patte graphique, 800 réalisations, belles références, Nouveauté : IHM, Flex, Ajax, animations, publishare, relief, olfactif, veille r&amp;D, projets du pole I&amp;R Confort : Ergonomie, conseil, durée de vie de ‘ à – ans, évolutif, 1 seul prestataire Argent : respect budget, délai, maintenance, lotissement, ROI (site = 4xmoins cher qu’un commercial, = 2 encarts pub presse nationale) Sympathie: équipe projet, passionnée, accessible, proximité, taille humaine, matinale…
  • #4 SONCAS Sécurité : 13 ans, php, mysql, 300 clients, Contrat et dossier de conception, financé par BCS, clients tous secteurs, IHM Orgueil : plus jeune des plus vieilles, patte graphique, 800 réalisations, belles références, Nouveauté : IHM, Flex, Ajax, animations, publishare, relief, olfactif, veille r&amp;D, projets du pole I&amp;R Confort : Ergonomie, conseil, durée de vie de ‘ à – ans, évolutif, 1 seul prestataire Argent : respect budget, délai, maintenance, lotissement, ROI (site = 4xmoins cher qu’un commercial, = 2 encarts pub presse nationale) Sympathie: équipe projet, passionnée, accessible, proximité, taille humaine, matinale…
  • #10 Imaginez une agence de communication, spécialisée dans la création de site web, le design d’IHM et le print. Nous proposons à nos clients des offres personnalisées, en adéquation avec leur stratégie et les besoins de leurs cibles/ Internautes/ utilisateurs. En effet MBA place la technologie au service de la communication…. Voilà qui est MBA … Définition du multimédia : des interfaces et du contenus pour le web, IHM, Print, animations, signalétique, multi supports, multi canal….