개똥벌레

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

오늘부터 간략히 APP을 만들어 볼려고 합니다.

먼저 screen에 대해서 정리할까 합니다.

이거 하나만 해도 정리할 내용이 많아서 제가 아는 것 중에 잘 쓰는 것만 정리하려고 합니다.

0. appybuilder에서 Start new project 클릭하기

   - project name 입력후 OK 클릭

   - 초기화면

1. 스크린(screen) 이란 ?

: 말 그대로 화면입니다. 스마트폰 화면의 얼굴이라고 볼 수 있고, 사용자와 대화를 하는 곳입니다.

 이 대화를 위해서 각종 compoent가 이 screen에 배치됩니다. 

 목적에 따라서 여러개의 screen을 가질 수 있습니다.

 그리고 그중에 첫번째인 screen1 은 특별 대우를 받습니다. 

 screen은 당연히 이름이 있구요. propertie를 가지고 있으며, 전용 블럭들을 가지고 있습니다.

  - Propertie 관련

      -> AlignHorizontal / AlignVetical

          : 배치된 Components가 가로로 왼쪽/중앙/오른쪽으로 정렬되는지,

                                        세로로 위쪽/중앙/아래쪽으로 정렬되는지 결정하는 항목

      -> AppName

          : apk 로 설치를 했을때 스마트폰의 아이콘 아래부분에 표시되는 이름

      -> Icon

          : apk 로 설치를 했을때 스마트폰에 표시되는 아이콘 ( 일반적으로 크기 144x144 이하의 png 파일 )

          : Media 항목의 upload file 한 후에 선택 가능함.

      -> ScreenOrientaltion

          : 스마트폰의 가로/세로인지 방향과 관련된 항목 (일반적으로 Unspecifed 선택)

          : Portrait / Landscape / Sensor 등등

      -> Scrollable 

          : 화면을 세로로 스크롤 될 수 있도록 만들어 줌

          : AdMob 사용시는 비활성화 한 후에 사용됨. (하단 광고가 밀려 날 수 있음)

      -> ShowStatusBar

          : 상단에 StatusBar 표시할지 말지 결정하는 항목 (일반적으로는 표시함)

      -> Sizing

          : 화면 크기를 고정할지, 반응형으로 자동적으로 변경할지 결정하는 항목 (일반적으로 Responsive 선택)

          : Fixed / Responsive => Admob 사용을 한다면 Responsive 를 선택해야 함.

      -> TitleVisible

          : 상단에 Title을 보여줄지 말지 결정하는 항목 (일반적으로는 비활성화 함)

      -> VersionCode / VersionName 

          : 구글 플레이스토어에 등록한다면 필히 입력해야 함.

          => VersionCode : 버전별로 숫자가 점점 커져야 함. 

          => VersionName : 버전별로 관리되는 이름 (보통 앞자리는 큰변화 있을때 증가, 뒷자리는 작은 변화)

          * 응용 : 저같은 경우는 VersionName이 초기 1.0 으로 하고 VersionCode는 100으로 줍니다.

                    작은 변경으로 인한 버전증가는 1.10 / 110,  큰 변경시 2.0 / 200 이런식으로 변경함

2. 블럭에 대해서

  : Appybuilder의 프로그래밍은 블럭을 통해서 구현 가능합니다.

   쉽게 얘기하자면, 이런 블럭들을 쌓아서 하나의 완성된 물체를 만들는 것인데요,

   레고를 생각하면 작은 블럭들이 모여 거대한 자동차, 비행기, 배 등을 만들어 가는 과정이라고 보시면 됩니다.

  : 블럭은 공통으로 주어지는 것과 Component와 관련된 블럭으로 나누어져 있습니다.

   따라서 주어진 블럭 이상의 일은 할 수 없습니다.

   단, 이걸 극복하기 위해서 extension 이라는 항목이 있는데요, 별도 java 개발을 통해서 기능을 확장한 것입니다.

  : 블럭은 크게 3 종류라고 보시면 됩니다.

    -> 주황색 : 어떤 이벤트가 발생할때 호출되는 항목으로 그때에 어떤 일을 하려고 사용합니다.

    -> 보라색 : 어떤 기능을 실행하기 위해서 미리 만들어 놓은 것들입니다.

    -> 기타 : 주로 주어진 어떤 속성값이 뭐냐?, 아니면 이것의 속성값을 뭐로 재 설정할때 사용합니다.

  : 이벤트란 어떤 사건을 말합니다.

    사건이란 스마트폰 속에서 일어나고 있는 많은 일들중에 관련된 것들만 미리 만들어 놓은 것이죠.

    이런 사건들은 누구의 관점에서 보느냐에 따라서 다양하게 존재할 수 있구요.

    세세하게 만들어 놓으면 세세하게 콘트롤 할 수 있지만, 그렇게 되면 일이 많이 집니다.

    하여튼 이벤트 블럭이란, 이번 이벤트가 발생할때 추가적으로 어떤 일을 하고자 할때 사용합니다.

    단, 아무 일도 안하려면 사용을 안하면 됩니다.

3. Screen Components 블럭에 대해서

  : 많은 블럭 중에서 잘 쓰이는 블럭들만 정리해 보겠습니다.

  - BackPressed : Screen1에서 Back 터치를 했을때 발생하는 이벤트

  - Initialize : Screen1이 초기화 될때 발생하는 이벤트

  - OtherScreenClosed : Screen1에서 다른 Screen이 닫혔음을 감지하고 발생하는 이벤트

  - ScreenOrientationChanged : Screen1의 가로/세로 방향이 변경됐을때 발생하는 이벤트

  - HideKeyboard : 이 기능이 실행되면 화면에 떠 있는 키보드가 사라짐

  - BackgroundColor : Screen1 의 배경색을 가져오고, 설정하는 블럭

  - BackgroundImage : Screen1의 배경이미지를 가져오고, 설정하는 블럭

  - ScreenOrientation : Screen1의 기로/세로 방향 값을 가져오고, 설정하는 블럭

4. 공통 블럭중 Screen 관련된 블럭에 대해서

  : 공통 블럭중 Contol 블럭을 보면 Screen과 관련된 블럭이 있습니다. 

  - open another screen screenName

    : 주어진 ScreenName을 가진 화면을 연다.

  - open another screen with start value screen Name/startValue

    : 주어진 ScreenName을 가진 화면을 주어진 값을 전달해서 연다.

  - get start value 

    : 화면이 열릴때 전달 받은 값이 저장된 블럭

  - close screen

    : 현재 화면을 닫는다. 

  - close screen with value result

    : 현재 화면을 닫고, 결과값을 Open한 화면으로 전달한다.

5. 스마트폰에서 APP 종료하는 블럭

  - 위 블럭이 실행되면 APP이 종료된다. 

    단, 일반적으로 screen1에서 해당 블럭을 실행하며,

        이때 screen1을 제외한 다른 screen 들은 이 블럭이 호출되기 전에 close 되야만 정상 종료된다.

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

오늘은 apk 을 만들수 있도록 관련 프로그램 설치하고 셋팅하는 것을 정리해 보겠습니다.

일전에 글에 썼듯이 현재 온라인 버전에서는 APK 파일을 만들려고 하면 오류가 발생해서 생성되지 않습니다.

따라서 온라인 버전이 아닌 오프라인 버전을 PC에 설치해야 합니다.

설치 순서는 다음과 같습니다.

1. Appybuilder Offline 버전 다운받고, 별도 폴더에 압축 해제하기

2. JAVA JDK 설치하고 설정하기

3. appybuilder server 파일 실행하기

4. 웹에서 접속해서 사용하기

그럼 다음과 같이 따라해 보세요.

1. Appybuilder Offline 버전 다운받고, 별도 폴더에 압축 해제하기

    접속싸이트 : https://github.com/AppyBuilder/AppyBuilderPersonal

  - 위 싸이트 접속후에 [Clone or download] 클릭후 하단의  [Download ZIP] 선택해서 다운 받고 압축풀기

  * 참고로 저는 C 루트에 압축 풀어서 사용중입니다.

2. JAVA JDK 설치하고 설정하기

  : 혹시 자신의 PC에 JDK가 설치되어 있으면 설정 부분만 확인해 주세요.

  - JDK 다운 받기

   ( https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html )

  - 설치하기 : 다운 받은후에 실행해서 특별한 설정 없이 그냥 진행하시면 됩니다.

  - 설정하기

     -> 탐색기 실행 -> [내 PC]를 오른쪽 마우스로 클릭 -> 속성 클릭후 [시스템] 화면 불러오기

     -> 시스템화면에서 좌측 하단의 [고급시스템 설정] 클릭후 [시스템 속성] 화면 불러오기

     -> 시스템속성 화면에서 [고급]탭 선택후 맨 하단의 [환경변수] 클릭

         ==> 새로만들기 클릭후 변수이름 : JAVA_HOME , 변수값으로 설치 위치 입력후 확인

                : JAVA_HOME 설정 - JDK 설치후 탐색기로 해당 위치 찾아서 확인 필요 (세부 버전은 틀림)

        ==> 아래에 있는 Path 변수값을 편집해서 경로값 추가후 수정 저장 (세부 버전은 틀림)

               C:\Program Files\Java\jdk1.8.0_xxx\bin

        ==> 확인 클릭후 빠져 나오기

3. appybuilder server 파일 실행하기

   : 오프라인 버전 압축 푼 곳으로 이동해서 Server 실행시키기

        - WinStartFrontend.bat : appybuilder 실행을 위한 Server 실행 배치 파일

            : 위 메시지가 나와야 함

        - WinStartBuildServer.bat : appybuilder APK 파일을 만들기 위한 Server 실행 배치 파일 

                                          APK 파일을 만들지 않으면 실행할 필요는 없음

            : 위 메시지가 나와야 함

4. 웹에서 접속해서 사용하기

   : Server 를 실행 시키고 웹에서는 다음과 같이 접속해야 함  (  localhost:8888 )   

    - 사용자 등록하기

      -> 위 상태에서 [Sign in as Administrator] 체크된 상태에서 Login 하기

      -> Admin 에서 User Admin 선택

      -> 아래 화면에서 Add user 클릭

      -> 추가할 사용자 e-mail 주소 입력하고, 필요시 Is Admin / Password 입력하기 

      -> 기존 계정 Logout 후에 신규 계정으로 로그인해서 최종 확인

5. APK 파일 만들기

   : Test 를 위해서 Sample을 입력했습니다.

  - Build -> App(save .apk to my computer) 를 클릭해 주세요 (오프라인이라서 QR code는 동작 안합니다)

  - 컴파일 과정 : 100% 될때까지 기다려 주세요

  - APK 생성 : 100% 완료되면 좌측 하단에 apk 파일 표시되고, 다운로드 폴더에 파일이 생깁니다.

   - apk 파일을 폰에 전송해서 설치하거나, 이 파일을 구글 플레이스토어에 등록을 하면 배포 가능합니다.

    * 간혹 가다 서버용 배치 파일을 띄우고 닫은 이후 또 띄울때 잘 안되는 경우가 있습니다.

      이때에는 PC를 재부팅후 해보세요.

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

오늘은 appybuilder를 통해서 어떤 앱을 만들면 안좋을까에 대해서 생각해 보려고 합니다.

첫번째로 백그라운드에서 돌아가는 프로그램은 안됩니다.

예를 들어서 알람앱이 있다고 생각해 보세요.

