디지털 공학

Similar documents
02 앱을실행하는 3 가지방법 Mobile Apps >> 앱인벤터로작성한앱은다음과같은 3가지의방법으로실행이가능하다. 만약사용자가스마트폰이있고와이파이를사용하고있다면작성한앱을바로실행하여볼수있다. 가장바람직한방법이다. 스마트폰에구글 Play 스토어를통하여 App Invent

정보

1

PathEye 공식 블로그 다운로드 받으세요!! 지속적으로 업그래이드 됩니다. 여러분의 의견을 주시면 개발에 반영하겠 습니다.

SBR-100S User Manual

고객 카드

B2B 매뉴얼

슬라이드 1

목차 1. 앱인벤터 1.1 앱인벤터란? 1.2 앱인벤터지원기능 1.3 디자이너화면 1.4 블록조합화면 6. 앱등록하기 7. 참고자료 8. 별첨 2. 앱인벤터사용하기 2.1 크롬설치 2.2 구글가입 2.3 에뮬레이터설치 2.4 에뮬레이터실행 3. 앱인벤터시작하기 3.1

KELP 스터디

게임 기획서 표준양식 연구보고서

: AA ( ) TV : ios ( ).. 2

<BEDBC0CEBAA5C5CD2E687770>

Microsoft Word - ntasFrameBuilderInstallGuide2.5.doc

사용설명서를 읽기 전에 안드로이드(Android)용 아이디스 모바일은 네트워크 연결을 통해 안드로이드 플랫폼 기반의 모바일 기기에서 장치 (DVR, NVR, 네트워크 비디오 서버, 네트워크 카메라) 에 접속하여 원격으로 영상을 감시할 수 있는 프로그램입니다. 장치의 사

Windows 8에서 BioStar 1 설치하기

아이콘의 정의 본 사용자 설명서에서는 다음 아이콘을 사용합니다. 참고 참고는 발생할 수 있는 상황에 대처하는 방법을 알려 주거나 다른 기능과 함께 작동하는 방법에 대한 요령을 제공합니다. 상표 Brother 로고는 Brother Industries, Ltd.의 등록 상

iOS5_1±³

사용설명서를 읽기 전에 ios용 아이디스 모바일은 네트워크 연결을 통해 ios 플랫폼 기반의 모바일 기기(iOS 버전 6.0 이상의 ipod Touch, iphone 또는 ipad)에서 장치(DVR, 네트워크 비디오 서버 및 네트워크 카메라)에 접속하여 원격으로 영상을

PowerPoint Presentation

처음에 읽어 주십시오! 본 사용설명서의 내용은 예고 없이 변경할 수 있습니다. 본 사용설명서의 내용은 제조 공정의 각 과정에서 확인했습니다. 문제점이나 잘못된 점 이 있으면 개의치 마시고 당사로 연락해 주십시오. 본 사용설명서의 내용을 복제하는 것은 일부 또는 전부에

iii. Design Tab 을 Click 하여 WindowBuilder 가자동으로생성한 GUI 프로그래밍환경을확인한다.

사용하기 전에 2

4S 1차년도 평가 발표자료

H3250_Wi-Fi_E.book

스마트월드캠퍼스 교육교제

..,. Job Flow,. PC,.., (Drag & Drop),.,. PC,, Windows PC Mac,.,.,. NAS(Network Attached Storage),,,., Amazon Web Services*.,, (redundancy), SSL.,. * A

개인정보보호의 이해 및 안전한 관리 - 개인PC 및 스마트폰 개인정보보호-

서현수

<32BDBAB8B6C6AEC6F9B1DDC0B6B0C5B7A13130B0E8B8EDBEC8B3BBBCAD2E687770>

Office 365 사용자 가이드

PowerPoint Template

Microsoft Word - windows server 2003 수동설치_non pro support_.doc

Microsoft PowerPoint Android-SDK설치.HelloAndroid(1.0h).pptx

3. 저장위치를 바탕화면으로 설정하고, 저장을 하고, 실행을 합니다. 4. 바탕화면에 아이콘이 생성되고 아이콘을 더블 클릭합니다. 5. 실행을 클릭하여 프로그램을 설치합니다. 다음버튼을 클릭하고, 사용권 계약에서는 예를 클릭합 니다. 6. 암호 입력창이 뜨면 기본 암호

Index 1. Intro Install Connect Scratch 1.4 (Offline Editor) Scratch 2.0 (Online Editor) Connect f

슬라이드 1

