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

Simple substitution or replacement!

But……

Smart Learning Flipped learning Backward learning BYOD MOOC

How to

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Analysis 예시 – ADDIE 모형

Analysis 예시 – ADDIE 모형

공유주소 뭉크 : Addie 예제 1,2: