15.12.09
DigiTime - TBWA DIGITAL
7.12.09
Social CRM Definition By Martin Walsh
Etude De Cas Canal + Football
5.12.09
Innovative Brand Communication
innovation
Ce n’est plus un secret pour personne, Google est l’une des entreprises mondiales les plus innovantes, juste derrière Apple d’après le classement Business Week-Boston Consulting Group de 2009, une position qui n’a pas évolué depuis 2007.
Une question reste pourtant en suspend : comment Google s’y prend-t-il ? A quoi ressemble sa culture d’innovation ?
Il est particulièrement difficile de répondre à cette question, surtout lorsque l’on est à extérieur d’une l’organisation. Néanmoins, je vais tenter de vous fournir quelques éléments de réponse en m’appuyant sur quelques articles, interviews et vidéos disponible sur le web.
Pour commencer, voici un très bon schéma de l’écosystème d’innovation mis en place par Google qui permet d’avoir une très bonne vue d’ensemble.
Les lead users qu’est-ce que c’est ?
29 10 2009
Le concept de lead users a été développé par Von Hippel, économiste et professeur à la célèbre MIT Sloan School of Management. Dans son esprit, un lead user (ou utilisateur pilote) est une personne qui, face à un besoin qu’il exprime dans sa vie de tout les jours, va développer une solution (produit) pour répondre à son besoin spécifique. Ce besoin va ensuite se généraliser dans la société et sera exprimé par un grand nombre d’autres personnes, créant ainsi un marché pour la solution développée.
Les principales caractéristiques d’un lead user sont :
- d’être à l’avant garde d’une tendance, ils expriment très tôt un besoin que beaucoup de gens ont mais pour lequel il n’existe pas de solution
- avoir un fort intérêt à innover par eux-même, ils ont les compétences pour développer eux-mêmes la solution à leur besoin
Comment Google a-t-il bâtit sa strategie ?
1 09 2009
Après avoir proposé une explication de la stratégie de Google avec Chrome OS, voici une présentation très bien faite sur les facteurs clés de succès et la stratégie de Google. On y retrouve notamment l’explication de ses choix d’acquisitions, de son choix de fournir des services gratuits et comment Google gère et développe ses revenus publicitaire.
A méditer.
2.12.09
1.12.09
30.11.09
21.11.09
le web RAICHMAN David
on parle de "l'industrie du web"
http://www.01informatique.fr/Archives/La-loi-de-Moore-est-elle-en-peril/
Moins puissantes que prévu, les nouvelles puces dévient de la loi qui dicte la croissance de leurs performances. Les fondeurs se démènent malgré des perspectives industrielles inquiétantes.
Et si tous les logiciels étaient condamnés à fonctionner au ralenti ? Les fondeurs peinent en effet à suivre l'emblématique loi de Moore qui dit que les performances des processeurs doivent doubler tous les deux ans. Jon Stokes, consultant spécialisé en semi-conducteurs et cofondateur du site éditorial Arstechnica, affiche son scepticisme : « Si la loi de Moore a été aussi bien suivie jusqu'en 2005, il est probable que ce ne soit qu'un pur hasard. » Les fondeurs auraient présumé de leurs capacités à progresser selon un rythme constant. Gordon Moore, fondateur d'Intel, avait rédigé sa loi d'après deux observations : le rythme des progrès en optique devait permettre de graver des transistors deux fois plus petits tous les deux ans, et le nombre de transistors dans une puce conditionnait sa puissance.
-----------------------
La RFID est une technique de traçabilité pour mémoriser et communiquer à distance des données en utilisant des marqueurs appelés « radio-étiquettes ».
La radio-identification plus souvent désignée par le sigle RFID (de l’anglais Radio Frequency IDentification) est une méthode pour mémoriser et récupérer des données à distance en utilisant des marqueurs appelés « radio-étiquettes » (« RFID tag » ou « RFID transponder » en anglais). Les radio-étiquettes sont de petits objets, tels que des étiquettes autoadhésives, qui peuvent être collées ou incorporées dans des objets ou produits et même implantées dans des organismes vivants (animaux, corps humain). Les radio-étiquettes comprennent une antenne associée à une puce électronique qui leur permet de recevoir et de répondre aux requêtes radio émises depuis l’émetteur-récepteur.
Ces puces électroniques contiennent un identifiant et éventuellement des données complémentaires.
Cette technologie d’identification peut être utilisée pour identifier :
- les objets, comme avec un code à barres (on parle alors d’étiquette électronique) ;
- les personnes, en étant intégrée dans les passeport, carte de transport, carte de paiement (on parle alors de carte sans contact).
|
|
Prosommation : Le bouleversement technologique et économique est en train de créer un nouveau type de consommateur le Prosommateur.
Piratage different de hacking histoire du train électrique=> le hacking c'est aller au delà de la technologie
L'esprit des hackers
Extrait d'une interview de Manuel Castells faite par le journal Le Monde ( date inconnue ) :
Vous insistez sur "l'esprit hacker" qui a marqué les premières années du Net. Que reste-t-il de cette culture ?
Par "hackers", je veux parler des passionnés d'informatique qui inventent et innovent pour le plaisir, pas des crackers (pirates) qui font du mal. Je crois qu'il reste énormément de choses de la culture originelle d'Internet. Le fonctionnement même du Web, par exemple, se fait encore avec des logiciels à codes ouverts mis en place par cette communauté. Deux tiers des serveurs du monde utilisent le système Apache, développé et maintenu par un réseau coopératif d'informaticiens. A l'inverse, les pratiques de Microsoft me semblent aller à l'encontre de cette culture. Microsoft est une entreprise géniale pour la commercialisation, sans innovation.
Mais ce qui me paraît plus fondamental, c'est que la "culture hacker" imprègne aujourd'hui une grande partie de la société. Elle se diffuse auprès des nouvelles générations et pas uniquement dans des domaines technologiques. Les organisations non gouvernementales (ONG) en sont une bonne illustration. Elles déploient des capacités d'innovation formidables pour arrêter la pauvreté en s'affranchissant des pesanteurs technocratiques des gouvernements. Plus une société est une société d'information et d'économie de la connaissance, plus la capacité d'innover à l'intérieur du système, avec des moyens créatifs, est importante. C'est ça la culture héritée de l'éthique des hackers.
co-innovation faire participer les consommateurs
http://www.feedback20.com/fr/
http://www.blogpersonalbranding.com/2009/11/je-soigne-mon-image-sur-la-toile-grace-au-personal-branding/
Le Personal Branding, l’ereputation est un concept qui réunit plusieurs disciplines (connaissance de soi, marketing-communication et Web social).
Promouvoir ses talents de manière cohérente et authentique, Prolonger cette cohérence sur le Web…
Comment cultiver sa (bonne) réputation sur la toile
http://www.lexpansion.com/carriere/emploi/comment-maitriser-son-image-et-sa-reputation-sur-internet_207771.html?xtor=RSS-124
http://fr.wikipedia.org/wiki/Asynchronous_JavaScript_and_XML
Ajax est un raccourci pour Asynchronous JavaScript and XML (« XML et Javascript asynchrones ») et désignant une solution informatique libre pour le développement de pages dymaniques et d'applications Web
Ajax : a permit aux navigateurs de devenir des lecteurs d'applications pour exemple : google documents, google map
Le terme Ajax a été introduit par Jesse James Garrett (informaticien américain), le 18 février 2005, dans un article sur le site Web Adaptive Path1. Depuis, il a rapidement gagné en popularité.
Agrégateurs : netvibes, igoogle
on est passer de l'air informatique fermé microsoft à l'air de google ouvrir à tous pour optimiser
http://www.viewzi.com/
http://www.thefwa.com/ site récompenses Flash
Pour voir les achives des sites web taper "archives du web" dans google
http://www.nickad.com/
le "Whaou effect" expression qui signifie des animations à tire larigot dans un site web.
http://www.trydrugs.net
http://www.trydrugs.net/response.aspx
http://demo.fb.se/e/ikea/dreamkitchen/site/default.html
http://demo.fb.se/e/ikea/comeintothecloset2/site/default.html
Donald A norman user centered system design ergonomie
http://en.wikipedia.org/wiki/Donald_Norman
http://fr.wikipedia.org/wiki/Loi_de_Fitts
la loi de FITTS
En psychologie expérimentale, en ergonomie et en interaction Homme-machine, la loi de Fitts est un modèle du mouvement humain, prédisant le temps requis pour aller rapidement d'une position de départ à une zone finale de destination, en fonction de la distance à la cible et de la taille de la cible. La loi de Fitts est utilisée pour modéliser l'acte de "pointer", à la fois dans le vrai monde, par exemple avec une main ou un doigt, et sur les ordinateurs, par exemple avec une souris. Elle a été publiée par Paul Fitts en 1954.
http://www.sukiland.com/rocketman/
http://www.subservientchicken.com
Cloud computing (sas software as service) "le nuage"
décentraliser les calculs etc..
L'informatique dans les nuages (en anglais, cloud computing) est un concept majeur faisant référence à l'utilisation de la mémoire et des capacités de calcul des ordinateurs et des serveurs répartis dans le monde entier et liés par un réseau, tel Internet (principe de la grille informatique).
http://www.box.net
Le Software as a service (SaaS), souvent associé au « cloud computing » peut être vu comme un modèle économique de consommation des applications : celles-ci sont consommées et payées à la demande (par utilisateur et par minute d'utilisation par exemple) et non plus acquises par l'achat de licences. Le SaaS peut donc à ce titre reposer sur une infrastructure de type "informatique dans le nuage".
"google wave" est une application est un agregat de documents pour partager et collaborer en temps réel.
Aardvark je miscris centre interêt sur lesuel je suis spécialiste
http://www.hunch.com intelligence collective
http://notify.me/
twitter repond à la question a quoi je pense en ce moment
wearable objects.
http://websquare.org/
jeu FARMVILLE BUSINESS MODEL - FREE TO PLAY on achète des lopins de terre si on veut agrandir son domaine
http://www.farmville.com/current/main.php
Les mondes miroir = reflet du monde informatique
la cybernetique
la réalité augmenté Virtual miror
Le web documentaire http://gaza-sderot.arte.tv/fr/
RDA =>Aobe AIR
http://fr.wikipedia.org/wiki/Rich_Desktop_Application
Les Rich Desktop Application (RDA) sont des applications qui se lancent à partir d'un navigateur web mais qui s'exécutent sur une machine virtuelle extérieure au Web. Chaque RDA nécessite au préalable l'installation d'un moteur d'exécution au sein duquel sera exécutée l'application. Cela offre l'avantage notable de n'avoir à écrire qu'un unique code pour toutes les plate-formes supportées par la Technologie RDA. Une application s'exécutant à l'intérieur d'un navigateur et qui essaie d'avoir le comportement d'une application est appelée « Rich Internet Application » ou RIA.
Plusieurs sociétés ont commercialisé des offres RDA basées sur leurs technologies : langage, framework, machine virtuelle, interface visuelle.
10.11.09
Xhtml eXtensible HyperText Markup Lan...
Xhtml eXtensible HyperText Markup Language,
SGML ( XHTML, HTML, XML) est un langage informatique
inventé en 1989 par timothy Berners-Lee, KBE, citoyen britannique résidant aux Etats-Unis, a été anobli en reconnaissance de services rendus pour « le développement global d'Internet » grâce à son invention du Web, comme système d'organisation, de liaison et de navigation de pages sur l'Internet. c'est lui qui a inventé le premier navigateur
L'inventeur de l'Hypertexte Ted Nelson en 1965 il a l'idée que l'on peut écrire ou lire une page "au delà" d'une manière non linéaire (aller de l'au delà d'un texte d'une page à l'autre)
http://ted.hyperland.com/
C'est le premier à réaliser un lien hypertext Douglas endelbart 1968
http://fr.wikipedia.org/wiki/Douglas_Engelbart
Douglas B. Engelbart est un inventeur américain et un pionnier de l'informatique. Il est célèbre pour avoir inventé la souris, pour ses travaux sur le développement de l'interface homme-machine et pour avoir développé le système hypertexte, les réseaux informatiques et les premières interfaces graphiques (GUI).
Douglas endelbart demo 1er lien hypertexte
http://sloan.stanford.edu/MouseSite/1968Demo.html
http://video.google.com/videoplay?docid=-8734787622017763097#
Concept Vannevar Bush
"as we make think"
http://www.theatlantic.com/doc/194507/bush
il décrit ce qu' était un ordinateur
Pour comprendre les mécanismes des langages de marquage (xhtml, html, xml)
Organisation des données
3 types d'organisation
1 - Personnelle ( possible pour une quantité limitée de données)
2 - Tabulaire (excel, base de données etc..)
3 - Hierachique arborescente (organiser par catégories par rubriquage)
Les données CSV = Common Separated Value = texte brut
Comment représenter les données de façon claire pour que le programme informatique puisse les traiter sans équivoque?
exemple : des courses à Carrefour vêtements chemises pantalons
Printemps parfun BHV Vis mirroir
c'est avec le "système des blocs" que l'on va représenter ces données
comment déterminer le début et la fin d'un bloc?
c'est le "système de marquage de bloc" "des marqueurs" appelé "balises" "tags"
------------------------------------------
cela donne : un fichier en XML extension .xml
<courses> début d'un bloc
<carrefour>
<vêtements>
<chemises>lacoste</chemises>
<pantalons>text</pantalons>
</vêtements>
</carrefour>
<Printemps>
<parfun>Chanel</parfun>
</printemps>
</courses> fin d'un bloc
---------------------------------------
Pour les navigateurs il faut des marqueurs identifiés
le Xhtml c'est du html qui respecte les normes XML
Historiquement parlant c'est le HTML qui est apparu puis ensuite l'XML puis le Xhtml
et avant le html il y avait le SGML langage très avancé et très complexe
Exerxice
Carnet d'adresse
Nom, Prénom, email
<carnetadresses> <contact>
<Nom>Lebreton</Nom>
<Prénom>julie</Prénom>
<Mail>ljulie@ffv.fr</Mail>
<vip/> spécifie que c'est un vip sans mettre de valeur - le fait de fermer la balise en elle même le slash se met à la fin quand il n'y a pas de valeur à donner
</contact>
<contact>
<Nom>dupond</Nom>
<Prénom>olivier</Prénom>
<Mail>odupond@fft.fr</Mail>
</contact>
</carnetadresses>
Les normes du XML
toujours en minuscules, pas de noms composés
un retour ligne, le rupture ligne en html <br/> c'est une balise unique sans ouvertureinserer une image <img .... /> c'est une balise unique sans ouverture
une balise <img > ou <br> n'existe pas uniquement <img .... /> <br/>
<vip/> spécifie que c'est un vip sans mettre de valeur - le fait de fermer la balise en elle même le slash se met à la fin quand il n'ya pas de valeur à donner
on peut aussi mettre une information supplémentaire sur cette balise un attribut
<contact vip"yes" > on le marqueur qui est le nom de la balise plus son attribut (l'information doit être courte).
Avantage le Xml est très interessant pour traiter une quantité moyenne de données pas besoin de faire une base de donnée
"Menu autocomplétion" dans une recherche par exemple dans google propose des mots
faire valider son code super important
http://validator.w3.org/
A chaque fichier xml on doit associé un mode d'emploi d'utilisation correct des balises
ajout des règles d'utilisation = DTD doctype definition extension .dtd
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Public c'est à dire accessible au public et l'adresse http où elle se trouve
Ouvrir la dtd pour l'analyser
rechercher dans la DTD un "element" c'est une balise
<!ELEMENT html (head, body)>
"le plus souple c'est le html transitionnel"
aujourd'hui quand on parle d'html c'est du xhtml
CSS Inline
http://www.tizag.com/cssT/inline.php
Faire une page html
on utilise le jeu d'encodage charset=utf-8 les accents ne sont pas encodé il s'écrive normalement dans le code
celui que l'on utilisait avant le jeu d'encogae europe occidentale : charset=iso-8859-1" dans ce cas là les caractères spéciaux sont encodé
La balise <title> très importante pour le référencement
que signifie http-equiv="Content-Type"
Qu'est ce que les entêtes "http"
les entêtes c'est les premières informations qui transitent entre le client et le serveur et le sens inverse
Pour rendre visible ces entête sur firefox télécharger add-on firefox "live http headers"
Balises méta <meta >informations supplémentaires sur l'ensemble de la page liste de mots clés
On crée les nouvelles balises méta celles ci s'adressent aux moteurs de recherche
Méta avec informations importantes mais pas obligatoire
<meta name="keywords" content=" chat, chien"> c'est le méta de mot clés
<meta name="descriotion" content=" ce site a pour but de faire connaitre les chats"> c'est le méta pour la description du contenu du site, phrase qui apparaît dans google dans la description du site à ne pas négliger
dans l'entête on met les styles
<style type="text/css"> obligatoire si on fait du xhtml
</style>
preférences/indicateur de code/ cocher le 2 bouton radio "après saisie de la fin...d'ouverture">"
code source libération extrait
<script type="text/javascript">
//<![CDATA[
startTag = "";
endTag = "";
var result = false;
if(!isPubActive == 0){
sas_pageid = "252/82917";
sas_formatid = 2556;
sas_target = GLOBAL_SAS_TARGET + "ambient=summary;objectId=channel9";
result = SmartAdServer(sas_pageid,sas_formatid,sas_target);
if(result != false){
document.write(startTag+result);
}
}
//]]>feuille de style de libération est composé de 5648 lignes
http://l.liberation.fr/css/libe.css
Les couleurs hexadécimales Rouge Vert Bleu #ffcc00 équivaut à écrire #fc0
F pour couleur à fond au maximun
Palette "web Safe" 256 couleurs
---------------------------------------
body{background-color:#fc0} héxadécimale
ou
body{background-color: rgb(0,255,0)} décimale
-------------------------------------------
inserer du javascript dans l'entête
tout plus value graphique est fait par javascript
quand javascript fait des requêtes serveur c'est de l'Ajax
conforme aux normes
<script language="javascript" type="text/javascript"> </script>
<script language="javascript" type="text/javascript">
alert("hello world")
</script>
-début code---------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="chat, siamois" />
<meta name="description" content="Ce site a pour but de " />
<style type="text/css">
body{background-color: rgb(0,255,0)}
h1{color: #F90}
</style>
<script language="javascript" type="text/javascript">
//alert("hello world")
</script>
<title>Chat siamois</title>
</head>
<body>
<h1>Titre principal</h1>
<h2>Sous titre</h2>
<h3>Chapeau</h3>
<p>paragraphe1 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore.</p>
<p>paragraphe2 magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</body>
</html>
--fin de code ---------------------------------
// deux slashs pour les signifier les commentaires en javascript
Important ! la balise <pre> </pre> est utilisé pour texte preformaté, le texte garde donc le formatge d'origine avec les tabulations espaces et retour à la ligne.
la marque of du web dans dreamweaver/commande/inserer un commentaire mark of the web
pour éviter en locale quand on ajoute du javascript dans le code html qu'une fenêtre d'alerte s'affiche.
les Balises logiques exemple "h1" indique que c'est un titre
Les balises sémantiques :
exemple pour une citation <cite></cite> ce texte se mis automatiquement en italique
pour indiquer qu'un mot est plus important on insère la balise <strong>plus important</strong> le texte passe en gras
pour mettre en avant un texte <em>plus important</em> emphasis
les balises <b> et <i> ne doivent plus s'utiliser uniquement la mise en forme doit e^tre dans les css
Faire des blocs de citations <blockquote></blockquote> provoque un retrait à gauche et à droite
dans dreamweaver par defaut quand on clique sur italique il met la balise <em> et pour bold il met <strong>
Les tables (tableau) les utiliser uniquement quand il y a des données tabulaires
Les listes struture l'arborescence pour faire des sommaires ou des barres de navigations
<ol> ooder list = liste ordonée numérote les lignes
<ul> unorder list = liste non ordonné
<li> list item = item de liste
sélecteur de descendance
li {background-color:#060}
li li {background-color:#C30}
li li li {background-color:#9F0}
Pour enlever les puces des listes
li {background-color:#060; list-style:none}
la barre de nav doit être toujours en haut dans le code même si sur la page il sera en bas
<div> (division) et la balise <span >n'a pas de sens sémantique elle est neutre
un calque c'est un element positionner de manière (absolue ou relative)
le z-index:1 z-index:2 donne le niveau d'empilement des calques les uns avec les autres
-début code---------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="chat, siamois" />
<meta name="description" content="Ce site a pour but de " />
<style type="text/css">
body{background-color: rgb(0,255,0)}
h1{color: #F90}
pre{ font-weight:bold}
li {background-color:#060; list-style:none}
li li {background-color:#C30}
li li li {background-color: #0FF}
#toto{ position:absolute; top:0px; height:50px; z-index:1; background-color:#CFF; left:251px; width:50px}
#port{ position:absolute; top:0px; height:20px; z-index:2; background-color:#C00; left:60px; width:50px}
</style>
<script language="javascript" type="text/javascript">
//alert("hello world")
</script>
<title>Chat siamois</title>
</head>
<body>
<ul>
<li> avant <span id="toto">propos</span>
<ul>
<li>histoire
<ul><li><span id="port">portugal</span></li>
<li>france</li>
</ul>
</li>
<li>géographie</li>
</ul>
</li>
<li> Xhtml</li>
<li> css</li>
</ul>
<a href="http://www.google.fr">liens1</a>
</body>
</html>
--fin de code ---------------------------------
Le lien hypertexte
<a>lien</a> mettre les attributs au lien href=""
<a href="http://www.google.fr">liens1</a>
9.11.09
état de l'art - Benoît Dedieu - Anglade
état de l'art - Benoît Dedieu - Anglade - lundi 9 novembre 2009
Webdesign et les principaux acteurs de la websphère 2009
a crée ces sites sur Mac
http://www.michelrostang.com/
http://www.flamenka.fr/
http://www.comnext.fr/gofrance.html
http://www.comnext.fr/goodies/
http://www.institut-de-france.fr/
http://www.prader-willi.fr/ fait sur wordpress (c'est du php)
site en wordpress peut être vendu de 2000 euros à 3000 euros
Keynote equivalent power point sur Mac
http://www.apple.com/fr/iwork/keynote/
http://www.csszengarden.com/tr/francais/
http://www.w3.org/
rechercher sur Google "free template css" droits encadrés "creative commons"
http://www.freecsstemplates.org
http://fr.creativecommons.org/contrats.htm les droits des CSS
CSS Gratuit si pas utilisé à des fins commerciales comme les Fontes également.
Addons Firefox
Firebug outil d'analyse des constituant d'un site et juice pour la veille sur internet
CMS content management sytem :
liste des cms : http://www.scriptol.fr/cms/liste.php
http://www.cmsmatrix.org/
SPIP utilisé beaucoup par les associations tout est gratuit à la différence des autres CMS.
http://www.spip.net
Liste des SGC "Système de gestion de contenu"
Les blogs et le web 2.0 Blogger est le leader sur le marché
https://www.blogger.com/start?hl=fr
http://fr.wordpress.com/
CMS en Flash : WIX en flash http://www.wix.com/
http://www.wix.com/sample/website
Notre expertise sera la mise en page le choix de typo etc..
on peut récupérer le code des site en flash
javascript
Ajax : les applications google sont développées en Ajax
igoogle c'est mon bureau personnalisable http://www.google.fr/ig
Google a le principe de la gratuité des applications.
Google mobile => Android
Environnement communautaire le web social
créer du Buzz et générer du trafic sur le site
Facebook digg twitter MSN Blogger Myspace youtube daily motion Wat.tv viadeo Fuzz metacafe wikio linkedin Nuouz reddit tapemoi scoopeo agoravox etc..
http://www.bebo.com/
http://digg.com/
http://www.metacafe.com/
Partage de contenu Peer to peer
P2P Beat Torrent
Les fournisseurs d'accès à internet en 2009 - 3 grands acteurs FAI
Orange 49,3% de part de Marché
Free
SFR
http://www/eternalmoonwalk.com site après la mort de Michael Jackson
ce site a été fait en full flas, ce site compte sur la communauté pour enrichir le site
les internautes contribuent et du coup le site est pérenne
Les nanotechnologies
Le marketing viral => créer du buzz que les gens parlent de nous
exemple de sites
http://soytuaire.labuat.com/
Liste des navigateurs internet
http://fr.wikipedia.org/wiki/Liste_de_navigateurs_Web
http://www.usenet-fr.net/fur/www/liste-browsers.html
Google chrome
http://www.protect77.com/ site dernière génération développer en flash et air
flock est un navigateur qui est lié au communauté sur le Web
http://www.flock.com/
Camino est un navigateur qui est lié au communauté sur le web sur Mac
http://caminobrowser.org/
opera est un navigateur web
Sites sympas en Flash
http://www.lookom.com/
http://www.bio-bak.ni
le site de nike http://www.nike.com est très novateur
http://www.adidas.com/fr/homepage.asp
http://www.reebok.com/FR/#/
libération est premier journal sur le web
wiewer PDF
RIA Rich Internet Application =>Flex
Intégration des sites sur le mobile
Foxmarks.com outil pour récuperer tous les signets http://www.foxmarks.com/
http://www.espressodesign.co.uk/fluidité de l'affichage des images
http://bernhardwolff.com
début du web interaction avec shockwave
http://yugop.com/
http://
www.joshuadavis.com/
http://www.once-upon-a-forest.com/
Adobe AIR partager les rôles
sites Flash référencés
http://www.thefwa.com
http://www.fwaphoto.com site photo qui exploite à fond la conjonction de flash et adobe AIR
http://www.the-unloader.com site très drôle télécharger un fichier pdf et l'effacer
http://www.champagnevalentine.com site avec de la vidéo pleine écran
http://www.lascaux.culture.fr
http://www.dontclick.it/ je ne clique pas
site à explorer interessant recherche fondamentale sur le design et l'egernomie
Catalyst :
adobe Flash Catalyst est un framework open source écrit en Perl, qui applique strictement le modèle de conception Modèle-Vue-Contrôleur.
http://labs.adobe.com/technologies/flashcatalyst/
Silverlight Microsoft http://silverlight.net/
http://www.hardrock.com/ cliquer sur memorabilia
La technologie Flex est en train d'évoluer complètement
est fait pour gerer des grosses bases de données mais en bénéficiant des qualités graphique
http://www.adobe.com/fr/products/flex/
http://flex.org/showcase_page
Le e-learning
http://www.voxpedago.com
http://www.wisibility.com fait en flex
http://www.vodeclic.com
http://www.elephorm.com
http://www.video2brain.com site en flex
images google qui permet de caractériser le type d'images que l'on recherche
http://fr.fotolia.com/ fotolia le web communautaire pour proposer ses photos ou ses illustrations
En typograhie : Fontshop
http://www.fontshop.com on peut visualiser à l'écran le choix des typos avec son texte
http://www.fontfont.com possibiliter de faire un gris texte
http://www.linotype.com normes fontes écran les XSF redessiné spécialement pour l'écran
typo sans antialiasing ou Typo XSF
Les meilleures fontes d’écran (fontes XSF) sont des fontes OpenType ou TrueType d’une excellente lisibilité à l’écran même en petits corps ou en basses résolutions – spécialement conçues et adaptées à la demande croissante de caractères d’une lisibilité extrême sur les écrans d’ordinateurs équipés des systèmes d’exploitation Microsoft® Windows.
Bien entendu, leur qualité d’impression sur papier reste aussi élevée que d’habitude.
Cliquez ici pour voir la liste complète des fontes XSF. Nos fontes XSF portent l’appellation « eXcellent Screen Font (XSF) ».
Pour plus d’informations sur les fontes OpenType et XSF Fonts.
Histoire du graphisme étienne Mineur
libération des polices de caractères sur le web
8.11.09
Ms project
L'Afnor définit un projet comme étant " un effort unique mettant en oeuvre des moyens (humains, matériel, ou services pour atteindre un objectif dans des délais fixés.
a - identifier tout d'abord les principales phases sous forme de "tâches récapitulatives"
2 - méthode ascendante :
a - identifier toutes les tâches de bas niveau
B - et ensuite les organiser en phases
On désigne par le terme d'échéancier (éventuellement jalonnement) l'enchaînement des dates des jalons.
http://www.commentcamarche.net/contents/projet/etapes-projet.php3
Un jalon représente des objectifs intermédiaires qui permettent de constater l'état d'avancement du projet.
17.10.09
Mesure d'audience d'un site web
http://www.commentcamarche.net/contents/web/mesure-audience.php3
Mesure et qualification de l'audience d'un site web
L'objectif de tout webmaster est de développer l'audience de son site web, c'est-à-dire d'accroître le nombre de visites journalières. Il lui est ainsi indispensable de disposer d'indicateurs lui permettant d'une part de mesurer l'évolution du trafic de son site web, on parle alors de « mesure d'audience » ou encore d'« audimétrie », et d'autre part de qualifier son audience afin de fournir un contenu toujours plus proche de l'attente de son public.
On distingue ainsi généralement deux types d'études :
Les études de mesure de la fréquentation (en anglais « site centric », traduisez « centrées sur le site ») ;
Les études de qualification du trafic (en anglais « user centric », traduisez « centrées sur l'utilisateur »), réalisée notamment à l'aide de panels d'utilisateurs.
La mesure d'audience et la qualification du trafic d'un site web sont des moyens de mesurer l'efficacité d'un site web afin d'en améliorer la qualité de façon permanente.
Comment mesurer l'audience d'un site web
Il existe globalement trois solutions permettant de mesurer le trafic d'un site internet :
1- L'exploitation des journaux (fichiers de logs) du serveur web par un outil spécifique. Il s'agit de choisir un outil capable d'analyser les journaux d'activité du serveur web et de réaliser un tableau de bord contenant les principaux indicateurs de fréquentation du site web.
Le développement d'un système de statistique ad hoc. Il est possible, sur un site web, de stocker à chaque chargement d'une page des informations concernant le visiteur afin de les exploiter ultérieurement. Pour les sites web possédant un trafic important, ce type de dispositif peut provoquer une charge du processeur importante et un fort taux d'utilisation de l'espace disque, notamment si les données collectées sont stockées dans un système de gestion de base de données.
L'utilisation d'un service de « mesure d'audience ». Ce système consiste à insérer dans chaque page un « marqueur » (en anglais « tag ») permettant au service de mesure du trafic de collecter les données sur un serveur. Ce type de service a l'avantage d'économiser des ressources matérielles car l'ensemble des traitements est réalisé sur le serveur distant. De plus, la société proposant le service se charge de faire évoluer les indicateurs et le panel des tableaux de bord proposés afin d'être constamment en adéquation avec l'évolution des technologies d'accès à internet et des navigateurs web. En contrepartie les statistiques ainsi recueillies ne seront pas nécessairement exhaustives dans la mesure où :
certains utilisateurs arrêtent le chargement de la page avant que le code du marqueur ne soit téléchargé ;
des serveurs proxy intermédiaires sont susceptibles de gêner le chargement du marqueur ;
les infrastructures de sécurité, notamment les dispositifs pare-feu, peuvent bloquer la remontée d'informations.
Terminologie
La terminologie des statistiques et indicateurs de fréquentation des sites web est relativement complexe et souvent différente d'un outil à l'autre. Or, lorsqu'ils sont utilisés pour des études comparatives ou de marketing, les indicateurs de mesure d'audience n'ont de sens qu'à partir du moment où les termes utilisés correspondent à une base comparative commune (« on ne compare pas des choux et des carottes »). Il est notamment particulièrement important de bien maîtriser les définitions de chacun des indicateurs.
Ainsi ce dossier a pour ambition de donner du sens aux différents termes utilisés dans le monde de la mesure d'audience. La plupart des indicateurs définis ci-dessous sont issus des travaux du CESP (Centre d'étude des supports de la publicité).
Hits
Une page web peut-être composée d'un certain nombre de fichiers, notamment d'images, d'une ou plusieurs feuilles de style, de fichiers Javascript, etc. Un « hit » (en français académique « impact web ») correspond ainsi à un fichier chargé par le navigateur. Une page web contenant trois images correspondra donc à quatre hits.
Page vue
On appelle « page vue » (ou « page diffusée ») le chargement complet d'une page web suite à une action de l'utilisateur sur la page (typiquement un clic).
La notion de page vue est floue car elle dépend fortement de l'architecture de chaque site internet. Une page contenant des cadres (frames) risque ainsi de ne pas être comptabilisée de la même manière qu'une simple page web.
Session
On appelle session » l'intervalle de temps correspondant à une consultation sans interruption d'un site web. Est considérée comme une interruption une période d'inactivité de plus de 30 minutes.
Visite
Une visite correspond à la consultation d'un site au cours d'une session, quel que soit le nombre ou le volume des pages consultées.
Une visite n'a de sens que sur une période donnée (jour, semaine, mois), on parle ainsi de visites journalières, hebdomadaires ou mensuelles. Le nombre de visites indique ainsi le nombre de postes de travail ayant accédé au site sur une période donnée.
Visiteur / visiteur unique
La notion de « visiteur » est à comprendre au sens d'individu. On appelle ainsi « nombre de visiteurs » le nombre d'individus ayant consulté le site sur une période donnée.
Mesure de la popularité
Dernière modification le mardi 14 octobre 2008 à 17:40:30.Ce document intitulé « Mesure d'audience d'un site web » issu de Comment Ça Marche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
http://www.mediametrie.fr/internet/solutions/panel-mediametrie-netratings.php?id=8
29.9.09
Salon e-commerce 2009 porte de Versai...
28.9.09
25.9.09
emailing
http://www.abc-netmarketing.com/Un-rappel-des-techniques.html
1. Un rappel des techniques rédactionnelles de base du marketing direct
Article paru le : 23 octobre 2003
Les techniques de rédaction d’un publipostage électronique reprennent les caractéristiques de base d’un publipostage traditionnel, auxquelles il faut cependant ajouter quelques spécificités. L’objet de cet article est de rappeler les principes rédactionnels de base du marketing direct. Comme tous les grands principes, ceux-ci peuvent bien sûr comprendre des exceptions et être plus ou moins valables selon la nature de l’offre et le secteur d’activité.
La problématique de l’enveloppe
Le premier objectif assigné à un courrier dans le cadre d’une campagne de marketing direct est d’être ouvert et lu. Le choix de l’enveloppe (format et matière) et son accroche sont les éléments qui permettent d’obtenir cet ouverture. Avec l’e-mail, la problématique de l’enveloppe se retrouve au niveau des champs descriptifs d’un message (voir l’article suivant).
Le style rédactionnel
Il est généralement recommandé d’utiliser un style clair et concis. Les phrases doivent être courtes, ainsi que les paragraphes. Des phrases courtes permettent de limiter l’attention et la concentration nécessaires à la lecture de l’offre et d’éviter des abandons de lecture. Elles facilitent également la compréhension de l’offre. Une structure légère et clairement apparente permet également au lecteur de ne lire que certains paragraphes.
Un vocabulaire clair et efficace
Au même titre que la structure de la lettre, le vocabulaire doit rester simple, compréhensible pour tous et efficace. Les mots noirs sont à bannir et il convient de privilégier les mots permettant de valoriser l’offre et le produit sans pour autant tomber dans une surenchère de superlatifs devenant peu crédibles.
La valorisation du destinataire
Le destinataire et ses attentes doivent être valorisés. La lettre doit donc parler du client et de ses attentes ( "vous" ;"vos"...) plutôt que de s’attarder sur l’entreprise émettrice. La valorisation passe également par l’identité du signataire qui est souvent un dirigeant de l’entreprise.
La personnalisation
La personnalisation du message permet de valoriser le destinataire en lui montrant qu’il est connu et reconnu et permet de formuler une offre apparaissant comme adaptée à ses besoins.
Des appels à l’action
Un message de marketing direct est conçu pour provoquer une action chez le destinataire. L’e-mail ne fait pas exception à la règle. Le lecteur doit donc être encouragé à entreprendre l’action recherchée par l’utilisation de verbe d’action (appelez nous, cliquez ici...). L’appel à l’action peut être renforcé par un accélérateur promettant un avantage aux individus répondant le plus rapidement à la sollicitation.
L’utilisation des visuels
Les images et différents visuels accompagnant, voire illustrant la lettre commerciale jouent également un rôle très important dans le travail de conviction lors d’une campagne. Ils servent à illustrer de manière évocatrice l’offre, le produit ou les avantages qui y sont liés. Dans certains contextes, la force de conviction des images est supérieure à celle du texte. D’autre part, les images nécessitent un moindre effort de la part du lecteur pour la prise d’une information que la prise de connaissance d’un texte.
Déroulement d’une campagne :
- Récupération et dé-doublonnage de votre fichier d’adresses mail.
- Mise en page de votre visuel HTML et création de liens de tracking
- Réalisation d’un bon à tirer (BAT) sur une ou plusieurs adresse pour validation du projet.
- Définition de l’objet.
- Routage de la ou des campagnes suivant le planning établi, aux dates convenues.
- Suivi de l’opération et de son bon déroulement.
- Transmission et analyse des informations sur les résultats du routage : Nombre d’envois aboutis, nombre d’ouvertures, de clics, de désabonnement, d’adresses non valides (NPAI : n’habite pas à l’adresse indiquée)
http://www.dolist.net/pageseditos,8,left_95DE4022,plateforme,dolist,saas,campagnes,emailing,gestion,anvoi,analyse.html
Pourquoi réaliser vos campagnes d'e-mail marketing en mode SaaS ?
Les efforts à fournir en matière de ressources, tant humaines que technologiques, pour intégrer l'e-mail marketing à son plan média dans des conditions optimales ne sont pas négligeables.
Dolist vous accompagne et met à votre disposition son savoir-faire et sa technologie en mode SaaS (Software as a Service). Pour un coût très faible et une rentabilité maximale, vous accéderez de façon sécurisée à l'ensemble des ressources matérielles, logicielles et télécoms constituant la plateforme technique Dolist. A partir de celle-ci vous pourrez réaliser, seul ou avec notre aide, des campagnes de communication directe particulièrement efficaces.
Pas d'investissement technologique et de risque d'obsolescence
Pas de frais fixes d'infrastructure ou de compétences nécessaires
Pas de frais d'administration système
Aucun coût de possession
De faibles frais pour être opérationnel (ouverture de compte et de formation à l'utilisation du service)
Une facturation proportionnelle "à la consommation"
Avantages fonctionnels
La puissance et la robustesse d'une solution éprouvée
Une richesse fonctionnelle en évolution régulière
Le support d'une équipe de professionnels pour vous accompagner dans la mise en œuvre de vos campagnes
Pas de soucis d'administration système et de mise à jour des composants techniques
Rapidité de déploiement et disponibilité du service 24h/24 et 7j/7
L'indépendance du service marketing vis à vis des contraintes informatiques internes
Vos données sont hébergées dans un cadre contractuel de confidentialité
Vos données sont sauvegardées quotidiennement
Vos données sont accessibles pour vous à tout moment
Politique volontariste de délivrabilité des messages
Une mutualisation des investissements technologiques nécessaires
Mutualisation des relations de Dolist avec les FAI (Fournisseurs d'Accés à Internet)
Engagement, mise en œuvre et suivi des programmes de "listes blanches" des FAI et webmails (Hotmail, Yahoo, Gmail etc...)
Participation de Dolist aux organisations professionnelles anti-spam
 | ||
|
|
Les principaux atouts d'Internet par rapport aux autres médias © Benchmark Group |
|
Les budgets Web continueront de croître en 2009
 | ||
|
|
Répartition des annonceurs suivant la croissance de leurs dépenses publicitaires sur Internet en 2009 © Benchmark Group |
|
Près des trois quarts des annonceurs ont l'intention d'augmenter leur budget Internet en 2009. Pour la plupart d'entre eux, la hausse des dépenses sera supérieure à 10 %. Pour 43 % des annonceurs interrogés, la hausse de leur budget Internet sera d'ailleurs supérieure à 20 %. Les budgets e-marketing croîtront cependant moins vite en 2009 qu'en 2008 : ils progresseront en moyenne de 14 % en 2009, contre une hausse de 22 % en 2008, selon Benchmark Group. Un peu moins d'un annonceur sur cinq prévoit de réduire ses dépenses publicitaires sur Internet en 2009.
 | ||
|
|
Répartition du budget publicitaire en 2009 par levier © Benchmark Group |
|
 | ||
|
|
L'évolution du marketing participatif © Benchmark Group |
|
Très en vogue, les dispositifs de marketing 2.0 suscitent l'intérêt des annonceurs. Cependant, la difficulté de mesure de la rentabilité de ce type d'opérations laisse penser que ces initiatives resteront marginales. Interrogés sur la place du marketing participatif à deux ans, près des deux tiers des annonceurs indiquant que, malgré des expérimentations, ces dispositifs resteront anecdotiques. Seulement 5 % des annonceurs estiment qu'il constituera le coeur de leur stratégie marketing en ligne. Un tiers pense que le marketing contributif occupera une place "de plus en plus importante" dans leur stratégie.
Le marketing participatif ou collaboratif : les principes (24 février 2007) |
|
Le marketing collaboratif ou participatif a pour principe de faire participer les consommateurs à l’élaboration de la politique produit ou de la politique de communication. On peut par exemple demander aux consommateurs de voter pour un nouveau parfum de produit alimentaire, pour une nouvelle couleur de produit ou de proposer un slogan, un logo voire un nom pour un nouveau produit. Le marketing participatif était parfois utilisé avant l’éclosion d’Internet, mais il a pris une nouvelle ampleur depuis l’apparition du réseau et un essor encore plus important plus récemment avec le développement du Web 2.0 et de ses principes et outils de collaboration. Ce développement des pratiques de marketing collaboratif sur Internet s’explique logiquement par le fait que les applications liées au web permettent plus facilement de s’adresser au consommateur et à celui de s’exprimer ou de transmettre ses créations. Les applications de marketing participatif se sont ainsi multipliées récemment sur l’Internet mondial et français et on peut en donner quelques exemples. Après que 400 000 votants aient choisi une nouvelle saveur crème brûlée en 2006, la marque Danette a à nouveau sollicitée les consommateurs en 2007 pour élire un nouveau parfum en 2007 en espérant atteindre le million de votes. |
Articles