Microsoft 을 열면 깔끔한 사용자 중심의 메뉴 및 레이아웃이 제일 먼저 눈에 띕니다. 또한 은 스마트폰, 테블릿 및 클라우드는 물론 가 설치되어 있지 않은 PC 에서도 사용할 수 있습니다. 따라서 장소와 디바이스에 관계 없이 언제, 어디서나 문서를 확인하고 편집

. PC PC 3 [ ] [ ], [ ] [ ] [ ] 3 [ ] [ ], 4 [ ] [ ], 4 [Internet Protocol Version 4 (TCP/IPv4)] 5 [ ] 6 [ IP (O)], [ DNS (B)] 7 [ ] 한국어 -


wtu05_ÃÖÁ¾

Studuino소프트웨어 설치

볼륨 조절 아이콘 표시하기 만일 알림 영역에 볼륨 조절 아이콘이 표시되지 않았다면 아래의 방법을 따라합니다. 1> [시작] - [제어판] - [사운드 및 오디오 장치] 아이콘을 더블 클릭합니다. 2) [사운드 및 오디오 장치 등록 정보] 대화상자에서 [볼륨] 탭을 클릭

윈도 모바일 6.1을 OS로 사용하는 스마트폰(옴니아2 등)에서의 Tcl/Tk의 사용

[Blank Page] i

IRISCard Anywhere 5

(Microsoft PowerPoint - AndroG3\306\367\306\303\(ICB\).pptx)

1

鍮뚮┰硫붾돱??李⑤낯

Microsoft PowerPoint SDK설치.HelloAndroid(1.5h).pptx

LATEX과 Mendeley를 활용한 문헌 관리 2017년 2월 6일 제1절 서지 관리 프로그램 연구 주제를 찾거나 선행 연구를 조사하는 가장 대표적인 방법이 문헌들을 찾아보는 것이다. 수없이 많은 논문들을 찾게 되고, 이런 논문들을 다운로드한 후 체계적으로 관리할 필

Microsoft PowerPoint - chap01-C언어개요.pptx

TTA Journal No.157_서체변경.indd

마켓온_제품소개서_ key

GBF-1257B 카스블루투스체지방계앱사용매뉴얼

슬라이드 1

1. 자바프로그램기초 및개발환경 2 장 & 3 장. 자바개발도구 충남대학교 컴퓨터공학과

Microsoft PowerPoint - 11주차_Android_GoogleMap.ppt [호환 모드]

Microsoft Word - src.doc

1) 인증서만들기 ssl]# cat > // 설명 : 발급받은인증서 / 개인키파일을한파일로저장합니다. ( 저장방법 : cat [ 개인키

컴퓨터에서앱을제작한다. 컴퓨터에서에뮬레이터로라이브테스팅을한다. [ 그림 1-2] 안드로이드폰이없을때 USB 케이블로연결 컴퓨터에서앱을제작한다. 폰에서실시간으로라이브테스팅을한다. [ 그림 1-3] 안드로이드폰은있는데와이파이를사용할수없을때 시스템요구사항 웹브라우저로익스플로

제8장 자바 GUI 프로그래밍 II

View Licenses and Services (customer)

❷ HDMI케이블과 전원케이블을 준비하여 기기와 연결 나. IOS IOS 제품은 애플사의 Apple digital av adapter 라는 제품을 통해서 hdmi케이블을 컴퓨터와 직접 연결하여 미러링을 할 수 있다. 연결 단자는 두가지인데 하나는 HDMI 케이블을, 다

Microsoft PowerPoint - 02_Linux_Fedora_Core_8_Vmware_Installation [호환 모드]

Galaxy S 사용의 필수 지침서 SMART Basic 10 Contents Basic 1. 처음 사용하기 006 단말기 기본 사용하기 1 내부 구성품 살펴보기 2 배터리 교체하기 3 버튼별 기능 살펴보기 4 터치/드래그 사용하기 5 보안 설정/해제하기 025 전화

THE TITLE

NX1000_Ver1.1

PRO1_02E [읽기 전용]

SIGIL 완벽입문

차례 2 랩퀘스트2 인터페이스를 사용하기전에 : 1 배터리를 삽입한다. 2 전원 어댑터를 연결한다. 3 최소 8시간 충전한다. 4 안전사항과 사용설명서를 숙지한다. 더 많은 정보는 네이버 MBL 카페를 참조하시기 바랍니다.

해외전자정보서비스이용교육 EBSCO ebooks - 인터페이스상세이용방법및다운로드 ( 대출모드 ) 안내

Microsoft PowerPoint _사용자매뉴얼.ppt

