플립러닝, 해봤더니... 이런저런 경헣을 하면서 느낀 점을 기록했습니다.

1. 플립러닝, 해봤더니...
박형주 이사/교육공학박사
www.modoom.kr
Phone: 010-4878-1610
E-mail: parkhyungjoo@gmail.com

2. 궁금하신 점은 강의 중간에 문자로 보내주세요.
질문의 개수를 감안하여 마치는 시간을 조절하겠습니다.
010-4878-1610

3. 2014년부터
대학원에서 플립러닝으로 강의를
하고 있고,
샘빌(Samville)을 직접 만들어서
운영하고 있는 입장에서...
진짜 느낀 점은?

9. 플립러닝에 대한
솔직한 이야기

10. 플립러닝
(Flipped Learning)
최근 3대 교육 트렌드
뭌
(MOOC)
Masive Open Online Courseware
모바일러닝
(Mobile Learning)

11. 최근 3대 교육 트렌드
플립러닝
(Flipped Learning)
•지금까지 진행해 오던 학습의 패턴
을 Flip하여 새로운 가치를 만들어
내는 교수법
•이러닝과 학습활동의 적절한 조화
로 성과를 낼 수 있음

12. 최근 3대 교육 트렌드
뭌
(MOOC)
Masive Open Online Courseware
•고등교육을 시작으로 글로벌 교육
의 지형을 서서히 변화시키고 있는
큰 물결
•뭌을 어떻게 대응하느냐에 따라서
교육의 가치가 재정의 될 수 있음

13. 최근 3대 교육 트렌드
모바일러닝
(Mobile Learning)
•모바일 기기에서 학습하는 방법
•개념은 오래 전부터 있어왔으나 실
체가 불분명한 서비스 형태
•모바일 환경에 최적화되지 않은 교
육 서비스는 도태될 것
•다양한 기술과 접목되어 변화 중

14. 3개의 트렌드는 서로 상호작용 하고 있습니다.

15. 플립러닝
(Flipped Learning)
최근 3대 교육 트렌드
뭌
(MOOC)
Masive Open Online Courseware
모바일러닝
(Mobile Learning)

16. 플립러닝(Flipped Learning)
플립러닝을 통해 오프라인 교육기관의 경쟁력은 강화될 것입니다.
MOOC와 결합되면서 시너지를 내게 될 것입니다.
지식전달형 강의는 점점 경쟁력을 잃게 될 것입니다.
MOOC를 통해 그 흐름이 가속화될 것으로 예상 됩니다.
플립러닝 학습패턴은 모바일러닝이 될 것입니다.
학습자는 이미 모바일 중심으로, 모바일 우선으로 변화하고 있습니다.
모바일 환경을 대응하는 플립러닝 전략이 필요할 것입니다.

17. 경험1.
지식전달형 강의는
원하면서도
강의를 하면 존다.

18. 아이들은 학원에 가서
지식전달형 강의를 듣고
학교에서 잔다.
(아마도...)

19. 위안을 드리겠습니다.
대학원생도 똑같더라고요.
^^;

20. 에 대한 코멘트들플립러닝
OOO 교수
OOO 교사
플립러닝이 성공하려면,
수업시간에 교수자가
절.대.로.
강의를 하지 못하게 해야 한다.
짧은 동영상 클립을
수업 전에 미리 보고,
나중에 이것을 반복해서
학습할 수 있어 좋다.

21. /‹#›/
플립러닝은 전통적인 대면교육과 이러닝의 장점을
적절하게 혼합하며 발전하고 있습니다.
대면교육 이러닝공통요소

22. 이 교사에게 주는 가치
학생과 교사가
수업의
주인공이 되도록
도와줍니다.
교사가
학생 개개인에게
집중할 수 있도록
도와줍니다.
소통하고
생동감 넘치는
교실이 되도록
도와줍니다.
플립러닝

23. 학습자 교수자 학습내용 학습자 콘텐츠 플랫폼
교육의 3요소 이러닝의 3요소
플립러닝은 전통적인 대면교육과 이러닝의 장점을
적절하게 흡수하여 발전하고 있는 것이 특징

