Défi 5 - Comment apporter des changements au blogue

Comment mettre une shoutbox sur son blogue (ou mini-tchat)

1ière étape
Allez sur ce site et inscrivez-vous :
http://www.i-tchat.com/index.html

2ième étape
Connectez-vous

3ième étape
Cliquez sur le lien configuration qui se trouve dans le menu de gauche.
Parcourez les 3 onglets : Options, Couleurs & thème et Smileys afin de personnaliser votre shoutbox.

4ième étape
Cliquez sur le lien Codes HTML qui se trouve dans le menu de gauche.
Entrer les informations désirées pour la mise en forme de votre shoutbox.

5ème étape
Cliquez sur générer le code

6ième étape
Cliquez sur copier ce code dans le presse-papier

7ième étape
Collez le code dans votre blogue à l’endroit désiré (assurez-vous d'être dans la section body)

Si vous désirez mettre votre shoutbox sous le logo de blogger comme moi alors, vous devez ajouter votre code sous ce code :

(Cliquez sur l’image pour l’agrandir afin de bien voir le code)


La partie surlignée en jaune est le code da ma shoutbox

Voilà



Comment changer l'image des puces:

Dans le code suivant,
ajouter l'url de votre image où il y a du texte en rouge.

.post li {
line-height:1.5em;
list-style:none;
background:url("ajouter l'url de votre image ici") no-repeat 0px .3em;
vertical-align:top;
padding: 0 0 .6em 17px;
margin:0;
}

Vous devez faire la même chose avec ce code :

.comment-poster {
background:url("http://www.kariana.ca/college/list_icon.jpg") no-repeat 2px .35em;
margin:.5em 0 0;
padding:0 0 0 20px;
font-weight:bold;
}

Défi 4

Travail de recheche effecté par Élisabeth Parent et Nathalie Daigle

SPA Relais Santé

Nous avons été marquées par ce site dès le premier coup d’œil par son aspect chaleureux et invitant. C’est donc avec enthousiasme que nous avons débuté notre excursion du site « SPAS Relais Santé ». Nous avons été charmées par la facilité d’utiliser ce site et de s’y retrouver. Voici donc les raisons qui nous motivent à juger ce site ainsi :

1. Environnement bien divisé et structuré
2. Facile de localiser les liens nécessaires pour obtenir l’information désirée
3. Offre un plan du site
4. L’information pour entrer en contact avec eux est facile à repérer
5. Temps d’affichage écran très rapide et ce, malgré le grand nombre d’images
6. Plusieurs outils pour rechercher sur tout le site sont offerts
7. Lien pour basculer du site français au site anglais
8. La politique de livraison pour les items de la boutique est accessible bien avant de procéder à l’achat
9. Facile de supprimer un item du panier
10. Options clairement identifiées pour le panier d’achat
11. Outil pour imprimer la page en format simple
12. Historique des pages visitées
13. Le formulaire d’achat est protégé et encrypté. La sécurité de vos informations durant leur transmission sur Internet est assurée par le protocole SSL (Secure Socket Layer). La présence d'un cadenas en bas du navigateur confirme l'utilisation de ce protocole.

Scrapbookerie

À notre première visite sur ce site, nous avons hésité à poursuivre notre analyse pour celui-ci, croyant que nous étions sur un site qualifié d’utilisable. Mais nous avons bien fait de poursuivre notre visite. La page d’accueil très chaleureuse cache un site que nous jugeons plutôt difficile à utiliser. Voici donc les raisons qui nous motivent à juger ce site ainsi :

1. Pas de plan du site
2. Pages beaucoup trop chargées d’informations
3. Pas de constance dans le site d’une page à l’autre
4. Texte écrit trop petit à plusieurs endroits
5. Certaines sous-catégories ne sont pas clairement visibles en tant qu’hyperlien
6. La zone du panier à droite de l’écran charge inutilement la fenêtre
7. Aucune information ne précise le type de mot de passe nécessaire lors de la création du compte
8. Lorsque nous effectuons une recherche, le résultat de celle-ci s’affiche en anglais et ce, même si nous sommes dans l’environnement français du site.

Afin de valider ou d’invalider nos remarques, nous avons procédé par un sondage de 15 questions, celui-ci ayant été utilisé de 3 façons différentes avec un échantillonnage total de 15 candidats :

• Sondage par entrevue téléphonique (5 candidats)
• Sondage papier (5 candidats) – téléchargez le sondage (format Microsoft Word)
• Sondage par observation (5 candidats)

Voici la compilation de notre sondage :

Sexe


Groupes d’âge


Nationalités


Question # 1 : Accès aux principales sections du site depuis la page d’accueil


Question # 2 : Mise en page claire


Question # 3 : Site facile d’utilisation


Question # 4 : Qualité et clarté du texte


Question # 5 : Facilité de trouver les coordonnées de l’entreprise


Question # 6 : Processus d’achat simple et rapide


Question # 7 : Outil de recherche simple et disponible


Question # 8 : Qualité de l’outil de recherche sur le site


Question # 9 : Temps de téléchargement


Question # 10 : Plan du site clair et accessible


Question # 11 : Facilité de création d’un compte client


Question # 12 : Site fonctionnel sans l’utilisation de plugiciels externes (ex : Flash, QuickTime)


Question # 13 : Site sécuritaire pour vos transactions


Question # 14 : Informations désirées accessibles sans contacter le service à la clientèle


Question # 15 : La qualité et la quantité des images Évaluation globale



Spas Relais Santé - Appréciation des candidats par:

Sexe


Groupes d'âge


Nationalité



Scrapbookerie – Appréciation des candidats par groupes d'âge

Sexe


Groupes d'âge


Nationalités


Évaluation globale des deux sites


Conclusions

Suite aux sondages effectués, nos jugements initiaux sont confirmés c’est-à-dire que le site du SPA Relais Santé en est un d’utilisable alors que le site de la Scrapbookerie est un peu plus difficile d’utilisation. Toutefois, un point serait à améliorer soit le bas des menus qui est parfois caché par la photo centrale centre avec lorsque nous utilisons le navigateur Firefox.

Lors des tests où nous devions évaluer les réactions verbales et non verbales des testeurs, nous avons noté, pour le site de la Scrapbookerie, que plusieurs d’entre eux devaient se rapprocher de l’écran, et ce, à plusieurs reprises afin de bien visualiser la section du menu de gauche. De plus, nous avons noté une grande utilisation du bouton « précédent » du navigateur au détriment du menu qui est, selon eux, difficile d’utilisation (taille du texte et texte trop long). Nous avons également noté un manque d’intérêt occasionné par la surcharge cognitive du site en général. Malheureusement, le site n’est pas à l’image de la page d’accueil principale de celui-ci.

Nous avons remarqué que les utilisateurs qui utilisent moins l’internet semblent moins exigeants à l’égard de la mise en page et de l’évaluation générale de sites. Ils semblent également plus patients lorsqu’ils doivent chercher de l’information. De plus, ils ne connaissent pas la fonction « Plan du site ».

Plusieurs testeurs nous ont mentionné avoir adoré les photos sur le site du SPA Relais Santé mais qu’ils auraient aimé en avoir un peu plus particulièrement dans la section des forfaits. De plus, l’un des PDF s’affichent à l’envers. Dans le site de la Scrapbookerie il n’y a pas de vérification de l’adresse courriel lors de la création de compte ouvrant la porte à une erreur de frappe possible, ce qui pourraient occasionner un problème lors de la confirmation d’un achat.

Défi 3 - La boite à outils

Voici une petite liste de liens utiles

HTML débutant

chatinais
Très bon site pour apprendre. Il y a une section comment commencer, des définitions, des conseils et bien plus encore !!! Le tout très bien structuré dans un magnifique tableau.


CSS débutant

aidenet.com
Site comprenant plusieurs tutoriaux sur le CSS bien répertoriés par catégories et sous catégories. Voici un exemple :

Mise en forme de la police
06a- Font-family Propriété pour choisir la police.
06b- Font-size Propriété pour le corps (taille de la police).
06c- Font-style Propriété pour l'italique.
06d- Font-variant Propriété pour le texte en petites majuscules.
06e- Font-weight Propriété pour la graisse de la police (poids).
06f- Font-stretch Propriété pour l'étirement de la police

Alsacreations
Très bon site pour comprendre le positionnement des éléments et créer des menus simples en CSS. Il y a également une galerie comprenant des dizaines de gabarits en XHTML pour construire vos sites sans tableaux et des menus de toutes sortes pour vous inspirer (simples, graphiques, déroulants,...)

Tutoriaux photoshop cs,s2

Tutomania
Sur ce site, vous trouverez 288 tutoriaux réalisable avec Photoshop dans différentes catégories :

• Effets (28 articles)
  Divers effets et maniement de texte sous Photoshop !


• Interface (20 articles)
  Vous trouverez ici tous les tutoriaux relatifs à la création d'interface sous Photoshop, menu, boutons etc.!


• Texte (18 articles)
  Apprenez à réaliser différents effets de texte.


• Texture (18 articles)
  Tutoriaux sur les textures en tout genre sur Photoshop.


• Vrac (30 articles)
  Tutoriaux en vrac ne correspondant pas aux autres sections.

Photoshop-creation.com
Voici un autre site comprenant 119 tutoriaux photoshop. Ce dernier vous permet de trier les tutoriaux soit par niveaux de difficulté, par temps de réalisation ou par dates.

Voici quelques exemples de tutoriaux que vous y retrouverez :
Modifier les brushs originales de photoshop.
Créer un gif animé avec photoshop et ImageReady.
Utiliser le transfert de dégradé en créant un fond.
Créer une loupe et son effet grossissant.
Donner un effet 3D à vos photos
Utiliser le filtre extraire pour changer le fond d'une image.
Créer une ombre réaliste.
Utiliser le mode masque de photoshop CS2

Dezign-Box
Voici un super forum ou vous y trouverez de l’aide et des tutoriaux sur Photoshop, Flash, Illustrator et bien plus encore !!! Vous pouvez également soumette votre site à la critique...
Il y a même une section : Emplois - Stages – Formations!

Travail Pratique 1 - 582-801-MA

Voici les différentes implications et responsabilités des diverses positions possibles dans le cadre de la production et la maintenance du site de commerce électronique.

1) Concepteur Web/Webmestre d’un site de commerce électronique

