Comment fonctionne mon blogue sur blogger.com?

Je vous décrirai, premièrement, les détails pour arriver à ajouter un "juke-box". Dans un second temps, je vous ferai part des étapes nécessaires pour arriver à plusieurs petites modifications de l'apparence du blogue; dont changer l'entête et l'image d'arrière-plan de la section latérale où sont situés les liens. Beaucoup d'expérimentations se sont soldées par des échecs, je prendrai le temps de vous en raconter quelques-unes pour que vous puissiez rire un peu de moi!!

"Juke-box"

Quoi de plus divertissant qu'une petite banque de pièces musicales pour égayer nos journées dans le sombre local 1611! Attachez vos...écouteurs! Grâce aux conseils de Roy et en parcourant un site de rêve pour les nouvelles découvertes soit dreamland1186.blogspot.com, j'ai déniché une petite trouvaille vraiment intéressante. Un générateur de script pour lecteur de mp3! SCM Player . Pour profiter de cette merveille, vous devez en premier lieu "uploader" votre musique afin d'accorder une adresse URL à chacune des pièces! Un excellent site pour "héberger" votre musique m'a été référé par Martin Michaud : Mediamax Ce site est vraiment génial si vous n'avez pas d'espace sur le web pour mettre vos documents! Une fois que vous avec mis l'URL de chaque pièce musicale comme décrit dans l'image ci-dessous, vous appuyez sur "Done!" Le programme générera un script que vous devrez copier puisqu'on l'ajoutera à un endroit de notre code html de notre blogue.

Pour avoir le "jukebox" en dessous de l'entête, j'ai inséré le script au début de la section suivante:


Ce n'est pas plus compliqué que cela!

Maintenant, passons aux choses plus sérieuses. Il y a à peine 2 semaines, j'étais une néophyte du CSS qui se demandait ce que ces lettres pouvaient bien manger en hiver! J'avais décidé, il y a environ 3-4 semaines, de m'attaquer à cette bête afin de remodeler sa figure, une vraie transformation extrême... Quel désastre! Faisant fie de la plupart des signes de $ et en changeant la plupart des paramètres qui m'apparaissaient sympathiques (je croyais avoir un don divin et pouvoir décoder les 'wraps'et les multiples 'sidebars' dans le code source html avec mon sixième sens féminin...), je suis arrivée avec une interface certes remodelée mais aucunement en lien avec le reste du corps (à vrai dire, je n'avais plus accès à mes anciens blogues...petite panique!) J'ai donc pris mon courage à deux mains et, après quelques sueurs froides, j'ai retrouvé mon code source initial que j'avais heureusement gardé! Mon seul bon coup dans ce premier essai!

3 bonnes respirations et 2 semaines plus tard, le combat était prêt à recommencer. Mais par prudence, j'ai laissé une semaine s'écouler afin de digérer mes premières notions de CSS. Et me voilà maintenant à prendre partie pour le CSS. "Vive le CSS!" Franchement quel merveilleux outil de "programmation".

Je vous décrirai maintenant les changements que j'ai réussi à apporter à mon site. L'étape initiale de tous ces changements, après avoir enregistré le code source initial en lieu sûr, a été de copier dans Dreamweaver le code source HTML du blogue présent dans la section Modèle du tableau de bord. Une fois dans Dreamweaver, comme je savais maintenant comment nourrir la palette CSS, je me suis mise à l'alimenter de nouvelles propriétés à mon plus grand bonheur!!

J'ai d'abord changé la couleur de la date d'affichage de mes messages! Comme vous le voyez ci-dessous, j'ai changé la couleur en gris dans les propriétés du style ".date-header". Pour vérifier que le tout fonctionnait bien, j'ai regardé les modifications apportées à mon code source dans la fenêtre gauche de Dreamweaver (le code de la couleur avait changé dans la section ".date-header") et j'ai recopié ce changement dans mon code source html de blogger. Par la suite, j'ai fait un "aperçu" (de l'affichage) et j'ai constaté que CSS était merveilleux! Ma belle petite transformation avait fonctionné!!