소프트웨어공학 Tutorial #2: StarUML Eun Man Choi

슬라이드 1

NOON_Manaul_KOR

1) 인증서만들기 ssl]# cat > // 설명 : 발급받은인증서 / 개인키파일을한파일로저장합니다. ( 저장방법 : cat [ 개인키

? : 6, 7 8 9, 10, ,, Adobe Marketing Cloud

1. 배경 업무 내용이나 개인정보가 담긴 청구서 등을 메일로 전달 시 중요한 정보가 유출되는 경우가 발생하고 있으며, 이에 따른 메일 암호화 솔루션을 도입하고 있으나 기존 ActiveX를 기반으로 한 플러그인 방식은 여러 가지 제약으로 인해 사용성이 저하되고, 고객 대

DBMS & SQL Server Installation Database Laboratory


Microsoft Word - 임베디드월드_WindowsEmbeddedCompact7_rev

슬라이드 1

Microsoft PowerPoint - 전자출결 앱 Q_A

MF Driver Installation Guide

사용하기 전에 2

WebRTC 플러그인이 필요없는 웹폰 새로운 순수 VoIP 클라이언트 기반의 최신 WebRTC 기술은 기존 레가시 자바 클라이언트를 대체합니다. 새로운 클라이언트는 윈도우/리눅스/Mac 에서 사용가능하며 Chrome, Firefox 및 오페라 브라우저에서는 바로 사용이

Microsoft PowerPoint - XUSB_제품메뉴얼_140206

목차 1. 시스템요구사항 암호및힌트설정 ( 윈도우 ) JetFlash Vault 시작하기 ( 윈도우 ) JetFlash Vault 옵션 ( 윈도우 )... 9 JetFlash Vault 설정... 9 JetFlash Vault

설치 순서 Windows 98 SE/Me/2000/XP 1 PC를 켜고 Windows를 시작합니다. 아직 컴퓨터에 프린터를 연결하지 마십시오. 2 PC에 P-S100 CD-ROM(프 린터 드라이버)을 삽입합니다. 3 설치 프로그램을 시작합니다. q CD-ROM의 PS1

PowerPoint 프레젠테이션

Chapter 1

Microsoft Outlook G Suite 가이드

SanDisk와 SanDisk Ultra는 미국 및 기타 국가에 등록된 SanDisk사의 등록 상표입니다. SanDisk Connect는 SanDisk사의 등록상표입니다. microsdhc는 SD-3C사의 등록상표입니다. 안드로이드는 구글사의 등록상표입니다. Wi-Fi

server name>/arcgis/rest/services server name>/<web adaptor name>/rest/services ArcGIS 10.1 for Server System requirements - 지

카택스 비즈 관리자용 사용설명서 목차 사용 전에 시작하기 사용하기 설정하기 알아두기 훑어보기 차량 관리 운행내역 조회 부관리자 설정 자주묻는 질문 회원가입 사용자 관리 운행구간 조회 앱 권한 설정 GPS 오류 요인 부서 관리 운행일지 다운로드

슬라이드 1

Install stm32cubemx and st-link utility

SQL Developer Connect to TimesTen 유니원아이앤씨 DB 기술지원팀 2010 년 07 월 28 일 문서정보 프로젝트명 SQL Developer Connect to TimesTen 서브시스템명 버전 1.0 문서명 작성일 작성자

Transcription:

캡스톤디자인 App Inventor 디지털전자정보계열

앱 인벤터란? MIT 대학 미디어 랩 연구실에서 만든 안드로 이드용 스마트폰 앱 제작하는 블록 프로그래 밍 기법의 비주얼 프로그래밍 도구이다. 스마트폰의 화면을 디자인하고 블록들을 조 립하면 우리가 원하는 앱을 만들 수 있다. 인터넷이 연결된 곳에서는 어디서라도 접속 하여 앱 화면을 직접 디자인하고 프로그래밍 할 수 있다. 구글 크롬 브라우저에서 작동한다. 앱 인벤터 서버에 프로젝트 저장 및 수정

앱 인벤터란? 앱 인벤터 서버에서 앱 개발 작업내용과 프로젝트 를 저장하고 관리 한다. 앱 인벤터에서 개발한 안드로이드용 앱은 웹에 연결된 안드로이드 폰이나 에뮬러이터에서 동작 한다.

앱 인벤터의 작업 App Inventor Designer 앱에서 사용할 구성 요소를 선택하고 배치 App Inventor Blocks Editor 앱의 각 구성 요소들이 어떤 동작을 하는지 규정하 는 믈록 프로그램 작업

