P2SKLife

블럭코딩 사이트에는 앱인벤터를 기반으로 하는 또 다른 사이트가 있습니다. Kodular(=AppyBuilder)와 Thunkable이라는 것이 있습니다. 이 셋의 특징을 비교해보겠습니다.

- 가장 중요한 것은 광고여부일텐데요,

App Inventor에는 광고를 달 수 없지만 다른 두 프로그램에서는 광고를 간단하게 추가할 수 있습니다.

다만, 앱인벤터에서는 광고를 직접 달 수는 없지만 코딩한 것을 파일로 저장하여 Kodular(=AppyBuiolder)에서 import하면 광고를 추가할 수 있습니다.

Kodular에서는 다음과 같이 다양한 광고를 추가할 수 있습니다. AdMob, Amazon, Facebook, AdColony, AppLovin, Unity, LeadBolt, AtartApp. Thunkable에서는 AdMob만 가능합니다. 광고 수수료가 있는데 AppyBuilder는  10~35%, Thunkable은 월회비를 지불해야합니다.

- Firebase를 사용하려면 App Inventor2나 Kodular에서 사용 가능하다.

- Thunkable에서는 안드로이드 뿐만 아니라 애플용 ios로도 동시에 제작 가능하지만 추가비용이 발생한다.

- google play game service 연결기능은 Kodular에서만 가능하다.

- 확장기능(import) : 인공지능(머신러닝) 확장 기능은 App Inventor와 Kodular에서 별도의 확장파일을 다운 받아 import기능으로 읽어들이면 사용할 수 있다.

- 아두노이드 지원 : App Inventor, Kodular에서 가능하다.

- 유투브 연결 : Kodular는 자체 콤포넌트가 있어서 쉽게 조작 활용이 가능, 다른 것은 액티비티스타터를 활용하면 연결은 가능하나 기능이 제한적이다.

- 구글 플레이스토어 출시를 위한 확장자 aab 지원 : Kodular에서 다운로드할 수 있다. 다만 이때 mp3 재생은 aab로 다운로드하면 player와 sound 기능이 안되는 오류가 발생하므로 엑소플레이어로 해야 오류가 발생하지 않는다.

결론, 개인적인 목적에 따라 선택하되 Kodular가 광고뿐만 아니라 여러가지 다양한 기능 등을 보았을 때 가장 무난할 듯 싶습니다.

Kodular의 안정성이 좀 떨어지는 것이 아쉽습니다.

최근 21년 봄부터 Kodular의 Companion이 안되고 있어 작업하기가 짜증이 납니다.

확장자 Personal Image Classifier도 Screen1에 추가해야 다른 화면에서도 webviewer가 나타난다.

아직 제가 모르는 뭔가 이런 자잘해 보이지만 중요할 수 있는 버그 같은 것들이 있어서 주의할 필요가 있습니다.

앱인벤터에서는 지원이 안되는 광고 달기와 구글용 aab 파일 빌드 같은 경우에는 아주 유용한 기능이긴 합니다.

앱을 실행하여 변수 등 자료를 사용하다가 앱이 종료되면 변수에 있던 내용은 사라지고 다음에 앱을 실행하면 다시 처음으로 세팅이 됩니다. 예를 들어서 게임을 하다가 내 최고점수를 기록했음에도 다음에 앱을 실행하면 최고점수가 다시 처음으로 세팅이 됩니다. 최고점수를 계속 앱에서 확인하고 활용하려면 앱이 아닌 곳에 따로 데이타를 정했다가 읽어오면 해결이 가능합니다. 이때 외부 저장소에 데이타를 입력하는 방법에는 기본적으로 DB가 있습니다. DB는 DataBase의 약자로 구성은 Tag와 Value로 이루어져 있습니다. 쉽게 말해서 이름표(Tag)와 실제값(Value)의 짝으로 데이타를 저장합니다. 그래서 이름표가 같으면 실제값을 계속 업데이트 하면서 처리가 가능합니다.

앱인벤터에서 이와 같은 처리를 위해 준비된 컴포너트가 있는데 TinyDB, TinyWebDB, Firebase에 대해서 간단히 알아보겠습니다.

