#10_TinyDB 사용한 어플 만들기(To Do List / CoffeeHolic)

★ 만들고자 하는 어플

 

 

☆ 동작

 

☆ 코딩

 

 

 

 

★ 필요한 개념 - TinyDB

- 앱인벤터에서 사용하는 로컬 DB

- 앱인벤터에서는 TinyDB, TinyWebDb, FusionTable의 3가지 DB를 사용 가능

- Tag-Value 쌍으로 데이터를 저장

- 저장할 데이터가 여러개이면 리스트로 만들어서 저장

 

 

 

 

 

 

★ 디자인

 

1. Screan1 설정

 

 

 

2. Image 추가

- 사이즈는 원하는 사이즈로 조절

 

 

 

3. Label 추가

 

 

 

4. TextBox 추가

 

 

 

5. Button 추가

 

 

 

6. ListView 추가

 

 

 

7. 빈 칸 넣기 * 2

 

 

 

8. TinyDB 추가하기

 

 

 

☆ 최종디자인

 

 

 

 

 

 

★ 코딩하기

 

1. Tasks 리스트 만들기(빈 리스트 형태)

 

 

2. Screen1이 시작될 때 코드

- TinyDB에서 값을 가져오는 코드

- 리스트에 그 값을 보여주는 코드

 

 

3. Button 클릭할 때 코드(새로운 할 일 추가)

- 리스트에 추가하기

- TinyDB에 저장하기

- 리스트뷰에 보여주기

- TextBox 비우기

 

 

 

4. 수행한 일 지우는 코드

 

 

 

 

 

★ 완성된 앱

 

 

 

 

 

 

 

 

 

 

 

★ 만들고자하는 앱

 

 

 

 

 

★ 디자인

 

1. Image 추가

 

 

2. Button 추가

 

 

3. Label 추가(날짜쓰는 Label)

 

 

4. Label 추가(선 만들기) * 2

 

 

5. Label 추가(기록 보여주기) * 3

- Label로 만든 선 사이에 넣어주기

 

 

 

6. Screen1 설정

 

 

 

7. Clock Sensor 추가하기

 

8. TinyDB 추가하기

 

 

 

 

☆ 최종 디자인

 

 

 

 

 

 

 

★ 코딩하기

 

1. 변수 3개 만들기(오늘, 어제, 그저께)

 

 

2. 시작할 때 코드

- 날짜 써주는 코드

- 데이터베이스에 저장되어 있는 값 가져오기(Procedures로 만듦)

 

 

3. GetHistory Procedure 코드

- 오늘, 어제, 그저께의 값을 바꿔줌

- 오늘 : TinyDB에서 오늘의 날짜를 가져옴 -> 'lblD0'의 Text를 바꿔줌

- 어제 : TinyDB에서 오늘 날짜에서 하루를 뺀 값을 가져옴 -> 'lblD1'의 Text를 바꿔줌

- 그저께 : TinyDB에서 오늘 날짜에서 이틀을 뺀 값을 가져옴 -> 'lblD2'의 Text를 바꿔줌

 

 

 

4. 버튼 클릭하는 코드

- 누를 때 마다 날짜 바꿔주기

- GetHistory 가져오기

- 오늘 날짜의 값이 증가됨

- 바뀐 값 TinyDB에 저장

- 'lblD0'값 바꾸기

 

 

 

 

 

 

★ 완성된 앱

(캡쳐에 오류가 있어서 새로 캡쳐함)