Slides used to demonstrate a case study of teaching digital innovation creation at the University of the Thai Chamber of Commerce, presented at the 13th annual conference for ThaiPOD on Mar 30, 2018. The slides contain UTCC's journey history to 21st century learning and role-play workshop scripts which direct participants to use Swift Playgrounds and Marvel App to learn computational thinking skill and create a mock-up app to solve a real-world problem. The slides end with a recap of TPACK and OBDA structure created on iTunesU for students to follow and a summary of innovative learning classroom benefits.

1. Mayuree Srikulwong, PhD
Workshop &
Role Play Scripts
Lecturer, School of Science and Technology, UTCC
Apple Accredited Professional Development Consultant
March 30, 2018

2. ดร. มยุรี ศรีกุลวงศ์
Apple Accredited PD Consultant
Alibaba Certified E-commerce Trainer
Introduction
ปริญญาเอก วิทยาการคอมพิวเตอร์ มหาวิทยาลัยแห่งบาธ
ประเทศอังกฤษ
อาจารย์ประจํา และ อาจารย์พิเศษ
ด้านคอมพิวเตอร์ บริหารธุรกิจ และ สื่อสารมวลชน
ความเชี่ยวชาญ การให้คําปรึกษาและการอบรมด้านการจัดการ
เรียนการสอนด้วยเทคโนโลยี
ประสบการณ์ ที่ปรึกษาและผู้ดําเนินการโครงการ iHybrid
Learning มหาวิทยาลัยหอการค้าไทย (4 ปี)
วิทยากรหน่วยงานภาครัฐและเอกชนที่ต้องการ
จัดการเรียนการสอนด้วยเทคโนโลยี

3. Agenda
2. Role play
(30 mins)
3. Recap
(5 mins)
4. Reflection
(5 mins)
1. Introduction
(30 mins)

4. 1. Introduction
Workshop Objective
21st Century Learning
UTCC’s Journey to iHybrid

5. Workshop Objective
Provided the innovative
learning classroom,
Creativity can be
taught.

6. This Decade and Beyond
The Need for Change
People working in small groups to solve problems
Digital information tools on desktops and in hands
No two people doing exactly the same thing as the
person next to them
A variety of ages working together
A variety of styles of people working together
A variety of tasks and groupings

7. OBDA
Apple
Ecosystem
Activities
21st century learning at

8. Utcc’s journey to ihybrid

9. Journey to iHybrid
2011 iPad1:1 program
2013 started iHybrid
2015 100% adoption
2017 World’s no.3 on iTunes U

10. Key Message
APPLE ecosystem for
education provides education
institutes a new paradigm for
preparing students for the future
as well as a platform for
revenue diversity.
Mayuree Srikulwong, PhD

11. 2. Role Play
GE201 Digital Innovative Thinking and Coding
iTunesU Enrollment code: DTC-BXY-FML
วิชา GenEd สําหรับนักศึกษาปี 1 เทอม 1 ทุกคณะ

12. เป้าหมายของวิชา GE201
GE201 Digital Innovative Thinking and Coding
การคิดวิเคราะห์เชิงคํานวณ การโค้ด การออกแบบประสบการณ์
ความคิดสร้างสรรค์ ผ่านการใช้ iPad เพื่อเพิ่มประสิทธิภาพการ
เรียนรู้ แก้ปัญหา และ การสร้างสรรค์งาน
โจทย์ของชั้นเรียน เลือกปัญหาสังคมที่ต้องได้รับการแก้ไข และใช้
iPad เป็นเครื่องมือในการสร้าง นวัตกรรมดิจิทัล
(Digital Innovation, App) เพื่อแก้ไขปัญหาดังกล่าว

13. ภาพรวมของวิชา GE201

