1

Formation Genially: créer des supports pédagogiques

Introduction à Génially (30 minutes)

  • Présentation de Génially et de ses fonctionnalités clés.
  • Explication des avantages et des utilisations potentielles de Génially.
  • Atelier: Création d’une courte présentation qui introduit Génially et ses fonctions principales.

Création de compte et Navigation dans l’interface (30 minutes)

  • Guide étape par étape sur la création d’un compte Génially.
  • Familiarisation des participants avec l’interface utilisateur de Génially.
  • Atelier: Personnalisation du profil de l’utilisateur avec une photo, une bio, et les préférences de conception.

Exploration des Types de Médias Interactifs (1 heure)

  • Présentation des différents types de médias interactifs disponibles dans Génially (présentations, infographies, quiz, jeux, etc.).
  • Fourniture d’exemples d’applications pratiques pour chaque type de média interactif.
  • Atelier: Création d’une infographie interactive sur un sujet d’intérêt personnel ou professionnel

Création d’une Présentation Interactive (3 heures)

  • Guidance étape par étape sur la création d’une présentation interactive en utilisant les outils de conception, d’animation et d’interaction de Génially.
  • Intégration d’images, de vidéos, de textes et d’autres éléments interactifs dans la présentation.
  • Atelier: Développement d’une présentation interactive pour présenter un nouveau produit ou service de l’entreprise

Personnalisation Avancée du Projet (1 heure)

  • Utilisation d’outils de conception avancés pour personnaliser davantage le projet (ajout de couleurs, de polices, de formes, etc.).
  • Implémentation d’effets d’animation avancés pour rendre le projet dynamique et visuellement attrayant.
  • Atelier: Création d’un CV interactif personnalisé.

Intégration de Médias et de Ressources Externes (1 heure)

  • Ajout de médias externes tels que des vidéos YouTube, des fichiers audios ou des cartes interactives à votre projet Génially.
  • Utilisation de ressources en ligne pour améliorer le projet (images libres de droits, icônes, graphiques, etc.).
  • Atelier: Conception d’une présentation éducative intégrant des vidéos et des quiz.

Partage et Publication du Projet (1 heure)

  • Options de partage du projet avec d’autres utilisateurs (collaboration en temps réel, partage de lien, intégration sur un site web, etc.).
  • Publication du projet et prévisualisation pour s’assurer que tout fonctionne correctement.
  • Atelier: Préparer une présentation pour la partager sur les réseaux sociaux de l’entreprise.

Conclusion et Évaluation (30 minutes)

  • Récapitulation des étapes clés couvertes dans la formation.
  • Évaluation des connaissances et compétences acquises par les participants.
  • Collecte de feedback et suggestions pour améliorer les futurs programmes de formation.
  • Atelier: Création d’une petite enquête de feedback sur l’expérience de formation.



Formation Svelte et SvelteKit | en ligne

I. Formation Svelte et SvelteKit | en ligne: Introduction et premiers pas

  • Préparation de l’environnement de développement
  • Utilisation des extensions utiles dans VS Code
  • Exploration du site officiel de Svelte
  • Premiers pas avec Svelte via le REPL
  • Ajout d’un composant à une application Svelte
  • Installation ou mise à jour de Node.js
  • Création d’un premier projet Svelte avec Vite

II. Syntaxe de base de Svelte

  • Création d’un squelette Svelte standard avec Vite
  • Faire des interpolations dans les templates Svelte
  • Exercice pratique pour mettre en pratique les interpolations
  • Introduction aux variables réactives et au data binding
  • Création et utilisation de plusieurs composants dans une application Svelte
  • Utilisation d’un objet JSON pour les props des composants
  • Passage de fonctions d’un composant à un autre
  • Interpolations en texte brut ou en HTML
  • Classes conditionnelles pour le rendu conditionnel

III. Conditions, boucles et gestion événementielle

  • Exécution de code HTML conditionnellement avec les instructions conditionnelles
  • Bucles each pour itérer sur des éléments
  • Faire une boucle each avec deux paramètres
  • Parcours d’objets JSON avec each pour afficher des listes dynamiques
  • Gestion événementielle de la souris avec les écouteurs d’événements
  • Gestion événementielle du clavier avec les écouteurs d’événements
  • Utilisation des modificateurs d’événements pour modifier le comportement par défaut

IV. Les composants

  • Première approche des composants et de leur utilisation
  • Exploration approfondie de l’utilisation des composants dans Svelte
  • Passage de données d’un composant enfant à son parent avec des Custom Events
  • Transmission de données au parent avec un Custom Event
  • Chaînage d’événements de composant à composant pour une communication indirecte
  • Chaînage d’événements du DOM pour interagir avec des éléments HTML