TinyDB는 내 핸드폰에 데이타를 저장합니다. 그래서 다른 사람과 데이타를 공유하지 못합니다.

TinyWebDB는 앱인벤터에서 기본으로 제공하는 인터넷의 웹에 공유하는 방법입니다. 단점은 모든 사람이 공유하기 때문에 Tag가 동일할 경우에는 원치않는 데이타변경이 발생할 수 있다는 것입니다. 따라서 Tag를 다른 프로그램에서는 사용하지 않을 그러한 고유한 이름으로 정해야 할 것입니다. 웹주소만 알면 간단히 사용할 수 있습니다.

Firebase Database는 구글에서 제공하는 개인용 서버라고 보시면 됩니다. 물론 무료입니다. 사용량이 일정 조건을 넘어서면 유료화가 필요한 것은 염두에 두셔야 합니다. 당연히 Firebase를 사용하려면 가입과 설정이 과정이 필요합니다.

그리고 단순 데이타 저장용으로 Firebase Storage가 있습니다. Firebase에 가입하면 함께 추가로 사용할 수 있습니다. 그림, 오디오, 비디오 파일 등을 저장하고 읽어올 수 있습니다.

csv 파일의 5열에 유튜브주소항목을 추가합니다.

디자인은 다음 그림처럼 변경하고

아래와 같이 블럭에서 코딩을 추가하면 유튜브연결이 되어 화면이 바뀌고 전체화면으로 유튜브를 볼 수 있게됩니다.

앱인벤터에서 csv파일 등 텍스트 파일을 읽어왔는데 한글이 깨지는 경우가 있습니다.

이때 간단하게 해결하는 팁을 알려드립니다.

윈도우의 메모장을 실행해서 그 파일을 메모장에서 읽으세요..

실행방법은 윈도우 화면 좌하다 검색창에 "메모장"이라고 입력 한 후

그림처럼 

1. 메뉴에서 '파일' 선택

2. '다른 이름으로 저장' 선택

3. 인코딩(E) 메뉴 중 'UTF-8' 선택

4. 파일이름을 입력하고 저장하시면 됩니다.

한글 깨졌다고 당황하지 마시고 이렇게 하시면 됩니다.|^.^|

초등학교 교과서에 수록된 클래식 음악 관련 앱을 만들어 보려고 합니다. 먼저 준비단계로 수록곡과 관련된 데이타를 수집하여 앱인벤터로 읽어오는 과정입니다. 데이타,디자인, 블록 화면을 공유합니다. 

먼저, 수록 관련 데이타를 엑셀로 작성합니다. 그런데, 앱인벤터에서는 엑셀을 직접 읽어오지 못합니다.

엑셀을 확자자를 csv( ,로 항목 구분)로 저장해야 읽을 수 있습니다.

파일을 읽어오는 방법은 3가지가 있습니다.

1. 핸드폰의 지정폴더에서 읽어오는 방법 : 파일명과 확장자만 필요

  예) example.csv는 /sdcard/Appinventor/example.csv를 읽어옵니다.

2. 핸드폰 기본 폴더(루트 디렉토리)에서 읽어오는 방법입니다.

  예) /example.csv는 /sdcard/example.csv를 읽어옵니다.

3. 개발자화면에서 파일을 업로드하여 읽어오는 방법이 있습니다. 이때 파일은 앱 안에 포함됩니다.

   [앱인벤터]에서는 [Media]에서 파일을 업로드합니다.

   [코둘라]에서는 [File Assets]에서 파일을 업로드합니다.

  예) //example.csv는 앱에 업로드하여 포함된 파일을 읽어옵니다.

3번이 제일 무난할 듯합니다. 

개인적인 생각이지만 가장 기본적인 3번을 파일명만으로 처리하게 하면 좋았을 것을 하는 생각입니다.

타이틀은 학년(grade),작곡가(composer),분류(genre),곡명(title) 등으로 일단 4개로 활용할 예정입니다. 앱인벤터의 디자인과 블럭을 올려드리니 엑셀파일을 읽어오는 기능이 필요하신 분은 잘 이용해보시기 바랍니다. 저도 이 기능을 구현하는데 며칠을 끙끙거려서 완성했습니다.