세이박스

[강의] 서버프로그래밍 관리페이지 제작 + JSON 출력 + 안드로이드앱 연동 교육 (부산)

웹프로그램

안녕하세요! 안드로이드스터디 운영자 이경용 입니다.

요즘 개발하는 대부분은 앱들이 서버와의 통신을 기본으로 개발되고 있습니다.
하지만 대부분 모바일 앱 개발 관련 교육만 있으며, 서버 중심의 관리페이지 개발에 대해서는 잘 없기에 준비했습니다.
"요기요", "배달의민족", "쿠팡"와 같은 앱의 업소 정보는 매번 바뀔때 마다 앱을 어떻게 업데이트 할까요?
업소 정보는 별도의 웹 환경에서 관리페이지를 만들고 DB와 이미지를 관리하며, JSON으로 앱과 자료를 주고 받습니다.
이러한 관리페이지를 만드는 기본 과정을 학습하고 실습을 통해 만들어 보고자 합니다.
관리페이지를 만드는 언어는 html , css, javascript, php, mysql 를 이용해서 만들니다.
해당 언어의 기초 지식이 있으면 좋지만, 전체 구성을 이해하는것 만으로도 큰 도움이 되실 겁니다.

교육목표 :
- PHP, MySQL을 이용해서 관리페이지를 만들고 JSON으로 출력해서 모바일 앱에서 서버의 자료를 받을 수 있는 관리 시스템을 개발하는 교육과정이다. (안드로이드 JSON 파싱 연동)


교육내용 :
1일차 : 관리페이지와 JSON 통신 구축 소개 및 개발환경 구축
2일차 : 제어문, 반복문, 배열, 함수
3일차 : MySQL 데이터베이스, MySQL 명령
4일차 : PHP와 MySQL의 연동
5일차 : 쿠키와 세션, 관리페이지 로그인 기능 구현
6일차 : 게시판 만들기
7일차 : 자료실 만들기
8일차 : JSON 출력 및 안드로이드 앱 연동
* 교육 내용은 수강생 구성에 따라 내용이 다소 변경될 수도 있습니다.


교육안내 :
1.일시 : 2016년 3월 15일 ~ 4월 7일
2.시간 : 매주 화,목 저녁 7시~10시 (3시간) / 총 8일 (24시간)  * 일정은 강사의 사정에 따라 일부 변동될 수도 있습니다.
3.장소 : 해운대 센텀시티 (구체적인 장소는 별도 안내)
4.준비 : 노트북 사양무관 (* 노트북이 없는 경우 문의)
5.비용 : 유료 20만원, 시간당 9천원 정도 입니다. (입금문의 : 010-2694-8424)
6.신청 : 아래 게시글에 코멘트에 비밀글 체크후 연락처, 노트북 유무, 자바실력, 간단소개글 정도 남겨 주시기 바랍니다.
http://www.androidstudy.co.kr/bbs/board.php?bo_table=B11&wr_id=3033
8.접수 : 2016년 3월 14일 까지



* 아래 게시글에 코멘트로 "비밀글" 체크후 이름과 연락처, 서버프로그래밍 및 홈페이지 개발 경험, 참가 이유 등을 남겨 주세요! (접수 확인후 개별 연락 드립니다.)
http://www.androidstudy.co.kr/bbs/board.php?bo_table=B11&wr_id=3033



안드로이드 개발의 시작 이클립스 설치 및 안드로이드 SDK 연동 과정 설명

모바일앱개발
사용자 삽입 이미지

안드로이드 개발시 환경 설정은 다음과 같습니다.

1. Java SE 설치
2. Android SDK 설치 (http://www.saybox.co.kr/bbs/board.php?bo_table=android&wr_id=2)
3. Eclipse 설치

위 과정에서 3번에 해당 하는 이클립스 다운로드 및 설치에 대해 설명 해드리겠습니다.
안드로이드 프로그램은 이클립스에서 모든 개발이 이루어 지니 안드로이드 SDK와 연동역시 잘해둬야 개발하실때 편리합니다.


1. 이클립스 사이트 접속
http://www.eclipse.org/


2. 메뉴에서 Download 클릭 합니다.

사용자 삽입 이미지



3. Eclipse IDE for Java EE Developers
우측 Windows32 bit 클릭합니다. (자신의 PC가 64bit 운영체제라면 바로 아래 64bit 클릭)

사용자 삽입 이미지



4. Download
[Korea, Republic Of] KAIST (http) 링크 클릭후 다운로드
현재 버전에서는 용량이 206MB 이네요, Wi-fi로 받아보니 대략 5분 정도 걸리네요.


5. 받은 파일 압축 풀기
eclipse-jee-helios-win32.zip 파일을 다 받으신후 압축을 풀고 폴더명을 eclipse로 고칩니다.
저의 경우 설치경로가 D:\programing\android\eclipse 로 풀었습니다.


6. 이클립스 실행하기
D:\programing\android\eclipse\eclipse.exe 실행하세요!
이클립스에서 프로그래밍 저장할 경로를 지정하라는 창이 뜹니다.

사용자 삽입 이미지


저의 경우엔 이클립스 프로그래밍 저장 경로를 다음과 같이 지정했습니다.
D:\programing\android\workspace


7. 안드로이드와 이클립스 연동

1) Help > Install New Software 선택

사용자 삽입 이미지



2) 2) Available Software 에서 Add 버튼 클릭

사용자 삽입 이미지


Name : Android Plugin
Location : https://dl-ssl.google.com/android/eclipse/
Name 은 임의로 입력가능합니다.
로케이션은 해당 URL에서 다운로드 받겠다는 설정 입니다.
위와 같이 항목을 입력후 OK클릭


3) 검색된 플러그인 모두 선택후 Next 클릭

사용자 삽입 이미지



4) 설치확인

사용자 삽입 이미지



5) 라이센스 동의 확인

사용자 삽입 이미지



6) 설치진행

사용자 삽입 이미지


설치후 이클립스를 재실행합니다.


7) Android SDK Directory를 지정하도록 Preferences 수정

사용자 삽입 이미지


메뉴 > Windows > Preferences 실행
Android 선택후 SDK Location 에서 Browse... 클릭후 안드로이드 설치 경로를 지정해 줍니다.


8) 안드로이드 연동 아이콘 클릭
아이콘이 안보일 경우 메뉴에서 Windows >

사용자 삽입 이미지



9) 안드로이드창 실행 설치 확인

사용자 삽입 이미지


안드로이드 아이콘 실행시 다음과 같은 창이 뜹니다.
Installed Packages 클릭시 우측에 Android SDK Tools, revision 6 처럼 나타나면 연동 완료!



  최신영화, 최신 미국드라마 무료 다운로드... 


PHP 플래시 연동

웹프로그램

PHP 와 플래시가 값을 주고 받기 테그

on (release) {
getURL("javascript-x:void(open('http://sss.co.kr/sss.php?concern="+concern+"','popup','width=280,height=150'))");
}
on (release) {
getURL("javascript-x:void(alert('오른쪽 소스보기를 클릭해주세요'))");
}

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="<?=$row[width]?>" height="<?=$row[height]?>" id="top_win">
<PARAM NAME=movie VALUE="http://ssss.swf?concern=<?=$concern?>">
<EMBED src="http://sss.swf?concern=<?=$concern?>" quality=high width="<?=$row[width]?>" height="<?=$row[height]?>" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT>