스마트 기기를 활용하여 교수 자료 제작하기 성신여자대학교 교육학과 김명랑. Simple substitution or replacement!

Presentation on theme: "스마트 기기를 활용하여 교수 자료 제작하기 성신여자대학교 교육학과 김명랑. Simple substitution or replacement!"— Presentation transcript:

1 스마트 기기를 활용하여 교수 자료 제작하기 성신여자대학교 교육학과 김명랑

2 Simple substitution or replacement!

3 But……

4 Smart Learning Flipped learning Backward learning BYOD MOOC

5 How to

6 1. 동영상 교수 자료 만들기

7 1. 자신의 스마트 폰에 Movie Aid 어플리케이션 설 치 앱스토어 또는 Google 플레이스토어 접속 > movie aid 검색 > 설치 2.Movie Aid 실행 및 가입 접 속 및 실행 > tutorial 살펴보기 > 가입하기 3. 폰 내 사진 3-4 장 선택하기. 실습 사전 준비 사항

8 만든 동영상을 실행해 볼 수 있음 시간을 보고, 조정할 수 있음 사진을 선택할 수 있음 자막을 넣을 수 있음 설정할 수 있음 음악을 선택할 수 있음 저장 할 수 있음

9 동영상 만들기 전 필요한 설정을 위해 빨간색 표시된 설정 버튼을 눌러서 설정을 시작합니다.

10 ㄴ 빨간박스로 표시된 ‘Subtitle Fonts’ 에서 자막의 폰트와 크기를 설정할 수 있습니다. 본 강의에서는 폰트설정은 ‘Varies’ 로 크기는 ‘70’ 으로 해봅니다. 파란박스로 표시된 ‘Subtitle Colors’ 에서는 자막의 색 과 자막바탕색을 설정할 수 있습니다. 본 강의에서는 자막색 (Subtitle Color) 은 ‘Purple’ 로 배 경색 (Background) 은 White 로 해봅니다. 연두색박스로 표시된 ‘Transition Effects’ 는 동영상에서 사진이 바뀔 때의 효과와 시간을 설정할 수 있습니다. 본 강의에서는 ‘Random Select’ 으로 시간은 5s 로 정해 봅니다. 이 부분은 영상의 크기와 프레임율을 설정하는 부분입 니다. 본 강의에서는 기존의 설정 그대로 두시면 됩니다.

11 빨간색 표시된 ‘Touch to import pictures ＇를 눌러서 동영상을 만들 사진을 가져옵니다.

12 빨간 박스안에 Background Color 는 사진의 배 경색을 설정하는 곳입니다. 본 강의에서는 ‘yellow’ 로 설정합니다. ‘Transition Effect’ 은 사진이 바뀔 때의 효과를 설 정하는 것으로 처음 설정에서 한 것과 같습니다. 본 강의에서는 처음에 이미 Transition Effect’ 설 정을 했기 때문에 여기서 다시 하실 필요는 없습 니다. 이 부분은 사진을 확대 (zoom in) 하거나 축소 (zoom out) 하거나 동영상 크기에 맞게 정할 수 있 습니다 (Fit). 본 강의에서는 ‘Fit’ 을 해줍니다.

13 이미지의 설정을 완성하면 옆 그림처럼 사진배 경색이 바뀝니다.

14 자막을 넣기 위해 빨간 부분의 ‘Touch to enter subtitles’ 을 누릅니다.

15 ‘Touch to enter subtitles’ 를 누르면 옆과 같은 화면이 나옵니다. 이 화면에서 넣고 싶은 자막을 입력합니다.

16 빨간 표시 한 곳처럼 자막을 입력하면 자막부분에 자막이 생성됩 니다. 만들고 싶은 만큼 같은 방법으로 자막을 만들 수 있습니다. 글자가 써있는 검정색 박스는 자막이 나오는 길이를 표시합니다. 이 박스를 더블 클릭하면 자막을 수정할 수 있습니다.

17 자막박스를 더블클릭하면 옆과 같은 화면이 나옵니다. 이 Subtitle 부분을 누르면 다시 자막을 설정할 수 있는 화면이 나옵니다. 이 Font 를 누르면 자막의 폰트와 크기를 다시 설정 할 수 있습니다. 이 Subtitle Colors 를 누르면 자막과 배경의 색을 설정 할 수 있습니다. 이 Animation 을 누르면 자막이 나올 때 효과를 설정 할 수 있습니다. 이 부분은 설정한 자막을 미리 보여줍니다.

18 ‘Subtitle’ 을 누르면 나오는 화면입니다. 다음과 같이 Text 박스에서 다시 자막을 입력할 수 있습니다. Display for ( ) second(s) 에서는 1 초에서 16 초 사 이로 자막의 시간을 설정할 수 있습니다.

19 ‘Font’ 을 누르면 나오는 화면입니다. 왼쪽에서 폰트를 오른쪽에서 글씨크기를 조정할 수 있습니다.

20 ‘Subtitle Colors’ 를 누르면 나오는 화면입니다. 왼쪽에서 자막의 글자색을 오른쪽에서 배경색을 고 를 수 있습니다.

21 ‘Animation’ 을 누르면 나오는 화면입니다. 자막이 나올 때의 효과를 선택할 수 있습니다.

22 사진과 자막을 여러 개를 추가하면 옆과 같은 모습 이 됩니다. 사진과 자막은 손으로 크기와 순서를 조정할 수 있 습니다. 본 강의에서는 사진 세장과 자막 세개를 넣어봅니 다. 사진 자막

23 이 부분을 누르면 만든 영상을 실행해 볼 수 있 습니다. 여기를 눌러 자신이 만든 영상을 확인하고 잘 못된 부분을 고쳐봅니다.

24 영상을 확인 후, 완성이 되었으면 아래에 체크된 부분을 눌러 저장을 합니다.

25 저장 표시를 누르면 옆과 같은 화면이 나옵니다. 저장하고 싶은 칸을 누르고 동그라민 표시된 그림을 눌러 제 목을 입력하고 저장을 합니다.

26 저장이 되면 옆 화면처럼 저장한 동영상이 뜹 니다. 저장한 동영상을 지우고 싶으면 표시된 쓰레기통 아이콘을 눌러 지울 수 있습니다.

27 이 앱이 아닌 스마트폰 자체에 저장하고 싶으 면 표시된 아이콘을 눌러 스마트폰 갤러리로 만든 영상을 저장할 수 있습니다.

28 2. 증강현실 교수자료 만들기

29 Aurasma App 을 실행하여 이 화면을 비춰보세요 !

30 Aurasma 는 ? ◦ Aursma 기법은 영국 오토노미 (Autonomy) 사에서 개발, 2011 년 출시하여 이미 100 여 개 국가에서 300 만 다운로 드 수를 기록한 첨단 증강현실 어플리케이션 ◦ 영화, 유통, 패션, 스포츠, 자동차, 가전제품, 출판 등을 포함한 1 만여 개 이상의 파트너사를 가지고 있어 이미 해 외에서는 다양한 마케팅 툴로써 활용되고 있는 대표적 증강현실 앱 ◦ 기계 시각 인식 시스템 (machine-vision recognition system)’ 을 활용하는 QR 코드와는 달리 별도 제작 과정 이 필요 없이 기존 이미지 그대로를 사용 할 수 있기 때문 에 활용도가 높고 적용 범위가 큰 것이 장점

31 1. 자신의 스마트폰에 AURASMA 어플리케이션 설 치 앱스토어 또는 Google 플레이스토어 접속 > aurasma 검색 > 설치 2.AURASMA 실행 및 가입 접 속 및 실행 > tutorial 살펴보기 > 가입하기 3. 모바일 교수학습 지원센터 접속 실습 자료 클릭 http://www.sungshin.ac.kr/ctl/ 실습용 AURA 주소 접속 http://www.sungshin.ac.kr/ctl/ 실습 사전 준비 사항

32 Aurasma 기능알기 앱실행 초기 화면 구동 및 튜토리얼

33 Aurasma 기능알기 앱실행 초기 화면 구동 및 튜토리얼

34 Aurasma 기능알기 Aurasma 초기 화면 – 카메라 실행 플래시 기능 도움말 표시 메뉴

35 Aurasma 기능알기 메뉴 화면 새 AURA 만들기 초기 화면인 Point view Finder 화면 검색 계정 정보 및 프로파일 탐색 각 페이지별 메뉴 설명

36 Aurasma 기능알기 새 AURA 만들기 화면 새 AURA 만들기 제공되는 이미지로 새 AURA 만들기 기존에 만들어진 오 버레이 이미지들 기기에 저장된 사 진, 동영상으로 만 들기

37 Aurasma 실습하기 유의사항 AURA 제작 후 공유를 위해서는 회원가입 필 요 ! 제작된 AURA 를 다른 기기에서도 볼 수 있으 려면 AURASMA app 이 설치되어 있어야 하 며 공유 주소 필요 !

38 Aurasma 실습하기 새로운 AURA 만들기 1. 초기화면에서 메뉴선택 2. 새 AURA 만들 기 (+) 버튼 선택 3. Create 메뉴에서 Device 선택

39 Aurasma 실습하기 Overlay image 선택하기 4. 새로 만들기 (+) 버튼 선택 5. Library 선택 6. Photo 선택

40 Aurasma 실습하기 Overlay image 만들기 Overlay 이미지선택 7. 스마트폰에 저장 된 사진 중 새로 만 들어질 AURA 에 Overlay 될 이미지 선택하기 8. 이름을 입력하고 Overlay 만들기 9. AURA 만들기 – 확인 선택

41 Aurasma 실습하기 Trigger image 캡쳐 및 AURA 완성하기 오버레이 이미지 위치와 크기 조정하기 10;. Overlay 이미 지가 겹쳐질 trigger image 캡쳐 11. Overlay 이미지 위치와 크기 조정 12. 새 Aura 이름입력 Public 선택하고 Finish 선택 선택시 공유가능

42 Aurasma 실습하기 13. Point view finder 선택 Trigger image 비춰보기 14. Overlay 이미지가 제대 로 보이는지 확인하기 만들어진 AURA 확인하기

43 Aurasma 실습하기 15. 공유버튼 선택 16. 공유 수단 선택 나의 AURA 공유하기

44 Analysis 예시 – ADDIE 모형

45 Analysis 예시 – ADDIE 모형

46 공유주소 뭉크 : http://auras.ma/s/LhIfphttp://auras.ma/s/LhIfp Addie 예제 1,2: http://auras.ma/s/7VJQthttp://auras.ma/s/7VJQt