Mayuree Srikulwong, PhD
Workshop &
Role Play Scripts
Lecturer, School of Science and Technology, UTCC
Apple Accredited Professional Development Consultant
March 30, 2018
ดร. มยุรี ศรีกุลวงศ์
Apple Accredited PD Consultant
Alibaba Certified E-commerce Trainer
Introduction
ปริญญาเอก วิทยาการคอมพิวเตอร์ มหาวิทยาลัยแห่งบาธ
ประเทศอังกฤษ
อาจารย์ประจํา และ อาจารย์พิเศษ
ด้านคอมพิวเตอร์ บริหารธุรกิจ และ สื่อสารมวลชน
ความเชี่ยวชาญ การให้คําปรึกษาและการอบรมด้านการจัดการ
เรียนการสอนด้วยเทคโนโลยี
ประสบการณ์ ที่ปรึกษาและผู้ดําเนินการโครงการ iHybrid
Learning มหาวิทยาลัยหอการค้าไทย (4 ปี)
วิทยากรหน่วยงานภาครัฐและเอกชนที่ต้องการ
จัดการเรียนการสอนด้วยเทคโนโลยี
Agenda
2. Role play
(30 mins)
3. Recap
(5 mins)
4. Reflection
(5 mins)
1. Introduction
(30 mins)
1. Introduction
Workshop Objective
21st Century Learning
UTCC’s Journey to iHybrid
Workshop Objective
Provided the innovative
learning classroom,
Creativity can be
taught.
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
OBDA
Apple
Ecosystem
Activities
21st century learning at
Utcc’s journey to ihybrid
Journey to iHybrid
2011 iPad1:1 program
2013 started iHybrid
2015 100% adoption
2017 World’s no.3 on iTunes U
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
2. Role Play
GE201 Digital Innovative Thinking and Coding
iTunesU Enrollment code: DTC-BXY-FML
วิชา GenEd สําหรับนักศึกษาปี 1 เทอม 1 ทุกคณะ
เป้าหมายของวิชา GE201
GE201 Digital Innovative Thinking and Coding
การคิดวิเคราะห์เชิงคํานวณ การโค้ด การออกแบบประสบการณ์
ความคิดสร้างสรรค์ ผ่านการใช้ iPad เพื่อเพิ่มประสิทธิภาพการ
เรียนรู้ แก้ปัญหา และ การสร้างสรรค์งาน
โจทย์ของชั้นเรียน เลือกปัญหาสังคมที่ต้องได้รับการแก้ไข และใช้
iPad เป็นเครื่องมือในการสร้าง นวัตกรรมดิจิทัล
(Digital Innovation, App) เพื่อแก้ไขปัญหาดังกล่าว
ภาพรวมของวิชา GE201
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
OBDA
2. Role Play
GE201 Digital Innovative Thinking and Coding
iTunesU Enrollment code: DTC-BXY-FML
Task 1 Coding Practice
Swift Playgrounds
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
WHY What How
Computational thinking
=
Solving problems
efficiently,
logically and
creatively
Become a 4.0 Citizen
Computational Thinking
การคิดเชิงคำนวณอย่างเป็นระบบ
WHY What How
Decomposition
การแจกแจงส่วนประกอบย่อย
ของสิ่งที่ซับซ้อน
Abstraction
การหาไอเดียหลักโดยตัด
คุณลักษณะหรือรายละเอียดที่
ไม่สำคัญออก
Pattern Recognition
การหารูปแบบที่เกิดซ้ำ
หรือมีความคล้ายกัน
Algorithms
การออกแบบลำดับการทำงาน
Step-by-Step
ที่มีประสิทธิภาพที่สุด
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
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
2. Role Play
GE201 Digital Innovative Thinking and Coding
iTunesU Enrollment code: DTC-BXY-FML
Task 2 App Making Practice
RECAP
iTunesU Course Structure
Example Projects
OBDA
บรรยากาศการเรียน
ก่อนการใช้เทคโนโลยี
วัดผลจาก การสอบ
หลังการใช้เทคโนโลยี
วัดผลจาก ผลงาน ที่ทําได้ ทันที
ผลสัมฤทธิ์ การเรียนรู้
จํา
เข้าใจ
ประยุกต์ใช้
วิเคราะห์
ประเมินผล
สร้างสรรค์
จํา
เข้าใจ
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
ตัวอย่างผลงานในวิชา
https://ge201-utcc.weebly.com/
4. Reflection
ความหลากหลาย
ความคิดสร้างสรรค์
เรียนนอกห้อง
ประสบการณ์ที่สนุกสนาน
สร้างแรงบันดาลใจ
วัฒนธรรมการเรียนรู้แบบใหม่
Innovative Learning Classroom
ให้ประโยชน์ที่เหนือกว่า
4. Next Step
สิ่งที่ยังไม่ได้พูดถึง
Innovative Learning Classroom
ช่วยอาจารย์ได้อย่างไร
Mayuree Contacts
Facebook Website Slideshare VCard
1 2 3 4
www.AjTMayuree.orgAjT Mayuree MayureeSrikulwong
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.

Innovative Learning Classroom Workshop for ThaiPOD2018