Je dois vous avouer que les titres avec des lettres toutes en minuscules dans la barre latérale m'énervaient beaucoup. En allant dans le style ".sidebar-title" j'ai changé la propriété "text-transform" en "uppercase" comme vous voyez ci-dessous. J'ai testé le tout que comme décrit précédemment. Talam!! Bye bye les minuscules.


J'ai également changé la largeur de l'espace réservé au texte de mes messages en modifiant directement dans le code source la propriété "width" dans le style "main" comme décrit ci-dessous. Je dois vous avouer que pour reconnaître facilement les sections que je voulais modifier, j'avais ouvert sur un autre écran l'interface de mon blogue. Cela me permettait de déduire rapidement à quelles sections appartenaient les styles que j'explorais selon les diverses propriétés décrites dans chacun de ces styles.

Dans le code source, j'ai également changé directement la couleur du background de la partie centrale de mon blogue à l'endroit mis en évidence ci-dessous. (C'était seulement un autre exemple pour montrer qu'on peut changer les propriétés des styles tant au niveau de la palette que directement dans le code!)

Pour terminer, comme vous l'avez sûrement remarqué j'ai modifié l'arrière-plan de ma barre latérale. Pour ce faire, j'ai dû "uploader" l' image que je voulais insérer et ensuite, j'ai pu copier son adresse URL à l'endroit approprié dans le code, comme ci-dessous (je suis désolée, on ne voit pas bien dans cette capture d'écran.) Comme décrit précédemment, on peut également aller inscrire le lien URL dans la palette de propriétés du style "sidebar".

J'ai également ajouté une image d'arrière-plan à l'entête en suivant la même procédure pour le style correspondant à cette dernière!

Petite note: Regarder la taille de l'image et celle de l'endroit où vous voulez l'insérer pour ne pas arriver avec de mauvaises surprises...c'est-à-dire ne voir qu'une partie de votre image!

Voilà! Je vous souhaite une bonne semaine!!

Sondage!

Membres du groupe pour le Défi blogue 4 :
Maxime
Marie-Laure
Roy

DÉMARCHE
Nous avons convenu de rechercher des sites Internet et d’en retenir 4 chacun, 2 que nous considérions comme bons et 2 comme mauvais, pour un total de 12 (3 x 4).

Nous avons visité, comparé et évalué ces 12 sites et leur avons donné une note sur 10 chacun pour un cumulatif potentiel par site de 30. De ce résultat nous avons conservé 2 sites pour fins d’analyse.

Le choix des questions a été fait en rapport avec la finalité du projet qui était d’évaluer la navigabilité, le design, la clarté de l’information factuelle. L'une d'entre elles visaient le degré de confiance que recueillait le site, s’il s’agissait d’un site commercial.

LISTE DES 12 SITES TROUVÉS
Les deux sites retenus sont finalement
http://www.canadiantire.ca/
http://avenuedelelectromenager.zlio.com/



LES 5 QUESTIONS
(NOTE : afin de ne pas désorienter indûment nos répondants et également dans le but d’uniformiser notre interprétation, nous avons convenu de limiter le choix de réponses à oui ou non)
1- L’apparence visuelle du site, (la typographie et la mise en page, l’utilisation des photos, de la vidéo) vous a-t-elle plu?
2- La navigation sur ce site vous a-t-elle semblée efficace, claire?
3- Complèteriez-vous un achat sur ce type de site ?
4-Le temps de chargement des pages est-il satisfaisant selon vous?
5- Les instruments de recherche disponibles sur le site vous semble-t-il efficaces?

Répondants par courriel
Ces personnes devaient remplir et nous retourner le formulaire comportant les 5 questions pour chacun des sites en concurrence. Voir tableau "Sondage par courriel"


Répondants par téléphone
Ces personnes visitaient les sites en question et répondaient en temps réel aux questions. Quelques observations sonores ont pu être recueillies sans toutefois constituer une donnée hautement pertinente. Les "Ça va bien", "c'est clair", "les pages arrivent vite" de chez Canadian Tire contrastaient avec les "Yark!", les "que c'est laid", ou les "jamais j'achèterais sur un site pareil" de chez Zlio. Voir tableau "Sondage par téléphone"

