Open School Cambodia Project Design and Development

Transcript

1. OPEN SCHOOL: An Open E-Learning Platform for Khmer-speaking Users Sokunthearith Makara Learning Design and Technology
2. Problem Access to quality education
3. Purpose statement: Develop and evaluate the ease of use of an open web-based eLearning platform for Khmer-speaking users Solution
4. Bilingual Khmer & English 1
5. Responsive to different screen sizes 2
6. Easy to use with accessible supports 3 Write the course title here. Choose ONE course category. Set duration for the quiz. If enabled, this will lock unit access until previous unit is complete. Click to upload a course image. 16:9 ratio is recommended.
7. Open free & allowing contribution 4
8. In this presentation… Development
9. In this presentation… Development Evaluation
10. In this presentation… Development Evaluation Conclusion
11. In this presentation… Development Evaluation Conclusion Q&A
12. DEVELOPMENT
13. Development Process Build Translate Publish
14. WordPress LMS CMS
15. BuddyPress Users and Groups WordPress LMS CMS
16. BuddyPress Users and Groups WordPress Core Information Board WordPress LMS CMS
17. BuddyPress Users and Groups bbPress Discussion Forums WordPress Core Information Board WordPress LMS CMS
18. BuddyPress Users and Groups bbPress Discussion Forums WordPress Core Information Board BuddyDrive File Sharing WordPress LMS CMS
19. BuddyPress Users and Groups bbPress Discussion Forums WordPress Core Information Board BuddyDrive File Sharing Contact Form 7 Ajax Search Lite Loco Translate Codecogs Latex Equation Editor qTranslate X Super Socializer TinyMCE Advanced WordPress Access Control Crayon Syntax Highlighter WPBakery Visual Composer Flamingo Supreme Google Webfonts WordPress LMS CMS
20. WordPress LMS CMS BuddyPress Users and Groups bbPress Discussion Forums WordPress Core Information Board BuddyDrive File Sharing Contact Form 7 Ajax Search Lite Loco Translate Codecogs Latex Equation Editor qTranslate X Super Socializer TinyMCE Advanced WordPress Access Control Crayon Syntax Highlighter WPBakery Visual Composer Flamingo Supreme Google Webfonts Selection Criteria: 1. Openness 2. Popularity
21. Loco Translate
22. [:en]This is the text in English.[:km]ន េះជាអត្ថបទជាភាសាខ្មែរ [:] qTranslate X
23. [:en]This is the text in English.[:km]ន េះជាអត្ថបទជាភាសាខ្មែរ [:] This is the text in English. qTranslate X
24. [:en]This is the text in English.[:km]ន េះជាអត្ថបទជាភាសាខ្មែរ [:] This is the text in English. ន េះជាអត្ថបទជាភាសាខ្មែរ qTranslate X
25. eHost.com
26. openschoolcambodia.org eHost.com
27. openschoolcambodia.org Duplicator eHost.com
28. openschoolcambodia.org Duplicator FileZilla eHost.com
29. Homepage
30. Registration Page
31. Course Page
32. Unit Page
33. Teacher Registration Form
34. Course Creator
35. EVALUATION
36. Ease of use
37. Ease of use?
38. Ease of use Students 1. Creating an account 2. Searching and registering for a course 3. Navigating the course’s pages
39. Ease of use Teachers 1. Creating an account 2. Requesting to become a teacher 3. Creating a course
40. use of Khmer language Additionally,
41. How?
42. Remote Usability Test 2 rounds 12 participants Cambodia Hawaii
43. Participants Round 1 Round 2 Gender Male 3 2 Female 3 4 Age group 19-22 3 2 23-29 2 4 30-39 1 0 Computer skill level 5-point scale 4.15 = skilled 4.06 = skilled Online learning experience Yes 4 5 No 2 1 Learning platforms known Coursera, Khan Academy Coursera, Khan Academy, EdX Online teaching experience Yes 1 3 No 5 3
44. Participants Round 1 Round 2 Gender Male 3 2 Female 3 4 Age group 19-22 3 2 23-29 2 4 30-39 1 0 Computer skill level 5-point scale 4.15 = skilled 4.06 = skilled Online learning experience Yes 4 5 No 2 1 Learning platforms known Coursera, Khan Academy Coursera, Khan Academy, EdX Online teaching experience Yes 1 3 No 5 3
45. Participants Round 1 Round 2 Gender Male 3 2 Female 3 4 Age group 19-22 3 2 23-29 2 4 30-39 1 0 Computer skill level 5-point scale 4.15 = skilled 4.06 = skilled Online learning experience Yes 4 5 No 2 1 Learning platforms known Coursera, Khan Academy Coursera, Khan Academy, EdX Online teaching experience Yes 1 3 No 5 3
46. Participants Round 1 Round 2 Gender Male 3 2 Female 3 4 Age group 19-22 3 2 23-29 2 4 30-39 1 0 Computer skill level 5-point scale 4.15 = skilled 4.06 = skilled Online learning experience Yes 4 5 No 2 1 Learning platforms known Coursera, Khan Academy Coursera, Khan Academy, EdX Online teaching experience Yes 1 3 No 5 3
47. Instrumentation and Procedure
48. Google Hangouts
49. Google Hangouts 60 STUDENTS MINUTES 90 TEACHERS MINUTES
50. Google Hangouts Techsmith Camtasia 60 STUDENTS MINUTES 90 TEACHERS MINUTES
51. 1 Consent form Presurvey
52. 2 Student’s tasks 1. Navigating the homepage 2. Creating an account 3. Searching and registering for a course 4. Navigating the course’s pages. Teacher’s tasks 1. Navigating the homepage 2. Creating an account 3. Requesting to become a teacher 4. Creating a course
53. 2 Student’s tasks 1. Navigating the homepage 2. Creating an account 3. Searching and registering for a course 4. Navigating the course’s pages. Teacher’s tasks 1. Navigating the homepage 2. Creating an account 3. Requesting to become a teacher 4. Creating a course After EACH task • Task difficulty: 1-6 • Rationale • Suggestion • Khmer language
54. 3 Post survey • Design layout • Navigation • Use of Khmer language
55. 4 Post interview
56. Results and Revisions
57. Quantitative Data: Task Duration Creating an account Registering for a course Taking a course Requesting to become a teacher Creating a course
58. Quantitative Data: Task Duration Creating an account Registering for a course Taking a course Requesting to become a teacher Creating a course
59. Quantitative Data: Task Duration Creating an account Registering for a course Taking a course Requesting to become a teacher Creating a course
60. Quantitative Data: Task Difficulty Creating an account Registering for a course Taking a course Requesting to become a teacher Creating a course
61. Quantitative Data: Task Difficulty Creating an account Registering for a course Taking a course Requesting to become a teacher Creating a course
62. Quantitative Data: Post Survey Statements Round 1 Average Round 2 Average Round 1 Sec. Aver. Round 2 Sec. Aver. Design layout 1. The home page layout is easy to understand. 5.5 5.8 5.37 5.48 2. The text is clearly written. 5.17 5.4 3. The images are interesting. 5.5 5.6 4. The website is visually appealing. 5.67 5.6 5. The organization of the site is logical and easy to follow. 5 5 Navigation 1. The website is easy to navigate. 5.17 5.4 5.04 5.1 2. Number of buttons/ links is reasonable. 4.83 5.2 3. Labels are clear and concise. 5.17 4.6 4. Links are consistent and easy to identify. 5 5.2 Khmer language 1. Khmer terms are clear and easy to understand. 4.83 4.4 5.29 5.2 2. Khmer terms are used consistently on the website. 5.33 5 3. The texts on the website are grammatically correct. 5.5 5.6 4. The texts on the website are correctly spelled. 5.5 5.8
63. Quantitative Data: Post Survey Statements Round 1 Average Round 2 Average Round 1 Sec. Aver. Round 2 Sec. Aver. Design layout 1. The home page layout is easy to understand. 5.5 5.8 5.37 5.48 2. The text is clearly written. 5.17 5.4 3. The images are interesting. 5.5 5.6 4. The website is visually appealing. 5.67 5.6 5. The organization of the site is logical and easy to follow. 5 5 Navigation 1. The website is easy to navigate. 5.17 5.4 5.04 5.1 2. Number of buttons/ links is reasonable. 4.83 5.2 3. Labels are clear and concise. 5.17 4.6 4. Links are consistent and easy to identify. 5 5.2 Khmer language 1. Khmer terms are clear and easy to understand. 4.83 4.4 5.29 5.2 2. Khmer terms are used consistently on the website. 5.33 5 3. The texts on the website are grammatically correct. 5.5 5.6 4. The texts on the website are correctly spelled. 5.5 5.8
64. Round 1 32 issues
65. 32 issues 8 12 Usability Catastrophe Major Usability Problem 8 3 Minor Usability Problem Cosmetic Problem Round 1
66. 13 5 2 Usability Catastrophe Major Usability Problem 3 3 Minor Usability Problem Cosmetic Problem Round 2 issues
67. Banner and header not responsive on small screen #1
68. Layout for laptop and PC screens #1
69. Layout for iPad screens #1
70. Layout for smartphone screens #1
71. Labels were not clear. #2
72. Short description underneath each field #2
73. Course navigation bar and course buttons #3
74. Revised navigation bar and course buttons #3
75. Revised navigation bar and course buttons #3
76. Course Instructions #3’
77. Shaking animation #3’
78. Hover effect #3’
79. Disabled quiz save button #4
80. DESIGN
81. KHMER LANGUAGE
82. CONCLUSION
83. 4.40to 5.03 Usability Score
84. Navigating the course’s pages 4.33 Creating a course 3.67
85. LESS on changes MORE on supports
86. It’s not the end, but a beginning.
87. Encouraging people to use the platform Teaching instructional design and technology 
88. My advisor Dr. Catherine Fulford My critical friends: Ashley, Kim & Raisa My professors Participants in Open School project Open communities East-West Center
89. QUESTIONS?
90. beta010.openschoolcambodia.org testing version