AI교육/앱인벤터26 6. 앱인벤터로 BMI계산기 만들기 1. 앱 화면과 기능 구상하기 BMI 계산기 앱을 만들기 전에 덧셈 연습 앱을 만들어 보겠습니다. 두 수가 화면에 출력되면 덧셈한 결과를 사용자가 입력합니다. 사용자가 답을 입력하면 사용자가 입력한 값이 참인지 거짓인지를 출력해줍니다. 거짓이면 다시 입력하여 확인할 수 있다. 참이면 다른 문제가 나와서 계속 문제를 풀 수 있습니다. 화면은 아래 처럼 간단히 설계해봤습니다. 2. 앱 화면 만들기 이제 앱 화면을 만들어 보겠습니다. 컴포넌트 부분을 보면어떤 요소들이 들어 있는지 확인할 수 있습니다. 스크린1의 속성을 보면전체가 수평 정렬은 왼쪽, 수직정렬은 위로 되어 있는 것을 볼 수 있습니다. 스크린1에서는 앱의 이름도 설정이 가능합니다. 앱의 이름은 calculation_game으로 정했는데한글도 가능합.. 2020. 9. 28. 5. 앱인벤터로 동물 소리 앱 만들기(앱인벤터 소리, 스크린추가 기능) 이번 글에서는 앱 인벤터의 이미지, 소리를 이용해서 동물을 설명하는 앱을 만들어보겠습니다. 1. 앱 화면과 기능 구상하기 이번에 만들 앱은 강아지, 고양이에 대해 알아보는 간단한 앱입니다. 강아지 그림이 있고, 설명 듣기를 클릭하면 강아지에 대해 설명하는 목소리와 텍스트가 화면에 나타납니다. 버튼을 클릭하면 동영상이 나오게 할 수도 있죠. 또, 강아지 그림 옆에는 고양이 그림이 있고 설명 듣기를 터치하면 고양이에 대한 설명이 들리고 텍스트가 화면에 나타납니다. 앱의 화면은 아래처럼 만들 예정입니다. 2. 데이터 수집하기 이전에 계산기 만들기와는 다르게 데이터의 수집 단계가 추가되었습니다. 동물 설명 앱에서는 '이미지'와 '소리' 데이터가 필요하기 때문에 무료 이지미와 무료 소리 데이터를 다운받았습니다. .. 2020. 9. 21. 4. 앱인벤터로 계산기 앱(application)만들기! 1. 계산기 앱 화면과 기능 구상하기 이번에 만들 앱은 더하기 빼기 계산기 앱입니다. 앱의 화면은 간단하게만 그려보았습니다. 앱에 필요한 컴포넌트는 아래와 같습니다. 레이블 : 앱 이름 표시 텍스트 상자 : 첫 번째 숫자 텍스트 상자2 : 두 번째 숫자 버튼 2개 : 더하기 버튼, 빼기 버튼 텍스트 상자3: 결과값을 출력 계산기라고 쓰여 있는 것은 '레이블' 이라는 컴포넌트를 드래그 - 앤 - 드롭하여 사용할 것이고 첫 번째 수, 두 번째 수는 '텍스트' 라는 컴포넌트를 가져올 것입니다. 더하기, 빼기는 '버튼' 컴포넌트를 사용하여 버튼을 클릭하면 더하기, 빼기가 되도록 할 것입니다. 마지막 결과 값은 '텍스트 박스' 컴포넌트를 사용합니다. 2. 새로운 프로젝트 만들기 화면 설계가 어느 정도 되었다면 이.. 2020. 9. 17. 3. 앱인벤터로 인사하는 앱 만들기 1. 인사 앱 화면 설계하기 앱 인벤터를 사용해서간단히 인사하는 앱을 제작해보겠습니다. 앱의 기능은 간단합니다. 인사 버튼을 누르면 "여러분, 안녕하세요?" 가 출력되게 하는 매우 간단한 앱이죠. 앱의 화면은 이렇게 간단히만 그려보았습니다. 2. 디자이너 탭에서 앱 화면 만들기 이제 앱 인벤터 디자이너 탭에서 화면을 만들어 보겠습니다. 인사 버튼을 누르면 텍스트창에 "여러분, 안녕하세요?"가 출력되도록 화면을 설계해보겠습니다. 앱인벤터는 사용 방법이 간단합니다. 버튼을 넣고 싶으면 버튼을 드래그 - 앤 - 드롭 방식으로 끌어오면 됩니다. 버튼을 넣으면 이렇게 컴포넌트 창에 버튼이 나타납니다. 버튼을 클릭해서 이름 바꾸기를 누르면 이름을 바꿀 수 있습니다. 저는 버튼의 이름을 '인사'로 바꿔봤습니다. 이제.. 2020. 9. 10. 2. 앱 인벤터 들어가기 1. 앱인벤터 접속 앱 인벤터에 들어가기 위해서는 먼저 인터넷에 접속해야 한다. 이 때 'Chrome', 'Safari', 'Firefox', 'Edge' 을 통해 웹에 접속해야한다. 'Explore'는 지원이 되지 않는다. https://appinventor.mit.edu/ MIT App Inventor An Overview of the App Inventor Sources -- Components Read about how the App Inventor sources are structured in this series of blog posts. This week we discuss the App Inventor components module. More appinventor.mit.edu 2. 앱 .. 2020. 9. 10. 1. 앱 인벤터 알아보기 1. 앱인벤터(App inventor)란? 앱 인벤터는 google과 MIT의 합작품으로 앱을 블록코딩을 통해 만드는 플랫폼이다. App inventor for Android https://appinventor.mit.edu/ MIT App Inventor | Explore MIT App Inventor File Path Updates Starting with Android 10 Android 10 changes how applications can store data. If you use the File component you will want to read this blog entry which discusses how MIT App Inventor is adapting to this change... 2020. 9. 10. 이전 1 2 3 다음
