{"id":569,"date":"2023-11-10T14:41:09","date_gmt":"2023-11-10T12:41:09","guid":{"rendered":"https:\/\/blogs.uni-bremen.de\/bildungslab\/?p=569"},"modified":"2023-11-10T14:45:28","modified_gmt":"2023-11-10T12:45:28","slug":"ai-based-analysis-of-tutorials-hackathon-ai-in-education-at-u-twente","status":"publish","type":"post","link":"https:\/\/blogs.uni-bremen.de\/bildungslab\/2023\/11\/10\/ai-based-analysis-of-tutorials-hackathon-ai-in-education-at-u-twente\/","title":{"rendered":"AI Based Analysis of Explanatory Videos and Tutorials: Hackathon AI in Education at U Twente"},"content":{"rendered":"<p>The IMPACT team joined colleagues from U Twente at the AI in Education Hackathon from November 8.-10. We prototyped a dashboard for AI driven feedback on the multimodal and didactical quality of tutorials, online lectures and explanatory videos.<a href=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/IMG_4218-scaled.jpg\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-572 size-large\" src=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/IMG_4218-scaled-e1699615799367-1024x543.jpg\" alt=\"\" width=\"604\" height=\"320\" srcset=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/IMG_4218-scaled-e1699615799367-1024x543.jpg 1024w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/IMG_4218-scaled-e1699615799367-300x159.jpg 300w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/IMG_4218-scaled-e1699615799367-768x408.jpg 768w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/IMG_4218-scaled-e1699615799367-1536x815.jpg 1536w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/IMG_4218-scaled-e1699615799367-2048x1087.jpg 2048w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><\/p>\n<p>Fig. 1: Our presentation at the Design Lab (U Twente)<\/p>\n<p>In my sub team together with Jan and Fatima we first created, tested and optimize domain-specific AI Assistants based on the gpt-4-1106-preview model (both prompt engineering as well as knowledge base curation). We then prototyped an automated flow pipeline for downloading videos, transcribing the audio (with the Whisper model) as well as extracting the slides or other form of visualization from the videos (using FFMPEG), then feeding it into our custom AI Assistants. We did a log of interactive prompt engineering in ChatGPT-4 and LLaVa for the slide analysis.<\/p>\n<p><a href=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023.jpg\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-584\" src=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023.jpg\" alt=\"\" width=\"960\" height=\"540\" srcset=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023.jpg 960w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023-300x169.jpg 300w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023-768x432.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/a><\/p>\n<p>Fig. 2: Basic multimodal analysis pipeline<\/p>\n<p>Let me show you our implementation output, which was quite good:<\/p>\n<p><a href=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023-4.jpg\" data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-581\" src=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023-4.jpg\" alt=\"\" width=\"960\" height=\"540\" srcset=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023-4.jpg 960w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023-4-300x169.jpg 300w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023-4-768x432.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/a><\/p>\n<p>Fig. 3: Prompting on Transcripts<\/p>\n<p><a href=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023-6.jpg\" data-rel=\"lightbox-image-3\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-579\" src=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023-6.jpg\" alt=\"\" width=\"960\" height=\"540\" srcset=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023-6.jpg 960w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023-6-300x169.jpg 300w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023-6-768x432.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/a><\/p>\n<p>Fig. 4: Feedback on transcripts from AI model<\/p>\n<p><a href=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023-7.jpg\" data-rel=\"lightbox-image-4\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-578\" src=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023-7.jpg\" alt=\"\" width=\"960\" height=\"540\" srcset=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023-7.jpg 960w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023-7-300x169.jpg 300w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023-7-768x432.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023-8.jpg\" data-rel=\"lightbox-image-5\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\">Fig. 5: Prompting on Slides<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-577\" src=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023-8.jpg\" alt=\"\" width=\"960\" height=\"540\" srcset=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023-8.jpg 960w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023-8-300x169.jpg 300w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023-8-768x432.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Some-Slides-from-the-U-Twente-Hackathon-2023-8.jpg\" data-rel=\"lightbox-image-6\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\">Fig. 6: Feedback from AI on Slides<\/a><\/p>\n<p>So this is very much work in progress, but we are in the progress of writing up the basic architecture in a current article which will be published by the end of the year, and we will do much more research and development to systematically test such an approach for doing <strong>multimodal formative assessment analytics. <\/strong>Needless to say, there are a lot of ethical and methodological problems to be considered (see figure 7).<\/p>\n<p><a href=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Presentation-Hackaton-PRIME.jpg\" data-rel=\"lightbox-image-7\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-586\" src=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Presentation-Hackaton-PRIME.jpg\" alt=\"\" width=\"960\" height=\"540\" srcset=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Presentation-Hackaton-PRIME.jpg 960w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Presentation-Hackaton-PRIME-300x169.jpg 300w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/Presentation-Hackaton-PRIME-768x432.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/a><\/p>\n<p>Fig. 7: Ethical implications \u2013 discussion slide<\/p>\n<p>While we used mainly OpenAI tools for this prototype, we want to run open models for doing the analysis on our own servers. These two days have been great and we&#8217;ve learned a lot. Thanks to U Twente for hosting the event.<\/p>\n<p><a href=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/IMG_4221-scaled.jpg\" data-rel=\"lightbox-image-8\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-573\" src=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/IMG_4221-1024x768.jpg\" alt=\"\" width=\"604\" height=\"453\" srcset=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/IMG_4221-1024x768.jpg 1024w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/IMG_4221-300x225.jpg 300w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/IMG_4221-768x576.jpg 768w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/IMG_4221-1536x1152.jpg 1536w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/IMG_4221-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><\/p>\n<p>Fig. 8: After doing 2 days of hard work Jan &amp; Fatima are ready to present our project<\/p>\n<p>Good bye U Twente<\/p>\n<p><a href=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/IMG_4214-scaled.jpg\" data-rel=\"lightbox-image-9\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-571 size-large\" src=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/IMG_4214-scaled-e1699619696491-1024x264.jpg\" alt=\"\" width=\"604\" height=\"156\" srcset=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/IMG_4214-scaled-e1699619696491-1024x264.jpg 1024w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/IMG_4214-scaled-e1699619696491-300x77.jpg 300w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/IMG_4214-scaled-e1699619696491-768x198.jpg 768w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/IMG_4214-scaled-e1699619696491-1536x397.jpg 1536w, https:\/\/blogs.uni-bremen.de\/bildungslab\/files\/IMG_4214-scaled-e1699619696491-2048x529.jpg 2048w\" sizes=\"auto, (max-width: 604px) 100vw, 604px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The IMPACT team joined colleagues from U Twente at the AI in Education Hackathon from November 8.-10. We prototyped a dashboard for AI driven feedback on the multimodal and didactical quality of tutorials, online lectures and explanatory videos. Fig. 1: Our presentation at the Design Lab (U Twente) In my sub team together with Jan &hellip; <a href=\"https:\/\/blogs.uni-bremen.de\/bildungslab\/2023\/11\/10\/ai-based-analysis-of-tutorials-hackathon-ai-in-education-at-u-twente\/\" class=\"more-link\"><span class=\"screen-reader-text\">AI Based Analysis of Explanatory Videos and Tutorials: Hackathon AI in Education at U Twente<\/span> weiterlesen <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":31,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[207],"tags":[],"class_list":["post-569","post","type-post","status-publish","format-standard","hentry","category-allgemein"],"_links":{"self":[{"href":"https:\/\/blogs.uni-bremen.de\/bildungslab\/wp-json\/wp\/v2\/posts\/569","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.uni-bremen.de\/bildungslab\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.uni-bremen.de\/bildungslab\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.uni-bremen.de\/bildungslab\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.uni-bremen.de\/bildungslab\/wp-json\/wp\/v2\/comments?post=569"}],"version-history":[{"count":6,"href":"https:\/\/blogs.uni-bremen.de\/bildungslab\/wp-json\/wp\/v2\/posts\/569\/revisions"}],"predecessor-version":[{"id":588,"href":"https:\/\/blogs.uni-bremen.de\/bildungslab\/wp-json\/wp\/v2\/posts\/569\/revisions\/588"}],"wp:attachment":[{"href":"https:\/\/blogs.uni-bremen.de\/bildungslab\/wp-json\/wp\/v2\/media?parent=569"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.uni-bremen.de\/bildungslab\/wp-json\/wp\/v2\/categories?post=569"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.uni-bremen.de\/bildungslab\/wp-json\/wp\/v2\/tags?post=569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}