2) Chargé de projets web

3) Intégrateur / programmeur Web

4) Directeur artistique

5) Designer Web

6) Concepteur graphique

7) Les postions qui m’intéressent



1) Concepteur Web/Webmestre d’un site de commerce électronique
Voici les différentes tâches effectuées par un Concepteur Web/Webmestre :
- Création, développement et administration de sites Internet.
- Développement d’architecture et d’arborescence de site.
- Développement de bases de données relationnelles.
- Mise en place de moteurs de recherche internes efficaces.
- Positionnement avantageux dans les moteurs et annuaires Web.
- Migration de sites et transfert de données.
- Soutien et formation aux employés.
- Mise en pratique d’applications SMS, audio, vidéo.
- Développement et réalisation d’outils de vente et de e-marketing efficaces et sécuritaires.
- Mise en place d’outils d’analyse statistique : audience, fréquentation, indice de popularité.
- Mise en place d’un système d’autoarchivage et d’autopublication en ligne.
- Mise en place d’interfaces souples pour mise à jour à distance.
- Mise en place d’outils de conversion de fichiers pour faciliter leur mise en ligne.
- Mise en place de systèmes efficaces d’envoi de courriels (type newsletter).

2) Chargé de projets
Le gestionnaire de projets veille à assurer le succès des projets pour lesquels il est mandaté. Il est responsable de la gestion des ressources, de la gestion des budgets ainsi que de l’échéancier. Il gère également les activités de planification et de développement des projets Web et promotionnels.