보통 알람 설정을 하고나면 화면을 잠궈 놓거나 절전모드 들어가고, 시간이 되면 자동으로 깨어나서 알람을 주잖아요.

이게 실제로는 백그라운드에서 계속 프로세스(프로그램)가 실행되고 있다가 알려주는 겁니다.

그런데 appybuilder로 만든 앱은 동작하지 않습니다.

제가 알고 있기로 현재 extension 중에 단순하게 메시지만 던져 주는 것이 있지만, 프로그램이 전면에 활성화 되서 동작하는건 못하고 있습니다. 이건 appybuilder도 그렇고 MIT에서 나온 app inventor도 마찬가지 입니다.

아직 해결이 안된 문제이죠.

보통 app inventor에서 교육용으로 알람앱 만드는 것을 자주 보는데요. 이렇게 만들면 계속 화면이 켜져 있을때만 작동되는 반쪽짜리 앱이 되서 쓸모가 없습니다.

스탑워치도 마찬가지 입니다. 보통 스마트폰의 절전모드 시간이 30초~1분 정도 됩니다.

따라서 100m 달리기 할때야 사용 가능하겠지만, 1000m 달리기를 할때나 더 길어지면 스마트폰이 절전모드 동작으로 앱이 먹통이 될 수 있습니다. 이때는 어쩔수 없이 extension 추가해서 현재 화면이 절전모드로 들어가지 못하게 해서 계속 켜져 있도록 해야만 합니다.

따라서 만든다면 계속 화면에 떠 있는 상태에서 사용자가 동작하게 하는 앱을 만들어야 합니다.

두번째로 너무 복잡한 프로그램은 힘듭니다.

쓰고 나니 너무 추상적이네요.

우선 블럭을 사용해서 프로그램을 만들다 보니 복잡한 것은 블럭들의 길이가 너무 길어집니다. 계속 블럭을 붙여 나가면서 만들다 보면 너무 내려가서 전체적인 상황을 검토하는게 힘들더군요.

순차적으로 나열된 것이 아니라서 한눈에 들어오지 않습니다. 그러다 보니 추후에 프로그램 고칠려고 다시 볼때 어렵습니다.

그리고 너무 많은 블럭들이 있으면 전체적으로 블럭들 콘트롤 하는게 느려지는 현상도 발생합니다.

따라서 될 있으면 단순하고, 간략한 것들 위주로 만드시는게 좋습니다.

쓰고 나니 안좋은 점이 그렇게 많지는 않네요.

제 개인적인 생각이지만 이런 점만 제외하면 내가 생각하고 있는 모든 것을 최단시간에 구현 가능한 툴인 것은 확실합니다.

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

오늘은 테스트를 하기 위한 환경 구축에 대해서 알아보겠습니다.

테스트 하기 위해서는 두가지 방법이 있습니다.