14. Big Idea Challenge Solution App / Web
UX
UI Wireframe Mockup Prototype
Persona User Journey User Story Scenario Wireframe
Site Flow User Flow
ตัวละคร
บรรยายลักษณะ
ละเอียด
หนังสือ 1 เล่ม
Post-it
บท 1 บท
เขียนเป็นประโยค
ฉาก 1 ฉาก
Sketch
วาดขาวดํา
ผังของทั้งระบบ เส้นทางของ
แต่ละ Persona
ต้องทดสอบ (Test) เส้นทางทั้งหมดใน
Site / User Flow ตามจํานวน User Story
B&W Sketch UI Design with Color with Interaction
Test Test
USER EXPERIENCE
USER INTERFACE
นํา Wireframe มาเรียงต่อกัน
Interview
M.Srikulwong

15. OBDA

16. 2. Role Play
GE201 Digital Innovative Thinking and Coding
iTunesU Enrollment code: DTC-BXY-FML
Task 1 Coding Practice
Swift Playgrounds

17. S W I F T
P L A Y G R O U N D S
Building Computational Thinking Skill
M. Srikulwong
Apple Accredited Professional Development Consultant
with

18. WHY What How
Computational thinking
=
Solving problems
efficiently,
logically and
creatively
Become a 4.0 Citizen

19. Computational Thinking
การคิดเชิงคำนวณอย่างเป็นระบบ
WHY What How

20. Decomposition
การแจกแจงส่วนประกอบย่อย
ของสิ่งที่ซับซ้อน
Abstraction
การหาไอเดียหลักโดยตัด
คุณลักษณะหรือรายละเอียดที่
ไม่สำคัญออก
Pattern Recognition
การหารูปแบบที่เกิดซ้ำ
หรือมีความคล้ายกัน
Algorithms
การออกแบบลำดับการทำงาน
Step-by-Step
ที่มีประสิทธิภาพที่สุด

21. Learn to Code 1’s
7 Lessons
to build
ComputationalThinking
Skill
WHY What How
S W I F T
P L A Y G R O U N D S

22. Think like a Detective
Learn to Code
#I
Think Efficiently
Commands
Functions, For Loops
Think Logically
Conditional Code, Logical
Operators
Think Again and Again
While Loops
Think Computationally
Algorithms
WHY What How

23. 2. Role Play
GE201 Digital Innovative Thinking and Coding
iTunesU Enrollment code: DTC-BXY-FML
Task 2 App Making Practice

24. RECAP
iTunesU Course Structure
Example Projects

25. OBDA

26. บรรยากาศการเรียน

27. ก่อนการใช้เทคโนโลยี
วัดผลจาก การสอบ
หลังการใช้เทคโนโลยี
วัดผลจาก ผลงาน ที่ทําได้ ทันที
ผลสัมฤทธิ์ การเรียนรู้
จํา
เข้าใจ
ประยุกต์ใช้
วิเคราะห์
ประเมินผล
สร้างสรรค์
จํา
เข้าใจ

28. Key Message
I have never imagined that
teaching non-geeks to make the
app is not only possible but also
within an incredibly shorter
duration. We innovate the
process to prove that everyone
can create Digital Innovation.
Mayuree Srikulwong, PhD

29. ตัวอย่างผลงานในวิชา
https://ge201-utcc.weebly.com/

30. 4. Reflection
ความหลากหลาย
ความคิดสร้างสรรค์
เรียนนอกห้อง
ประสบการณ์ที่สนุกสนาน
สร้างแรงบันดาลใจ
วัฒนธรรมการเรียนรู้แบบใหม่
Innovative Learning Classroom
ให้ประโยชน์ที่เหนือกว่า

31. 4. Next Step
สิ่งที่ยังไม่ได้พูดถึง
Innovative Learning Classroom
ช่วยอาจารย์ได้อย่างไร

32. Mayuree Contacts
Facebook Website Slideshare VCard
1 2 3 4
www.AjTMayuree.orgAjT Mayuree MayureeSrikulwong

33. References:
Freepik www.freepik.com
Flaticon www.flaticon.com
Kuler adobe.color.com
Acknowledgements:
Thank you Chanitnan Kultanan
for your support
Attribution
You must give appropriate credit, provide a link to the license, and indicate if changes
were made. You may do so in any reasonable manner, but not in any way that suggests the
licensor endorses you or your use.
Noncommercial You may not use the material for commercial purposes.
No Derivatives If you remix, transform, or build upon the material, you may not
distribute the modified material.