[앱 인벤터2] 기본(12)_Youtube동영상 연결_액티비티스타터(Activity Starter)
[앱 인벤터2] 기본(12)_Youtube동영상 연결_액티비티스타터(Activity Starter)
여러분 내가 만든 앱에서 Youtube 동영상을 시청할 수 있도록 연결할 수 없을까요?
이번시간에 이를 가능하게 하는 요소에 대해 학습해 보도록 하겠습니다.
바로 액티비티 스타터입니다.
또 구글 지도도 액티비티 스타터를 이용해서 사용할 수 있고, 기타 앱도 불러올 수가 있어요.
학습목표
(1) 예제를 통해 액티비티 스타터(Activity Starter)에 대해 이해한다.
학습내용
(1) Youtube의 주소로 연결하여 동영상 시청하기.
기본 다지기
액티비티 스타터(Activity Starter)란?
간단히 말하면 여러분이 작성한 앱에서 다른 앱을 시작할 수 있도록 해 주는 요소입니다.
다음과 같은 기능을 가지고 있어요.
(가) 카메라 시작하기
(나) 웹 검색 시작하기
(다) 웹 페이지 열기
(라) 위치를 위한 지도를 보여주기
(마) 연락처 연결하기
(바) 유튜브 비디오 연결하기
그리고 위의 기능 이외에 다른 앱을 또한 자신의 앱에서도 호출할 수가 있답니다.
이번 시간에 배워볼 Youtube 비디오 재생하기를 위한 컴포넌트(요소)와 블록을 살펴보도록 하겠습니다.
사용할 컴포넌트
|
번호 |
구분 |
구성요소 |
|
|
① |
디자이너 화면-연결 |
액티비티 스타터 |
사용할 블록
① 지정하기 액티비티_스타터1.동작 : android.intent.action.VIEW의 값을 지정
② 지정하기 액티비티_스타터1.데이터URI : URI 를 지정합니다. 여기서는 Youtube 비디오 주소 지정
③ 호출 액티비티_스타터1.액티비티 시작 : 지정된 내용으로 액티비티 스타터를 실행
준비작업
가. http://ai2.appinventor.mit.edu/ 접속하기
나. 언어를 한국어로 설정한다.
다. '새 프로젝트 시작' 선택 후, 프로젝트 이름 원하는 이름으로 작성하기. 영어로 작성해야 합니다.
실습하기
다음과 같은 단계로 실습이 이루어집니다.
(1) 디자이너 화면에서 액티비티 스타터 요소와 버튼을 뷰어로 가져옵니다.
(2) Youtube에서 원하는 비디오의 링크 주소를 복사합니다.
(3) 블록 화면에서 뷰어로 블록을 가져오고 결합합니다.
(4) 실제로 실행을 합니다..
디자이너 화면
번호 | 요소 | 속성 변경 | 설명 |
① | 버튼 | 텍스트 : ‘동영상보기’ | 버튼을 선택하면, 내가 원하는 유튜브 동영상으로 연결됩니다. |
② | 액티비티스타터 | Youtube 동영상 연결을 해 줍니다. |
준비작업
유튜브 동영상을 연결하기 위해 동영상 주소 얻기
액티비티 스타터에서 Youtube 동영상 링크를 가져오기 위해서는 다음과 같은 단계를 걸쳐 해당 주소를 가져올 수 있습니다.
구글 또는 네이버에서 유튜브 동영상 사이트에 접속하기 위해 ‘유튜브’라는 단어로 검색합니다.
직접 URL주소를 입력하여 접속할 수도 있습니다.
그리고 원하는 동영상을 검색한 후, 검색이 되면 내가 연결하고자 하는 동영상 제목 위에서 마우스
오른쪽 버튼을 누른 후, 링크 주소 복사를 선택합니다.
그러면 이 동영상의 주소가 복사가 됩니다.
|
블록 편집 화면 – 뷰어 |
액티비티 스타터1.동작 : android.intent.action.VIEW 를 지정합니다.
액티비티 스타터1.데이터 URI : 위에서 얻은 Youtube 동영상 주소를 지정합니다.
호출 액티비스 스타터1.액티비티 시작 : 위의 지정된 내용으로 액티비티 스타터를 시작합니다.
|
장치에 연결 후, 앱을 확인하기 |
스마트폰과 연결하여 결과를 확인합니다.
실행을 하면 버튼이 하나 보입니다. 여기서 동영상 보기 버튼을 선택하면,
Youtube 동영상을 연결할 프로그램을 선택할 수 있습니다. 여기서는 Chrome를 선택했습니다.
원하는 것을 선택하면 됩니다.
이후, 내가 지정했던 동영상이 보여지게 됩니다.
화이팅! 오늘 하루도 수고하셨습니다.
하나님이 세상을 이처럼 사랑하사 독생자를 주셨으니 이는 그를 믿는 자마다 멸망하지 않고 영생을 얻게 하려 하심이라(요3:16)