Session 1 - Introduction et configuration technique

21.11.2023

About us: https://medienkompetenz.team/

Questions: inga@mkteam.org daniel@mkteam.org

Tools

• Big Blue Button
  • https://bigbluebutton.org/ 
  • Try out BBB for free: https://www.senfcall.de/
  • Utilisation rapide de BBB pour visioconférence: https://dio.obspm.fr/Syst%C3%A8me_et_r%C3%A9seau/Bluebutton/
• Flinga https://flinga.fi/tools
• Concept Board https://conceptboard.com/

Session 2 - Les bases de l'Internet

28.11.2023

Basics

• Comment ça marche Internet? https://yewtu.be/watch?v=8qiEfhA-Wk4 ou https://yewtu.be/watch?v=9UMvyfT4V_Y
• Organisation française qui gère des domaines: https://www.afnic.fr/

HTML (introduction)

• Une brève introduction au HTML: https://fr.wikihow.com/cr%C3%A9er-sa-premi%C3%A8re-page-Web-en-langage-HTML
• Une petite feuille d'exercices d'introduction au HTML à télécharger par nos soins
• Créer une Page HTML en 7 Étapes Simples https://www.hostinger.fr/tutoriels/comment-creer-page-web-html 
• Compendium HTML complet avec introduction et exercices (en anglais): https://htmldog.com/

Websitebuilders

• There are many different (free) websitebuilders. 
• Just to name some: https://www.yola.com or https://www.wix.com/ 
• Background on Wordpress: https://fr.wikipedia.org/wiki/WordPress

Préparez pour la semaine prochaine:

• Assurez-vous d'avoir une adresse électronique.
• Essayez d'enregistrer un site web avec Wordpress: https://wordpress.com/fr/createur-de-site-web/ (il existe un plan gratuit)

Session 3 - Les bases de Wordpress

05.12.2023

Nous mettrons en place un site web et introduirons le premier contenu. Si possible, connectez-vous avec un ordinateur portable ou un PC.

• Setting up your Wordpress step-by-step: presentation
• Comment créer le Design d'un site : Outils et Étapes https://yewtu.be/watch?v=qOSBCp570-c
• Comment créer un logo du début à la fin - Processus créatif https://yewtu.be/watch?v=3C0BztLCSYU

Session 4 - Images et compression de fichiers

12.12.2023

About picture and file sizes .