3) Intégrateur / programmeur Web
L’Intégrateur / programmeur Web développe divers environnements Web (Flash/Java script). Intègre des contenus et des designs. Participe à la création, au développement, à la programmation et à l’intégration des différentes applications Web.

4) Directeur artistique
Le directeur artistique est responsable du design artistique, de l’élaboration des concepts jusqu’à la production des solutions de communications des clients. Il agit également comme pilote de l’équipe de création et peut parfois participer à la production. Il doit également participer à la conception des stratégies d’offres de services et effectuer des présentations aux clients.

5) Designer Web
Le Designer Web est en charge du design graphique, de l’élaboration des concepts et de la production des différents projets web.

6) Concepteur graphique
Comme son nom l’indique, le concepteur graphique à pour tâches de concevoir, produire et intégrer des éléments graphiques pour le web : maquettes web, bannières, traitement de photos, etc.

7) Les positions qui m’intéressent

Après ma formation, j’aimerais continuer d'occuper la fonction de Webdesigner à mon compte, parce que j’aime accomplir des tâches variées. Cela me permet de faire de la conception, du design et de la maintenance de sites Internet. Ce que j'apprécie le plus est d'avoir un contact direct avec mes clients et de pouvoir laisser libre cours à mon esprit créatif. Relever des défis en concevant des sites plus complexes comprenant de la programmation est également très important pour moi.

De plus, le fait de pouvoir travailler à contrat chez moi me permet de concilier ma vie familiale, mon élevage de chats et mon travail.

Évolution du Système de positionnement global (Global Positioning System), ou le GPS, comme on l'appelle couramment

Histoire

Dès les années 1960, la marine américaine a, pour la première fois, utilisé un réseau de satellites pour la navigation. Ce système a bien fonctionné durant des années, mais il vint un temps où les informations exactes étaient requises plus rapidement que le système ne pouvait les fournir et pour cette raison on a entrepris la mise au point du Système de positionnement global (GPS) à la fin des années 1970. Vers le milieu des années 1980, le nombre de satellites a été suffisant pour commencer à offrir un service et, en 1993, le GPS était fin prêt.