P.S.: Danny est Canadien!!!


Répondants par observation



Karine:
Canadian Tire: Elle pense que l'interface graphique s'est améliorée depuis sa dernière visite (il y a plusieurs mois); plus claire et dégagée qu'auparavant. Elle trouve facilement et rapidement ce dont elle a besoin. N'achèterais pas sur le site, car le magasin est à 2 minutes de chez elle et préfère marcher!
Zlio:Au premier contact avec l'interface graphique, elle se recule et ouvre grand les yeux en disant ''Oh my GOD!!''. Elle répète plusieurs fois, en explorant le site, ''C'est épouvantable!'' Elle trouve illogique que le menu ne soit pas sur la page d'accueil (on doit cliquer sur un lien pour y avoir accès). Elle retrouve difficilement les informations recherchées.

Hélène:
Canadian Tire: Réponses claires et spontanées. Peu d'ambiguïté sur les choix de réponses.L'idée de faire un achat sur le web ne fait pas encore partie de ses habitudes. Mais n'est pas fermée à l'idée. Aurait davantage confiance en ce site puisque canadien.
Zlio : Perception négative dès l'arrivée sur la page. Présentation touffue qui n'incite pas à se "promener" dans le magasin. Navigation peu agréable. Solution d'achat compliqué. Un seul clic ne mène pas nécessairement à la caisse, loin s'en faut.

Simon:
Canadian Tire: Design ok, pas extraordinaire mair clair et facile. Catalogue bien structuré. N'hésiterais pas à acheter.
Zlio:Pourquoi ce site existe?

Jean:
Canadian Tire: Bien fait, apprécie la fonction permettant de savoir si un magasin est à proximité a l'item en 'stock'
Zlio: Pas d'intérêt, se demande avec qui on fait affaire au juste.

Louise:
Canadian Tire:Très bien dans l'ensemble, achèterait mais trouve le processus long.
Zlio:L'aspect graphique rebut complètement. Quitterait immédiatement si ce n'était de l'exercice.


Conclusion :
Nous estimons que Canadian Tire a su mettre toutes les chances de son côté en proposant une interface claire, identifiable aux couleurs du magasin (rouge et blanc). Des menus faciles à identifier sont toujours présents au haut de la page, catégorisés et adéquatement hiérarchiques. Les articles sont bien catalogués et présentés de façon attrayante. L'ensemble dégage une impression d'honnêteté. Il y a aussi la réputation du magasin qui ajoute à cette confiance en ligne.

Quant à Zlio, le client qui accepte que son site ait l'air de ça ne suscite pas d'emblée la confiance de l'utilisateur. Les menus se superposent dans le haut, la navigation est douteuse et surtout, l'ensemble couleur/design provoque un haut le cœur difficile à surmonter. On ne sait pas si les articles proposés le sont à des prix compétitifs car lorsqu'on essaie de poursuivre vers un achat, se sont d'autres spéciaux qu'on nous propose à la place. Vu l'état des lieux, je serais plutôt d'avis qu'ils devraient compléter la vente au plus tôt car le client potentiel, qui déjà a fait gros effort en essayant de passer à la caisse, sera très vite rebuté par ces sollicitations intempestives autant qu'inappropriées.

Nous pensons donc qu'un site doit proposer d'entrée de jeu une interface agréable, s'il y a lieu aux couleurs de la compagnie, avec une navigation disposée clairement (selon des normes officieuses mais néanmoins utilisées couramment par les développeurs sérieux qui ont comme objectif de maximiser l'investissement de leurs clients). S'il s'agit d'un site transactionnel, l'accès au panier d'achat ne doit pas être entravé par une succession d'annonces, de spéciaux supplémentaires, qui représentent autant d'obstacles susceptibles de faire déraper la transaction. Sur Internet, ne l'oublions pas, l'utilisateur peut à tout moment jeter son panier et tout ce qu'il contient d'un simple clic. Le visiteur qui vit une expérience agréable, sur un site où tout est mis en œuvre pour maximiser son degré de confiance, sera celui que nous avons le plus de chance de retrouver à la caisse en train de compléter son achat. Tout joue : l'accueil, les couleurs, le design, la surcharge de produits, l'animation (trop ou pas assez), le ton selon le produit (agressif, débonnaire, chaleureux, ‘friendly’); une bonne planification marketing doit prévaloir afin de bien cerner l'utilisateur cible et plus ce dernier est multi, plus le site doit ajuster ses paramètres de communication en fonction de cette diversité.