24. 대면교육적
요소
이러닝적
요소
코치 학습환경
콘텐츠 플랫폼
공통 요소
학습활동
학습자
커뮤니티

25. /‹#›/
대면교육 이러닝
코치
학습환경
콘텐츠
플랫폼
학습자
학습활동 커뮤니티
공통요소

26. 경험2.
배움에서 중요한 것은
‘학습활동’이다.

27. 지식전달을 받기 위한
듣기도 중요한
‘학습활동’이다.
다만, 그 동안 ‘듣기’만 했을 뿐

28. /‹#›/
대면교육 이러닝
코치
학습환경
콘텐츠
플랫폼
학습자
학습활동 커뮤니티
공통요소
플립러닝의
‘기본 오브 기본’은
학습목표와 수업의 재설계

29. 성공 전략
학습자-학습자
상호작용 극대화
교사는 전달자가 아닌
코치의 역할로 변신 플랫폼 내의
커뮤니티 기반 제공
10분 이내의
모듈 콘텐츠 활용
오프라인
학습활동 설계
교실의 환경과
유기적인 연결(O2O)
플립러닝
플랫폼을 중심으로한
상호작용 허브 구축

30. 학습활동 중심의 수업 재설계가 핵심!
성공?플립러닝

31. 활용법
교사들의
Pre-Class 단계
In-Class 단계
Post-Class 단계
•제작한 모듈 콘텐츠를 플랫
폼에 탑재
•평가/과제/활동 세팅
•접속하여 사전 활동을 수행
했는지 확인
•사전에 학생들이 모듈 콘텐
츠를 학습했는지 확인
•집중해서 학습했는지 확인
•학습자별 사전 활동에 대한
통계 데이터 제공
•이 데이터를 활용하여 In-
Class 상에서 학습활동에 집
중할 수 있는 환경 마련
•토론방에서 주제에 맞는 온
라인 토론 실시
•다음 차시의 학습을 아낸하
고 필요 사항 공지
•자유로운 의견 교환
•궁금한 점에 대한 상호 질문
/답변 활동
플립러닝

32. 을 위해서는 이런 스마트러닝 솔루션이 필요
플립러닝
콘텐츠 기획 콘텐츠 제작 콘텐츠 운영 학생과 상호작용
Do it yourself, Teacher!

33. ‘플립러닝’을 위해
‘거인의 어깨’에 올라타자!
콘텐츠의 품질은 중요하지 않을까?

34. 경험3.
샘들이 제일 어려워 하는 건
모듈 콘텐츠 만들기

35. 일단 여기서 막히니까
작게라도 시작하기가
어렵고, 그렇다 보니...
아예 안하게 되는...

36. 모듈 콘텐츠의 퀄리티는 중요 변수가 아니다.
모듈 콘텐츠를 학습자 소통의 채널로 인식해야 한다.

37. 이왕이면 ‘모듈 콘텐츠’도
쉽고
빠르게
만들 수 있으면…
이미지 출처: http://stardust0085.tistory.com/entry/%EB%B8%94%EB%9F%AC%EA%B7%B8-%EC%9A%B4%EC%98%81%EC%97%90-%EB%8C%80%ED%95%B4-%EA%B3%A0%EB%AF%BC%EC%9D%84-%ED%95%98%EB%8B%A4

38. 그래서 준비했습니다. 웹캣 Record(for Android)
• 웹캣 Record for Android
• 갤러리에 있는 이미지를 불러와 목소리와 판서 내용을
동시에 영상으로 녹화
• ‘노트’와 같이 펜이 있는 기기의 경우 작성하는 글과 그
림의 움직임이 mp4로 저장

39. 경험4.
유튜브, 클래스팅, 카페...
동영상만들어서 아무데나
올리고 해도 되지만...

40. “얘들아, 동영상 봤니?”
…
…
…
…

41. 출처: https://www.facebook.com/leadercm/posts/824493354294018

