모바일 어플리케이션
모바일 앱 만들기 1강
변수, 리스트
11강
Ball 충돌 앱 리스트
변수(variable)
1 차시
2 차시 3 차시
2. Random 블록의 의미를 이해하고 활용할 수 있다.
3. 리스트를 만들어 코딩에 사용할 수 있다.
1. 변수의 개념을 이해하여 활용할 수 있다.
학 습 목 표
변수(variable)
MIT App Inventor / Anyone Can Build Apps That Impact the World / visual coding of block building method / appinventor.mit.edu/explore / The Cyber University of Korea / CUK,edu
I T / D E S I G N / M O B I L E A P P L I C A T I O N
1차시
변수(variable) 1
변수
1
정보를 담는 그릇, 자료가 저장된 위치를 나타내는 이름
참고 영상 자료: http://www.playsw.or.kr/repo/bbc/181
자료를 저장하기 위해 사용 저장되는 정보가 바뀔 수 있다.
한번에 한 개의 값만 저장
§
예 grade 변수에 90을 저장했다가 70을 저장할 수 있다.
§
§
변수(Variable) 1
이미지 출처 : 앱 인벤터 블럭
변수 종류
2
global(전역)
모든 프로시저와 이벤트 처리기가 이 변수에 접근해 사용가능
Local(지역)
변수를 지정한 프로시저나 이벤트처 리기 안에서만 사용가능
변수(Variable) 1
이미지 출처 : 앱 인벤터 블럭
변수 사용방법
3
변수 지정 Variables >
변수 초기값 설정
숫자형
문자형 불린형
(Boolean type)
§
§
변수(Variable) 1
이미지 출처 : 앱 인벤터 블럭
변수 사용방법
3
저장된 변수값 읽어 올 때 변수값을 변경할 때
변수값 설정
§
Random 2
random
무작위로 뽑아내기 난수(무작위수) 생성
random integer random fraction
정수 타입의 난수 생성 임의의 소수점을 생성
§
숫자맞추기 앱
무작위로 선정한 변수활용 숫자 맞추기
3
이미지 https://pixabay.com
Random 활용
3 만들기
자세한 실습영상은
강의 속에서 확인하세요.
참고 자료
§ 쉽고 재미있게 만드는 앱 프로그래밍 앱 인벤터, 이종원 저, 한빛아카데미
§ 스마트폰 이미지 http://bitly.kr/9cFC
리스트
MIT App Inventor / Anyone Can Build Apps That Impact the World / visual coding of block building method / appinventor.mit.edu/explore / The Cyber University of Korea / CUK,edu
I T / D E S I G N / M O B I L E A P P L I C A T I O N
2차시
리스트(List) 1
리스트
순서가 있는 자료의 모음 여러 개의 자료 저장
변수를 먼저 지정한 후 리스트를 생성 리스트를 만들거나 자료를 지정하며 생성
입력된 순서대로 1, 2… 등의 인덱스 가짐
§
§
§
§
가위바위보 게임 앱 만들기
기 파일 시스템의 단점 보완
버튼을 클릭하면
가위바위보 중 무작위로 하나가 선택되어 표시 모바일과
가위바위보 게임하기
이미지 https://pixabay.com
2
3 만들기
자세한 실습영상은
강의 속에서 확인하세요.
참고 자료
§ 쉽고 재미있게 만드는 앱 프로그래밍 앱 인벤터, 이종원 저, 한빛아카데미
§ 쉽게 따라하는 앱 인벤터2 배우기, 이미향 저, 정보문화사
§ 스마트폰 이미지 http://bitly.kr/9cFC
Ball 충돌 앱
MIT App Inventor / Anyone Can Build Apps That Impact the World / visual coding of block building method / appinventor.mit.edu/explore / The Cyber University of Korea / CUK,edu
I T / D E S I G N / M O B I L E A P P L I C A T I O N
3차시
Ball 충돌 앱
기 파일 시스템의 단점 보완
손으로 튕겨 볼 움직이기
이미지 https://pixabay.com
1
볼끼리 서로 인식하여 부딪치기
부딪칠 때 볼의 색깔변화와
사운드 이펙트 사방 가장자리
인식하기
2
이미지 출처 : 앱 인벤터 메뉴
Ball
캔버스 위에 놓이는 둥근 모양의 스프라이트 다른 이미지 스프라이트나 공, 캔버스 모서리에 상호작용함
앱을 위한 컴포넌트
Ball
Ball 둥근 모양만 가능
ImageSprite 이미지 파일 이용해 이미지 변경
3 만들기
자세한 실습영상은
강의 속에서 확인하세요.
참고 자료
§ 꿀잼 앱인벤터 완전정복, 박영아 외 5인, 카오스북
§ 스마트폰 이미지 http://bitly.kr/9cFC