V. Slots et Lifecycle hooks

  • Utilisation des slots simples pour insérer du contenu dynamique dans un composant
  • Utilisation des slots nommés pour avoir plusieurs emplacements définis dans un composant
  • Définition d’un slot par défaut lorsque aucun contenu n’est fourni
  • Affichage conditionnel de slots en fonction des conditions définies
  • Utilisation conjointe de slots et de props pour une plus grande flexibilité
  • Exploration des Lifecycle Hooks pour interagir avec le cycle de vie d’un composant
  • Interfaçage d’une API REST dans le hook onMount pour récupérer des données externes
  • Bloc {#await} pour gérer les opérations asynchrones
  • Interfaçage de la base de données The Movie Database pour récupérer et afficher des informations de films
  • Suite de l’interfaçage de la base de données The Movie Database pour explorer d’autres fonctionnalités

VI. Gestion des formulaires

  • Utilisation des inputs de type text et number pour récupérer des valeurs
  • Inputs de type radio et checkbox pour les sélections multiples
  • Balises Select et Option pour les listes déroulantes
  • Exploration des autres balises input pour gérer différents types de données
  • Binding avec un composant pour mettre à jour les données en temps réel
  • Validation d’un formulaire côté front pour assurer des données valides

VII. Les stores de Svelte

  • Introduction aux stores de Svelte pour gérer l’état global de l’application
  • Utilisation d’un premier exemple de store pour stocker des données partagées
  • Éviter les fuites mémoire avec unsubscribe() pour libérer les ressources
  • Faciliter l’accès au store en utilisant des méthodes utilitaires
  • Ajout d’une fonctionnalité pour supprimer un livre à l’aide d’un store
  • Déplacement de la logique programmatique dans le store pour une meilleure organisation
  • Exploration des Readable stores pour une gestion avancée de l’état

VIII. Animations et transitions

  • Animation de nombres avec le module motion pour des transitions fluides
  • Action sur une propriété CSS inline pour créer des animations personnalisées
  • Utilisation du store Spring pour des animations réactives
  • Animations d’éléments HTML avec le module transition pour des transitions élégantes
  • Suite d’animations d’éléments HTML avec le module transition pour des effets avancés
  • Capturer le début et la fin d’une animation pour effectuer des actions spécifiques
  • Utiliser des animations d’apparition et de disparition différentes pour un effet visuel raffiné

IX. Une application SPA avec Svelte

  • Création d’une application SPA (Single Page Application) pour une expérience utilisateur fluide
  • Utilisation d’un routeur basé sur le hashing pour gérer les différentes vues
  • Passage de paramètres dans l’URL pour des pages dynamiques
  • Création de boutons et de liens pour naviguer vers la page précédente dans les pseudo-pages

X. SvelteKit

  • Exploration d’une application de démonstration de SvelteKit pour une utilisation avancée
  • Compréhension de l’architecture d’une application SvelteKit pour une meilleure organisation
  • Création d’une application SvelteKit from scratch pour une personnalisation complète
  • Utilisation de props dans les pages pour la flexibilité des données
  • Création d’un composant de layout pour une mise en page cohérente
  • Définition de règles de styles globales pour une apparence uniforme
  • Utilisation d’un layout spécifique à une ou plusieurs pages pour des mises en page différentes
  • Chargement des données de façon asynchrone pour une performance optimale
  • Gestion de plusieurs sources de données pour une intégration avancée
  • Création de routes dynamiques pour une navigation flexible
  • Gestion des erreurs dans une route dynamique pour une meilleure expérience utilisateur

Conclusion sur la Formation Svelte et SvelteKit




Les codes informatiques et les infolettres : combiner les deux pour optimiser son marketing?

Dans le cadre d’une infolettre, vous devez savoir accrocher votre lecteur, les internautes qui vous liront devront avoir envie de vous lire. C’est ce qui permet de vous démarquer des concurrents qui distribuent aussi des courriels d’infolettres. Mais pourtant, avoir un beau contenu n’est pas tout! Vous devez aussi disposer judicieusement des images, des styles de votre texte (polices de caractère), puis avoir un bon logiciel d’infolettres pour avoir des styles les plus présentables à vos interlocuteurs.

Il peut arriver un temps où vous aimerez aller plus loin dans la personnalisation de vos courriels. Mais comment faire? Vous aurez certainement des manipulations à faire dans les styles prédéfinis. Avant de pouvoir créer votre propre style, il vaut mieux commencer par calquer un modèle libre de droit pour le modifier et le faire correspondre avec votre propre image de marque. Ceci demande du travail surtout si vous débutez dans la création de modèles d’infolettres.

Quand un créateur d’infolettres désire avoir le plein contrôle sur ce qu’il publie, il lui est recommandé d’apprendre au moins des bases des codes informatiques. Si une terminologie réunit bien plusieurs codes informatiques, il s’agit de la terminologie dite HTML. Le HTML est un peu la base à la base des codes informatiques plus poussés tels que les codes PHP (partie intégrante de WordPress) et Javascript. C’est aussi une bonne base pour personnaliser des infolettres si vous avez déjà quelques notions puis que vous aimeriez les mettre en pratique. Avant d’avoir ces notions, un peu complexes, vous devez évidemment les apprendre, via une quelconque formation ou de façon autodidacte, en tout ou en partie.

Le marketing par infolettres et le HTML : quel lien peut être fait?

Pour vous, relier HTML et infolettre revient à utiliser le HTML non pour créer un site web ou monter des lignes de code hyper complexes dans le but de gérer un réseau de technologies de l’information; plutôt, vous allez maîtriser un compte de messagerie dit « open source » pour manier habilement le style entier d’un courriel et de ses envois aux différents contacts intéressés.  Concrètement, vous pourrez créer des courriels plus personnalisés qu’en utilisant seulement un logiciel de messagerie où les modèles sont très peu personnalisables pour les personnes à l’œil plus aiguisé. Il est ensuite important d’avoir une excellente maîtrise du rendu, et de pouvoir le tester AVANT d’envoyer vos courriels. En effet, toute personne qui emploie la terminologie HTML et qui est soucieuse des résultats que verront les autres gens va impérativement vérifier le résultat AVANT la diffusion. Recevoir un courriel avec des caractères spéciaux mal placés et pratiquement illisibles est frustrant, d’autant plus que ce genre de courriels se retrouve souvent à la corbeille. Il y a des façons de créer un courriel et d’en tester le visuel. Ces techniques de travail se trouvent dans les cours de terminologie informatique de base. Apprendre ces notions peut paraître obscur si jamais vous ne connaissez rien à la terminologie. Par contre, c’est en mettant en pratique les notions à votre rythme que vous arriverez à maîtriser la terminologie.

HTML : ce que le HTML demande comme structure

Bien que la terminologie HTML soit bien simple pour un spécialiste des technologies de l’information, il y a bien des chances qu’une simple omission dans la structure d’un document HTML vienne le rendre inutilisable. À quoi ressemble un document HTML? Il s’agit d’une feuille où vous inscrivez les éléments terminologique requis et qui renvoie un résultat quand vous la rendez disponible à d’autres utilisateurs en ligne.

C’est important, rendre un document de ce type avec une structure précise. Par exemple, si vous placez ce qui devrait être à la première ligne du document à la dixième ligne, votre document, automatiquement, deviendra inutilisable, sauf si vous le corrigez par la suite et le remettez en ligne. Ce qui est tout de même plutôt choquant, surtout pour un projet d’envergure. C’est pourquoi nous conseillons, pour tous projets, de se doter d’une application ou d’un logiciel qui permet de tester le résultat avant de l’envoyer en ligne ou le rendre disponible à un groupe.

Les balises sont ce qui contrôle votre terminologie

Si la terminologie d’un document informatique était aussi malléable que le texte d’un roman ou d’un article de journal, il y aurait trop de risques que n’importe qui puisse publier absolument n’importe quoi et que n’importe qui puisse pirater un document. Le web serait une véritable cacophonie en quelque sorte! C’est pourquoi la structure du document, déjà mentionnée plus haut, est d’une assez haute importance.

Au début et à la fin de chaque ligne du document, vous devez placer des balises. Sans quoi, ce qui est contenu dans la ligne suivante et qui pour vous est quelque chose d’autre, pour le HTML, sera exactement la même ligne terminologique. Ou, pire, en omettant une balise, vous pourriez obtenir une partie de votre document qui sera illisible ou dont la présentation pourra être très étrange.

Chaque balise commence par « < » et se termine par « > ». C’est assez logique, puisque nous ouvrons le crochet pour mentionner quelque chose, et nous le quand notre propos est terminé. De la même façon, ce que nous appelons une « ligne codée » dans un document comprend une première balise en « <> » et se termine par une balise semblable, mais avec le caractère suivant « / ». Le caractère « /> signifie « terminé » en quelque sorte.

Les balises permettent aussi de définir un code qui s’insère dans le HTML. Par exemple, insérer un code Javascript (pour animer votre site web et le rendre présentable sur tous les appareils, autant les ordinateurs que les IPhones), vous insérerez une balise avant votre code Javascript, avec une autre balise suivant ce code. Autrement, sans la balise de fin, votre animation ne sera pas prise en compte. Si ces quelques notions vous sont très peu familières, apprendre d’une de vos connaissances qui travaille en informatique ou qui connaît la terminologie HTML vous permettra de vous initier à ce monde un peu différent de l’écriture normale ou des mathématiques.

Pour en revenir aux infolettres, quand vous créerez votre premier modèle, grâce au HTML, vous irez chercher une touche de personnalisation que vous n’aviez pas auparavant. En effet, parce que la terminologie HTML permet à elle seule de créer de façon presque illimitée, vous pourrez vous amuser avec vos premiers designs d’infolettres, mais il est recommandé de le faire à l’aide d’un « éditeur de code ». Le plus connu étant probablement Visual Studio Code. Rendez vos infolettres attrayantes et collez-les à votre propre marque grâce à la terminologie HTML.

Bien dessiner un modèle d’infolettre pour bien la schématiser par la suite

Avoir un croquis, dessiner un plan de ce que vous aimeriez faire voir aux lecteurs de vos courriels, représente une méthode de travail couramment utilisée. Pourquoi les créateurs vont-ils, environ 90% du temps, construire un croquis, ou le faire construire, avant d’en écrire le contenu HTML? Pour la même raison, en fait, qu’un écrivain utilisera un plan avant d’écrire son prochain roman. Vous avez déjà visuellement devant vous les éléments à mettre en place pour votre visuel avant de vous aventurer dans la structure de ceux-ci à l’intérieur de votre éditeur de code. Puisque c’est une tâche difficile et assez abstraite à faire, monter un modèle d’infolettre à partir de HTML, mieux vaut avoir en tête déjà le résultat voulu pour votre premier chef-d’œuvre! En tant qu’artiste de l’infolettre, il est avantageux d’avoir sur papier un plan de votre infolettre, comme une entreprise de construction ne peut improviser la construction d’une maison. Construire une maison est toujours basé sur les plans d’un architecte, comme construire une infolettre est (presque) toujours basé sur le talent et l’habileté d’un graphiste.

De façon concrète, essayez de respecter le plus possible le plan qui vous est fourni. Autrement, vous risquez de dériver vers un contenu qui ne ressemble pas du tout à ce qui est recherché. De cette manière de travailler repose un risque : vous n’aurez pas produit ce que vous deviez produire, mais plutôt ce que vous aimeriez faire. Il y a une grande différence entre faire ce que l’on VEUT faire, et se limiter à ce que l’on PEUT faire, cela s’applique même dans les lettrines d’une infolettre. Ce que l’on veut produire comme résultat n’est pas nécessairement ce que le graphiste nous permet de faire, puisque chacun est le professionnel de son métier, comme le graphiste est le professionnel censé reconduire votre courriel vers une place de choix dans la boîte aux lettres virtuelle Outlook de vos clients!

La police de caractère fait vraiment une différence?

Il existe plus d’une centaine de polices de caractères toutes différentes que vous pouvez placer dans une infolettre. Autant vous aimerez avoir la bonne police de caractère, autant elle sera difficile à trouver, cette police de caractère parfaite. Pourtant, est-ce que cela fera une vraie différence sur le rendu final, avoir une police de caractère à tout casser? Pour mettre tout cela au clair, il est important de se poser la question suivante : « Si j’avais mis une autre police, est-ce que cela aurait changé la perception de mes clients? » Si la réponse est non, c’est que votre police est bonne. Rien ne sert de perdre plusieurs jours à trouver une police de caractère parfaite, mais encore faut-il considérer que plusieurs autres choses peuvent être mises en place pour créer le courriel le meilleur possible.

Disposer vos paragraphes comme dans un tableau, permet de créer des textes à deux ou trois colonnes. Les images que vous allez présenter, rendez-les attrayantes et à propos! Vous gagnerez ainsi beaucoup plus de clients potentiels que si vos images ne sont pas tout-à-fait bien calibrées. Si elles sont trop sombres ou trop éclairées, les images ne permettent pas de faire valoir tout ce qu’elles peuvent délivrer comme message. Pour le web, il est vrai de dire qu’une image vaut mille mots.

Les lecteurs de votre infolettre liront en premier ce qu’ils voient, et non le texte en soi. Les gens peuvent lire un texte environ 15 secondes et s’y désintéresser si la présentation de celui-ci laisse à désirer, aussi attractif ce texte soit-il. Contrairement au roman, où le texte est l’essence même du succès, le texte sur le web repose sur l’image et le fait qu’on puisse saisir le contenu en lisant les deux ou trois premières lignes du texte et en regardant vite fait la mise en forme d’un courriel (par exemple). C’est en personnalisant votre courriel que vous arrivez à joindre votre public cible. Un modèle de courriel devrait se modeler au public qu’il veut aller chercher, aux futurs clients à qui il souhaite donner envie d’en savoir davantage. Malheureusement, aujourd’hui, plusieurs ignorent encore l’impact d’un bon et beau courriel!




Formation Unreal Engine pour l’architecture et le design

Introduction à la formation Unreal Engine

  • Utilisation des « templates »
  • L’interface
  • Gestion de projet
  • Manipulation d’objets

Création d’un projet Unreal Engine

  • Importation de contenu de diverses sources
  • Datasmith
  • Gestion des objets
  • Terrain et végétation
  • Modélisation
  • Éclairage
  • Création des diverses lumières
  • Création d’un éclairage extérieur (jour/nuit)

Matériaux et textures Unreal Engine

  • L’éditeur de matériaux
  • Les instances de matériaux
  • Création de divers matériaux PBR (métal, bois, béton, verre, plastique, eau, etc.)
  • Les « Material Function »

Animation Unreal Engine

  • « Level Sequence »
  • L’animation par « keyframe »
  • La physique et les dynamiques

Production de rendus et animation Unreal Engine

  • Production d’une image haute-résolution
  • Production d’une vidéo animée

Interactivité Unreal Engine

  • Initiation aux « Blueprints »
  • Compilation d’un projet interactif



La création de fichiers visuels avec PDF : pourquoi est-ce toujours pertinent?

Le format PDF étant ce qu’il est, il est davantage officiel que Word ou autre texteur. Il devient alors tout de même important de considérer pouvoir créer et modifier des documents PDF de qualité afin de les rendre à vos clients ou vos fournisseurs de manière sécuritaire, qu’il s’agisse de formulaires de dépôt direct ou de questionnaires de satisfaction à cocher. Il y a donc beaucoup de raisons d’utiliser PDF et de créer des documents en format .pdf. Si vous êtes moins à l’aise d’utiliser le PDF, il pourrait être bon de vous former à l’utiliser et à bien l’employer.

Devoir créer un formulaire simple ou un formulaire interactif

Dans votre carrière, vous devrez peut-être un jour être appelé à créer un formulaire PDF. C’est pourquoi bien saisir et comprendre ce qui vous est demandé permet d’éviter bien des malentendus. Pour en dire peu mais beaucoup en même temps, un formulaire interactif et un formulaire non interactif sont deux commandes entièrement différentes. Un formulaire non interactif ne devrait avoir aucun lien cliquable ou presque aucun, ne contenir que des graphiques et non des images, peut-être le logo de l’entreprise, mais vraiment pas beaucoup plus. Un formulaire interactif, pour sa part, est conçu pour interagir avec un groupe dans le même formulaire, mais sur les appareils de tous et chacun.

Pour interagir, le formulaire se doit d’avoir beaucoup de boutons, des effets sonores, des vidéos insérés, des images diverses, des signets qui font office de guides pour que votre auditoire se retrouve aisément, puis le « formulaire qui interagit » est conçu pour un cours, une présentation où vous voulez que vos gens participent activement. C’est pourquoi ce qui est recherché est l’interactivité et la réceptivité de votre formulaire sur chacun des appareils, peu importe l’appareil. Les PDF non interactifs se veulent plus formels, pour simple signature par un tiers ou peut-être un contrat à signer aussi.

Quels documents utiliser pour concevoir un PDF

Il existe deux grandes familles de logiciels pour concevoir des documents de qualité. Il y a les logiciels de la famille Adobe Acrobat, les plus fréquemment utilisés. Il existe aussi Nuance ECopy PDF Pro Office, un peu moins utilisé mais similaire à Adobe. Maintenant, quels documents, ou quelles extensions de documents, peuvent être converties en documents PDF? Vous pouvez convertir des texteurs, des chiffriers, des présentations sur diapositives, des fichiers images JPEG et GIF ainsi que des pages web entières au format PDF, les réunir dans le même document, interchanger des pages du document PDF et le manier à votre guise, mais pour manier du PDF, on doit avoir un logiciel qui le fait bien, comme Adobe Acrobat ou bien encore Nuance Ecopy Office. Encore faut-il après savoir bien utiliser le logiciel pour des fins de présentation professionnelle sobre ou bien interactive, maîtriser les fonctionnalités diverses de la barre de tâches au haut de votre écran quand vous ouvrez votre logiciel.

Bref, vous comprenez qu’il existe diverses fonctionnalités à savoir avant de se lancer et avant de créer de A à Z un document PDF, bien que ça puisse paraître simple au départ. Vous savez que créer des documents et des formulaires demande de comprendre ces fonctionnalités et de les mettre en pratique de manière intelligente.

Ces fonctionnalités, et les différentes subtilités du logiciel créateur et modificateur de PDF en l’occurrence, exercent une rôle de premier plan dans le parcours de l’expert en documentation informatique formatée PDF. Les experts en PDF comprennent aussi qu’il existe des normes ISO qui certifient la qualité et l’exactitude d’un document de ce format.

PDFXchange pdf est excellent pour modifier votre document PDF

PDFXchange pdf est un logiciel conçu pour traiter les différents documents PDF. Son utilité principale est de pouvoir modifier les documents PDF pour leur faire prendre la forme souhaitée pour votre interlocuteur. Il y a beaucoup d’avantages à modifier et changer des éléments dans un document PDF, des avantages liés à la forme de document que souhaite recevoir l’interlocuteur en question ainsi qu’à des éléments textuels. Un coup que vous avez sélectionné l’affichage parfait pour vous permettre de bien travailler, le logiciel vous sera un outil très utile.

Grâce à ce logiciel, vous pouvez modifier un document fait avec Word ou Excel pour le convertir en un fichier PDF. Si vous avez un fichier Word et que quelqu’un vous demande de lui envoyer un fichier PDF, peu importe la raison, vous aurez la possibilité de convertir votre texte en fichier PDF, de même que vos chiffriers Excel, qui pourront être envoyés au format PDF pour permettre à vos interlocuteurs de bien voir votre propos grâce à des chiffres et des graphiques. Vous avez la possibilité, même, de convertir un fichier PDF en image, par exemple au format .jpeg ou .gif ou autre type d’image encore.

C’est d’autant plus utile de créer des images PDF lorsque vous désirez ajouter des images à un document dont vous ne connaissez pas encore nécessairement la forme finale. Donc, vous devrez manipuler, dans ce cas-ci, plusieurs formats de fichier et rassembler le tout au final. Sans logiciel qui convertit les autres formats en fichiers de type .pdf, il vous sera très difficile, voire impossible, de réunir toutes les informations provenant de Excel, Word, Powerpoint et Paint ou Photoshop tous dans un même document, et vous vous arracherez les cheveux à trouver une solution. Et même que lorsque vous aurez réuni vos documents de différents formats, vous devrez éventuellement modifier la police de caractère, le texte et divers éléments graphiques tels que des tableaux, des images, des fichiers statistiques sur une ligne du temps. PDFXchange vous permet aussi d’effectuer toutes ces tâches directement dans le fichier PDF. Vous n’aurez pas besoin de revenir dans votre texteur, votre chiffrier et votre présentation Powerpoint individuellement pour modifier les éléments séparément et reconvertir vos fichiers en PDF maintes et maintes fois, puisque ce sera fait, lors de la dernière révision, dans le même document formaté en .pdf.

PDF Expert, un autre logiciel pour vos documents officiels

Grâce à PDF Expert, vous avez une possibilité encore de modifier vos éléments graphiques, vos images, vos textes, puis en surplus, vous pourrez ajouter des éléments sonores et des animations dans votre fichier. Effectivement, il est possible que vos interlocuteurs ou vos lecteurs aient des liens cliquables dans votre PDF et qu’ils puissent y trouver un ou plusieurs boutons avec des enregistrements sonores ou des sons. Insérer un enregistrement dans un fichier PDF est tout de même une bonne solution pour un professeur du Cégep ou d’Université qui souhaite rendre son cours interactif.

Pour des documents avec un droit d’auteur, il est possible de protéger le fichier par mot de passe. Il est évident qu’une personne qui a des éléments confidentiels dans son document, qu’elle ne souhaite partager qu’avec un groupe restreint de personnes, emploiera cette solution pour une protection minimale de ses PDF. Puis, vous avez la possibilité d’insérer un gestionnaire de signatures grâce à PDF Expert, ce qui est parfois utilisé pour faire signer électroniquement un groupe de personnes pour une entente de confidentialité ou de non-concurrence. Nitro PDF est une forme un peu moins complète mais avec quelques fonctionnalités différentes de PDF Expert. Par exemple, Nitro PDF ne permet généralement pas d’insérer des signatures ou des éléments sonores ou bien des vidéos. Par contre, le logiciel PDF Nitro PDF permet de modifier le quadrillage de vos pages PDF!

Acrobat PDF comporte plusieurs licences d’utilisation complètes

Acrobat est le format un peu plus avancé des logiciels ci-dessus. C’est en quelque sorte un vaste logiciel qui permet, entre autres, de faire pivoter des pages ou des images ou encore des graphiques, de faire échanger des pages du document, de les remplacer entièrement par d’autres pages, puis plusieurs autres fonctionnalités telles que la personnalisation de l’espace de travail vous assurent un environnement de travail ergonomique pour vous. Adobe Acrobat Standard comporte ces éléments nommés précédemment et plusieurs autres.

Adobe Acrobat PDF Pro : plus de fonctions de précision que son homologue standard

Si vous êtes à l’aise avec le langage informatique en Java, il vous est possible de l’utiliser pour modifier les différents éléments d’un PDF avec Acrobat PRO. Il vous est même possible d’insérer des liens url cliquables, des liens d’envoi de courriel et des listes déroulantes, pour lesquelles votre homologue ou collègue aura seulement à dérouler pour faire son choix! De plus, vous insérerez un champ de calcul automatique si vous voulez que telle ou telle réponse à vos questions renvoie un résultat automatique à la fin. Un peu comme avec une base de donnée Access ou SQL, vous manipulez les champs minimalement à votre guise pour produire un formulaire bien personnalisé. Votre formulaire vous permettra aussi la signature numérique des utilisateurs.

Avec Adobe Acrobat Pro, vous avez la possibilité de convertir une page web en .pdf. Utiliser des fichiers multiples pour créer un document PDF est aussi possible. Vous allez aussi pouvoir partir d’un autre logiciel externe à Adobe Pro pour les convertir vers le format duquel il est question ici. Puis, quand vous insérez des liens interactifs, des signets et des vignettes dans un PDF, encore vous faut-il utiliser ces éléments de manière judicieuse et structurée pour éviter de perdre la concentration de votre interlocuteur. Afin de partir du bon pied, vous former avec un formateur compétent est un bon point de départ. Notez que vous aurez la possibilité de créer une signature pour des signataires autorisés au document en question. Votre création PDF devient alors un formulaire à signatures à proprement parler.

Comment gérer l’accessibilité et la sécurité d’un document PDF Adobe Acrobat version Pro

Maintenant que vous saurez comment monter un document PDF interactif (ce qui n’est pas banal), il est possible que vous vous frappiez à certains obstacles. Puisque les navigateurs, les appareils et les systèmes d’exploitation n’ont pas tous le même affichage, il y a des chances pour que votre document s’affiche très bien sur votre écran, mais qu’il s’affiche très différemment sur un écran Apple ou encore plus étrangement sur un écran de téléphone intelligent – et l’affichage dépend encore du modèle et de la compagnie qui fabrique le téléphone, puisqu’il y a plus de 5 formats d’affichage principaux sur les téléphones intelligents. Des ressources existent pour vous indiquer si votre document est accessible à la plupart des appareils et navigateurs, ou s’il y a des choses à améliorer pour favoriser l’interactivité sur tous les appareils ou presque. Il y a déjà un certain travail à monter un formulaire interactif. On souhaite surtout que si on le présente à un groupe de personnes sur leurs téléphones, ces gens puissent toutes interagir avec votre formulaire comme vous le faites de votre côté. Il s’agit d’un aspect important pour les présentations interactives partagées sur plus d’un appareil! Vous apprendrez qu’il y a de nombreuses manières de protéger votre document interactif des pirates et virus informatiques. 3 types de protections par mots de passe existent sur les PDF interactifs avec Acrobat, pour ne citer que cela. Un cursus de formation bref mais précis permet de comprendre des notions poussées de Adobe Acrobat et de les appliquer efficacement.

En ce moment, après lecture et réflexion, vous êtes plus en mesure de vous questionner sur les options qui s’offrent à vous avec les logiciels PDF. Allez-vous vous former ou tenter davantage de vous certifier avec la norme ISO, ou bien encore vous pouvez simplement appliquer vos apprentissages dans votre milieu de travail. Peu importe ce que vous ferez de ces apprentissages, il est important que cela vous serve et vous permette de vous propulser plus loin dans votre carrière professionnelle. Cinq éléments clés seraient à retenir de la création des documents PDF grâce aux logiciels spécialisés : fonctionnalité, qualité, accessibilité, sécurité et interactivité.




Formation Figma UI/UX – Créez des maquettes web interactives

Objectifs de la formation Figma — UI/UX Design

  • Apprendre à structurer une interface web selon les principes UX modernes
  • Concevoir un design UI cohérent et professionnel à partir d’un brief client
  • Maîtriser Figma pour créer, organiser et réutiliser des composants graphiques
  • Prototyper des interfaces interactives avec transitions et comportements réalistes
  • Optimiser la collaboration avec les développeurs grâce à une maquette bien préparée

Module 1 — Introduction à l’UX/UI et à Figma

  • Comprendre les rôles clés de l’UX et de l’UI dans la conception d’interfaces
  • Appliquer les bonnes pratiques d’architecture et d’ergonomie
  • Découverte de Figma : interface, pages, calques, frames
  • Structurer un projet Figma : grilles, contraintes, responsive web design

Module 2 — Design d’interface web avec Figma

  • Création de composants UI (boutons, cartes, menus)
  • Utilisation avancée des variantes et de l’auto-layout
  • Définir des styles cohérents (couleurs, typographies, effets)
  • Importer des éléments visuels (logos, images, pictogrammes)

Atelier 1 : Construire une bibliothèque de composants — Créer un Design System simple, réutilisable et cohérent

Module 3 — Prototypage interactif dans Figma

  • Ajouter des interactions dynamiques : clics, transitions, animations
  • Créer une navigation simulée avec défilement et liens internes
  • Intégrer des formulaires et comportements utilisateurs
  • Tester et prévisualiser le prototype comme un vrai site web

Atelier 2 : Réaliser un prototype interactif — Créer un parcours utilisateur fluide et engageant

Module 4 — Collaboration & Livraison

  • Travailler efficacement en équipe dans Figma (commentaires, partages, versions)
  • Utiliser le mode Développement : inspecteur, CSS, spécifications techniques
  • Préparer une maquette prête à livrer ou à présenter à un client
  • Découverte des outils complémentaires : FigJam, plug-ins essentiels

Atelier 3 : Préparer une présentation client — Structurer un fichier Figma professionnel et convaincant




Formation Keynote (MAC)

Introduction à Keynote

Créer diapositive: SD: HD
Mode Édition: Mode Présentation: Structure
Configuration du gabarit: Pagination:
Numérotation
Thème: d’une diapositive: du diaporama
Modification: Duplicata

Les objets dans Keynote

Manipulation d’objets et de formes
Le verrouillage d’objets

Mise en forme du texte dans Keynote

Zone de texte: Zones de texte libre
Polices: familles: Espacement: Alignement
Tabulations: Puces: Numéros: Hyperliens

Graphiques dans Keynote

Ajout d’un graphique: création: importation
Personnaliser un graphique: saisie des données

Images dans Keynote

Insertion d’image et d’illustration
Format des images: PNG: JPG
Reflets: Ombrages: Canal Alpha

Les Tableaux dans Keynote

Tableaux : ajout: mise en forme
Cellules: sélection: fusion: division
Rangs et colonnes: ajout: suppression

Animation dans Keynote

Transition des pages: Animations des puces
Présentations: Lecture: Pause: Reprise
Affichage de présentation: Écran: Portable:
L’affichage présentateur: Contrôle par iPhone
Affichage de présentation: Recopie vidéo
Affichage: problèmes

Exportation dans Keynote

Exportation: PDF : HTML : PowerPoint

Impression dans Keynote

Diapositives: Structure de présentation: Brouillon




Formation Wix + Canva

Wix

Débuter sur Wix

Découvrir la plateforme
Inscription
Acheter un hébergement web et un nom de domaine

Construction d’un site web

Créer de pages et régler leurs dimensions
Ajouter un logo
Ajouter une couleur d’arrière plan
Ajouter un titre et une description
Ajouter une en-tête et un pied de page
Ajouter des images et des éléments graphiques
Ajouter des liens entre vos pages
Ajouter des formulaires

Référencement d’un site web

Comprendre le référencement
Ajouter un site à Google
Optimisation des pages pour le référencement

Canva

Introduction

Design graphique : quelques fondements
Présentation de la plateforme
Les différents types d’abonnements

Débuter sur Canva

Création d’un compte
L’interface et la navigation
Créer des dossiers et sous-dossier
Les paramètres de compte
Créer un nouveau design
Explications de l’éditeur

Apprendre les bases

Les modèles et les pages
composition simple avec une image
Utiliser les éléments
Travailler avec du texte
Ajout de musique
Utiliser des liens
Photos et vidéos
Graphiques
Ajout d’animations
Mettre un objet en premier plan ou en arrière-plan
Verrouillage d’éléments
Autres applications de Canva (Youtube, Google Maps, etc.)
Télécharger et partager un design

Travailler en équipe

Inviter des membres
Créer et partager des designs
Créer des dossiers




Formation Canva : concevoir une présentation et des icônes

Introduction à la formation Canva

Introduction à Canva

  • Comprendre les fondamentaux du design graphique
  • Découverte de l’interface et des fonctionnalités de la plateforme Canva
  • Présentation des différents abonnements (gratuit, Pro, Équipe, etc.)

Premiers pas avec Canva

  • Création et configuration d’un compte
  • Présentation de l’interface utilisateur
  • Navigation dans les menus et l’espace de travail
  • Organisation de vos contenus : création de dossiers et sous-dossiers
  • Paramétrage de votre compte selon vos besoins
  • Créer un nouveau design à partir d’un modèle ou d’un format vide
  • Prise en main de l’éditeur et des outils de création

Les bases de la création graphique avec Canva

  • Utilisation des modèles et personnalisation
  • Gestion des pages multiples
  • Création de compositions simples avec images
  • Insertion et ajustement d’éléments graphiques
  • Travail sur la typographie : ajouter, styliser et agencer le texte
  • Insertion de musique, liens interactifs, photos et vidéos
  • Utilisation des graphiques et diagrammes
  • Fonctionnalités enrichies : animations, arrière-plans, verrouillage des éléments, etc.
  • Découverte des intégrations : YouTube, Google Maps, et autres applications Canva
  • Téléchargement des créations et options de partage (PDF, PNG, lien web, etc.)

Créer des présentations et des icônes

  • Exploration des différents formats de présentation
  • Conception de présentations dynamiques et professionnelles
  • Création et personnalisation d’icônes graphiques

Travail collaboratif avec Canva

  • Inviter et gérer les membres de votre équipe
  • Créer, partager et co-éditer des designs
  • Organiser les fichiers partagés dans des dossiers d’équipe

Formation complémentaire recommandée

Formation Publisher – Mise en page et création de supports imprimés professionnels




Formation Canva pour graphiste

Introduction à la formation Canva

Présentation de la plateforme Canva

  • Utilisation des modèles et templates
  • Téléchargement de votre travail
  • Organisation du tableau de bord
  • Trouver des photos et les éléments gratuits
  • Éléments payants dans Canva
  • Mises en page partie 1 à partir de modèles
  • Mises en page partie 2 à partir d’une page blanche
  • Ajouter des pages à un projet

Conception et exportation

  • Couverture d’album
  • Vignette Youtube
  • Twitter
  • Publication Facebook
  • Couverture d’un document électronique PDF
  • Documents PDF
  • Données et graphiques
  • Diapositives de présentation
  • Ajout de pages thématiques
  • Utiliser efficacement les icônes
  • Partage de conceptions
  • Ajout de liens
  • Masquage de texte

Conception d’une image de marque (branding)

  • Redimensionnement
  • Suppresseur d’arrière-plan
  • Équipes, exportation et planification
  • Présentation des vidéos
  • Utiliser les outils vidéo
  • Animations
  • Présentations animées
  • Ajouter de la musique

Graphisme sur Canva

  • Gérer les calques
  • Créer un mockup
  • Créer une ombre sur des objets
  • Ajouter des ombres au texte
  • Déplacer les éléments
  • Arrière-plans de photos
  • Formes
  • Illustrations, icônes et lignes
  • Remplacer une photo
  • Créer un dégradé
  • Typographie et association de polices
  • Travailler avec du texte
  • Rajouter du texte
  • Couleurs de marque
  • Codes couleurs
  • Créer une palette couleur
  • Dupliquer un élément
  • Grouper et dégrouper des éléments
  • Rogner un élément
  • Utiliser les filtres
  • Lien hypertexte
  • Aligner les éléments
  • Effacer l’arrière-plan
  • Créer un contour
  • Utiliser les cadres
  • Raccourcis clavier