P2SKLife

앱을 실행하여 변수 등 자료를 사용하다가 앱이 종료되면 변수에 있던 내용은 사라지고 다음에 앱을 실행하면 다시 처음으로 세팅이 됩니다. 예를 들어서 게임을 하다가 내 최고점수를 기록했음에도 다음에 앱을 실행하면 최고점수가 다시 처음으로 세팅이 됩니다. 최고점수를 계속 앱에서 확인하고 활용하려면 앱이 아닌 곳에 따로 데이타를 정했다가 읽어오면 해결이 가능합니다. 이때 외부 저장소에 데이타를 입력하는 방법에는 기본적으로 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개로 활용할 예정입니다. 앱인벤터의 디자인과 블럭을 올려드리니 엑셀파일을 읽어오는 기능이 필요하신 분은 잘 이용해보시기 바랍니다. 저도 이 기능을 구현하는데 며칠을 끙끙거려서 완성했습니다.

생애 첫 앱개발을 하고 구글의 플레이스토어에 출시했습니다.

앱의 내용은 얼굴사진을 선택하면

앱이 디즈니 애니에 나오는 공주(왕자)의 실사 연예인 얼굴과 분석하여

누구와 얼마나 닮았는지 1,2,3순위 분석 결과를 분석해 주는 앱입니다.

물론 공주 아니면 왕자가 결과가 나오고

분석 후에는 분석대상인 연예인의 실사사진을 클릭하여 확인해볼수도 있습니다.

공유도 가능하며 사용방법은

홈페이지( http://ppfacetest.netlify.app )를 방문하거나

구글플레이 또는 국내 앱마켓인 원스토어에서 "princess face test"로 검색하여 앱을 설치하시면 됩니다.

아래는 실행전후, 실사사진 확인 화면입니다.

실행 방법은 간단합니다.

공주 또는 왕자를 선택한 후

가운데 네모를 터치하고

얼굴 사진을 선택하시면 앱이 분석한 결과를 보여줍니다.

분석 후 [분석사진 확인]을 클릭하면 실사연예인 사진도 확인 가능합니다.

부부가 천생연분인지, 연인이라면 같은 애니 주인공인지 한번 재미삼아 해보세요!!!