Qu’est-ce qui fait une bonne page Web ?

Une page Web est un document numérique unique.

Il est stocké sur un serveur Web connecté à Internet et peut être consulté sur un navigateur Web. Il constitue une petite partie de la toile mondiale.

Un site Web est typiquement une collection de pages Web connectées et chaque page Web a sa propre adresse Web unique.

Il y a beaucoup de choses à penser quand vous construisez un site Web.

Comment créer une page Web ?

La construction d’un site Web est beaucoup plus facile à réaliser aujourd’hui qu’elle ne l’était dans le passé. Il existe de nombreux sites en ligne qui vous aideront à créer vos propres pages Web et sites Web.

L’attribut alt de cette image est vide, son nom de fichier est SNT-Web-02-1024x883.jpg.

Si vous pouvez utiliser un logiciel de publication assistée par ordinateur et savoir comment insérer des images, vous serez en mesure de créer une page Web.

Vous devez ensuite télécharger vos pages sur un serveur Web. Le serveur stockera vos pages en ligne, ce que l’on appelle l’hébergement. Il vous fournira également une ” URL ” ou adresse de site Web que les gens pourront utiliser pour trouver votre site.

Et le codage ?

Vous n’avez pas besoin d’écrire du code pour créer un site web. Cependant, il peut parfois être utile de comprendre ce qui se passe ” derrière ” votre page Web.

HTML

HTML (Hypertext Markup Language) est utilisé pour décrire la structure et le contenu d’une page Web.

L’attribut alt de cette image est vide, son nom de fichier est SNT-Web-01-1024x689.jpg.

Voici un exemple de HTML :

L’attribut alt de cette image est vide, son nom de fichier est SNT-Web-03.jpg.

Dans cet exemple,'<h1>’ signifie que le texte entre parenthèses est un titre,'<p>’ est utilisé pour créer un paragraphe de texte et ‘img src’ est l’abréviation de l’image source. Dans ce cas, l’image s’appelle ”tree.jpg” et aura une largeur de 200 pixels.

CSS

CSS signifie Cascading Style Sheets (feuilles de style en cascade). Ceux-ci peuvent être utilisés pour décrire à quoi doivent ressembler les parties de la page Web. Vous pourriez par exemple vouloir utiliser une police ou une mise en page particulière sur votre page Web.

Comment fonctionne Internet ?

Le réseau informatique mondial appelé Internet fait partie de notre vie quotidienne à la maison et à l’école.

Il est composé de millions d’ordinateurs dans le monde entier qui sont connectés numériquement les uns aux autres par câble, fibre ou liaison sans fil. Vous pouvez utiliser Internet pour naviguer sur des sites Web, communiquer avec les gens, télécharger des images et des vidéos, écouter de la musique ou faire beaucoup d’autres choses incroyables.

Mais vous êtes-vous déjà demandé comment fonctionne Internet ?

Faire une demande

Comment l’information circule-t-elle sur Internet ?

Imaginons que vous visitez une page Web avec une image. Comment l’image parvient-elle à votre ordinateur ?

Envoi d’une demande

L’image est hébergée sur un serveur web. Votre ordinateur envoie une requête au serveur web pour l’image.

La demande est envoyée dans un “paquet“. Un paquet est comme un colis virtuel auquel sont attachées de nombreuses informations importantes. Les deux informations les plus importants sont l’adresse IP du serveur web sur lequel l’image est stockée et l’adresse IP de votre ordinateur.

Des ordinateurs spéciaux appelés routeurs, et des dispositifs appelés commutateurs, dirigent le paquet de votre ordinateur vers le serveur Web. Le serveur web peut se trouver à proximité ou à l’autre bout du monde.

Dans le monde entier

Le paquet peut être envoyé à travers le monde par des câbles à fibre optique sous la mer ou même par satellite.

]

Lorsque vous ouvrez une page Web ou un fichier sur Internet, une demande est envoyée à un serveur Web. Les fichiers plus volumineux comme les vidéos prennent généralement plus de temps à arriver que les images et le texte.

Réception de l’information

Maintenant que le paquet est arrivé, le serveur web l’ouvre et lit la demande de votre ordinateur, dans ce cas-ci : ” Veuillez m’envoyer cette image “.

Les images sont souvent assez grandes et doivent donc être divisées en beaucoup de paquets, souvent des centaines ou des milliers. Tous ces paquets contiennent des informations sur la façon dont ils doivent être assemblés de nouveau, ainsi que sur leur destination et leur provenance.

Différents itinéraires

Le serveur Web renvoie ces paquets à votre ordinateur et, une fois de plus, les routeurs et les commutateurs les dirigent.

Les routeurs essaient de trouver l’itinéraire le plus rapide possible pour chaque paquet. Il se peut qu’ils prennent des itinéraires différents et qu’ils n’arrivent pas dans le même ordre que celui dans lequel ils ont été envoyés.

Remise en place des paquets

Maintenant que tous les paquets ont été reçus, les informations qui y sont attachées indiquent à votre ordinateur comment les assembler à nouveau et l’image s’affiche sur votre écran.

L’attribut alt de cette image est vide, son nom de fichier est SNT-Internet-02-1024x883.jpg.

Une fois que tous les paquets de données ont été reçus,

le fichier s’affiche sur votre écran.

Soustraction des couleurs

Synthèse soustractive des couleurs. Le cyan, le magenta et le jaune constituent les couleurs primaires de la synthèse soustractive.

Cliquer puis faire glisser les disques colorés.

Extrait du programme de SNT

Cet article peut être un élement de cours sur la photographie numérique du programme d’enseignement commun en seconde de SNTSciences numériques et technologie

