개똥벌레

안녕하세요. 개똥벌레입니다.

오늘은 간단하게 화면구성 및 메뉴에 대해서 알아볼까 합니다.

1. 구성은 크게 2부분입니다.

  - 메뉴부분

  - 화면부분

2. 메뉴 부분은 9개 정도 구성인데요 다음과 같습니다.

  - Projects : 프로젝트 관리 메뉴로 이중 몇가지만 아시면 되고, 나머지는 한번 개인적으로 공부해 보세요.

     -> Start new project : 새로운 프로젝트 시작하기

     -> Import project(.aia) from my computer... : 다른 사람이 만든 프로젝트 파일은 .aia 파일 불러오기

     -> Delete project : 프로젝트 지우기 (지우면 절대 복구 안되니 주의 하세요)

     -> Save project : 프로젝트 저장하기

     -> Save project as... : 다른 이름으로 프로젝트 저장하기

     -> Export selected project(.aia) to my computer : 선택된 프로젝트를 내 컴퓨터에 내려 받기

  - Test

     -> Live Testing : QR Code 를 통한 프로젝트 원격 테스트

     -> USB : usb 케이블을 통한 로컬 테스트

     -> Reset Connection : 연결 초기화 (끊기)

  - Build : 현재 온라인에서는 동작 안함 (오프라인 설치된 곳에서만 동작함)

     -> App (provide QR Code for .apk) : QR Code를 통한 원격 APK 설치

     -> APP (save .apk to my computer) : PC에 APK 파일 내려받기

  - My Projects : 내 프로젝트 보기

  - English : 메뉴 언어 설정 (개인적으로는 English 권장함)

  - ?????@gmail.com  : 로그인 계정 (추후 APK 안에 이 정보가 들어감)

3. 화면부분은 크게 2가지 부분입니다.

  - Designer, Blocks 입니다.

3.1 Designer 부분은 6가지입니다.

  - 화면 관련 메뉴 : Screen1(현재 스크린 위치), add Screen, copy Screen, Remove Screen

  - Palette : 각종 컴포넌트들 (이것들은 크게 화면에 보이는 컴포넌트와 안보이는 컴포넌트로 구분합니다)

               * import extension : 중요한 extension 파일을 등록할 수 있습니다

  - Viewer : 현재 폰으로 봤을때 이렇게 보일 것이다라는 화면입니다만, 실제와는 차이 큽니다.

               이 화면에서 배치된 컴포넌트들의 위치를 드래그&드롭으로 바꿀 수 있습니다.

  - Components : Viewer 에 배치된 컴포넌트들의 리스트

  - Media : 각종 파일(사진, 아이콘, 사운드, 동영상 등등등)을 올릴 수 있는 곳이며,

               추후 apk 파일내에 위치하게 됩니다.

  - Properties : Screen과 각 컴포넌트들의 속성값을 설정하는 곳

3.2 Blocks 부분은 4가지입니다.

  - 화면 관련 메뉴 : Screen1(현재 스크린 위치), add Screen, copy Screen, Remove Screen

  - Blocks 메뉴 : 기본 블럭 및 추가한 컴포넌트들에 대한 블럭들을 꺼낼 수 있습니다.

               이 블럭들을 레고 블럭처럼 쌓아서 조합해서 프로그램을 만듭니다.

  - Media : 각종 파일(사진, 아이콘, 사운드, 동영상 등등등)을 올릴 수 있는 곳이며,

               추후 apk 파일내에 위치하게 됩니다.

  - Viewer : 각종 블럭들이 위치하는 공간이며, 블럭이 많아 지면 공간이 자동으로 확장됩니다.

              * backpack(블럭가방) : 조합된 블럭을 저장하는 곳이며, 다른 화면, 다른 프로젝트로 복사할때 사용합니다.

              * 중심점, +, - : 화면을 중심점으로 이동하거나, 전체 확대/축소 기능을 합니다.

              * 쓰레기통 : 불필요한 블럭을 버릴때 사용합니다.  간단히 Del 키로도 삭제 가능합니다.

              * 경고/오류 : 좌측 하단에 있는 알림 메시지로 현재 블럭의 상태를 간략히 보여줍니다.

이제 이 화면에 대해서는 친숙해졌으리라 생각합니다.

뭘해야 할지 막막하기도 합니다만, 가장 좋은 것은 막 눌러보고 실행해 보는 것이죠.

이걸 막 눌러 본다고 해도 여러분들에게 해를 끼치지는 않습니다.

그러니 한번 시도해 보세요.   참고로 솔직히 저도 너무 많아서 다 해보지는 못했네요.