Références!

Sites d'apprentissage de Photoshop:




http://www.teknopole.com/

Description sommaire : Site en français spécialement dédié à l'apprentissage du logiciel Photoshop. Plusieurs tutoriaux expliqués étape par étape avec des images et possibilité de laisser un commentaire à la fin de chaque exercice. L'interface est simple, minimaliste ce qui permet de se retrouver très facilement et ne perturbe pas nos petits yeux. Il y a, de plus, les sections 'forum' et 'chat' où l'on peut communiquer avec d'autres internautes pour connaître des astuces. La section 'liens' est également très intéressante puisqu'elle permet d'accéder à différents sites abordant les outils pratiques utilisés en graphisme (ex.: les polices de texte, les textures, etc.) Site à découvrir!


http://www.photoshop-school.org

Description sommaire : Site en français avec des exemples vidéos des démarches à suivre. Vraiment génial! Une section spécialement conçue pour les débutants et qui nous apprend à manipuler des images avec la photo d'Angelina Jolie (juste pour cela ça vaut le déplacement!!!eheh). L'interface est ici aussi très minimaliste ce qui rend le site facilement navigable! Site à découvrir absolument!


http://www.emob.fr/dotclear/index.php?Tutoriaux-video


Description sommaire : Blogue en français avec des exemples vidéos des démarches à suivre. Vraiment génial! Très à jour, même en avance! En effet, des tutoriaux permettant de découvrir les nouveautés en vidéo sur Photoshop CS3 sont déjà en ligne. Dans le fond, c'est un site de formation gratuite sur plusieurs logiciels (photoshop, flash, et plus). Dans la bannière du blogue il est d'ailleurs inscrit 'les aventures d'une jeune pousse du e-learning'.



Sites d'apprentissage de la programmation:



http://www.htmldog.com/

Description sommaire : Site très intéressant traitant de HTML et CSS selon les niveaux débutant, intermédiaire et avancé. Le site est en anglais, mais il vaut vraiment le détour. Il est très bien structuré; avec des exemples de codes suite à chaque explication. Vraiment excellent, je vous le conseille.



http://www.biblioscript.com/home/index.shtml

Description sommaire : Site en français qui aborde la programmation à différents niveaux avec des turoriaux sur HTML 4, CSS 2, DHTML, JavaScript 1.3. Le site est très bien structuré et facile d'usage. Une bonne référence à avoir sous la main....ou plutôt sous les yeux!


http://www.webyo.net/


Description sommaire : Site en français vraiment génial Dreamweaver, Flash, Photoshop et Illustrator! 'LE JACKPOT!' Le site est pour les logiciels vraiment bien fait et facilement navigable. En fait, chaque section présentant un logiciel permet d'accéder rapidement, grâce à un menu déroulant en haut de page, àqui offre des tutoriaux l'information que l'on recherche. Plusieurs exemples sont présentés pour chaque turorial. Ce site vaut absolument le détour!

TP1-801

Bonjour!

Dans ce blogue, je parlerai de 'MOI' ! Et bien oui, je me dévoilerai, en partie (évidemment), en vous exposant mes intérêts et mes objectifs dans l'apprentissage de la création web. Par la suite, je vous décrirai les différents ‘acteurs’ de la construction d’un projet web en commerce électronique selon le schéma ci-dessous:

• Producteur
• Directeur (chargé) de projet
• Scénariste
• Expert en contenu
• Correcteur
• Programmeur (intégrateur)
  
• Infographiste
• Webmestre
• Directeur marketing
  
• Directeur ventes
• Animateur 2D et 3D
  

Il est à noter que le titre de ces différents intervenants variebeaucoup dans la littérature et que ce résumé est basé sur des réalités décrites lors du cours 801 et de deux rencontres avec des gens de l’industrie du web. De plus, selon la grandeur de l’entreprise, certains individus polyvalents peuvent être affectés à plus d’une fonction particulière.


Mon profil:

Ayant un esprit un peu plus cartésien qu’artistique, je croyais que c’était plus la programmation qui m’intéressait et correspondait à mon profil. En fait, j'aime beaucoup la logique et avoir la possibilité d'arriver, à l'aide d'algorithmes, à des résultats visuels, ce qui rend l'utilisation des mathématiques encore plus palpitante. Malgré que je n'aie pas de talent artistique particulier, je m'intéresse beaucoup aux arts. Le côté ergonomique tout autant que le côté animation de l'interface me fascinent également. À la limite, la scénarisation pourrait aussi m'intéresser; connaître les différentes stratégies pour attirer le client, c'est stimulant. J'aime bien le travail d'équipe et le 'brainstorming'! Je suis donc ouverte aux multiples possibilités de professions offertes dans le milieu du web, selon les compétences que je développerai bien sûr. J'aimerais bien, en résumé, être assez polyvalente pour avoir aussi la possibilité de travailler de façon autonome. Pour l'instant, si l'on inclut un peu du design à la programmation, je crois que c'est le métier d'intégratrice qui serait le plus approprié pour moi.

Petit train va loin.....

Description des rôles



Producteur : Rôle que l’on associe plus au côté administratif…voire lucratif!
C’est la personne qui est le plus en lien avec le client.


Directeur de projet : Le plus haut chargé de projet qui coordonne soit un ou plusieurs projets et encourage ses ‘troupes’ en supervisant leur travail afin que la demande du client soit remplie adéquatement et à temps. Le directeur doit bien connaître les capacités et les limites de ses ressources. Il est nécessaire également dans le domaine du commerce électronique qu’il connaisse les principaux rivaux de son client, afin de se démarquer de ceux-ci.

Scénariste : Personne qui organise le contenu. Dans les modèles de tutoriaux éducatifs que nous avons vus, cette personne se doit de connaître certaines règles, dans ce cas précis, au niveau de la pédagogie, afin que l’objectif d’apprentissage soit bien atteint. Dans le secteur commercial, le scénariste doit avoir des connaissances sur les stratégies d'interactivité dans le domaine du marketing. Il peut également jouer le rôle d’analyste de contenu en vérifiant que les normes soient respectées et que le public cible soit atteint.


Expert en contenu : Le spécialiste du sujet abordé dans le site web. Ils peuvent travailler en écrivant un texte linéaire sur le sujet et, parfois aussi, en collaborant de façon étroite avec les scénaristes afin que l'information soit bien comprise et traitée adéquatement.


Traducteur : Cette personne traduit le contenu en une autre langue, ce qui est très important pour avoir accès à un plus large public, surtout en commerce électronique web où la mondialisation est plus présente que jamais…

Correcteur : Personne qui s’occupe de la révision linguiste, étape essentielle au professionnalisme du site web.

Programmeur : Le programmeur travaille en quelque sort dans l’ombre ou plutôt à l’arrière-scène de l’interface; c’est grâce à lui que tout fonctionne bien sur le site. Le spécialiste ‘anti-bogue’ par excellence. Il connaît les codes (langages) qui soutiennent le site. Le programmeur connaît les règles de sécurité pour protéger les transactions des clients puis les stratégies pour que le site soit indexé (ou reconnu) par les moteurs de recherche. Il est également sans contredit un indomptable buveur de café. Il est à noter que l’intégrateur en création web porte souvent le chapeau du programmeur tout en connaissant généralement les bases du design.

Infographiste : Le designer graphique du web a un rôle important de conceptualisation, de création. Il possède les connaissances techniques requises pour recréer visuellement les concepts discutés avec les autres membres de l’équipe. Dans le contexte du commerce électronique, il se doit de rendre le site attrayant, afin de capter l’œil de clients potentiels, et ergonomique, afin que la navigation soit efficace.