Contenus Capacités attendues
Photosites, pixels, résolution (du capteur, de l’image), profondeur de couleur Distinguer les photosites du capteur et les pixels de l’image en comparant les résolutions du capteur et de l’image selon les réglages de l’appareil.
Métadonnées EXIF Retrouver les métadonnées d’une photographie.
Traitement d’image Traiter par programme une image pour la transformer en agissant
sur les trois composantes de ses pixels.
Rôle des algorithmes dans les appareils photo numériques Expliciter des algorithmes associés à la prise de vue.
Identifier les étapes de la construction de l’image finale.

Vous trouverez l’ensemble du programme en cliquant ici.

Filtres photo

Exemple réel de synthèse soustractive. Vous pouvez sélectionner différents filtres en cliquant dessus puis observer leur action en survolant la photo.

Les filtres ‘couleurs primaires’ ne laissent passer que leur couleur. Les filtres ‘couleurs complémentaires’ laissent passer deux couleurs primaires.

Cliquer puis faire glisser le filtre sélectionné sur l’image.

 

Extrait du programme de SNT

Cet article peut être un élement de cours sur la photographie numérique du programme d’enseignement commun en seconde de SNTSciences numériques et technologie

Contenus Capacités attendues
Photosites, pixels, résolution (du capteur, de l’image), profondeur de couleur Distinguer les photosites du capteur et les pixels de l’image en comparant les résolutions du capteur et de l’image selon les réglages de l’appareil.
Métadonnées EXIF Retrouver les métadonnées d’une photographie.
Traitement d’image Traiter par programme une image pour la transformer en agissant
sur les trois composantes de ses pixels.
Rôle des algorithmes dans les appareils photo numériques Expliciter des algorithmes associés à la prise de vue.
Identifier les étapes de la construction de l’image finale.

Vous trouverez l’ensemble du programme en cliquant ici.

Objets connectés : quels impacts ? 3/5

Cliquez sur l’image pour voir la vidéo.

Equipements pour la maison, outils pour le bien-être et la santé ou simple gadget ?

L’objet connecté est un objet auquel l’ajout d’une connexion Internet apporte une valeur supplémentaire en termes de fonctionnalité, d’information et d’interaction avec les usages. Apparus sur le marché, il y a une petite dizaine d’années, ces derniers ne cessent d’augmenter : 4 milliards en 2010 contre 15 milliards en 2016. Un  véritable phénomène qui ne compte pas s’arrêter là. D’ici 2020, chaque personne détiendra environ 6 objets connectés…Ce développement induit également de nombreux changements : notamment sur le marché de la réparation. En effet, grâce à l’augmentation de la connexion des produits, il est possible d’intervenir avant que la panne ne se déclenche ! Les capteurs et applications intégrés dans l’électroménager, par exemple, peuvent indiquer qu’il va falloir le réparer, ou même vous informer des améliorations à apporter ou des ajustements d’utilisation à faire pour maintenir vos produits en bon état et ainsi anticiper de potentiels dysfonctionnements. Par exemple, si vous mettez trop de lessive dans votre lave- linge (ce qui est susceptible d’entrainer une panne), votre appareil est en mesure de vous le dire !

L’autre “révolution” concerne la réparation à distance ! Avec le “tout électronique”, les réparateurs n’auront plus forcément besoin de se déplacer. Certaines pannes pourront se résoudre via les hotline pour tout ce qui est diagnostics, voire réparations à distance, le tout grâce à la connectivité. A ce titre, les métiers de la réparation vont évoluer, se décloisonner. Les activités traditionnelles vont se combiner à de nouveaux profils avec de nouveaux métiers et une compétence élargie.

Jusqu’à aujourd’hui, un professionnel seul peut connaître tout d’un produit. On va voir davantage se développer un collectif de réparateurs en interaction permanente avec tout un écosystème et un environnement.

Source : Objets connectés : quels impacts ? avec l’ADEME | Institut national de la consommation

Ecran couleur

La reconstitution des couleurs est basée sur la synthèse additive des couleurs. Les curseurs glissants permettent de régler les niveaux d’intensité pour chaque couleur (Rouge, Vert, Bleu).

Rouge, Vert et Bleu sont les trois couleurs primaires. Comme l’indique la simulation synthèse additive des couleurs, leur mélange permet de générer quatre autres couleurs: Le cyan (vert+bleu), le magenta (bleu + rouge), le jaune (rouge + vert) et le blanc (somme des trois). Depuis la fin du XIXe siècle, nous savons qu’il est possible de générer toutes les couleurs connues en jouant sur les intensités de ces couleurs primaires. Cela permet de générer toutes les couleurs de l’arc en ciel comme l’illustre cette autre simulation: RVB.

Faire glisser le  pour modifier l’intensité de la couleur correspondante.

 

Les écrans affichent des images couleurs à partir de ce principe de colorimétrie nommé trichromieC’est aussi de cette façon que notre oeil perçoit les couleurs.

Extrait du programme de SNT

Cet article peut être un élement de cours sur la photographie numérique du programme d’enseignement commun en seconde de SNTSciences numériques et technologie

Contenus Capacités attendues
Photosites, pixels, résolution (du capteur, de l’image), profondeur de couleur Distinguer les photosites du capteur et les pixels de l’image en comparant les résolutions du capteur et de l’image selon les réglages de l’appareil.
Métadonnées EXIF Retrouver les métadonnées d’une photographie.
Traitement d’image Traiter par programme une image pour la transformer en agissant
sur les trois composantes de ses pixels.
Rôle des algorithmes dans les appareils photo numériques Expliciter des algorithmes associés à la prise de vue.
Identifier les étapes de la construction de l’image finale.

Vous trouverez l’ensemble du programme en cliquant ici.

Show Buttons
Hide Buttons
Translate »