모바일 어플리케이션
모바일 앱 만들기 1강
데이터베이스 활용
4강
여러 폼 연결하기
앱 디자인과 데이터 검색 기능
데이터베이스를 활용한 앱 기획
1 차시
2 차시 3 차시
2. 데이터베이스를 활용하여 검색기능을 만들 수 있다.
3. 아톰의 세부 속성을 활용하여 여러 폼들을 연결할 수 있다.
1. 데이터베이스의 개념을 이해하여 설명할 수 있다.
학 습 목 표
데이터베이스를 활용한 앱 기획
MIT App Inventor / Anyone Can Build Apps That Impact the World / visual coding of block building method / appinventor.mit.edu/explore / The Cyber University of Korea / CUK,edu
I T / D E S I G N / M O B I L E A P P L I C A T I O N
1차시
데이터베이스란?
1 데이터베이스
1
§
여러 사람이 공유하여 사용할 목적으로 관련 자료를 통합해 컴퓨터 처리가 가능한 형태로 만든 자료의 집합자료의 중복을 최소화 기존 파일 시스템의 단점 보완
여러 사람이 실시간으로 접근
자료출처: https://www.playsw.or.kr
데이터베이스 구성
1 데이터베이스
2
글번호 이름 학년 취미
1 홍길동 초등 2 레고만들기
2 이유진 초등 6 바이올린 연주
3 김태성 초등 6 요리
‘홍길동’이는 레고만들기를 좋아하는 초등학교 2학년 남자아이다.
‘이유진’이는 바이올린 연주를 좋아하는 초등학교 6학년 여자아이다.
요리하기를 좋아하는 ‘김태성’은 내년에 중학교에 올라간다.
데이터베이스 구성
1 데이터베이스
2
글번호 이름 학년 취미
1 홍길동 초등 2 레고만들기 2 이유진 초등 6 바이올린 연주
3 김태성 초등 6 요리
§
필드: 데이터를 구분하기 위한 고유의 특성을 가진 단위§
레코드: 해당 필드와 관련된 내용의 합§
테이블: DB의 핵심으로 데이터를 저장, 관리하는 곳. 레코드와 필드로 구성 필드(field)레코드(record)
모바일 앱 기획하기
2 데이터베이스를 활용한 앱 기획
1
날짜와 날씨 기록 일기나 메모형식으로
간단하게 생각들을 정리할 수 있게
그날그날 중요한 사진들을 보관할 수 있게
지난 메모를 키워드로 검색할 수 있었으면
이미지 https://pixabay.com
벤치마킹
2
2
디자인, 기능, 타켓, 판매가격 등
앱마켓에서 기획된 앱과 유사한 앱 조사
데이터베이스를 활용한 앱 기획
앱 기능
2
3
사진 저장 기록 검색
일기, 메모 기록 날짜, 날씨 기록
다중라인 입력창
날짜입력창/체크박스 이미지 입력창
데이터베이스 활용
데이터베이스를 활용한 앱 기획
디자인 스케치
2
4
익숙한 메모지를 활용하여
친숙하게 사용할 수 있도록 디자인
이미지출처: 자체제작
데이터베이스를 활용한 앱 기획
GIF
3 앱에 사용하는 이미지 포맷
1
256칼라 사용
투명 영역 표현 가능 GIF 애니메이션
일러스트레이션으로 제작된 이미지 저장에 적합
JPG
3 앱에 사용하는 이미지 포맷
2
Ture-color 이상의 색상 표현 가능
압축률이 좋아 사진 이미지 저장에 적합 투명 영역 표현 불가능
웹 이미지에 많이 사용
PNG
3 앱에 사용하는 이미지 포맷
3
투명 영역 표현 가능
GIF보다 압축률 10~30% 이상 높음 Ture-color 이상의 색상 표현 가능
참고 자료
§ www.smartmaker.com
§ 스마트폰 앱 UX&UI 디자인, 김재식, Wit Studio 저, 디지털북스
§ 데이터베이스란?
자료출처 https://www.playsw.or.kr/online/termsData/78
§ 데이터베이스의 구조
자료출처: https://www.youtube.com/watch?v=3wcd_Qn-GeA
§ 모바일 앱 기획하기, 스마트폰 이미지 http://bitly.kr/9cFC
앱 디자인과 데이터 검색 기능
MIT App Inventor / Anyone Can Build Apps That Impact the World / visual coding of block building method / appinventor.mit.edu/explore / The Cyber University of Korea / CUK,edu
I T / D E S I G N / M O B I L E A P P L I C A T I O N
2차시
3 만들기
자세한 실습영상은
강의 속에서 확인하세요.
참고 자료
§ www.smartmaker.com
여러 폼 연결하기
MIT App Inventor / Anyone Can Build Apps That Impact the World / visual coding of block building method / appinventor.mit.edu/explore / The Cyber University of Korea / CUK,edu
I T / D E S I G N / M O B I L E A P P L I C A T I O N
3차시
3 만들기
자세한 실습영상은
강의 속에서 확인하세요.
참고 자료
§ www.smartmaker.com
학 습 정 리
데이터베이스
여러 사람이 공유하여 사용할 목적으로 관련 자료를 통합해 컴퓨터 처리가 가능한 형태로 만든 자료의 집합
데이터베이스 구성 필드, 레코드, 테이블
다이어리 앱 탭뷰, 라디오버튼, 체크박스, 검색창, 검색조건 데이터 검색, 상세폼보기 기능