Webmestre : La plupart du temps c'est le titre associé à l'individu qui suit l’évolution du site en y apportant les changements nécessaires.

Directeur du marketing: Personne qui s'occupe, surtout dans les grandes entreprises, des études de marché et de la promotion du produit.

Directeur des ventes: Personne qui est responsable de la mise en marché du produit et gère le 'service après vente'.

Animateur 2D et 3D: Profession en expansion, l'animateur s'occupe des images animées. Il rend le site attrayant!

Exemple de site très impressionnant dédié au film 'Le labyrinthe de Pan' http://www.lelabyrinthedepan.com


Plusieurs autres professionnels peuvent entrer dans l’équipe d’un site web selon les besoins du client : le preneur de son qui s’assure de la qualité d’enregistrement sonore; le caméraman qui capte les images vidéo; le monteur qui relie les images et le son de façon à ce que tout soit coordonné et fluide; le photographe si l’on veut avoir nos propres photos et ne pas acheter de fournisseurs externes.

La "Bell" Webcam

Bell et la communication

En inventant le téléphone, moyen de communication génial permettant aux êtres humains d'être connectés par la transmission de la voix malgré des kilomètres de distance, M.Bell aurait-il cru à l'inimaginable "Webcam" qui ajoute l'image animée de l'être cher en plus du son de sa voix. Peut-être bien dans ses rêves, mais quoiqu'il en soit, il aura été l'un des précurseurs de l'arrivée de la Webcam dans nos foyers.

Cet article traitera du rôle joué par M.Bell dans l'évolution des télécommunications, d'un bref survol des différents "acteurs" de l'évolution de la reproduction des images fixes à animées puis du début de la Webcam.

"Rien ne se perd, rien ne se crée, tout se transforme." Lavoisier


Tout part de cette loi décrite par le savant Antoine-Laurent Lavoisier (1743-1794). En fait, le principe de la transmission vocale sera basé sur la transformation d'ondes sonores en impulsions électriques qui, après leur voyage le long de fils métalliques (cuivre), seront retransformées en ondes sonores. Plus tard, on verra cette même loi appliquée avec la transformation d'impulsions lumineuses en impulsions électriques reconverties en impulsion lumineuses dans nos téléviseurs!

Le rôle de Bell est donc d'avoir rendu possible en appliquant cette loi la communication entre 2 personnes éloignées et d'avoir ainsi ouvert la voie à l'idéalisation d'une communication sans frontière.

Il faut ajouter une parenthèse. La transmission des ondes ne se fera pas que par les câbles qui limitent l'accessibilité en quelque sorte. En fait suite à la découverte des ondes électromagnétiques par Maxwell (1865) et l'application de cette théorie par Hertz (1888), la transmission par voir aérienne sera exploitée.


Avec toute ces découvertes de formes d'énergie, notre réseau de télécommunication s'est élargi et peut-être schématisé "grossièrement" par l'image suivante:


Un bref rappel historique de l'évolution de la compréhension des images...

Par câble ou par ondes hertziennes, il devient possible à partir du milieu des années 1920 de transmettre non seulement du son, mais également des images et ce, de façon instantanée. La télévision apparaît.

En fait, tout s’est bousculé assez rapidement au niveau visuel depuis la découverte de la persistance rétinienne. Le Docteur Peter Mark Roget découvre en 1824 que la rétine de l’œil humain garde en "mémoire" pendant un court instant (environ un dixième de seconde) une image qui est observée. On en déduit que si le défilement d’une série d’images est supérieur à 10 ips2 (images par seconde) notre cerveau percevra un mouvement continu. L'effet phi , tout aussi important, est également découvert à cette époque . Il correspond à la capacité du cerveau à percevoir du mouvement à partir d’une succession rapide d’images légèrement décalées. À partir de 1825, plusieurs jouets pour enfants donnant l’illusion de mouvement sont créés en appliquant ces deux notions (thaumatrope, phénakistiscope, zootrope, etc…).

