nhnnext 고등학생 창의체험 프로그래밍 실습
Post on 20-Oct-2014
1.889 views
DESCRIPTION
TRANSCRIPT
![Page 1: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/1.jpg)
Hello! Android Programming
![Page 2: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/2.jpg)
이번 실습 교육에 도움을 주신 분들 ..
서은희 , 봉광민 , 기성경 선생님
손영수 , 정호영 , 윤지수 교수님
![Page 3: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/3.jpg)
오늘 다룰 것들 .
• Android 란 ?• 개발 환경• 실습 #1. Hello World!! 찍기• 실습 #2. 전광판 만들기 • 맺음
![Page 4: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/4.jpg)
1. Android 란 ?
• Java 란 언어로 개발할 수 있다 .• Google 이 만들었다…
![Page 5: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/5.jpg)
Google 이 만들었다는 것은 ..
![Page 6: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/6.jpg)
Google 의 막강한 서비스들을 폰에서 쉽게 사용 할 수 있어요 .
![Page 7: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/7.jpg)
으악 !! 이걸 어떻게
해요 ..
![Page 8: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/8.jpg)
마치 자전거 운전처럼 ..
![Page 9: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/9.jpg)
Android 자전거는 이미 만들어져 있어요 ..
Linux Google 서비스들
여러분이 해야 할일 ..
![Page 10: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/10.jpg)
2. 개발 환경 ( 이해 안가도 OK!!)
Android 사용 방법
코드 치고결과를
보는
범용 개발 환경
안드로이드
개발 환경
컴퓨터
언어
동작환경
5. Java runtimeSE ver 6
4. Eclipse 3.5
3. Eclipse ADT plug-in
2. Android SDK
1. Android Platform(s)
다운로드 받는 곳
1,2,3 은 developer.android.com4 은 eclipse.org5 은 java.com
![Page 11: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/11.jpg)
오늘 알아야 할 용어 4 개 .
ActivityView
Event
Intent
화면을 담는 그릇 여러가지 화면 ( 버튼 , 이미지 등 ..)
이벤트 ( 버튼 눌렸어 .. )
외부와의 소통 ( 구글 지도 , 다른 앱등 ..)
![Page 12: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/12.jpg)
onClick(…)
Activity
View
Button
}
class MyActivityextends Activity
{
onCreate(…) Defines view{View view = …setContentView(view);…
}
Event
{…Intent intent = ….sendBroadcast(intent);
}
Uses intent to start
개념만 잡기
![Page 13: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/13.jpg)
# 실습 1. Hello! World!!
![Page 14: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/14.jpg)
#1. 이클립스 (Eclipse) 뛰우기
바탕화면에 이렇게 생긴 아이콘 클릭
이런 화면이 떠요 !
![Page 15: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/15.jpg)
#2. 안드로이드 뛰우기
File -> New -> Other 또는 Android Project
이런 화면이 떠요 !
![Page 16: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/16.jpg)
#3-1. 프로젝트 명 만들기
프로젝트 이름은
HelloYourEnglishName
단 띄어쓰기는 금지 !!
![Page 17: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/17.jpg)
#3-2. 프로젝트 명 만들기
패키지 Package 이름은
com.helloyourname.nhnnext
단 띄어쓰기는 금지 !!
![Page 18: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/18.jpg)
#3-3. 안드로이드 버전 선택
버전은 ..
Build SDK 를Android 4.1(API 16) 선택 !!
![Page 19: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/19.jpg)
#4. 아이콘 설정
기본 설정 대로 나두고
NEXT
![Page 20: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/20.jpg)
#5. Activity ( 화면 ) 생성하기
BlackActivity ( 빈 화면 )
그냥 NEXT
![Page 21: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/21.jpg)
#6. Blank Activity ( 빈 화면 ) 설정하기
기본 설정 대로 나두고
Finish
![Page 22: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/22.jpg)
#7. 프로젝트가 생성되었어요 !
string.xml을 두번 클릭 해주세요 !
![Page 23: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/23.jpg)
#8. 리소스 ( 자원 ) 제어
string.xml을 두번 클릭 !!
![Page 24: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/24.jpg)
#9. 여러분의 이름으로 바꾸어 보기
hello_world 의 이름을 마음대로 변경 !!
![Page 25: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/25.jpg)
#10. 프로젝트 빌드하기
마우스 오른쪽 눌려
Build Project
![Page 26: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/26.jpg)
#11. 프로젝트 실행하기
프로젝트에서 오른쪽 버튼 클릭
-> Run As
-> Android Application
![Page 27: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/27.jpg)
#12. 휴대폰으로 전송
여러분의 안드로이드 폰을 선택해 주세요 !
![Page 28: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/28.jpg)
결과를 느끼세요 !!
![Page 29: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/29.jpg)
# 실습 2. 전광판 만들기
![Page 30: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/30.jpg)
#1. 전광판 프로젝트 열기
![Page 31: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/31.jpg)
#2. 폰에서 하고 싶다면
프로젝트에서 오른쪽 버튼 클릭
-> Run As
-> Run Configuration
![Page 32: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/32.jpg)
#3. 무조건 폰에서 시작하게 만들기
Always prompt to pick device 를 선택
![Page 33: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/33.jpg)
결과를 느끼세요 !!
![Page 34: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/34.jpg)
# 추가 3. 음성인식 전광판 만들기
![Page 35: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/35.jpg)
onClick(…)
Activity
View
Button
}
class MyActivityextends Activity
{
onCreate(…) Defines view{View view = …setContentView(view);…
}
Event
{…Intent intent = ….sendBroadcast(intent);
}
Uses intent to start
![Page 36: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/36.jpg)
#1-1. 음성인식을 위한 소스 변경하기.Board Activity 에 있는
Intent-filter 를 복사하셔서 ..
![Page 37: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/37.jpg)
#1-2. 음성인식을 위한 소스 변경하기
이렇게 위로 올려주세요 !!
![Page 38: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/38.jpg)
#2-1. Board Activity 소스 수정
이렇게 생긴 소스 앞에 “ //” ( 주석 ) 를 붙여 주세요
![Page 39: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/39.jpg)
#2-2. Board Activity 소스 수정
소스에 있는 “ //” ( 주석 ) 을 제거해 주세요 !
![Page 40: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/40.jpg)
#2-1. Board Activity 소스 수정
그럼 이렇게 소스가 초록색 ( 주석 ) 으로 변해요
![Page 41: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/41.jpg)
#3. 전광판 프로젝트 선택
![Page 42: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/42.jpg)
#4. 폰에서 하고 싶다면
프로젝트에서 오른쪽 버튼 클릭
-> Run As
-> Android Application
![Page 43: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/43.jpg)
결과를 느끼세요 !!
![Page 44: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/44.jpg)
마무리 하면서 ..
소프트웨어의 무한한 가망성 ..
세상을 아름답게 바꿀려고 한 이야기 !!
![Page 45: NHNNEXT 고등학생 창의체험 프로그래밍 실습](https://reader033.vdocuments.site/reader033/viewer/2022061106/5445241cb1af9f476c8b46d7/html5/thumbnails/45.jpg)
이제 여러분 차례 !!