42. 갖추어야 하는 기능
학생
관리
모듈
콘텐츠
관리
형성
평가
관리
온라인
활동
관리
진도
관리
토론
관리
포트
폴리오
관리
게시판
관리
학습
통계
관리
내
강의실
관리
플랫폼이플립러닝

43. 의 접속은
언제, 어디서나, 어떤 기기로나 가능해야
Responsive Web Based
플랫폼플립러닝

44. 사례
초등학교 사회 수업(이상열 교사-초등)
교사 없이 수업하기(김경오 수석교사-고등수학)

45. 제주 신례초등학교 - 학생 포트폴리오
(웹캣 Cloud 병행 활용)
사례

46. 초등학교 사례
원격진로교육 인터뷰 활동

47. 초등학교 사례
제주 신례초등학교 - 학생 포트폴리오
(웹캣 Cloud 병행 활용)
출처: http://www.youtube.com/watch?v=hMDHA4sRRp8

48. 고등학교 사례
교사 없이 수업하기(김경오 수석교사-고등수학)

49. 대학원 사례

50. 경험5.
“와! 정말 기능이 많아요.
그런데 어떻게 사용하죠?
어려워요.”

51. 확장성을 고려하다보니,
플랫폼은 어렵고 복잡.
그런데 사람마다
원하는 기능은 달라...

53. 샘 개개인적으로
플랫폼을 드리기 보다는
학교에서
사용하도록 해볼까?

54. 돕다
학교의 운영을 교사의 수업을 아이의 성장을 부모의 참여를
학교를
nhands.co.kr

55. Conceptual model
학교 홈페이지
학교
공지사항
알림
모바일
가정
통신문
모바일
설문조사
학급별
개별
홈페이지
학생
커뮤니티
학부모
커뮤니티
교사
커뮤니티
방과후
학교
커뮤니티
플립러닝
지원
모든 것을
모바일 기기로 사용할 수 있는
돕다학교를
nhands.co.kr
모바일로
사용하고
모바일로
소통하고
모바일로
공부하고

56. Service Model - 학습자 관점
Use Case 1
“난 학습할거야”
Use Case 2
“난 지식을 공유할거야”
학습
프로세스
저작/공유
프로세스
적시학습
수강학습 수강신청 학습진행 학습완료
저작 완료 공유허브 공유완료웹캣
PC
Mobile
콘텐츠팜

57. Service Model - 운영자 관점
서비스
운영자
시스템
엔진
고객사
전용
ASP 1
사이트 관리
ASP 관리 엔진 [Template Based Automation]
고객사
전용
ASP 2
고객사
전용
ASP 3
고객사
전용
ASP n
…
회원 관리
콘텐츠 관리 통계 관리
메뉴 관리
게시판 관리

58. System Sample View : 사이트 샘플 화면
HTML5+CSS3 Responsive Web Tech

59. System Sample View : 사이트 샘플 화면
• 최신 글로벌 트렌드 디자인(격자형, 블록형)
• 반응형웹 기술 적용
• 최신 콘텐츠 최상위 노출
• 큐레이션 메뉴 별도로 설정 가능
• 검색 기능
• 간단한 인증 후 바로 즉시 학습 가능
• 동영상 기반의 콘텐츠팜
• (마치) 유튜브에서 단위 콘텐츠를 학습하는 느낌으로

60. System Sample View : 사이트 샘플 화면
• 반응형웹 기술 적용으로 모바일 기기에서도 학습의 경험 유지
• 사용자의 모바일 우선 사용 패턴에 대응하기 위해 설계/개발
• 모바일 First 전략 채용
• 현재는 모바일웹에 최적화되어 동작
• 하이브리드형 App 개발을 활용하면 App-push 기능 활용 가능
• 실질적인 모바일러닝 서비스를 할 수 있는 최적의 솔루션
• 비형식학습과 모바일러닝의 조합으로 학습 만족도 제고 가능
학습자

