Basic Training: CLIO Module Training Pt.1

**MUST UPDATE

For part 1 of the CLIO training I was expected to design and create my very own CLIO course module, and the overarching goals of this activity were as follows:

• Gain full technical proficiency with this CMS
• Be a UI/UX designer through the content management system of Clio & through editing code
• Successfully teach a subject that interests you: Pedagogy
• Become a CLIO Expert (enough to be able to train future STAs)

But before beginning the hands-on work following the KB, I had to propose a plan for my site. The threefold plan I designed was as follows:

1. First off, I decided that the topic I would be teaching was “Easy Spanish Translations” (Not necessarily Spanish itself, but how to understand translations when you don’t speak the language.)
2. Furthermore, to support my teaching points I decided to use:
   • Introductory videos (because they are more interactive than just written content) explaining how many words are simpler to translate because they have the same origin or similar spelling/phonetics. For instance:
     example → ejemplo | hello → hola | mother → madre
   • Quizzes (to implement trial and error learning)
     • Multiple choice
     • Fill in the blank
     • Matching words to pictures
       (trying to find the correct translations for movie titles like The Incredibles → Los Increibles)
3. Finally, I decided the design look & feel of the module:
   • Use colorful banners to capture the user’s attention
   • Use pictures and icons
   • Upload explanatory videos

Forthwith, my plan was approved but I was asked to post some reference pictures and color palette that I might want to incorporate into my module. So I settled on a sort of retro-tech aesthetic with gradient tones. My example was as follows:

Eventually, when that was approved, I was instructed to get started on the KB training.

Basic Training: InDesign Spread

**MUST UPDATE

This assignment was designed for me lo learn about layout design, typesetting, and creating print documents using Adobe’s InDesign. Prior to this training I had never used this tool before, so I had no idea what the difference was with other Adobe tools. However, it was very interesting to learn what I was capable of doing with InDesign and actually get to working on it. There was this one specific graphic in the KB (the one that follows) that helped me understand this best.

Right now I am waiting for some more feedback on my work, but I will update this post with the finished product once done. Hope you like it! 🙂

Online Course Graphics and Canvasser

Here are some visuals from what I’ve been working on: studio and online course graphic training and learning canvasser!

Earth’s Dynamic Environemnt!

Pedagogy Canvasser Assets~

This week I worked on Photo IDs, CLIO Site, and Style A & B Training. For the training, I used ART331K class: Painting I as my example.

The next images are of the last things I needed to do for the CLIO Site training. Added the carousel and then made some changes that Thuy suggested that I should make. I really like how it turned out!