En 1826, la première photographie (par exposition au soleil) est réalisée par Joseph Nicéphore Niépce. Ce n’est qu’environ 50 ans plus tard, en 1872, avec Eadweard Muybridge, que l’on commence à prendre des séries de photographies à des intervalles de temps très courts. Le but premier était d’étudier le mouvement des animaux, mais une dizaine d’années plus tard l’idée de la projection de la reproduction du mouvement s’installe….le cinéma approche.

Willoughby Smith montre la photoconductivité du sélénium en 1873.

En 1880, le Français Maurice Leblanc indique les principes de la télévision telle qu'on la connaît aujourd'hui.

En 1884, vient l’invention de la pellicule à émulsion par George Eastman. Au même moment, le premier dispositif pour analyser les images par balayage est inventé par Nipkow; ce balayage sera déterminant pour l’avènement de la télévision.

C’est Louis Aimé Augustin Le Prince avec son dispositif à croix de malte (1888) qui sera considéré comme l’inventeur du cinéma. Il réalisera "Roundhay Garden Scene " le premier film au monde….d’une durée de 2 secondes!

En 1890, Thomas Edison invente le Kinétoscope permettant de projeter le déroulement rapide de photographies prises à intervalles très courts, donnant ici l’impression de mouvement.

En 1897, Ferdinand Braun crée le premier tube cathodique.



En 1904, l’Allemand Korn invente la phototélégraphie. En fait, il parvient à transmettre une photographie par fil téléphonique entre Berlin et Paris.

Vladimir Kosma Zworykin invente, en 1923, l’iconoscope (précurseur de l’image-orthicon ou vidicon), le premier tube transformant les variations de luminosité en variations d’intensité électrique a avoir été utilisé dans les caméras. Cette même année, le tube de dissection de l'image est créé par Philo Taylor Farnsworth.

En 1926, la première diffusion publique d’images télévisées aura lieu.

La télévision (l’appareil) possède un tube-image qui fonctionne à l’inverse de l’iconoscope. En effet, ce tube transforme les impulsions électriques du signal de télévision en faisceaux organisés d’électrons qui en heurtant l’écran produisent de la lumière et une image.

Le système de diffusion de la télévision s’effectue par ondes électromagnétiques et/ou par câbles avec l'ajout d'un signal d’image au signal sonore.


Ce bref rappel historique m’amène à parler d’une récente technologie: la Webcam(era).


L'arrivée de la Webcam




Si SKYPE et MSN messenger nous permettent de trinquer avec des amis en Espagne pour nous réchauffer le cœur l’espace de quelques minutes, est-ce que l’amour à distance y survivra? Là est la vraie question!

La Webcam doit sa lancée à une cafetière, rien de moins! En 1991, des étudiants de l’Université Cambridge(Angleterre) se plaignaient de parcourir plusieurs étages pour se rendre finalement à un cafetière( l'unique du bâtiment selon la légende)vide. Fraser et Jardetzky qui devaient faire également de l’hypersomnie durant leurs cours (c’est une hypothèse personnelle quoique très probable) ont eu la brillante idée de filmer la cafetière et de la brancher sur le réseau informatique local pour avoir un oeil en tout temps sur sa production! Et voilà "XCoffee"! La WebCam est né et on peut trinquer!

Je me permets d'ajouter une petite parenthèse. Il est fascinant d'observer le lien presque mystique entre l’univers informatique et le café. En fait, le langage Java tient son nom d'une bonne sorte de café, le début de la Webcam correspond à "XCoffee" et la poubelle débordante de contenants à café à l’entrée de la classe se passe de commentaires! Bon je crois que je suis due pour un bon café!!

"Tchin-Tchin" !!


Médiagraphie:
http://www.cl.cam.ac.uk/coffee/qsf/coffee.html
http://infos.lagoon.nc
http://www.answers.com/topic/web-cam#after_ad2
Encyclopédie Encarta 2005

BIENVENUE!!

Bienvenue sur le Blogue AEC 10-4 Maisonneuve à l'écoute!

En tant que nouvelle initiée de l'arrière scène du web, j'ai bien hâte d'y voyager et d'y apprendre les nombreuses subtilités et surtout de vous y rencontrer! Au plaisir de partager de nombreuses informations avec vous! Bon voyage à tous!