{"id":14,"date":"2019-10-26T21:17:02","date_gmt":"2019-10-26T21:17:02","guid":{"rendered":"https:\/\/brainchaw.com\/blog\/?page_id=14"},"modified":"2024-11-25T00:28:41","modified_gmt":"2024-11-25T00:28:41","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/brainchaw.com\/blog\/portfolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"\n<p>Here are some samples of projects I built during my time in the IDT program at Bowling Green State University.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-black-color has-css-opacity has-black-background-color has-background is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-primary-color has-text-color\">Scenario-Based Learning Projects<\/h2>\n\n\n\n<p class=\"has-light-gray-background-color has-background\">Twine is a free tool for creating branching stories.  As a learning design tool for scenario-based learning, it&#8217;s fairly powerful, allowing the designer to integrate multimedia (pictures, video and sound) in a variety of ways, track variables, use conditional formatting and story flow.  The following projects were created in Twine during my coursework in the IDT program at Bowling Green State University.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-primary-color has-css-opacity has-primary-background-color has-background\"\/>\n\n\n\n<div class=\"wp-block-group has-light-gray-background-color has-background\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading has-text-align-center\">Get the Job Done<\/h4>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-thumbnail\"><a href=\"https:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/Get-the-Job-Done-Flowchart.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/Get-the-Job-Done-Flowchart-150x150.jpg\" alt=\"\" class=\"wp-image-157\"\/><\/a><figcaption class=\"wp-element-caption\">Branching Scenario for &#8220;Get the Job Done&#8221; Time Management and Planning in Twine<\/figcaption><\/figure>\n<\/div>\n\n\n<div>This project was created for a course in scenerio-based learning with a tool called Twine.  The objective was to learn how to create branching scenerios as lessons. This didn&#8217;t push the limits too far, but it does make use of tracked variables to help learners with simple time-management skills.  Click the button to open the html file in your browser and work through the scenario.<\/div><br>\n<div class=\"wp-block-file\" align=\"center\"><a href=\"https:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/Get-the-job-done.html\" class=\"wp-block-file__button\" download=\"\" target=\"_blank\" rel=\"noopener noreferrer\">Open Project in Browser<\/a><\/div>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-primary-color has-css-opacity has-primary-background-color has-background\"\/>\n\n\n\n<div class=\"wp-block-group has-light-gray-background-color has-background\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading has-text-align-center\">Learning Center Tutor Training<\/h4>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-thumbnail\"><a href=\"https:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/Twine-Tutor-Training.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/Twine-Tutor-Training-150x150.jpg\" alt=\"Twine Branches\" class=\"wp-image-148\"\/><\/a><figcaption class=\"wp-element-caption\">Branching Scenario for Learning Center tutor training in Twine<\/figcaption><\/figure>\n<\/div>\n\n\n<div>This is a more advanced Twine project designed for use in training tutors in a learning center in non-directive approaches to working with student writers.  Like the last project, this too makes use of tracked variables, but this project uses the variables to create a feedback report for learners to see how well they understand and implement a non-directive approach to a working with a student on a paper.  Click the button to open the html file in your browser and work through the scenario.<\/div><br>\n<div class=\"wp-block-file\" align=\"center\"><a href=\"https:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/Writing-Tutor-Training-1.html\" class=\"wp-block-file__button\" download=\"\" target=\"_blank\" rel=\"noopener noreferrer\">Open Project in Browser<\/a><\/div>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-black-color has-css-opacity has-black-background-color has-background is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-primary-color has-text-color\">Rapid Design (Captivate) eLearning Modules<\/h2>\n\n\n\n<div class=\"wp-block-group has-light-gray-background-color has-background\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading has-text-align-center\">Newton&#8217;s First Law of Motion<\/h4>\n\n\n\n<p>This was a group project, and an early effort in using Adobe Captivate. The object of the lesson was to teach Newton&#8217;s First Law of Motion to high school learners. It uses standard interactive quizzing and knowledge check features from Captivate, as well as manual slide control and the ability to review sections before knowledge checks. The slides were developed and designed collaboratively with two other students in a course in the IDT program at Bowling Green State University.<br><br> The image below links to the live HTML version of the module and will open in a new tab.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium\"><a href=\"https:\/\/www.brainchaw.com\/Rapid\/Newton\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"184\" src=\"https:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/Newtons-300x184.jpg\" alt=\"\" class=\"wp-image-211\" srcset=\"https:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/Newtons-300x184.jpg 300w, https:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/Newtons-150x92.jpg 150w, https:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/Newtons-768x470.jpg 768w, https:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/Newtons.jpg 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\n<\/div><\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-primary-color has-css-opacity has-primary-background-color has-background\"\/>\n\n\n\n<div class=\"wp-block-group has-light-gray-background-color has-background\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading has-text-align-center\">Introduction to 3D Printing<\/h4>\n\n\n\n<p>This project was intended to offer a brief introduction to consumer 3D printing. It covers an introduction to the mechanics of a FDM consumer 3D Printer, the principles of slicing a model to prepare it for printing, tuning the preparation to balance quality vs speed in printing, and online resources for finding models and slicing software. Some elements in the design (certain rollovers and the glossary tool) did not port to HTML5 successfully and work better when the module is exported as an .exe file (as the design was intended).<br><br>The image below links to the live HTML version of the module and will open in a new tab.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium\"><a href=\"https:\/\/www.brainchaw.com\/Rapid\/3d\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"183\" src=\"https:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/3d-300x183.jpg\" alt=\"\" class=\"wp-image-212\" srcset=\"https:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/3d-300x183.jpg 300w, https:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/3d-1024x626.jpg 1024w, https:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/3d-150x92.jpg 150w, https:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/3d-768x469.jpg 768w, https:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/3d.jpg 1523w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\n<\/div><\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-black-color has-css-opacity has-black-background-color has-background is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-primary-color has-text-color\">Video eLearning and Google Classroom<\/h2>\n\n\n\n<p class=\"has-light-gray-background-color has-background\">The following are learning design projects from various courses in the IDT program. Some are videos used for Microlearning on specific topics in Learning Design.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-primary-color has-css-opacity has-primary-background-color has-background\"\/>\n\n\n\n<div class=\"wp-block-group has-light-gray-background-color has-background\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading has-text-align-center\">Gagne&#8217;s 9 Events of Instruction<\/h4>\n\n\n\n<p>This project was developed in Camtasia, and designed as a microlearning module on Robert Gagne&#8217;s 9 Events of Instruction.  The goal of the project was to structure research on Gagne&#8217;s ideas into a compact learning module, driven by narration and video, and enhanced by design elements.  There are no assessments with this assignment as it was intended as a presentation to peers in a learning design course.  The video is 15:26 long.<br>The video references a handout, intended to be used as a learning guide.  You can download it <a href=\"https:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/Gagne-Handout.pdf\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"here (opens in a new tab)\">here<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1152 \/ 720;\" width=\"1152\" controls src=\"https:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/Gagne-Presentation.mp4\"><\/video><\/figure>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-primary-color has-css-opacity has-primary-background-color has-background\"\/>\n\n\n\n<div class=\"wp-block-group has-light-gray-background-color has-background\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading has-text-align-center\">What is Mobile Learning?<\/h4>\n\n\n\n<p>This short video was designed to introduce the topic of Mobile Learning and emphasize its value to an organization.\u00a0 It was developed in Captivate, but does not use any of Captivate&#8217;s built-in quizzing tools or interactive elements.\u00a0 Captivate was only used as a tool to animate, combine narration, and time the slides.\u00a0 The learning outcomes are simple &#8211; identify the elements of Mobile learning and how it is effective as a learning delivery method.\u00a0 The video is 5:28 long.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"768\" style=\"aspect-ratio: 1024 \/ 768;\" width=\"1024\" controls src=\"https:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/Mobile-Learning-Intro_2.mp4\"><\/video><\/figure>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-primary-color has-css-opacity has-primary-background-color has-background\"\/>\n\n\n\n<div class=\"wp-block-group has-light-gray-background-color has-background\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading has-text-align-center\">Google Classroom Course on Mobile First Design<\/h4>\n\n\n\n<p class=\"has-light-gray-background-color has-background\">The following videos supported a (now defunct) Google Classroom Course on Mobile First Design. The links below each video summarize the course content and objectives.<\/p>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"768\" style=\"aspect-ratio: 1024 \/ 768;\" width=\"1024\" controls src=\"https:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/Mobile-First-Design-Part-1.mp4\"><\/video><figcaption class=\"wp-element-caption\"><a href=\"http:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/Part-1-Summary.pdf\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Content Summary from Google Classroom course (opens in a new tab)\">Content Summary from Google Classroom course<\/a><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"768\" style=\"aspect-ratio: 1024 \/ 768;\" width=\"1024\" controls src=\"https:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/Mobile-First-Design-Part-2.mp4\"><\/video><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/brainchaw.com\/blog\/wp-content\/uploads\/2020\/01\/Part-2-Summary.pdf\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Content Summary from Google Classroom course (opens in a new tab)\">Content Summary from Google Classroom course<\/a><\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-black-color has-css-opacity has-black-background-color has-background is-style-wide\"\/>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here are some samples of projects I built during my time in the IDT program at Bowling Green State University.[&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":3,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/brainchaw.com\/blog\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brainchaw.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brainchaw.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brainchaw.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brainchaw.com\/blog\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":67,"href":"https:\/\/brainchaw.com\/blog\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":285,"href":"https:\/\/brainchaw.com\/blog\/wp-json\/wp\/v2\/pages\/14\/revisions\/285"}],"wp:attachment":[{"href":"https:\/\/brainchaw.com\/blog\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}