• Our presentation
• Exercise for playing around with different picture formats 
• List of interesting software for editing: 
  • GIMP the GNU Imagemanipulation program (freeware): https://www.gimp.org/
  • TinyPic - Freeware just for reducing picture sizes: https://www.efpage.de/eTinypic.html
  • Inkscape: drawing program: https://inkscape.org/ 
  • Photoshop-like Picture editing for smartphones: Snapseed (Android: https://play.google.com/store/apps/details?id=com.niksoftware.snapseed)
• More theory? 

  • Explaination Image Size and Resolution Explained  (YouTube Video)

Session 5 - Intelligence artificielle

09.01.2024

Artificial Intelligence (ChatGPT & Co.).

• Our presentation (short introduction on ChatGPT and Prompts as input)
• ChatGPT
  • Official ChatGPT page from OpenAI
  • ChatGPT as Chatbot on Microsofts search engine BING
  • Googles alternative is named BARD
• Other AI tools
  • Image generating AIs: Midjourney, Dall-E, Leonardo.ai, ...
• The future of AI: Speech of Nvidias CEO about the use of AI in the industry (YouTube)

Session 6 & 7 - Pratique : Création de ma page Wordpress

31.01. & 06.02.2024

• Comment créer un site Wordpress (2024) - Tutoriel en 20 étapes FACILES https://yewtu.be/watch?v=n4dLYjp7r_k
• Formation WordPress 2023 : votre premier site professionnel https://yewtu.be/watch?v=pRTbMc0IpjM
• Comment Indexer son Site sur Google Rapidement https://yewtu.be/watch?v=Q6jChlKbVs8 
• Tutorial d'utilisation de la Google Search Console https://yewtu.be/watch?v=AFfZmLr3Sp8 
• FORMATION MARKETING DIGITAL 2024 : Le Cours COMPLET pour tout savoir https://yewtu.be/watch?v=5IcZPL-zJYc

Session 8 - Legal requirements

13.02.2024 moved to 16.02.2024 

Important for a website:

• "Mentions légales" - Example in french on the german legal website e-recht24
• German website for creating any kind of date protection information
  • Original Page is: https://datenschutz-generator.de/
  • And here a link with the google translator, translated into French.
• Privacy policy - Information about what data is processed and how it is used (mandatory). Examples of where to get a privacy statement:
  • https://zyro.com/fr/outils/generateur-politiques-confidentialite
  • https://dg-datenschutz.de/fr/privacy-policy-generator/
  • https://www.websiteplanet.com/fr/blog/mettez-votre-politique-de-confidentialite-en-conformite-avec-le-rgpd/  

The presentation from the workshop can be downloaded as PDF [here]

Usage of pictures

• The freedom of panorama
• Presentation reg. the topic Copyright and licensing on our CUMILA project
• Information and worksheets reg. copyright and licensing on our CUMILA project
• Usage of images on our CUMILA project 

Creative Commons - free  licensing

• Creative Commons and Open Educational Ressources 
• Overview about all the Creative Commons licenses

"Free" pictures and other media 

• Pexels
• Pixabay
• https://openverse.org/
• Page with "cheap" sounds, videos, pictures and video: https://audiojungle.net/
• much more to find...

Session 9 - Video editing I

27.02.2024 

Software and tooling

• List of video editing tools
  • Adobe Premiere (PRO: professional video editing software, CON: expensive) https://www.adobe.com/de/products/premiere.html
  • Davinci Resolve (PRO: Free, professional video editing software, CON: Unfortunately very complex and difficult to get started) https://www.davinciresolve.org/fr/
  • CapCut - Free comprehensive video editor for Windows (PC) and Smartphone (Android) (PRO: free, many learning videos on Youtube, integration with TikTok, YouTube, Instagram, WhatsApp or Facebook CON: The company CapCut belongs to the Chinese company Bytedance (TikTok), which is why there are data protection concerns.)  https://www.capcut.com/fr-fr/
• Other (smaller) software products
  • Shotcut (PRO: good video editor with filters and effects, offers editing options with multiple tracks, simple crossfades and effects) https://shotcut.org/
  • VSDC free video editor (PRO: Fully equipped video editing and video processing software, CON: complex, limited free version only) https://www.videosoftdev.com/
  • VideoPad Editor (PRO: simple video editing software, CON: not free) https://www.nchsoftware.com/videopad/fr/index.html
  • Cyberlink Power Director (PRO: simple but powerful editor, CON: not for free) https://fr.cyberlink.com/products/powerdirector-video-editing-software/pricing_fr_FR.html
• For smartphones and tablets:
  • iMovie (Apple iPhone and iPad) (PRO: simple easy editing software, CON: limited in functionality)
  • For Android there are many Apps out there. Unfortunately they are only available in limited functionality for free. Most of them are not free. Examples: Adobe Premiere Rush, Movavi Video Editor, Power Director, Splice, etc.

Introduction and learning content:

• Background Information:
  • Information about the “old” PAL TV-Format on Wikipedia: https://fr.wikipedia.org/wiki/Phase_Alternating_Line
  • Information about “Full HD” on Wikipedia: https://fr.wikipedia.org/wiki/Full_HD
• Learning:
  • Learning materials for Premiere Pro:
    • Getting started and video tutorials on the software to get you started: https://learn.adobe.com/fr/premiere-pro/get-started.html
    • Training videos and specific exercises on different working methods. Exercises on individual effects and specific working methods (e.g. working with graphics or titles, audio, etc.) https://creativecloud.adobe.com/fr/learn/app/premiere-pro
    • Advantage: Partly with sample files for download
    • Examples: 
      • https://creativecloud.adobe.com/fr/learn/premiere-pro/web/add-motion-blur
      • https://creativecloud.adobe.com/fr/learn/premiere-pro/web/adjust-apply-color-effects-clips

Session 10 - Video editing II

online on Youtube since 02.03.2024 

Video is available on YouTube: https://youtu.be/-ngyXZIM1lY

Table of content: 

• 0:00:00 Recap and Introduction
• 0:13:30 Theory Cutting a video
• 0:18:00 Introduction of the Software (example Adobe Premiere)
• 0:22:00 Working with Clips
• 0:27:37 The timecode
• 0:30:50 Cutting a video
• 0:36:30 Working with transitions
• 0:46:06 Adding Video Effects
• 0:57:30 Keyframe-Animation (basics)
• 1:33:00 Animating effect
• 1:42:00 Working with Audio
• 1: 57:30 Greenscreen and Chromakey
• 2:11:00 Adding Titles
• 2:23:00 Projectfiles and export a video
• 2:29:40 Publishing videos