KML6083 DEVELOPMENT OF TECHNOLOGY-BASED ENVIRONMENT GROUP PROJECT 1 DESIGN AND DEVELOPMENT OF A TECHNOLOGY-BASED LEARNING ENVIRONMENT PREPARED FOR PROFESSOR DR CHEN CHWEN JEN PREPARED BY SEBASTIAN RAMSAY ANAK BAHAL (23030317) RENEIRIO ROMEO HILDORE (23030405)
1 Table of Contents Analysis Phase………………………….………………………………..…………………..2 Design Phase…………………………………………………………………..……………..5 Develop Phase ……………………………………………………………………………….9 References …………..…..……………..……………………...……………………..……..17
2 DESIGNING AN ONLINE LEARNING ENVIRONMENT FOR PROJECT BASED DIGITAL STORYTELLING ANALYSIS PHASE Learning Problems Teachers have limited knowledge and experience with digital storytelling techniques, as they have primarily been exposed to traditional storytelling methods (Yilmaz & Siğirtmaç, 2023). This lack of familiarity hinders their ability to engage students in digital storytelling competitions. Teachers need opportunities to learn and explore innovative digital storytelling methods to enhance their instructional strategies and creativity (Sembiring & Simajuntak, 2023). Situational Factors Context of the Teaching/Learning Situation: Class Size: 25 teachers. Duration: 3-hour sessions. Location: Online, leveraging a robust digital learning platform ‘DESIGNING AN ONLINE LEARNING ENVIRONMENT FOR PROJECT-BASED DIGITAL STORYTELLING’ via this link https://sites.google.com/view/group-project1?usp=sharing Resources: Teachers will have access to personal computers or laptops at home. Suburban schools and homes in Serian are well-connected with the Sarawak Rural Broadband Network (MySRBN) and Unifi. Learning Environment: Solely online, allowing teachers to access tools and resources remotely.
3 Nature of the Subject Integrating technology and AI tools into the English curriculum to enhance digital storytelling skills. Characteristics of the Learners Basic Computer Skills: Teachers have basic computer skills and are proficient in using tools such as Microsoft Word, Microsoft PowerPoint, and web browsers. They are also familiar with using computers, laptops, and mobile apps. DELIMA 2.0 Exposure: Each teacher has a DELIMA 2.0 Google email provided by the Ministry of Education and is accustomed to using the DELIMA 2.0 learning platform. Access to Digital Resources: Teachers can access a variety of digital storybooks and resources through online libraries and platforms. Mixed-Abilities Classroom: Teachers come from diverse academic backgrounds and possess varying levels of digital literacy. Prior Knowledge: Teachers are familiar with digital storytelling from social media platforms such as YouTube, Instagram, and TikTok. Task Analysis Components of the Proposed Task Pre-Written Stories Reference Three pre-written story lines are provided for the teachers as references to guide their own digital story creation. Generating Image Prompts Use ChatGPT (https://chat.openai.com/) to generate image prompts that will inspire and guide the creation of visual content.
4 Documenting Storylines and Prompts Document the storylines and image prompts in a structured manner using Google Docs (https://www.google.com/docs/about/). Creating Images Utilize Adobe Firefly - Free Generative AI for creatives (https://www.adobe.com/products/firefly.html) to create images based on the generated prompts. Writing Digital Stories Write and design the stories using Canva Ebook (https://www.canva.com/) by incorporating the generated images. Saving Ebook Save the completed Ebook in MP4 files for ease of sharing and further use. Creating a 2-3-Minutes Video Use CapCut (https://www.capcut.com/) to create 2 to 3-minutes digital videos. CapCut Video Editor offers features for video editing and allows students to compile their digital stories into a concise and engaging video format. Saving Videos Save the created videos using CapCut Video Editor for organized access and distribution. This ensures that the videos are readily available for sharing on various platforms and can be easily accessed. Learning Outcome Teachers will explore ways to adapt traditional storytelling techniques to digital platforms by experimenting with interactive elements, multimedia integration, and nonlinear narratives. This process will enhance their knowledge and skills in digital storytelling
5 (Habul-Šabanović, 2023), boost audience engagement and immersion, and encourage greater participation in digital storytelling competitions. DESIGN PHASE Teaching and Learning (T&L) Strategies String of Learning Activities Introduction to Digital Storytelling (30 minutes) Instructor: Introduces the concept of digital storytelling, explains the project's objectives, and provides an overview of the tools to be used. Learners: Review and discuss the three pre-written storylines provided as references. Technological Tools: Google Docs for reviewing and discussing storylines. Generating and Documenting Image Prompts (30 minutes) Instructor: Guides teachers on how to use ChatGPT to generate image prompts and documents the process. Learners: Use ChatGPT to generate image prompts based on their chosen storyline and document these prompts in Google Docs. Technological Tools: ChatGPT for generating prompts, Google Docs for documentation. Creating Visual Content (30 minutes) Instructor: Demonstrates how to use Adobe Firefly to create images and provides examples.
6 Learners: Create images based on the prompts generated in the previous session. Technological Tools: Adobe Firefly for image creation. Writing and Designing Digital Stories (30 minutes) Instructor: Provides a tutorial on using Canva eBook to integrate text and images into a cohesive digital story. Learners: Write and design their digital stories in Canva eBook, incorporating the images they created. Technological Tools: Canva eBook for writing and designing stories. Saving and Sharing eBook (30 minutes) Instructor: Instructs on how to save Canva eBook as MP4 files. Learners: Save their completed eBook in MP4 files. Technological Tools: Canva eBook for saving eBook as MP4 files. Creating and Publishing Digital Videos with CapCut Video Editor (30 minutes) Instructor: Guides teachers through the process of using CapCut Video Editor to convert their MP4 files into engaging digital videos. Learners: Create digital video from their MP4 files and publish them to a digital platform. Technological Tools: CapCut Video Editor for creating and editing digital videos.
7 Alignment with T&L Strategy The activities align with a project-based learning (PBL) strategy, supporting active learning and collaboration through an entirely online environment. This approach utilizes technology to enable teachers to work remotely, enhancing their skills in digital storytelling through interactive and multimedia-based tasks. Content Sequencing Introduction to Digital Storytelling Instructor: Introduces digital storytelling, provides pre-written storylines. Learners: Review and discuss the storylines. Technological Tools: Google Docs, ChatGPT. Generating and Documenting Image Prompts Instructor: Guides teachers on how to use ChatGPT. Learners: Generate image prompts and document them. Technological Tools: ChatGPT, Google Docs. Creating Visual Content Instructor: Demonstrates Adobe Firefly. Learners: Create images based on prompts. Technological Tools: Adobe Firefly. Writing and Designing Stories
8 Instructor: Provides guidance on using Canva. Learners: Write and design digital stories. Technological Tools: Canva eBook. Saving and Sharing e-book Instructor: Explains how to save eBook as MP4 files. Learners: Save and prepare eBook for digital video creation. Technological Tools: Canva eBook. Creating and Publishing Digital Video Instructor: Instructs on using CapCut Video Editor. Learners: Convert MP4 files into engaging digital videos and save them. Technological Tools: CapCut Video Editor. Instructional Message Design Multimedia Principle: Using a combination images, text, and interactive elements to enhance learning and engagement. Contiguity Principle: Aligning text closely with corresponding images to improve understanding. Modality Principle: Combining visual and auditory information to cater to different learning styles such as visual or auditory learning styles Personalization Principle: Using conversational style in ChatGPT interactions to make learning more relatable and engaging.
9 DEVELOP PHASE Learning Environment Development Demonstrating the Potential of Technological Tools In this phase, we aim to create an engaging and supportive online learning environment that leverages various technological tools for digital storytelling. Here's a detailed demonstration of how each tool can enhance the learning process and outcomes. 1. ChatGPT: Generating Image Prompts Potential ChatGPT is a powerful AI language model that can generate creative and contextually relevant prompts for visual content. This tool aids teachers in brainstorming and developing imaginative ideas for their digital stories. Demonstration Interactive Prompt Generation: Show how teachers can input a portion of their storyline into ChatGPT and receive a variety of image prompts that match the narrative. Creative Expansion: Illustrate how teachers can use these prompts to expand their storytelling with unique and engaging visuals. Real-Time Feedback: Highlight ChatGPT’s ability to provide instant feedback and suggestions, making it a valuable tool for iterative creative processes. Example A teacher inputs a storyline about a magical forest. ChatGPT generates prompts like “a glowing enchanted tree,” “mystical creatures under a starry sky,” and “a hidden fairy village.”
10 2. Google Docs: Documenting Storylines and Prompts Potential Google Docs is a collaborative platform that allows teachers to document their storylines and image prompts systematically. It supports real-time collaboration, enabling teachers to work together seamlessly. Demonstration Collaboration in Action: Demonstrate how multiple teachers can work on a single document simultaneously, adding and refining storylines and image prompts. Organized Documentation: Show how teachers can organize their content with headings, comments, and suggestions, making it easy to track changes and improvements. Accessibility: Highlight how teachers can access their work from any device, facilitating continuous learning both in-class and remotely. Example Teachers collaboratively document their storyline about an adventurous journey and use comments to discuss and refine the generated image prompts. 3. Adobe Firefly: Creating Visual Content Potential Adobe Firefly is an AI-powered tool for creating high-quality images. It enables teachers to turn their prompts into stunning visuals, which are essential for digital storytelling. Demonstration Image Creation Process: Show how teachers can input prompts into Adobe Firefly and generate detailed, creative images.
11 Customization and Refinement: Demonstrate how teachers can tweak and customize these images to better fit their storytelling needs. Integration with Storyline: Highlight the ease with which these images can be incorporated into their digital stories, enhancing visual appeal. Example Using the prompt “a glowing enchanted tree,” Adobe Firefly generates a vivid, highquality image of the tree, which teachers can then use in their digital story. 4. Canva eBook: Writing and Designing Digital Stories Potential Canva eBook is a versatile design tool that allows teachers to integrate text, images, and multimedia into a cohesive digital story. It is user-friendly and supports creative design. Demonstration Design Interface: Show the intuitive interface of Canva and how teachers can drag and drop elements to create their eBooks. Multimedia Integration: Illustrate how teachers can combine their written storylines with images generated from Adobe Firefly to create visually rich content. Interactive Elements: Highlight features like animations and interactive links that can make the digital story more engaging. Example A teacher designs a page in Canva eBook with text about a magical forest journey, complemented by the image of the glowing enchanted tree.
12 5. CapCut Video Editor: Creating and Publishing Digital Videos Potential CapCut Video Editor is an advanced video editing tool that allows teachers to convert their eBooks into engaging digital videos. It supports various editing features to enhance storytelling. Demonstration Video Creation: Show how teachers can import their MP4 files into CapCut and create a 2 to 3-minutes video summarizing their digital story. Editing Features: Highlight the use of features like transitions, text overlays, and sound effects to enhance the video’s appeal. Publishing: Demonstrate how to export and share the final video on various digital platforms. Example A teacher creates a 2 to 3-minutes video using their Canva eBook MP4, adding transitions and background music to make the story engaging. Benefits of the Technological Tools Enhancing Engagement and Creativity Interactive Learning: Teachers actively engage with content creation, enhancing their creativity and understanding of digital storytelling. Collaborative Environment: Tools like Google Docs and Canva facilitate collaboration, allowing teachers to learn from each other. Accessibility and Flexibility Online Learning Model: The combination of various online tools supports flexible learning, accommodating different schedules and learning preferences.
13 Ease of Access: Teachers can access these tools from home, ensuring continuous learning outside the classroom. Skill Development Technical Skills: Teachers gain proficiency in using advanced digital tools, preparing them for future technological challenges. Creative Expression: The integration of AI and multimedia tools fosters creative expression and innovation in storytelling. Technological Tools Used and Justification ChatGPT Justification: Provides dynamic and creative prompt generation, enhancing teachers' imaginative capabilities. Google Docs Justification: Facilitates easy documentation and collaboration on storylines and prompts. Adobe Firefly Justification: Enables the creation of high-quality, AI-generated images, crucial for visual storytelling. Canva Ebook Justification: User-friendly tool for designing and writing digital stories with multimedia integration. CapCut Video Editor Justification: CapCut Video Editor converts MP4 files into engaging digital videos, making digital stories more accessible and captivating.
14 Screenshots of the Learning Environment Online Learning Platform link: https://sites.google.com/view/group-project-1?usp=sharing ChatGPT Interface
15 Google Docs Documenting Adobe Firefly Image Creation
16 Canva Ebook Design CapCut Video Editor
17 References Yilmaz, M. M., & Siğirtmaç, A. (2023). A material for education process and the Teacher: the use of digital storytelling in preschool science education. Research in Science & Technological Education, 41(1), 61-88. Sembiring, D. L. B., & Simajuntak, D. C. (2023). Digital storytelling as an alternative teaching technique to develop vocabulary knowledge of EFL learners. Journal of Languages and Language Teaching, 11(2), 211-224. Habul-Šabanović, I. (2023). Digital Storytelling to Promote EFL Learning and Digital Literacy in Pre-Service Teacher Education. Prozor u svijet obrazovanja, nauke i mladih, 1(1), 437-460. ChatGPT. (n.d.). https://chatgpt.com/?oai-dm=1 Adobe Firefly. (n.d.). https://firefly.adobe.com/inspire/images? Google Docs: Online Document Editor | Google Workspace. (n.d.). https://www.google.com/docs/about/ Canva: Visual Suite for Everyone. (n.d.). https://www.canva.com/ CapCut. (n.d.). CapCut - Video editor. Retrieved May 16, 2024, from https://www.capcut.com/
18