프로그램 썸네일형 리스트형 [문제풀이]앱인벤터2 - "08. 대통령 알아맞히기" 확장하기 P165 앱인벤터2 문제풀이 - 165페이지 "대통령 알아맞히기" 확장하기 1. 현재 앱은 문제마다 그림만 보여준다. 짧은 소리나 동영상도 같이 보여주도록 확장한다. 디자이너탭에서 ActivityStater, Sound를 추가하여 아래와 같은 형태로 만들고, ActivityStarter의 Action속성에 "android.intent.action.VIEW" 를 추가한다. 블록탭에서 아래 그림처럼, initialize global YoutubeList to make a list "유투브주소1", "유투브주소2", "유투브주소3", "유투브주소4"를 자료화면으로 순서대로 삽입하고, HINT(자료화면버튼)는 when HINT.Click do를 꺼내어 set ActivityStarter1.DataUri to select.. 더보기 [앱인벤터2] 프로시저를 이용한 리스트(make list) 만들기 앱인벤터2 - 프로시저를 이용한 리스트 만들기 앱인벤터2에 블록란에 to procedure를 이용하면 자주 반복되는 명령문을 처리할 때, call 프로시저에 변수만 입력하여 호출해서 사용하면 되므로 이를 통해 중복코딩를 방지하고 간단명료한 프로그램을 짤 수 있다. 앱 동작은 GPS로 현재위치를 수시로 띄워주고, 이동 궤적 기록을 클릭하면 밑에 레이블에 위도,적도를 리스트 형태로 나타내주고, 이 리스트는 "이동 궤적 기록"버튼을 누를 때 마다 한 줄씩 추가 업데이트 된다. 블록에서 우선 Initialize 로 리스트변수를 만들어 준다음 값을 비워두고, 리스트를 저장할 TinyWebDB의 StoreValue와 GetValue 를 꺼내어 GetValue는 프로그램시작시 실행되는 Screen.Initialize.. 더보기 [문제풀이]앱인벤터2 - "07. 내 차를 찾아줘" 확장하기2 P147-0 앱인벤터2 문제풀이 - 147페이지 "내 차를 찾아줘" 확장하기 1. 이제 친구들끼리 위치를 공유하는 라는 앱을 만들어 보자. 이는 친구들과 등산을 하거나 공원에서 놀다가 흩어졌을 때 서로를 찾는 시간을 절약할 수 있을 뿐 아니라, 때로는 생명까지도 구할 수 있다. 여기서 여러 명의 위치 데이터를 공유해야 하므로, TinyDB 대신 TinyWebDB를 사용해야 한다. 데이터베이스에 대한 보다 자세한 내용은 22장을 참조한다. 아래 그림은 실행화면이다. 사용자가 "자신의 위치 저장" 버튼을 누르면, 화면 아래에 "위도, 적도"가 표시되며 웹DB에 사용자 이름은 인덱스로 위도, 적도는 데이터값으로 리스트 목록에 추가 저장되고, "동료찾기"란 버튼을 누르면, 가운데 그림처럼 입력된 동료들의 이름이 인텍스 형태.. 더보기 [문제풀이]앱인벤터2 - "06. 파리관광" 확장하기 P133 앱인벤터2 문제풀이 - 133페이지 "파리관광" 확장하기 1. 내 고장, 내 학교, 또는 다음번 여행지로 생각하는 곳을 관광지로 선정해 앱을 수정한다. (구글지도서비스 : https://www.google.co.kr/maps) (URL주소축약서비스 : https://bitly.com/) 디자이너탭 에서 일부문구를 적합하게 수정하고, 블록탭 에서 리스트 목록을 "서울남산타워, 광화문, 연남동" 등으로 수정하고, 구글지도 서비스를 이용해 이들의 URLs 도 인덱스 순서대로 수정한다. 이 때 주소축약서비스 https://bitly.com/ 를 이용한다. 2. ActivityStarter를 이용하여 이메일을 보내거나 YouTube 앱을 구동해 보자. Tip http://appinventor.mit.edu/exp.. 더보기 [문제풀이]앱인벤터2 - "05. 무당벌레추적" 확장하기 P121 앱인벤터2 문제풀이 - 121페이지 "무당벌레추적" 확장하기 1. 게임이 끝났는 데도 불구하고 개구리와 진딧물이 계속 움직인다. GameOver 프로시저에서 이들의 Enabled 속성을 false로 설정하여 움직임을 멈추게 한다. 더불어 RestartButton.Click에서 이들 속성을 true로 바꾸어 주는 것을 잊지 말자. 블록탭에서 움직임정지 - when RestartButton.Click do에 set Flog.Enabled to true 를 추가하고, to GameOver do 에 set Flog.Enabled to false 와 set Aphid.Enabled to false를 추가한다. 2. 무당벌레가 살아 있는 시간을 점수로 환산하여 보여주자. 레이블을 추가하고 Click1.Timer에서.. 더보기 [문제풀이]앱인벤터2 - "04. 운전 중 문자 금지" 확장하기 P100 앱인벤터2 문제풀이 - 100페이지 "운전 중 문자 금지" 확장하기 1. 맞춤 메시지를 미리 등록된 특정한 사람에게만 보내도록 처리한다. 선택문인 if 블록이 필요한데, if에 대해서는 18장을 참조한다. 블록탭에서 when Texting1.MessageReceived 에 set Texting1.Massage to에 if then else 문을 추가하고 if에 Logic에 "=" 구문을 이용해 좌우측에 Texting1.PhoneNumber 와 "000-000-0000"(특정번호)를 삽입한다. 그리고, then에 "특정문자(Text)"를 삽입하고, else에 예외처리문인 기존에있던 문구를 끼우면 된다. 2. 특정 위도와 경도를 중심으로 일정한 범위 안에 있을 때 그 상황에 딱 맞는 맞춤 메시지를 보낸다. .. 더보기 [문제풀이]앱인벤터2 - "03. 잡아라! 두더지" 확장하기 P82 앱인벤터2 문제풀이 - 82페이지 "잡아라! 두더지" 확장하기 * 캔버스 너비(Width) : 보통 폰너비 300픽셀* Ball(색과 크기만변경 가능)과 ImageSprite(이미지파일 변경가능) 둘 다 스프라이트다.* EdgeReached 이벤트 : 캔버스의 경계에 닿으면 공을 (1,1)로 이동(포켓볼당구게임) - 북=1 / 북동=2 / 동=3 / 남동=4 / 남=-1 / 남서=-2 / 서=-3 / 북서=-4 * CollidedWith(충돌하는순간)와 NoLongerCollidingWith(물체가 떨어지는 순간) : 물체간의 충돌 처리 * 프로시저만들기 : 프로시저는 여러번 반복해야 하는 코드를 압축시켜 만든 일종의 함수와 같다. 같은 동작을 반복해야할 필요가 있을 때 프로시저를 호출하여 사용 할 수 .. 더보기 [KODI_코디] kodi설치 및 한글화하기 (kodi17.6 krypton) kodi는 TV, 영화, 드라마, 음악 애드온 등을 스마트기기(스마트폰, PC, 스마트TV)에 설치하여 보거나 들을 수 있으며, 내 PC나 외장에 있는 사진이나 동영상 등을 네트워크로 연결해서 휴대폰이나 스마트TV에서 볼 수 있는 유용한 프로그램이다. 구글 플레이스토어에서 kodi를 검색하면 무료로 쉽게 설치할 수 있으며, 설치한 후에 실행하면 아래와 같은 화면이 나오는 데 설치시 한글지원은 되지만 영문버전이기 때문에, 설치후 한글화 작업을 해야한다. >> KODI 17.6 Krypton 버전 * KODI(코디) 설치 하기 : 스마트 폰 -> 플레이스토어 -> KODI 설치 * KODI(코디) 한글화 하기 : 1. 코디실행 - -> SYSTEM(톱니바퀴) ->Interface settings -> Ski.. 더보기 [문제풀이]앱인벤터2 - "02. 페인트통" 확장하기 P67 앱인벤터2 문제풀이 - 67페이지 "페인트통" 확장하기 1. 사용자 인터페이스는 현재 설정된 정보를 제공하지 않는다. 예를 들어 점의 크기나 색깔을 알아내려면 점을 찍어보는 수밖에 없다. 이러한 정보가 화면에 나타나도록 사용자 인터페이스를 개선한다. 위 보이는 화면은 적용된 예이고, 아래와 그림처럼 블록탭에서 버튼 글씨색을 바꾸는 "이벤트와 예외처리"를 적용했다. 2. 사용자가 점의 크기로 2와 8뿐 아니라 임의의 값을 입력할 수 있게 확장한다. 이는 Slider 컴포넌트를 사용하면된다. 위 보이는 화면처럼 디자이너탭에서 Slider를 추가하고 "MinValue=2"로 놓는다.그리고 아래 그림처럼 블록탭에서 when Slider1.PositionChanged -> Set global dotSize to .. 더보기 [입문] 앱인벤터 시작시 - 컴포넌트와 웹주소 앱인벤터2 는 프로그래밍을 간편하게 할 수 있게 도와주는 프로그램으로, 개발자에게 프로그램언어에 대한 많은 지식을 필요로 하지 않으며, 앱인벤터2의 구조는 크게 디자인탭과 블럭탭이 있고, 이 것으로 모든 앱을 만들 수 있게 설계되어 있다. 사용 방법은 디자이너탭에서 좌측에 팔렛트에 아이콘형태 필터를 끌어다 앱에서 눈에 보이는 부분을 담당하는 레이아웃 디자인을 제작하고, 블럭탭에서 디자인별로 컴포넌트를 이용한 프로그래밍을 작업을 하여 앱이 실행될 수 있게 완성하는 형태를 띤다. 한마디로 디자이너는 "생김새", 블럭은 "기능"장착을 의미한다. 앱인벤터2 를 시작하려면 구글크롬에 아래와 같이 주소를 입력하면 된다. http://ai2.appinventor.mit.edu/ 앱인벤터2 예제이미지 다운 : www... 더보기 이전 1 2 3 다음
