Second atelier gratuit autour des technologies HTML5 / CSS3 / Javascript organisé par La Coopérative des Tilleuls.
Au menu cette fois-ci une initiation à l'intégration web grâce aux feuilles de style CSS.
Après avoir appris lors du premier atelier à créer et à structurer des pages web grâce à HTML, nous verrons comment les mettre en forme avec les feuilles de style en cascade CSS.
Nous découvrirons ensembles :
- les fondements du langage CSS (syntaxe, cascade, sélecteurs)
- quelques balises et attributs HTML utiles pour la CSS
- le formatage de texte (police, couleur, gras, italique...)
- le positionnement des éléments
- les couleurs et images de fond
Présentation sur les ouitils de communication, abordés dans le cadre du filière Communication et Formation interculturelle 2011/2012, Inalco. Ce sont des ouitils que j'ai utilisé dans le cadre de différents projets tels que : les Roms, la langue romani et la diversité culturelle.
Second atelier gratuit autour des technologies HTML5 / CSS3 / Javascript organisé par La Coopérative des Tilleuls.
Au menu cette fois-ci une initiation à l'intégration web grâce aux feuilles de style CSS.
Après avoir appris lors du premier atelier à créer et à structurer des pages web grâce à HTML, nous verrons comment les mettre en forme avec les feuilles de style en cascade CSS.
Nous découvrirons ensembles :
- les fondements du langage CSS (syntaxe, cascade, sélecteurs)
- quelques balises et attributs HTML utiles pour la CSS
- le formatage de texte (police, couleur, gras, italique...)
- le positionnement des éléments
- les couleurs et images de fond
Présentation sur les ouitils de communication, abordés dans le cadre du filière Communication et Formation interculturelle 2011/2012, Inalco. Ce sont des ouitils que j'ai utilisé dans le cadre de différents projets tels que : les Roms, la langue romani et la diversité culturelle.
Programme développé par Gwénaëlle Marcou et Christophe Litzinger
en collaboration avec
Handicap International - Centre Icom' -
18, rue de Gerland
69007 Lyon
04 72 76 88 44
04 72 76 88 48
f.sodini@handicap-icom.asso.fr
http://www.handicap-icom.asso.fr/
Le Dicom est un logiciel de prédiction de mots pour aider la saisie dans un
traitement de texte (Microsoft Word, Bloc Notes, Wordpad, Office Writer…), et
tout autre logiciel où l'utilisateur peut être amené à écrire au clavier (barre
d’adresse du navigateur internet, formulaires, messagerie instantanée…).
Dicom est un logiciel libre sous licence GNU GPL.
Cadre de référence et interventions en regard de situations de violence auprè...bbesnard
Recherche et conception: Line Jacques,
- Service régional de soutien et d’expertise en déficience intellectuelle
- Direction régionale de Laval, des Laurentides et de Lanaudière
Conception graphique et collaboration à la révision linguistique: Le Porte-mots, Jocelyne Brault
Document très complet pour nous guider lors des signalements à la DPJ.
Pour faciliter la consultation, cliquer sur les liens de la table des matières.
Il a été rédigé en tenant compte des besoins de personnes présentant une déficience intellectuelle. Toutefois, il peut servir de cadre de référence pour toutes personnes.
Ces grilles et tableaux sont très intéressants:
- Tableau 1, p.15: Définitions et indices des situations de violence
- Tableau 2, p.27: Interventions lors d'un soupçon d'une situation de violence
- Annexe C, p.55 : Aide-mémoire au signalement à la DPJ
- Annexe F, p.67 : Rapport 'Description des faits'
Source:
Forum ATENA 2011 – Mythes et légendes des TIC
http://www.forumatena.org/?q=node/12
Licence Creative Commons
- Paternité
- Pas d’utilisation commerciale
- Pas de modifications
Au-delà de la gestion de flux RSS, valoriser sa veilleURFIST de Paris
La veille documentaire a pour objectif de se maintenir informé des évolutions d’un domaine de connaissance mais aussi de faciliter cette posture à d’autres qui vont en bénéficier d’où l’importance de sa valorisation par des canaux de diffusion.
Le portail Netvibes est un exemple de valorisation de la veille par sa diffusion et la session à laquelle fait référence ce support permet de faire connaissance avec ses principes de base. Quelques autres exemples sont également cités.
Toutefois, les flux RSS comme d’autres outils qui permettent de mettre en place une veille en mode « push » génère beaucoup de « bruits ». Les mots « infobésité », « infopollution » ou bien encore « surcharge informationnelle » sont alors souvent cités. L’automatisation et l’accès en continu à des sources d’information qui bien souvent s’alimentent entre elles rendent nécessaire la mise en œuvre le filtrage des résultats à l’issue duquel seules les données situées en aval figureront au titre d’une « veille utile ». Un nouveau mot illustre ce besoin : la curation. Scoop It fait partie de la catégorie d’outils dite de curation qui permettent à la fois de sélectionner l’information et de la publier.
Quelques autres outils de curation sont également évoqués.
Bien qu’indépendante de la formation « Utiliser les flux RSS pour sa veille : choisir son lecteur » cette formation est complémentaire.
Web2.0: Les caractéristiques et les technologies qui définissent la nouvelle ...Jean-Michel Bouffard
Aperçu des caractéristiques qui définissent le web2.0 ainsi que les technologies qui ont permis son évolution. Plusieurs exemples de services Web sont aussi présentés.
Support de formation, guide, manuel, tutoriel.
Créer un portail Web qui permet de rassembler diverses ressources en ligne (sites, moteurs de recherche, flux RSS, comptes, images, etc.) consultables à travers une interface unique.
Programme développé par Gwénaëlle Marcou et Christophe Litzinger
en collaboration avec
Handicap International - Centre Icom' -
18, rue de Gerland
69007 Lyon
04 72 76 88 44
04 72 76 88 48
f.sodini@handicap-icom.asso.fr
http://www.handicap-icom.asso.fr/
Le Dicom est un logiciel de prédiction de mots pour aider la saisie dans un
traitement de texte (Microsoft Word, Bloc Notes, Wordpad, Office Writer…), et
tout autre logiciel où l'utilisateur peut être amené à écrire au clavier (barre
d’adresse du navigateur internet, formulaires, messagerie instantanée…).
Dicom est un logiciel libre sous licence GNU GPL.
Cadre de référence et interventions en regard de situations de violence auprè...bbesnard
Recherche et conception: Line Jacques,
- Service régional de soutien et d’expertise en déficience intellectuelle
- Direction régionale de Laval, des Laurentides et de Lanaudière
Conception graphique et collaboration à la révision linguistique: Le Porte-mots, Jocelyne Brault
Document très complet pour nous guider lors des signalements à la DPJ.
Pour faciliter la consultation, cliquer sur les liens de la table des matières.
Il a été rédigé en tenant compte des besoins de personnes présentant une déficience intellectuelle. Toutefois, il peut servir de cadre de référence pour toutes personnes.
Ces grilles et tableaux sont très intéressants:
- Tableau 1, p.15: Définitions et indices des situations de violence
- Tableau 2, p.27: Interventions lors d'un soupçon d'une situation de violence
- Annexe C, p.55 : Aide-mémoire au signalement à la DPJ
- Annexe F, p.67 : Rapport 'Description des faits'
Source:
Forum ATENA 2011 – Mythes et légendes des TIC
http://www.forumatena.org/?q=node/12
Licence Creative Commons
- Paternité
- Pas d’utilisation commerciale
- Pas de modifications
Au-delà de la gestion de flux RSS, valoriser sa veilleURFIST de Paris
La veille documentaire a pour objectif de se maintenir informé des évolutions d’un domaine de connaissance mais aussi de faciliter cette posture à d’autres qui vont en bénéficier d’où l’importance de sa valorisation par des canaux de diffusion.
Le portail Netvibes est un exemple de valorisation de la veille par sa diffusion et la session à laquelle fait référence ce support permet de faire connaissance avec ses principes de base. Quelques autres exemples sont également cités.
Toutefois, les flux RSS comme d’autres outils qui permettent de mettre en place une veille en mode « push » génère beaucoup de « bruits ». Les mots « infobésité », « infopollution » ou bien encore « surcharge informationnelle » sont alors souvent cités. L’automatisation et l’accès en continu à des sources d’information qui bien souvent s’alimentent entre elles rendent nécessaire la mise en œuvre le filtrage des résultats à l’issue duquel seules les données situées en aval figureront au titre d’une « veille utile ». Un nouveau mot illustre ce besoin : la curation. Scoop It fait partie de la catégorie d’outils dite de curation qui permettent à la fois de sélectionner l’information et de la publier.
Quelques autres outils de curation sont également évoqués.
Bien qu’indépendante de la formation « Utiliser les flux RSS pour sa veille : choisir son lecteur » cette formation est complémentaire.
Web2.0: Les caractéristiques et les technologies qui définissent la nouvelle ...Jean-Michel Bouffard
Aperçu des caractéristiques qui définissent le web2.0 ainsi que les technologies qui ont permis son évolution. Plusieurs exemples de services Web sont aussi présentés.
Support de formation, guide, manuel, tutoriel.
Créer un portail Web qui permet de rassembler diverses ressources en ligne (sites, moteurs de recherche, flux RSS, comptes, images, etc.) consultables à travers une interface unique.
Journée d'étude organisée par l'ADBS et l'ABF Aquitaine sur sur le Web 2.0 : enjeux et usages des bibliothécaires et des professionnels en Information Documentation
Le Comptoir OCTO - Équipes infra et prod, ne ratez pas l'embarquement pour l'...OCTO Technology
par Claude Camus (Coach agile d'organisation @OCTO Technology) et Gilles Masy (Organizational Coach @OCTO Technology)
Les équipes infrastructure, sécurité, production, ou cloud, doivent consacrer du temps à la modernisation de leurs outils (automatisation, cloud, etc) et de leurs pratiques (DevOps, SRE, etc). Dans le même temps, elles doivent répondre à une avalanche croissante de demandes, tout en maintenant un niveau de qualité de service optimal.
Habitué des environnements développeurs, les transformations agiles négligent les particularités des équipes OPS. Lors de ce comptoir, nous vous partagerons notre proposition de valeur de l'agilité@OPS, qui embarquera vos équipes OPS en Classe Business (Agility), et leur fera dire : "nous ne reviendrons pas en arrière".
Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)Laurent Speyser
(Conférence dessinée)
Vous êtes certainement à l’origine, ou impliqué, dans un changement au sein de votre organisation. Et peut être que cela ne se passe pas aussi bien qu’attendu…
Depuis plusieurs années, je fais régulièrement le constat de l’échec de l’adoption de l’Agilité, et plus globalement de grands changements, dans les organisations. Je vais tenter de vous expliquer pourquoi ils suscitent peu d'adhésion, peu d’engagement, et ils ne tiennent pas dans le temps.
Heureusement, il existe un autre chemin. Pour l'emprunter il s'agira de cultiver l'invitation, l'intelligence collective , la mécanique des jeux, les rites de passages, .... afin que l'agilité prenne racine.
Vous repartirez de cette conférence en ayant pris du recul sur le changement tel qu‘il est généralement opéré aujourd’hui, et en ayant découvert (ou redécouvert) le seul guide valable à suivre, à mon sens, pour un changement authentique, durable, et respectueux des individus! Et en bonus, 2 ou 3 trucs pratiques!
L'IA connaît une croissance rapide et son intégration dans le domaine éducatif soulève de nombreuses questions. Aujourd'hui, nous explorerons comment les étudiants utilisent l'IA, les perceptions des enseignants à ce sujet, et les mesures possibles pour encadrer ces usages.
Constat Actuel
L'IA est de plus en plus présente dans notre quotidien, y compris dans l'éducation. Certaines universités, comme Science Po en janvier 2023, ont interdit l'utilisation de l'IA, tandis que d'autres, comme l'Université de Prague, la considèrent comme du plagiat. Cette diversité de positions souligne la nécessité urgente d'une réponse institutionnelle pour encadrer ces usages et prévenir les risques de triche et de plagiat.
Enquête Nationale
Pour mieux comprendre ces dynamiques, une enquête nationale intitulée "L'IA dans l'enseignement" a été réalisée. Les auteurs de cette enquête sont Le Sphynx (sondage) et Compilatio (fraude académique). Elle a été diffusée dans les universités de Lyon et d'Aix-Marseille entre le 21 juin et le 15 août 2023, touchant 1242 enseignants et 4443 étudiants. Les questionnaires, conçus pour étudier les usages de l'IA et les représentations de ces usages, abordaient des thèmes comme les craintes, les opportunités et l'acceptabilité.
Résultats de l'Enquête
Les résultats montrent que 55 % des étudiants utilisent l'IA de manière occasionnelle ou fréquente, contre 34 % des enseignants. Cependant, 88 % des enseignants pensent que leurs étudiants utilisent l'IA, ce qui pourrait indiquer une surestimation des usages. Les usages identifiés incluent la recherche d'informations et la rédaction de textes, bien que ces réponses ne puissent pas être cumulées dans les choix proposés.
Analyse Critique
Une analyse plus approfondie révèle que les enseignants peinent à percevoir les bénéfices de l'IA pour l'apprentissage, contrairement aux étudiants. La question de savoir si l'IA améliore les notes sans développer les compétences reste débattue. Est-ce un dopage académique ou une opportunité pour un apprentissage plus efficace ?
Acceptabilité et Éthique
L'enquête révèle que beaucoup d'étudiants jugent acceptable d'utiliser l'IA pour rédiger leurs devoirs, et même un quart des enseignants partagent cet avis. Cela pose des questions éthiques cruciales : copier-coller est-il tricher ? Utiliser l'IA sous supervision ou pour des traductions est-il acceptable ? La réponse n'est pas simple et nécessite un débat ouvert.
Propositions et Solutions
Pour encadrer ces usages, plusieurs solutions sont proposées. Plutôt que d'interdire l'IA, il est suggéré de fixer des règles pour une utilisation responsable. Des innovations pédagogiques peuvent également être explorées, comme la création de situations de concurrence professionnelle ou l'utilisation de détecteurs d'IA.
Conclusion
En conclusion, bien que l'étude présente des limites, elle souligne un besoin urgent de régulation. Une charte institutionnelle pourrait fournir un cadre pour une utilisation éthique.
OCTO TALKS : 4 Tech Trends du Software Engineering.pdfOCTO Technology
En cette année 2024 qui s’annonce sous le signe de la complexité, avec :
- L’explosion de la Gen AI
-Un contexte socio-économique sous tensions
- De forts enjeux sur le Sustainable et la régulation IT
- Une archipélisation des lieux de travail post-Covid
Découvrez les Tech trends incontournables pour délivrer vos produits stratégiques.
Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...OCTO Technology
Par Nicolas Bordier (Consultant numérique responsable @OCTO Technology) et Alaric Rougnon-Glasson (Sustainable Tech Consultant @OCTO Technology)
Sur un exemple très concret d’audit d’éco-conception de l’outil de bilan carbone C’Bilan développé par ICDC (Caisse des dépôts et consignations) nous allons expliquer en quoi l’ACV (analyse de cycle de vie) a été déterminante pour identifier les pistes d’actions pour réduire jusqu'à 82% de l’empreinte environnementale du service.
Vidéo Youtube : https://www.youtube.com/watch?v=7R8oL2P_DkU
Compte-rendu :
4. Dashboard
• web 2.0 explosion des sources d’information
Difficulté de gérer le nombre important d’informations
création d’un outil permettant de gérer et visualiser
tous les flux tableau de bord (« dashboard » en Anglais)
Dashboard = informations + services dans un même espace
Flux RSS, emails, réseaux sociaux, actualité, applications en ligne…
4
5. Usages
widgets nombreux + dashboards personnalisables multitude d’usages
Netvibes utilise les fonctionnalités du web 2.0 et permet entre autres :
d’agréger l’information et les services, de diffuser du contenu multimédia /
hypermédia, participer à un réseau social…
• Créer une page personnelle et une page publique
• Effectuer une veille
• Contribuer à la communauté des utilisateurs et faciliter la mutualisation
de l’information
• Rechercher des informations
• Diffuser des informations
• Partager des informations
• Créer un bureau virtuel
Chaque page publique constitue une ressource d’information potentielle dans
laquelle on peut puiser pour alimenter sa propre page.
5
6. Définitions
• Dashboard : « tableau de bord », terme qui désigne une page Netvibes.
• Widget : module pouvant avoir diverses fonctions qu’on peut ajouter à sa
page Netvibes.
• AJAX : combinaison de plusieurs technologies : le html, le css, javascript, le
xml et le http. Cette technique permet d'actualiser une page sans la
recharger complètement.
• API : Interfaces qui simplifie la programmation. Les API permettent de
lancer une application depuis un navigateur.
• RSS : technologie utilisée pour relayer une information automatiquement.
• Mashup : construction d’une page web ou d’une application en combinant
plusieurs applications en ligne.
• RIA : service web exécutable depuis un navigateur offrant les mêmes
fonctionnalités qu’un logiciel nécessitant une installation.
• Dashboarding : utilisation des dashboards.
6
7. Pour commencer
• Aller sur le site internet de Netvibes : www.netvibes.com/fr .
• L’écran d’accueil vous invite à choisir le thème de votre future
page. En effet, Netvibes vous permet de créer des pages sur…
7
32. Mail d’activation
Après avoir rempli le formulaire
d’inscription, vous recevez un email
pour valider votre inscription.
Ouvrez le message de Netvibes et
cliquez sur le lien « Confirmer mon
adresse email » (encadré en rouge ci-
contre) pour valider votre inscription.
Votre inscription est alors effective ;
vous pouvez sauvegarder votre page
et accéder aux options avancées de
personnalisation.
32
33. Les options
Vous accédez aux options à partir
du menu en haut à gauche de
votre écran, en jaune ci-dessus (cf.
partie interface).
Les options vous permettent de
configurer l’apparence de votre
tableau de bord.
Vous pouvez activer ou désactiver
l’affichage de certains éléments ou
certaines options dans les
paramètres généraux.
« Contenu local » et « Langues »
regroupent les options régionales
comme la langue de l’interface…
33
34. Personnaliser sa page
Dans la galerie, vous
pouvez choisir parmi les
thèmes existants, créés
par d’autres utilisateurs.
Ils peuvent être affichés
par sujet ou par couleur.
34
35. Personnaliser sa page
Dans « Personnaliser »,
vous pouvez modifier le
thème que vous avez
sélectionné.
Vous pouvez modifier
les couleurs de l’arrière
plan et du titre, insérer
une image…
35
36. Ajouter du contenu
Pour ajouter un widget à votre
page, cliquez sur ajouter,
dessous l’icône du module, ou
faites glisser l’icône jusqu’à
l’endroit où vous souhaitez
placer l’élément.
Pour ajouter un fil RSS, récupérer d’abord
son adresse URL et copiez la dans le
champ. Cliquez ensuite sur ajouter un flux.
Le fil RSS apparait alors sous forme
d’icône. Procédez comme pour les widget
pour le placer sur votre page.
36
37. Exemple de page publique
Vous trouverez un exemple de page publique à l’adresse
suivante :
http://www.netvibes.com/mickaelboussard29#General
37
38. Merci de votre attention.
Mickaël BOUSSARD
UE 308 – Communication Web
Licence Professionnelle Servicetique AMO
Université de Limoges
Mars 2011