I wanted to build a project from the ground up by showcasing a short lesson on something I loved- music! This project was an opportunity to showcase my skills in curriculum development, Storyline, graphic design, and voice over.
I wanted to provide an aesthetic contrast to my music lesson by creating a lesson specific to a more adult audience with a calmer tone. I utilized my skills in curriculum development, Storyline, graphic design, and voice over.
A Multimedia Project for EME6507, an educational website focused on bats in Florida. Coded from the ground up in HTML and CSS by me, Bats of Central Florida hosts various types of self-created and extant media to further its educational goals.
A fully narrated powerpoint presentation with extant and self-created graphics centered around the University of Florida bat houses. Contains linear and non-linear elements.
This very website! I wanted a dynamic and eye-catching way to show off all of the projects I've created, and in such a way to flex my skills in HTML and CSS as well as demonstrate my ability to manipulate templates in Dreamweaver.
Curriculum Development: Specialized content can be difficult to teach, with a lot of content-specific jargon to be explained. For this lesson, I took the act of music reading and broke it down into its parts. These parts are later synthesized at the end of the lesson and evaluated with a knowledge check.
Storyline: I built this project as a demonstration of my mastery of what all can be done in Articulate Storyline. I worked with triggers to create hover effects on clickable elements as well as buttons that both display and hide layers on a given slide and move between slides. A knowledge check at the end utilizes Storyline’s templates for specific feedback and results.
Graphic Design: With this lesson’s intended wide appeal, I wanted a design that would be bright and engaging enough for younger audiences without being too abrasive for adults. In Canva, I designed three music themed backgrounds to account for visual interest and directing the eye to where the text on screen would be presented.
There were a lot of specific symbols that needed to be included in this lesson. To get clean and transparent images, I used Photoshop. With these newly made assets, I then used Photoshop to fill them in a different color to provide a “Hover” state image in Storyline.
Voice over: Voice over was recorded in my home recording space with Audacity, then edited and combined with the slides in Storyline.
Breathing Techniques for the Workplace
Tools Used: Canva, Articulate Storyline, Audacity
Curriculum Development: Beginning with objectives and the “why”, the most effective way to present this lesson was to break each technique into its own section. Each section then breaks the technique down into easy to follow steps, complete with guided narration and animation.
Storyline: With this project, I took the opportunity to demonstrate my mastery of layers and animations in Storyline. Each narrated count for breathing is matched by an animation of the same count that resets if the learner chooses to review the section.
Graphic Design: After choosing a color scheme, I used Canva to generate backgrounds that looked clean and professional but still conveyed serenity to match the subject matter. I used the same theme across three distinct backgrounds to offer visual intrigue, and better direct the eye to where the content is presented on each slide.
Voice over: Voice over was recorded in my home recording space with Audacity, then edited and combined with the slides in Storyline.
Curriculum Development: Knowing that the long-term vision for this assignment was a project that encompassed multiple forms of media, I wanted a topic that would loan itself to multiple elements including text, graphics, and audio. The solution was an informative website centered around bats.
Dreamweaver: While the parameters of this project allowed us to use HTML templates, I wanted to take this opportunity to flex what I knew about writing my own code. The HTML and CSS for this project were written by me, using Dreamweaver to view changes and ultimately upload the website to the remote server space.
Graphic Design: I wanted all elements of this project to have their own cohesive visual style. I designed the banner in Canva and adjusted the color scheme of the website to match. Other materials for this project expanded upon this existing design concept.
Curriculum Development: As a Powerpoint element of a larger project, I wanted a topic that could take advantage of Powerpoint's strengths- particularly presentation of non-linear instruction. I designed this lesson to be organized in such a way that there's a recommended order, but ultimately the learner has control of the order that they visit the topics.
Powerpoint: While less powerful than something like Captivate or Storyline, Powerpoint is generally more accessible and benefits from more general familiarity on the learner's side. Additionally, it also has the ability to embedded in a website with full functionality. Since the end product was a website, Powerpoint seemed like a good choice. Using Powerpoint's native animation building and buttons, I created an engaging module.
Graphic Design: Having designed the graphics on the webpage myself, it was simple to go into Canva and generate three different backgrounds that fit into the same overall style of the webpage, while being arranged in such a way to highlight the slide content.
Curriculum Development: As an audio component of a larger product, I wanted to address a topic that could uniquely be presented via audio. Since my overall topic was bats in Central Florida, I knew that I wanted to include a bat call of some kind. Working backwards from the available bat calls at my disposal, I decided to put together a brief mock-podcast discussing the Florida Bonneted Bat.
Audacity: I first used Audacity to record my own narration, and then continued to use the program to cut and edit the audio. Using Audacity, I was able to cut and mix my intro and outro music to blend together with the audio. I was then able to do the same thing with the bat call audio.
ePortfolio
Tools Used: Canva, Dreamweaver
Concept: In creating this portfolio, we were strictly unable to use cloud-based web editing software. As someone who had an ePortfolio that I quite liked on a cloud-based platform, I took this assignment as a personal challenge. Could I independently develop a portfolio that I liked more than the one I had built assisted?
Dreamweaver: Unlike in the Bats of Central Florida project, I did begin from a template this time. Instead of focusing on writing my own code from the ground up, I focused on being able to take existing code, interpret it, and ultimately manipulate it to suit my own needs.