Lorsque, en 1987, mes patrons me mirent devant un ordinateur en me disant: "voici un précieux collaborateur qui va vous aider dans votre travail, et dont vous ne pourrez bientôt plus vous passer", je ne me doutais pas de la passion qui allait plus tard devenir la mienne.
Nous disposions déjà de la petite fenêtre sur le monde qu'était le Minitel, mais l'ordinateur, lui, se révéla être un outil des plus évolutifs. Ce premier ordinateur n'avait rien de commun avec celui que j'ai aujourd'hui: le système d'exploitation se nommait Prologue, il n'y avait d'image d'aucune sorte, les écrans étaient petits mais volumineux et les textes étaient verts sur fond noir, bref, tout cela était un peu rébarbatif; par contre à l'utilisation, cela nous simplifiait effectivement la tâche.
Les chefs nous avaient mis également deux jeux, afin de nous aider à nous familiariser avec l'engin et aussi, je crois bien pour essayer de nous donner envie de nous en servir. Avec moi, cela fonctionna parfaitement, à tel point que pendant mes rares moments de liberté au boulot, je n'utilisais pas les jeux (qui m'ont lassé assez vite), je farfouillais partout pour essayer de comprendre comment fonctionnait la bête: je lus la doc de A à Z et découvris quelques programmes dont personne ne nous avait parlé, et notamment un traitement de texte et un tableur. Déjà, à l'époque j'avais tendance à écrire: on trouvait dans toutes mes poches, de petits carnets remplis de notes diverses, de calculs, de réflexions, de poésies et d'histoires; le traitement de texte fut pour moi une première révélation: je pouvais écrire des pages et des pages et ne plus jamais les perdre ! Quand au tableur, lorsque je découvris que je pouvais programmer des opérations complexes et m'en resservir ensuite autant de fois que je voulais avec différents paramètres, gagnant ainsi en temps et en efficacité, ce fut un tout aussi un grand pas.
Quelques années plus tard, progrès oblige, on nous changea notre ordi, pour nous en mettre un plus perfectionné, avec un écran plus grand et, le système Prologue ayant été amélioré, les écrans étaient cette fois, en couleur sur fond blanc, et les programmes plus évolués: par exemple, le traitement de texte pouvait à présent recevoir une mise en forme plus variée, et le tableur devenait également moins basique, ayant plusieurs fonctionnalités ajoutées.
Quand je me mis à mon compte, je continuais ainsi, jusqu'à ce que, en 1998, j'envisage de faire l'acquisition d'un ordinateur sous Windows 98, dans le but avoué de me connecter à Internet: en effet, j'avais beaucoup lu sur le sujet, et cela me paraissait très prometteur. Par contre, avant installation, j'avais beaucoup de mal à intégrer ces notions de navigateurs, réseaux, connexions, tout un nouveau langage avec lequel je n'étais guère familier et ceux qui en parlaient ne se mettaient guère à la portée des non initiés ..
Et puis ce fut une véritable révélation, et ceci, non seulement avec Internet, également avec le tableur Work de Microsoft, puis Excel, qui était un des rares de l'époque à être aussi complet, et qui permettait d'établir des feuilles de calculs, tout comme précédemment, certes mais en plus de réaliser de véritables programmes ! Non seulement cela, je découvris aussi un logiciel de graphisme: Paint Shop Pro, avec lequel on pouvait manipuler les images de toutes les manières possibles et imaginables (je m'en sers encore aujourd'hui !).
Comme je l'avais dit à un ami à l'époque: '"j'ai eu l'impression de pousser une porte et de voir, derrière, un espace infini, tellement cela promettait des possibilités de développements futurs".
Avec Internet, je découvris rapidement que j'avais accès à une
bibliothèque méga géante ! Autant vous dire que je devins un "surfeur"
acharné: les moteurs de recherche n'eurent bientôt (presque ) plus aucun secret
pour moi.
J'avais eu la chance d'avoir des parents ayant un spectre
d'intérêt assez large, qui m'avaient donné envie d'étendre le mien plus
encore: ma soif d'apprendre était (et est toujours) inextinguible.
J'ai toujours été un grand lecteur: mes parents avaient dans leur chambre une grande bibliothèque, dans laquelle je piochais un ouvrage après l'autre, en commençant par le bas. Plus je grandissais et plus j'arrivais à monter dans les rayons de la bibliothèque, quoique prenant sans cesse de l'avance, j'en vins à devoir rapidement me servir d'une chaise.
J'avais lu un jour que la lecture donnait accès à un monde merveilleux, et ma foi, je trouvais que c'était vrai. Qui plus est, même si mes livres de classe, eux, ne me passionnaient pas vraiment, c'est dans la bibliothèque parentale que je découvris que la lecture pouvait amener aussi au savoir, car mon père était un passionné, entre autres, d'architecture, de peinture, de littérature, de botanique, d'astronomie, de minéralogie et j'en passe ! Par la suite, partout où je suis passé, la passion de la lecture ne m'a jamais quitté et la première chose quand j'arrivais quelque part était de m'inscrire à la bibliothèque municipale ou, à défaut, à la bibliothèque pour tous.
Après avoir commencé à développer mes premières macros sur Excel (une macro est une petite routine informatique permettant dans certains logiciels d’automatiser une tâche répétitive.), je ne mis pas très longtemps à avoir aussi envie de construire mon premier site: je l'avais intitulé "Les raccourcis claviers" car je m'étais fait un aide mémoire à ce sujet, et ma foi, j'avais envie d'en faire profiter tout le monde. Ce n'était guère qu'un simple tableau au départ, auquel je rajoutais petit à petit quelques pages avec les diverses astuces que je trouvais au fil de mes utilisations de tel ou tel logiciel, mais c'était déjà un bon début... Je me servais pour cela d'un logiciel WYSIWYG, acronyme de la phrase anglaise What You See Is What You Get , signifiant littéralement en français: ce que vous voyez est ce que vous obtenez.
Plus simplement, c'est une interface utilisateur intuitive, qui permet
de composer visuellement le résultat voulu pour une mise en page,
l’utilisateur voyant directement à l’écran à quoi ressemblera le
résultat final. C'était assez facile, je m'en amusais un temps.
Plus tard, je commençais à faire mon site pro, devenant ainsi un des premiers de ma profession à en avoir un.
Bien sûr, je n'en restais pas là: je voulais progresser, et j'atteignis assez vite les limites du logiciel en question. J'aurais pu en acheter un plus "professionnel" mais j'avais d'autres priorités financières, alors je décidai de me retrousser les manches...Comme à mon habitude, je commençais par lire tout ce qui me tombait sous la main au sujet des pages web, car je me disais que si j'arrivais à comprendre le principe de fonctionnement de ces pages et celui des navigateurs, je pourrais peut-être adapter tout cela à mes désirs.
C'est ainsi que je découvris le langage HTML (HyperText Markup Language) , le CSS (Cascading Style Sheets), le Javascript ( langage de programmation de scripts principalement employé dans les pages web interactives), le PHP (Hypertext Preprocessor) et le MySQL. (système de gestion de bases de données )
Tout cela est extrêmement bien pensé, voyez plutôt:
le HTML permet de définir les différents éléments d'une page et de les structurer logiquement. On met les différents éléments entre deux balises, qui par leur nom désigne le type d'élément: par exemple h1 va désigner un titre de catégorie 1, h2 de catégorie 2, P sera un paragraphe, DIV sera un cadre virtuel dans lequel on pourra placer d'autres éléments. En gros, on met tout dans des cases de noms différents selon leur destination.
Si cela vous intéresse, il y a ici la liste de toutes ces balises: http://www.codeshttp.com/baliseh.htm
Le HTML permet de réaliser des sites statiques, c.a.d. des sites "vitrine" au contenu stable.
Le CSS lui, est un langage qui décrit le style d'un document HTML, c'est à dire comment les éléments HTML (les cases dont je parlais plus haut) doivent être affichés par le navigateur. Par exemple, pour le h1 précédemment cité, si on indique:
h1
{
font-family:verdana;
font-size: 20px;
color:white;
text-align:center;
margin-top:40px;
}
Cela veut tout simplement dire au navigateur: utilise pour ce titre la police Verdana, de taille 20pixels, de couleur blanche, centre le texte et laisse au-dessus une marge de 40px.
On peut faire toutes sortes d'opération de ce type sur n'importe quel élément de la page, les possibilités sont donc infinies.
Le Javascript, quand à lui, est un langage dont je me sers peu, parce que je ne le maîtrise pas très bien; en fait, j'utilise généralement des scripts (ensemble d'instructions) tout faits: certains les font bien mieux que moi, et je ne vais pas ré-inventer à la roue à chaque fois, à moins que je n'ai un script très spécifique à faire, et à ce moment-là je suis obligé de potasser la question. S'il y a une chose que j'ai apprise, c'est que lorsqu'on veut faire les choses bien, il ne faut pas hésiter à commencer par le début, c.a.d apprendre; ça prend du temps, mais ce temps-là n'est jamais perdu, et finalement, en agissant ainsi, on finit par en gagner, du temps.
Un exemple de javascript ? Et bien par exemple vous voulez faire une page où quelqu'un va saisir une somme en euros et la transformer par exemple en dollars ? Pour ce faire, il faut multiplier la somme en euros par 1,17935, lorsque la personne va cliquer sur le bouton ok; et bien là, on va utiliser du Javascript, avec des variables qui représenteront le contenu des cases remplies par l'utilisateur. On va donc écrire quelque chose comme ceci:
resultat = nombre1 *1,17935;
nombre1 étant le nombre variable saisi par l'utilisateur dans une case (input) nommée ainsi, par exemple, et resultat, ce qui doit s'afficher dans la case correspondante. Par contre quand l'utilisateur va refermer la page web, le résultat sera effacé et rien n'aura changé dans la page, qui se retrouvera comme au départ.
Le PHP quand à lui m'intéresse beaucoup plus car il permet de créer des pages web dynamiques, par opposition aux pages purement HTML, qui elles, sont statiques. Il permet de créer des pages qui peuvent changer sans l'intervention du Webmaster (personne qui gère le site): on peut par exemple créer un script en langage php, qui permet de créer une page qui sera verte les jours pairs et rouge les jours impairs, une page dont le contenu s'adaptera au choix de l'utilisateur, d'envoyer un mail si une personne clique à un certain endroit, d'enregistrer les habitudes de navigation d'un utilisateur, mais aussi, de créer des forums, des blogs, qui pourront être remplis par des utilisateurs extérieurs, bref, là encore une multitude de possibilités.
MySQL quand à lui permet de gérer une base de données qui permet d'enregistrer des données de façon organisée et hiérarchisée: la base de données est composée de tables, dont chacune peut contenir plusieurs champs. On peut par exemple stocker le titre de tous les livres que l'on a dans sa bibliothèque, mais aussi, leur auteur, leur date de parution, la couleur de leur couverture, l'endroit où ils sont rangés, etc. On utilise ensuite MySQL pour aller chercher les informations souhaitées à l'aide de requêtes.
Par exemple si on écrit:
SELECT * FROM `t_livres` WHERE date_parution = "novembre 1959"
on va obtenir la liste de tous les livres de la table t_livres dont la date de parution est novembre 1959.Bien entendu, on peut avoir des requêtes beaucoup plus complexes, et même des requêtes impliquant 2 ou 3 (voire plus) tables différentes.
Couplé à PHP, cela permet, entre autres, de stocker du contenu de pages web. A partir de là il suffit d'avoir un gabarit unique de page, puis d'écrire un script PHP qui va demander à la base de données de restituer un contenu donné et de l'afficher dans la page, et donc au lieu d'avoir 36 fichiers, on n'en aura qu'un seul !
Comment ? C'est relativement simple: je ne sais pas si vous avez déjà remarqué des adresses de pages qui sont de cette forme-ci : https://books.google.fr/books.php?isbn=146125194X
dans cette adresse-ci, vous remarquerez un point d'interrogation suivi de isbn=146125194X isbn représente le nom d'une variable, la variable étant 146125194X.
Cette adresse signifie tout simplement qu'il est demandé au navigateur d'aller chercher la page books.php à l'adresse https://books.google.fr/ et de lui appliquer la variable isbn 146125194X (appelée variable d'URL, de l'anglais : Uniform Resource Locator, littéralement « localisateur uniforme de ressource »).
Dans la page books.php, il doit y avoir un script php qui dit à la base de données, avec l'aide de MySQL : va chercher l'enregistrement qui correspond à la valeur de la variable isbn égale à 146125194X.
Le contenu est alors affiché dans la page à l'endroit prévu par le concepteur, les codes HTML et CSS vont lui donner l'aspect requis. et voilà !
Alors bien sûr, après il y a aussi des astuces pour cacher ces variables d'url, mais c'est une autre histoire: personnellement, je ne m'en sers pas: je ne fais pas des sites pour la banque de France !
Pas si compliqué, finalement, n'est-ce pas ? Bon évidemment, j'ai simplifié pour que vous compreniez mieux, mais enfin, la base, c'est ça.
Après, quand on veut faire un site, il faut d'abord analyser ce que l'on veut faire, puis analyser en gros comment on
pourrait faire, puis découper en plusieurs procédures et ensuite traduire tout cela en langage adéquat. C'est
un travail de programmeur analyste , et piur ma part, j'adore cette analyse logique.
Autant vous dire que que c'est un domaine aux possibilités infinies et que j'en découvre tous les jours...un site n'est jamais vraiment fini, il y a toujours des utilisations imprévues, des améliorations à faire. C'est pour cela que c'est passionnant: un challenge sans cesse renouvelé, et le plaisir d'y arriver après avoir bataillé pendant des heures.
Après, vous l'aurez sans doute compris, j'aime aussi transmettre ce que j'ai appris, et ce de manière simple et compréhensible par le tout venant: j'ai eu trop de mal à devoir déchiffrer des infos données par des pro qui avaient, apparemment, du mal à se mettre à la place d'un néophyte: de quoi décourager les bonnes volontés...mais ceci est une autre histoire...
