앱 인벤터로 앱을 만드는 데는 두 가지 부분이 있습니다. 먼저 앱의 모양을 디자인한 다음 코딩을 통해 앱에 수행할 작업을 지정합니다.
첫 번째 단계
- 먼저 종이에 스케치하기
- 종이 프로토타입 사용
- 옆에 두고 사용하세요
- MIT 앱 인벤터 열기
- ai2.appinventor.mit.edu
- 선택 "새 프로젝트 시작" 프로젝트 메뉴에서
디자이너의 일부
를 클릭하고 주황색 i 를 클릭하여 강조 표시된 부분에 대해 알아보세요. 디자이너의 다른 부분에 대해 알아보려면 왼쪽과 오른쪽의 화살표를 클릭합니다.
팔레트 팔레트 에는 앱에 추가할 수 있는 모든 구성 요소(파트)가 나열되어 있습니다.
서랍 또는 탭별로 그룹화되어 있습니다. 서랍을 클릭하기만 하면 열 수 있습니다.
뷰어에는 팔레트에서 구성 요소를 드래그한 후 앱이 어떻게 보이는지 표시됩니다.
보이지 않는 구성 요소는 앱 화면에 표시되지 않지만 여전히 앱의 중요한 부분입니다.
컴포넌트 패널에는 앱에 추가된 모든 컴포넌트가 나열됩니다.
다른 컴포넌트 안에 포함되어 있는 경우 앞에 여분의 공간이 있습니다.
속성 패널 속성 패널 에서는 각 컴포넌트의 다양한 기능을 확인하거나 변경할 수 있습니다.
미디어 패널은 앱에서 사용할 이미지와 사운드 등의 파일을 업로드할 수 있는 곳입니다. 미디어 패널에 파일을 끌어다 놓기만 하면 됩니다.
직접해 볼 시간입니다!
활동 1: 앱 디자인
이제 앱의 모든 컴포넌트를 추가했으니 블록 편집기로 이동하여 앱 코딩을 시작하세요!
변수
코딩을 시작하기 전에 다음 사항에 대해 알아보겠습니다. 변수. 재활용 게임을 코딩할 때 변수를 사용해야 합니다.
모바일 앱을 만들다 보면 앱 내에서 다양한 정보를 추적해야 할 때가 있습니다. 이것이 바로 변수의 역할입니다.
블록 편집기
- 앱 인벤터에서 재활용 게임 프로젝트를 엽니다.
- 모든 컴포넌트를 추가했습니다.
- 이제 블록 편집기로 전환합니다.
블록 편집기의 일부
를 클릭하고 주황색 i 를 클릭하여 강조 표시된 부분에 대해 알아보세요. 블록 편집기의 다른 부분에 대해 알아보려면 왼쪽과 오른쪽의 화살표를 클릭합니다.
블록 블록 패널에는 사용할 수 있는 모든 블록이 나열됩니다.
기본 제공 블록은 모든 앱의 일부입니다.
각 컴포넌트에는 고유한 코드 블록 세트도 있습니다.
The 뷰어 는 모든 코드 블록을 배치하는 코딩 작업 공간입니다.
컴포넌트를 클릭한 다음 원하는 블록을 드래그하여 뷰어.
배낭 Backpack 을 사용하면 코드 블록을 저장하여 다른 프로젝트에서 재사용할 수 있습니다.
만든 블록을 백팩으로 드래그합니다. 다른 프로젝트를 열고 드래그하여 재사용할 수 있습니다.
앱을 실행하기 전에 노란색의 경고와 빨간색의 오류를 확인하세요.
뷰어 줌을 확대/축소하고 재설정할 수 있습니다.
사용하지 않는 블록은 휴지통으로 드래그하여 삭제하여 제거할 수 있습니다.
재활용 게임
5:02
3:01
4:20
6:10
4:35