앱 인벤터 특징 블록 언어로 매우 쉽고 간단하다. 음성인식 등 막강한 기능을 사용할 수 있다. 다양한 센서(가속도, GPS, 방향)의 활용이 가 능하다. 구글 맵과 연동된다. 진동을 작동한다. 전화걸기를 할 수 있다. 카메라를 제어한다. 스피커 활용한다. 누구나 머리 속에서 상상하던 앱을 만들 수 있게 해준다.

앱 인벤터 2.0 작업 환경 운영체제 MacOS, GNU/Linus, Windows OS와 안드로이 드 기반 웹브라우저 크롬 브라우저, 사파리, 파이어 폭스 브라우저 에서 실행가능 인터넷 익스플로러는 지원하지 않음.

앱 인벤터 활용 전 준비 사항 필수 : 구글(http://google.com) ID 계정 스마트폰에서 계정확인 비밀번호 확인 또는 찾기 스마트폰에서 계정 추가하기 구글 크롬 브라우저 설치 http://google.com/chrome

앱 인벤터 활용 전 준비 사항 안드로이드 스마트 폰에 App 설치 Play store에서 앱인벤터2 검색 MIT AI2 Companion 다운로드 받아서 설치

앱 인벤터 시작 앱 인벤터 시작 http://appinventor.mit.edu 에 접속 [Create] 버튼 클릭

앱 인벤터 시작 앱 인벤터 초기 화면

앱 인벤터 Designer 화면 구성 메뉴 팔레트 속성 뷰어 컴포 넌트 참조 : 프로그래밍과 나

앱 인벤터 Designer 화면 구성 메뉴 표시줄 팔레트 뷰어 컴포넌트 프로퍼티 앱을 저장하거나 불러오기, 테스트해 보기, apk 파일로 만드는 일과 같 이 프로그램의 제작과 관련한 전반적인 기능들을 할 수 있는 메뉴가 있 다. 화면을 구성하는 모든 요소 및 기능들을 나열하고 있는 메뉴이다. 기능과 종류별로 목록화되어 있다. 실제 스마트폰에서 보여지는 화면으로 구성 요소들의 배치 상태를 확인 할 수 있다. 보이지 않는 구성 요소들은 화면 창 아래쪽에 나열된다. 구성 요소가 그룹화되어 나열된다. 삽입된 구성 요소를 삭제하거나 이름을 바꿀 수 있고, 속성을 변경하기 위해 선택할 수도 있다. 구성 요소를 선택하고 Delete를 누르면 구성요소를 삭제할 수 있다. 구성 요소별 세부 속성을 설정하는 부분으로, 크기, 색상, 보이기, Text 등을 설정할 수 있는 부분이다. 참조 : 프로그래밍과 나

앱 인벤터 Component Component란? 앱 인벤터에서 다양한 역할을 수행하는 객체 를 부르는 말이다. 각각의 컴포넌트들의 기능이 모여 하나의 앱 이 만들어진다. 컴포넌트는 디자이너 창의 팔레트(Palette) 영 역에 있고, 프로퍼티(property)에서 크기, 모양, 색상과 같은 속성을 변경할 수 있다. 참조 : 프로그래밍과 나

앱 인벤터 Component Component 종류 User Interface 버튼, 레이블, 텍스트박스와 같이 화면을 구성하는 대부분의 개체들

앱 인벤터 Component Component 종류 Layout 구성 요소를 테이블, 수직, 수평 형식으로 배치 정렬 Media 플레이어, 소리, 카메라, 음성 인식 등의 미디어 구성 요소

앱 인벤터 Component Component 종류 Drawing and Animation 화면 구성을 할 수 있는 캔버스, 공, 스프라이트가 있어요. Sensore 가속 센서, 위치 센서, 기울기 센서, 타이머 등의 스마트폰 센서류

앱 인벤터 Component Component 종류 Social 전화, 이메일, 트위터 등과 연동할 수 있는 기능들 Storage 저장된 데이터를 활용할 수 있는 구성 요소들

앱 인벤터 Component Component 종류 Connectivity 웹서버, 블루투스 연결과 같은 통신 지원 기능 LEGORMINDSTORMSR 레고 마인드 스톰과 연결해 수 제어할 있는 구성 요소들

앱 인벤터 Block s 화면 구성 블록스 메뉴 뷰어 휴지통 오류표시창 참조 : 프로그래밍과 나

앱 인벤터 Block s 화면 구성 블록스 디자이너에서 삽입한 구성 요소들을 프로그래밍하여 제어 할 수 있도록 내장된 블록들이 나열된 패널이다. Component에 따라 내장 블록들이 변한다. 구성 요소 외에도 기본으로 내장된 Built-in 블록도 있다. 뷰어 구성 요소 간의 관계와 동작을 나타내는 스크립트가 보여 지는 공간이다. 블록의 크기가 커지면 자연스럽게 상, 하, 좌, 우로 확장된 다. 오류 표시 창 작성한 블록 명령에 단순 결합 실수 또는 논리적 오류가 있을 때, 경고 메시지를 띄워 디버깅할 수 있도록 도와준다. 휴지통 필요 없는 블록을 드래그하여 삭제할 수 있는 아이콘이다. 한번 삭제하면 복구할 수 없으므로, 신중하게 결정한다. 참조 : 프로그래밍과 나

첫 번째 앱 개발 앱 과제 스마트 폰을 흔들면 대구공업대학교 디지털 전자정보계열입니다. 반갑습니다. 를 말하는 앱 만들기 Project 이름 shacketalk 기능 스마트 폰 흔들기 감지 센서 : 가속도 센서(AcceletermeterSensor) 주어진 문장을 말하기 미디어 : 문장을 말하기(TextToSpeech)

첫 번째 앱 개발 1. Google Chrome 시작 2. Google 개정으로 로그인

첫 번째 앱 개발 3. 앱 인벤터 서버에 접속 http://appinventor.mit.edu 에 접속 4. Create apps!를 누름

첫 번째 앱 개발 5. Start new project를 누름 또는 Projects 메뉴에서 Start new project 6. 프로젝트 이름을 입력하고 OK Project name : shacketalk

첫 번째 앱 개발 7. shacketalk의 빈 Designer 창

첫 번째 앱 개발 8. 가속도 센서 추가하기 SensorsAcceletermetrSensor 뷰어의 sreen1에 끌어 놓으면 하단(non-visible) 으로 자동으로 이동

첫 번째 앱 개발 9. 문장을 말하기 구성 요소 추가하기 MediaTextToSpheech 뷰어의 sreen1에 끌어 놓으면 하단(non-visible)으로 자동으로 이동

첫 번째 앱 개발 10. shacketalk Blocks로 변경

첫 번째 앱 개발 10. 스마트폰이 흔들릴 때 작업 블록 추가 Acceletermetersonsor의 Shacke 작업을 viewer에 끌어 넣기

첫 번째 앱 개발 11. 문장을 소리로 변환하는 작업 블록 추가 TextToSpeech에서 message를 말로 변환하 는 작업을 viewer의 가속도 작업에 붙혀 넣기

첫 번째 앱 개발 12. 문장을 message 블록 추가 Built-in 작업 중 단순히 문장을 입력하는 블 록을 message에 붙혀 넣기

첫 번째 앱 개발 13. Message를 입력 사이에 대구공업대학교 디지털전자정보 계열입니다. 반갑습니다. 를 입력

첫 번째 앱 개발 14. 폰에서 실행하기 : 동일 대역의 WiFi에 연결된 경우 Connect 메뉴 AI Companion 실행 QR 코드(문자 코드)가 생성

첫 번째 앱 개발 15. 폰에서 MIT AI2 Companion 앱 실행 QR 코드를 폰으로 스캔

첫 번째 앱 개발 14와 15 과정 결합 1 2 5연결 4스캔 3

첫 번째 앱 개발 16. 폰에서 실행 폰을 흔들면 대구공업대학교 디지털전자정 보계열입니다. 감사합니다. 소리가 난다

에뮬레이터 사용하기 1. aistarter 프로그램을 다운받아 설치하기 Windows http://appinv.us/aisetup_windows Mac http://appinv.us/aisetup_mac 2. aistarter 실행 우측 화면이 뜨면 성공

에뮬레이터 사용하기 3. 에뮬레이터 실행하기 Connect 메뉴 Emulator 클릭

앱 패키징 앱 인벤터에서 만들어 테스트 한 앱은 MIT AI2 Companion를 종료하면 실행할 수 없다. 앱 인벤터로 만든 앱을 스마트 폰에 설치 확장자.apk 파일로 만들어 스마트 폰에 다운 로드 받아서 실행

앱 패키징.apk 파일 만들기 Build 메뉴 App(save.apk to my computer) 실행 다운로드 폴더에 다운로드 된다. Shacketalk.apk 다운로드된 파일을 폰으로 다운로드 후 설치 폰에 다운로드된 파일을 누르면 앱이 설치된다.