Le système appartient au ministère américain de la défense (United States Department of Defense, DoD) qui l'exploite et le contrôle.

En effet, la qualité du signal du GPS a été dégradée volontairement par les Etats-Unis. Jusqu'au mois de mai 2000, la précision d'un GPS en mode autonome était alors d'environ 100 mètres. Depuis l'arrêt de ce brouillage volontaire, voulu par le président américain Bill Clinton, la précision est de l'ordre de 5 à 15 mètres.

Utilités

Le GPS rend possible les systèmes de localisation automatique et de navigation des véhicules, lesquels sont d’usage courant dans le monde actuel. En combinant la technologie de positionnement du GPS à des systèmes de visualisation d’informations géographiques capables de transmettre automatiquement des données ou d’afficher des informations sur un écran d’ordinateur, on crée une nouvelle dimension des transports par voie de surface.

Voici d’autres exemples :

L’agriculture
Grace aux tracteurs équipés d’un récepteur GPS, tout le processus, de l’aplanissement du sol à l’ensemencement et à l’irrigation, se fait beaucoup plus efficacement qu’autrefois.

La protection du public et secours aux sinistres
Il permet d’acheminer les secours plus rapidement, avec une plus grande précision, ce qui sauve des vies et accélère la remise en état de l’infrastructure critique.

Il fournit des données de positionnement utiles à la cartographie des zones sinistrées là où ce type de renseignements serait autrement minime, voire nul.

Il rehausse la capacité de prédiction des crues, de la surveillance des précurseurs et des phénomènes sismiques.

Il fournit des données de positionnement relatives aux individus équipés d’un téléphone portable ainsi qu’aux véhicules en cas d’urgence.

Les loisirs
La technologie du GPS conjuguée à la cartographie électronique a aidé à surmonter bien des difficultés associées à l’exploration sans limites. Equipés de combinés GPS, les randonneurs peuvent s’engager en toute confiance sur les pistes en sachant précisément où ils se trouvent à tout moment et comment retourner à leur point de départ.

Un avantage des nouveaux récepteurs GPS : ils permettent le transfert et la saisie de données sur un ordinateur. Les adeptes de la nature peuvent ainsi télécharger des sites intéressants et attractifs dans un itinéraire passionnant et les partager avec d’autres.


L’avenir du GPS

Les Etats-Unis sont attachés à un vaste programme de modernisation du GPS, lequel prévoit notamment l’ajout d’un deuxième signal civil, voire même un troisième. Le second signal civil améliorera la fiabilité du service civil, il présentera de l’intérêt pour certaines applications relatives à la sécurité de la vie. Le troisième signal rehaussera d’autant plus la capacité civile, il sera réservé principalement aux applications critiques sur le plan de la sécurité de la vie, notamment dans l’aviation.

Le GPS est une composante essentielle des futurs « Systèmes intelligents de transport » (ITS, Intelligent Transportation Systems). L’ITS englobe un large éventail de technologies fondées sur les communications en matière d’information et d’électronique. Des recherches sont en cours dans le domaine des systèmes avancés d’assistance à la conduite, par exemple pour éviter les collisions quand un conducteur quitte la route ou qu’il change de couloir de circulation. Ces systèmes doivent être capables d’estimer la position d’un véhicule, à dix centimètres près, par rapport à la file dans laquelle il se trouve et celui du bord de la route.

« On peut imaginer un monde du XXIe siècle couvert par un GPS renforcé et maillé d’un réseau de communications numériques mobiles, dans lequel les avions et les autres véhicules se déplacent dans des « tunnels virtuels », pistes imaginaires tracées dans l’espace qui sont continuellement optimalisées pour tenir compte de la météo, de la circulation et d’autres facteurs. Des véhicules robotisés accomplissent toutes sortes de fonctions en matière de construction, de transport, d’exploitation minière et de travaux de terrassement, travaillant jour et nuit sans avoir besoin de repos. »


Médiagraphie

http://www.gps.gov/french.html

http://www.geod.nrcan.gc.ca/geodesy/gps/gps0204_f.php

http://fr.wikipedia.org/wiki/Global_positioning_system

Bienvenue

Je vous souhaite la bienvenue sur mon tout premier blogue.
J'espère que vous aurez autant de plaisir à le visiter que moi en le concevant !

Au plaisir de vous lire.


(\__/)
(='.'=)
(")_(")___)

Elisabeth