1. 스마트폰으로 테스트 하기

   0) 스마트폰 구하기

       : 스마트폰이 있어야 해요. 남는 폰 또는 자신의 스마트폰으로 해도 가능합니다.

       - 다만 오래된 스마트폰은 안드로이드 버전이 7이상 좋을거 같아요.

         너무 낮으면 일부 안되는 기능도 있더라구요.

       - 화면 싸이즈가 너무 작은거 또는 너무 큰거는 제외하세요. 

         일반적이지 않은 싸이즈는 실제 운영시 전체적인 구성이 틀어집니다.

   1) Live Testing

       - 앱설치하기 : 이 방법으로 하기 위해서는 먼저 폰에 앱을 설치해야 합니다.

                         인터넷을 통해서 폰과 PC가 통신을 해서 시뮬레이션 해 준다고 보시면 됩니다.

          https://play.google.com/store/apps/details?id=com.appybuilder.companiongold

       - Live Testing 클릭 : QR-Code가 생성이 되고,

              이때 스마트폰에서 앱을 실행 시킨후에 해당 QR-Code를 스캔하거나 입력하시고 Connect 하면 됩니다

       - Connect 하고 나서 기다리면 알아서 연결해 줍니다.

         혹시 계속 기다려도 안되면, 통신 상태 문제로 연결이 원활하지 않은거니 다시 다시 연결합니다.

         특별한 문제로 끊어지지 않는다면, 계속 연결된 상태를 유지하면서 테스트해 볼 수 있어요.

         즉, 배치를 다시 한다거나, 블럭을 변경한다고 하면 그게 실시간으로 반영됩니다.

   2) USB

       - PC에 프로그램 설치하기 

          : PC에 설치된 프로그램이 USB로 통신해서 스마트폰에 테스트 하는 방식입니다.

          : 아래 링크를 통해서 프로그램 받은 후에 압축을 풀고 그냥 막 설치하시면 되요.

            http://appybuilder.com/companion/AppyBuilderStarterSetup.zip

       - 프로그램 실행하기

          : PC에서 해당 아이콘을 클릭해서 프로그램을 띄워 주세요.

            이걸 실행하고 나서 아래와 같이 나오면 정상입니다.

         - 스마트폰에 USB Debuging 모드 활성화 하기 (아래 링크 참조해 주세요 )

https://www.kingoapp.com/root-tutorials/how-to-enable-usb-debugging-mode-on-android.htm

         - 웹화면에서 USB 클릭하기

            : 위 화면과 같은 상태에서 웹화면에서 Test -> USB 클릭하면 자동으로 연결해 주니 기다리시면 됩니다.

2. 에뮬레이터 사용하기

   : 개인적으로 Andy OS 설치를 권합니다.

    녹스도 괜찮던데 속도 면에서는 Andy OS가 조금 더 원활한거 같아요.

    제 PC 성능이 좀 떨어지다 보니 그런거 같네요.

    다만, 보드가 옛날꺼라서 CPU가 가상화를 지원하지 않으면, 녹스를 쓰시기 바랍니다.

   1) 설치하기

      : 아래 링크로 들어가셔서 나오는 화면에 Download 클릭하시면 바로 받으실 수 있습니다. (약880Mb)

      : 받고 나서 실행하시고, 그냥 쭉쭉 다음 넘어가시면서 설치하시면 됩니다.

       설치 완료후에는 실행되면 스마트폰 처음 살때 처럼 화면이 나오고,

       언어 설정, 플레이스토어 설정만 해 주시면 됩니다.

https://www.andyroid.net/

       : 위 화면 처럼 나오면 잘 설치된거구요.

        하단 오른쪽에서 왼쪽으로 세번째 있는 아이콘 클릭하면 세로로 변경됩니다.

       : PC에 다음과 같은 아이콘이 보이고 Start Andy 아이콘을 클릭하시면 됩니다.

   2) Live Testing

     * AppyBuilder Gold 앱 설치하기

      : 플레이스토어를 활용해서 Appybuilder Gold 앱 설치하시면 됩니다. ===> 위쪽 1-1) 참조 하세요.

     - QR-Code 입력시 에뮬레이터의 OS에 카메라가 없으니 6자리를 키보드로 입력해 줍니다.

       혹시 PC카메라가 있으면 연결해 주면 사용 가능합니다. (저는 없어서 테스트를 못해봤네요)

   3) USB 관련

      - 에뮬레이터 OS에서 USB Debuging 모드 활성화 하기 (아래 링크중 4번 [4. Android 5.0 Lollipop] 참조)

https://www.kingoapp.com/root-tutorials/how-to-enable-usb-debugging-mode-on-android.htm

에뮬레이터의 OS도 동일한 하나의 안드로이드 스마트폰하고 동일합니다.

다만 화면 비율이 크기 때문에 화면 디자인시 꼭 이점 참조하셔야 합니다.

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

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

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 파일을 분석하기 위해서는 영어로 익숙해 지는 것이 좋습니다.

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

다음편을 기대해 주세요. 

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

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

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