61. System Sample View : 학습활동 데이터 분석
• 운영되는 과정별로 디테일한 학습활동 데
이터를 기록
• 기록하는 데이터
- 수강상태, 과정 전체 진도율
- 평가 항목별 점수(진도, 과제, 시험)
- 차시별 학습누적 시간
- 학습시작일/학습종료일
- 형성평가 진행여부, 평가결과
(과정 개설 시 형성평가 매핑 필요)
- 로그인 횟수, 접속IP
- 사용자별 게시물, 댓글 등
• 사이트 활동, 수강 활동 등에 포인트를 부
여하여 포인트 랭킹을 부여 가능

62. System Sample View : 저작도구 - 웹캣 Record(for Windows, Android)
• 웹캣 Record for Windows
• 노트북의 웹캠과 타블렛 입력도
구를 활용하여 손쉽게 동영상 강
의 녹화
• 웹캠 영상 + 슬라이드 이미지 +
판서 움직임 등이 mp4로 저장
• 웹캣 Record for Android
• 갤러리에 있는 이미지를 불러와
목소리와 판서 내용을 동시에 영
상으로 녹화
• ‘노트’와 같이 펜이 있는 기기의
경우 작성하는 글과 그림의 움직
임이 mp4로 저장
PC 버전은 포기... ㅠ.ㅠ

63. System Sample View : 저작도구 - 웹캣 Theme
• 웹캣은 테마(Theme) 기반의 HTML5 콘텐츠 저작도구
• 테마(Theme)라고 하는 템플릿을 선택한 후 간단하게
텍스트를 입력하고, 동영상 주소 등을 변경하는 작업으
로 Any Device엣 동작되는 교육 콘텐츠 제작 가능
• 1번 제작 후 퍼블리싱한 자료로 모바일 기기와 데스크
톱에서 모두 수강 가능
• LMS와 연계하면 진도 연동 가능(별도의 모바일 전용
LMS 불필요)
Publishing
Publishing

64. System Sample View : 학급별 미니홈(minihome)
• 학교 내의 학급별 미니홈 분양 기능 제공
• 학급별로 꼭 필요한 의사소통 채널을 도입하여 효율적인 학
급 내 커뮤니케이션 가능
• 교사들이 쉽고 간편하게 소통 가능
- 공지사항 게시판
- Q&A / 자유게시판
- 갤러리 게시판
- 방명록 등
• 학급을 운영하는 교사의 미니홈에 학생들이 가입하여 모둠
내 활동 가능
• 학생들에게 소속감을 부여하여 커뮤니케이션 효과 증대
• 교사가 직접 운영해야 하기 때문에 쉽고 간편하게 운영할 수
있도록 기능 간소화
• 교사별로 플립러닝 콘텐츠를 관리하면서 학생들과 블랜디
드 러닝이 가능하도록 시스템적인 지원 가능

65. 플립러닝
(Flipped Learning)
최근 3대 교육 트렌드
뭌
(MOOC)
Masive Open Online Courseware
모바일러닝
(Mobile Learning)

66. 모바일러닝(Mobile Learning, m-learning)
모바일 중심으로 사용자의 생활패턴이 바뀌었습니다.
모바일을 대응하지 않으면 결국 ‘선택’ 받지 못할 것입니다.
교육기관의 경쟁력이 점차 약화되기 시작하면 모바일러닝의 중요성이 부각될 것입니다.
모든 서비스를 모바일화 시켜야 합니다.
교육 서비스를 구성하는 플랫폼과 콘텐츠를 모두 모바일화 시켜야 합니다.
학습자의 선택을 받기 위해서는 어쩔 수 없는 변화입니다.
모바일화는 단순 ‘투자’가 아닙니다.
생존을 위한 필수 입니다.

67. 경험6.
이제 사람들은
PC를 켜지 않는다.
(집에서)

68. 아이들도
어른들도
학생들도
누구나가

69. 경험7.
만들어진 동영상을
어디엔가 모으고
함께 만들 수 있다면...

71. Q&A
새로운 교육 트렌드는
한순간의 유행일 수도 있지만,
결국에는
교육의 변화를 이끌어가는 이슈로 작용할 것입니다.

72. 고맙습니다.