App Inventor 6

12주차 : Country Capital Continent

CSV 파일 우리가 사용할 CSV 파일 : 나무위키에서 국가별 수도를 검색하여 데이터를 가져와서 데이터를 CSV 포맷으로 저장 저장할 때 메모장에서 반드시 UTF-8 포맷으로 저장 ListPicker : 버튼을 통해 List를 보여줌 TinyDB 우리가 사용할 TinyDB : Tag(국가명)-Value(국가명)(수도명)(대륙명) 디자인 Screen components 디자인 ●Image1개 ●Label1개 ●ListPicker1개 ●Label1개- 수평선 ●HorizontalArrangement1에 넣은 Label1개와 TextBox1개 ●HorizontalArrangement2에 넣은 Label1개와 TextBox1개 ●HorizontalArrangement3에 넣은 Label1개와 TextBox1개 ..

App Inventor 2023.05.25

10주차 : Camera&Share + WebViewer

이번 시간에는 앱인벤터를 활용하여 사진메모를 공유하는 것을 배웠다. ●Canvas 1개 ●HorizontalArrangement1에 넣은 Button 4개 ●HorizontalArrangement1에 넣은 Button 2개와 Label 1개, Slider 1개 ●Camera 1개 ●Sharing 1개 - 아이콘 업로드 - Title 변경: CameraNSharing - AppName 변경 : CameraNSharing - Height와 Width를 Fill parent로 - BackgroundImage 업로드 - Width를 Fill parent로 - Text 변경 : Red, Green, Blue, 지우기 - TextColor을 각각 바꿔주기 : 빨간색, 초록색, 파란색 *지우기는 그대로 두기 - Fo..

App Inventor 2023.05.25

6주차 : 디지털 시계 및 여행 앱 만들기

1) 구글 로그인 & 앱 인벤터 실행 2) projects - start new project에 들어가서 이름 설정하고 시작하기 이름 지정: Dig006_Clock 3) 디자인하기 3-1) Screen components 디자인하기 ●Label1개-날짜 표시 ●Label1개-시간 표시 ●Clock sensor screen 디자인 -AlignHorizontal,AlignVertical을 Center로 변경 -BackgroundColor 변경: Dark Gray -ScreenOrientation 변경: Landscape -> 가로로 보이기 위함 -Title 변경: 나의 디지털 시계 Label1,2 디자인 -이름 변경: lblDate,lblTime -TextColor 변경: White(햐안색) -Text 지우..

App Inventor 2023.04.13

5주차 : 구구단을 하자!

Procedure(프로시저) -같은 작업을 여러번 반복할 때 호출할 수 있는 것 TextToSpeech(TTS) :글자를 음성으로 읽어주는 기능 랜덤숫자 만들기 -(1)에서 (100)까지의 랜덤 숫자 만들기 *우리는 (2)에서 (20)까지의 랜덤 숫자를 만들 예정 Layout(레이아웃) -수평정렬 -수직정렬 수평선 만들기 -Height를 1 pixels로 변경 (화면 높이의 1pixels를 차지하도록) -Width를 90%로 변경 (화면 너비의 90%를 차지하도록) -Text 삭제 (수평선이기 때문에) -BackgroundColor 변경 (잘 보이기 위함) *배운 내용 직접 실행해보기 1) 구글 로그인 & 앱 인벤터 실행 2) projects - start new project 이름 설정하고 시작하기 이..

App Inventor 2023.04.05

2주차 : BMI 계산기 앱 (App inventor)

App inventor를 사용해서 BMI계산기를 만들어보자. 디자인 Part. 1) 키 입력을 위한 Text box 2) 몸무게 입력을 위한 Text Box 3) 계산기능을 실행하기위한 Button 4) 결과 출력을 위한 Label 5) Screen 레이어에서 Horizontal , Vertical을 각각 Center로 설정 6) Text box , button, label 등 각각 이름을 txt_height, txt_weight, btn_cal, cal_BMI, lbl_BMI로 설정 7) 속성창의 Hint를 키(cm), 몸무게(kg)으로 .. 8) Background Color 설정 코딩 Part. 전역변수로 활용할 Height, Weight, BMI 변수 설정 계산 버튼 클릭시 이벤트를 정의한다. 계..

App Inventor 2023.03.09

1주차 : Hello World 앱 (With.아이폰)

App Inventor를 활용하여 인사하는 어플리케이션을 만들어보자. 시작하기 위해 App Inventor 페이지 접속 및 구글 계정으로 로그인 좌측 상단의 Create Apps! 클릭 좌측 상단 Start new project 클릭 새로운 프로젝트명 입력 초기화면이다. 이 페이지에서 디자인을 하며, 우측 상단의 Blocks를 통해 코딩을 할 수 있다. 인사하는 어플리케이션을 만들 것이므로, 기본적으로 버튼, 텍스트를 출력할 레이블이 필요하고, 추가적으로 스마트폰을 흔들었을 때 텍스트를 지워줄 가속도 센서, 텍스트를 읽어줄 TTS (Text-To-Speech) 가 필요하다. 좌측 팔레트에서 버튼, 텍스트, 가속도 센서, TTS를 끌어온다. 추가만 한 모습. 버튼, 레이블 수정 단계. 버튼을 누르면 오른쪽..

App Inventor 2023.03.02