한국어

Programming

twin 주소복사
조회 수 39 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

새로운 언어로 프로그램을 할 때 첫 프로그램은 "Hello Wolrd!"를 출력하는 전통이 있습니다. 세상을 향해 인사를 하고 힘찬 새 출발을 다짐하는 거죠...

이 시리즈 맨 앞에서도 첫번째 앱으로 Hello World 앱을 만들어보았습니다. 

앱인벤터 #1 첫번째 앱, Hello World!
[BY BeeEye Dmu] MIT와 구글에서 개발한 웹 기반 안드로이드 앱 개발 도구앱 인벤터는 프로그램을 전.

오늘은 이것을 약간 변형해 보겠습니다.

1. 버튼을 클릭하면 "Hello Wolrd!"라고 출력합니다.
2. 버튼을 길게 클릭하면 "사랑해요~"라고 출력합니다.
3. 스마트폰을 흔들면 인사말이 없어집니다.
4. 인사말이 출력되면서 음성으로도 인사를 합니다.

먼저 디자인입니다.

화면 중앙에 버튼 하나와 눈에 보이지 않지만 인사말이 출력되는 Label을 하나 위치합니다. Label의 Text 속성을 지웠기 때문에 화면에는 레이블이 보이지 않습니다. 

보이지 않는 컴포넌트로 AccelerometerSensor(가속도센서)와 TextToSpeech(음성변환) 컴포넌트를 추가합니다. 가속도 센서는 스마트폰을 흔드는 것을 감지합니다. 

<그림 1> 말하는 Hello World 앱의 디자인

다음은 블록 코딩입니다. 

1. Button의 이벤트 중 Click으로 버튼을 누르면 "Hello Wolrd!"라고 출력하면서 음성변환 컴포넌트가 글씨를 읽어줍니다.
2. Button의 이벤트 중 LongClick을 사용했습니다. 길게 누르면 "사랑해요~"라고 출력하면서 음성변환 컴포넌트가 글씨를 읽어줍니다.
3. 스마트폰을 흔들면 가속도센서의 Shaking 이벤트가 발생하고 이 때 Label을 빈칸으로 만들어 줍니다.

<그림 2> 블록 코딩

다음에 동작 화면을 보입니다. 
초기화면, 클릭했을 때 화면, 길게 클릭했을 때 화면입니다.

<그림 3> 말하는 Hello World앱의 실행 화면

내가 만든 앱이 말도 하다니... ㅋㅋ


  1. [앱인벤터]Player(플레이어)를 이용한 I have a dream 앱

    Date2018.08.27 Bytwin Views43
    Read More
  2. [앱인벤터] Camera & Share, 사진찍고 메모해서 공유하기

    Date2018.08.27 Bytwin Views55
    Read More
  3. [앱인벤터] 성적계산기

    Date2018.08.27 Bytwin Views83
    Read More
  4. [앱인벤터] ActivityStarter 액티비티 스타터를 사용한 여행앱

    Date2018.08.27 Bytwin Views65
    Read More
  5. [앱인벤터] 에뮬레이터, 녹스(nox) 앱플레이어 사용법

    Date2018.08.27 Bytwin Views56
    Read More
  6. [앱인벤터] App Inventor 2 Tips

    Date2018.08.27 Bytwin Views61
    Read More
  7. [앱인벤터] 내가 만든 앱을 구글 플레이스토어에 등록하는 방법

    Date2018.08.27 Bytwin Views42
    Read More
  8. [앱인벤터] Sound를 이용한 실로폰 앱

    Date2018.08.27 Bytwin Views48
    Read More
  9. [앱인벤터] 리스트를 이용하여 녹음이 되는 실로폰

    Date2018.08.27 Bytwin Views222
    Read More
  10. [앱인벤터] 위치센서 LocationSensor를 이용한 거리측정기

    Date2018.08.27 Bytwin Views212
    Read More
  11. [앱인벤터2] 말하는 Hello World 앱

    Date2018.08.27 Bytwin Views39
    Read More
  12. [앱인벤터] ListPicker와 WebViewer를 이용한 내가 즐겨찾는 사이트 앱

    Date2018.08.27 Bytwin Views81
    Read More
  13. [앱인벤터2] PasswordTextBox와 TinyDB를 사용한 PIN 번호 체크

    Date2018.08.27 Bytwin Views303
    Read More
  14. [앱인벤터2] Extension(확장기능)을 사용한 깜박이는 플래시라이트

    Date2018.08.27 Bytwin Views102
    Read More
  15. [앱 인벤터2] 공튀기기

    Date2018.08.30 Bytwin Views109
    Read More
  16. [앱 인벤터2] 간단한 계산기

    Date2018.08.30 Bytwin Views116
    Read More
  17. [앱 인벤터2] 우주선게임

    Date2018.08.30 Bytwin Views160
    Read More
  18. [앱인벤터] 예제 - 두더지 게임

    Date2018.09.11 Bytwin Views204
    Read More
  19. [앱 인벤터2] 두더지 잡기 게임2

    Date2018.09.14 Bytwin Views300
    Read More
  20. 스톱워치 만들기

    Date2018.09.14 Bytwin Views67
    Read More
Board Pagination Prev 1 2 3 Next
/ 3