안녕하세요. 

appybuilder를 공부하고 있는 개똥벌레입니다.

현재 목표는 APK 만들어서 구글의 플레이스토어에 등록까지 과정을 정리해서 올리는 것입니다.

appybuilder는 애피빌더 라고 읽습니다.

제 개인적인 생각으로 보자면 appybuilder는 MIT에서 나온 app inventor 의 완벽한 아류작이라고 할 수 있습니다.

그런데 왜 appybuilder를 사용할까요. ?

그 이유는 광고때문입니다.

아마존, 구글, 페이스북과 관련된 광고를 붙여서 앱을 제작할 수 있지만,

대중적인 것은 아무래도 구글의 AdMob 이겠죠.

물론 Thunkable과 Kodular도 많이 사용되지만,

Thunkable은 X 시리즈로 가면서 많이 바뀌었고, 좋은 점은 android와 iOS를 지원한다는 거지만, app inventor의 export 파일인 aia 파일 업로드 기능이 없어지고, extension 사용이 안되면서 지금은 사용자면에서 많이 약해진거 같습니다. (지극히 개인적인 의견입니다)

Kodular 같은 경우에는 제가 접해보지 않아서 뭐라고는 못할거 같네요.

일단 appy builder만 정리해 볼까 합니다.

사용 방법은 MIT에서 나온 app inventor와 거의 동일하다고 보시면 됩니다.

간혹 없는 블럭도 있지만, 큰 문제는 안되고, aia 파일도 업로드 가능합니다.

따라서 app inventor에서 개발후 aia 파일로 내려받은 후에 다시 업로드후 광고 붙여서 앱을 제작하기도 하고,

아예 appybuilder에서 모든 작업을 해도 상관은 없습니다.

참고로 appybuilder 사용은 무료입니다. 마음껏 만들고 지우고 하셔도 됩니다.

단, 현재 웹에서 APK 작성은 안되고 있는 상황입니다. (QR Code 및 USB를 통한 테스트는 가능)

이유는 구글 플레이스토어가 API수준 28을 요구하고 있기 때문인데요, 웹으로는 API26 수준까지고 현재 업데이트 작업을 하고 있다고 합니다. 조만간 완료되겠지요.

따라서 현재는 APK 파일을 생성하기 위해서는 별도로 온라인이 아닌 오프라인(API28지원)에서 제작할 수 있도록 추가 프로그램을 설치해서 작업해서 APK 파일을 생성할 수 있습니다. 이것 관련 글은 나중에 별도로 쓸려고 합니다.

물론 온라인에서 하는게 부담되시면, 아예 오프라인에서 작업해서 모든 소스를 내가 관리해서 사용도 가능합니다.

다만 테스트할때 QR Code방식은 안되고, USB 방식 밖에 안되는 문제가 있어서 테스트를 위한다면 둘다 사용하는 것이 좋습니다.

일단 appybuilder 사용은 app inventor와 유사하게 웹브라우져 기반으로 모든 작업을 합니다.

그리고 가장 좋은 것은 크롬/파이어폭스이며, 기타 다른 브라우져는 호환성 문제가 될 수 있으니 참고하세요.

사용을 하려면 당연하지만 가입을 해야 합니다.

- 위 화면에서 BUILD APP 을 클릭하면 

- 계정은 구글과 연동이 되니 가지고 계신 구글 계정을 사용하시면 쉽게 로그인 가능합니다.

- 위와 같은 화면이 뜨고 좌측의  Start new Project 버튼을 클릭하면 Project Name을 입력하라고 나오며,

  이름을 입력하면 새로운 프로젝트의 처음 화면으로 이동됩니다.

- 이제 여러분도 앱을 만드실 수 있는 초기 단계에 와 있습니다.

참고로 영어 울렁증이 있으신 분은 우측 상단에 있는 언어 변경 버튼을 클릭하시면 한글로 변경 가능합니다.

다만 개인적인 생각으로 다른 사람이 작성한 aia 파일을 분석하기 위해서는 영어로 익숙해 지는 것이 좋습니다.

-------------------

다음편을 기대해 주세요. 

댓글은 제가 잘 안봅니다. 혹시 답변이 없더라도 이해해 주시기 바랍니다.

--------------------

* 이 글은 개똥벌레 개인적인 글이며, 혹시나 틀리거나, 오타, 기타 다른 것으로 인하여 다른 사람에게 피해를 줬다고 하더라도 의도적인 것이 절대 아니니 미리 양해 부탁드립니다.