Design and
Development of iOER:
Malaysian iOER
Showcase
Design and Development of iOER: Malaysia iOER Showcase© 2023 by Soon Fook Fong is licensed under CC BY-SA 4.0.
To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/4.0/
Design and Development of iOER: Malaysian iOER Showcase Following iOER samples. For complete showcases please refer to:
https://ioercop.ums.edu.my
UNIVERSITI TUN HUSSEIN ONN MALAYSIA (UTHM)
URL: https://ioercop.ums.edu.my/ioer-showcase-phase-3/uthm
DESCRIPTION
D'oria Islamiah Rosli - UTHM Topic:
ICT & Multimedia Application Type of iOER:
Course website, lecture slide, T&L graphics, Video Rationale:
• Inclusive educators believe in valuing student differences and supporting their learning needs to the greater extent possible (Nicole Eridics)
• Cherish uniqueness and respect differences (D'oria Islamiah Rosli) Accessibility considerations:
• IOER design focus on minor impairment of visual and auditory signal users
• Full impaired users require someone to assists them before they browse the content
• After they have familiar to control the narrator or magnifier tools, then they can easily access the entire content by their own.
• Most of the colour used in the IOER resources considers colour blind users which grey scale and primary colour used for the content
• Graphics used were named meaningfully with a caption that describe about the image and it’s content
Lessons Learnt:
• More aware about the importance of sharing the information that I develop to be inclusive and for all
• Include universal design elements in developing T&L content and cherish uniqueness among users
• Adopt equality elements in designing and developing T&L content and respect differences
• Most of the colour used in the OER resources considers colour blind users which grey scale and primary colour used for the content
Shared iOER link:
https://oer.uthm.edu.my/resources/technology/mbc-10104-ict-and-multimedia-application Link to video:
https://youtu.be/ELYGVAdEdXk
UNIVERSITI MALAYSIA KELANTAN (UMK)
URL: https://ioercop.ums.edu.my/ioer-showcase-phase-3/umk
DESCRIPTION
Assoc. Prof. Ts. Dr. Tan Tse Guan, Assoc. Prof. Dr. Mohamad Najmi Bin Masri, Dr.
Ahmad Zaki Bin Amiruddin (Universiti Malaysia Kelantan) Topic:
English Vocabulary for Kids: DISCOVER the Animal Kingdom Type of iOER:
Website and PowerPoint
Rationale of developing content as iOER:
Rationale of developing content as iOER is to reduce the digital divide and promote digital competencies. At the same time, it might provide cognitive delivery and soft-psychomotor development spontaneously. The aspiration is to help color-blind with other learning abilities and get the same point as normal learners. In short, this developing content can extend the variety of teaching and learning approaches without ignoring the special group.
Accessibility consideration:
1. Colours Contrast: Exploiting appropriate contrast between different page elements, such as the text, picture, and background, is significant for low-sighted and color- blind users.
2. Hyperlinks: Ensure links are unique by a touch other than color. An underline is typical and does the job. Moreover, the label is somewhat useful, short, and descriptive.
3. Style Focus: To help keyboard-only consumers express where they are on a page without a mouse cursor, browsers can, by default, display a focus ring around the presently focused element.
Frequently, this is turned off because designers find it visually unappealing, but it can be essential to those using a keyboard to navigate your site. If you are going to remove the default style focus, be sure to replace it with something else to denote the focus. Alternatively, have a style focus activated only when using the keyboard to navigate, not the mouse.
4. Hierarchy and Layout: Retain the hierarchy and layout of the page as logical and organized, and everyone can easily read and observe the point you want to deliver. Make sure key information is visible and follows a consistent and
understandable structure. Some content management systems provide compatible tools for handling structured data, making it easier to build accessible pages.
Lessons learnt from this project:
This project is endorsed as learning, teaching, and research materials in somewhat format and medium inherent in the public domain or under the copyright that has been released under an open license that permits no-cost access, re-use, re-purpose adaptation, and redistribution by others. The idea is to encourage the learner to know about the content provided, motivate the particular group to participate in learning and enhancing the skills, and take the initiative as the initial platform to expand or change the content. Hopefully, this simple project might benefit and impact all, and any suggestions and comments after this should be counted and considered for continuous quality improvement. Little by little, one travels far...
How will you share your iOER:
Physical and/or online sharing sessions may be conducted to share about iOER with preschool students.
URL link to your iOER (Website):
https://sites.google.com/view/ev4k
UNIVERSITI TEKNOLOGI MALAYSIA (UTM)
URL: https://ioercop.ums.edu.my/ioer-showcase-phase-3/utm
DESCRIPTION
Dr. Norelyza Hussein - UTM Topic:
Introduction to Sustainability Type of iOER:
Rationale:
Sustainability is an important concept for a better future. The concept should be understood by all global citizens, despite diversity and disabilities.
Accessibility consideration:
The accessibility features that were considered while developing the resources include appropriate font size, simple table, and inclusion of screen reader navigation.
Lesson learnt:
The significance of providing learning materials that can be accessed by all global citizens, regardless of their background or ability.
Shared iOER:
The ioer content is available on my personal website at https://people.utm.my/norelyza/ioer/
UNIVERSITI PENDIDIKAN SULTAN IDRIS (UPSI)
URL: https://ioercop.ums.edu.my/ioer-showcase-phase-3/upsi
DESCRIPTION
Dr. Muhamad Hariz Muhamad Adnan - UPSI Topic:
Design with Canva Type:
Video Rationale:
Students and the underprivileged need to learn how to design advertisement and branding materials if they want to start a business.
Accessibility considerations:
Deaf, vision impairment and slow learner
Lessons learnt: I believe that IOER is the way forward in education. A new experience for me!
Link to video:
https://youtu.be/tDhOS-wH3H0
UNIVERSITI PUTRA MALAYSIA (UPM)
URL: https://ioercop.ums.edu.my/ioer-showcase-phase-3/upm
DESCRIPTION
Wan Arnidawati Wan Abdullah, Universiti Putra Malaysia Topic:
Case Study: Job Aspiration and Job Satisfaction End-user:
Students from Bachelor of Human Development Science UPM and other students in Social Studies
Type of iOER:
Powerpoint Video with closed captions Rationale of developing content as iOER:
The skills to understand and discuss a case study are important for students in social studies as they learn about theories related to human behaviours. Using case studies in teaching is significant to allow students to relate those theories with the actual situations.
Accessibility considerations:
The video is uploaded to YouTube and the visibility is set as public. The subtitle or closed captions are also added to the video to cater to people with hearing
disabilities. The black box with white font is set for close captions to ease the reading. Moreover, the slides are not condensed with wordy text and to ensure better understanding for those who have problems with mental processing, the lecture is set to have a reasonable pace.
Lessons learnt from this project:
Technical aspects in creating iOER content. The disability spectrum is wide,
therefore many considerations should be taken into account to ensure accessibility
in education. iOER is important to uphold the slogan of ‘Education for All’. With just
a simple act of putting extra effort into our everyday tasks, we could fulfil the need
of other people.
How will you share your iOER:
Physical and/or online sharing sessions may be conducted to share about iOER with my colleagues. A workshop also may be organised to allow more practical training in creating IOER content.
URL link to your iOER:
https://www.youtube.com/watch?v=24-RkezW-4s
UNIVERSITI SULTAN ZAINAL ABIDIN (UNISZA)
URL: https://ioercop.ums.edu.my/ioer-showcase-phase-3/unisza
DESCRIPTION
Fahmi Mohamad - UniSZA Topic:
Five common confusions on dairy products Type of iOER:
1. Accessible PDF file 2. Youtube video
Rationale for developing content as iOER:
1. It is an important general knowledge, which can help in purchasing and consumption of the correct and intended dairy products.
2. It is easily relatable to daily life, since dairy products are commonly purchased and consumed by almost everyone.
Accessibility considerations:
1. Voice-over with closed-captions 2. Tagging for PDF accessibility
3. Creative commons attribution license
4. Use of pubic domain resources
Lessons learnt from this project:
1. Education is for EVERYONE!
2. Developing iOER is EASY!
3. Problems solved through COMMUNICATION
4. Nothing makes a person more productive than the LAST MINUTE!
How will you share your iOER:
1. Sharing sessions with colleagues
2. Short videos on tips & tricks to develop iOER materials 3. A chapter in book on tools for digital content
4. Volunteering to guide future iOER developers URL link to your iOER:
https://tinyurl.com/fahmi-iOER-PDF
https://tinyurl.com/fahmi-iOER-Video
Prepared by:
Prof. Dr. Fong Soon Fook UNIESCO iOER Consultant Universiti Malaysia Sabah Mohd Zulfadhlee Abdul Nasyir Layout & Graphic Designer Universiti Malaysia Sabah
Shaidatul Nazirah Fakaruzaman Layout & Graphic Designer Universiti Malaysia Sabah
