프로젝트 진행과정

easy ) 편리-> Block

fun ) 완성도 -> 공유

 

 

3/25 팀결졍

3/26~27 아이디어 브리핑 (음악블럭, 일상스케줄러)

3/28 아이디어발표(음악발표)

3/29 UI Prototype 

 

< UI 툴 >

발사믹 : prototype

BootStrip : CSS계의 jQuery같은

d3-drive..? : 3d관련 ui 표현하고 싶을때

 

3월 30일 회의일지 – 오전 : IDEA구상회의

 

전체적인 컨셉 : easy & funny

커뮤니티 :

감정 : 5~6개 선택지 신남, 웅장, 슬픔, 분노, 달콤, 알수없음

블록 조합 1) 드래그 앤 드롭으로 조합할 수 있다.

- 안될 시 클릭하여 위치조정

2) 같은 악기로만 조합 가능하다.

- 같은 레이어안끼리 블록들이 조합이 가능하다.

-음악 시각적 표현 : 1) 절대적인 높이로 음악의 높낮이를 표현

2) 옥타브는 가온다를 기준으로 높은음+2옥타브, 낮은음 –2옥타브를 사 용한다.

메인 UI : 1) 내가 만든 프로젝트는 샘플로 제시된 이미지를 선택하여 저장할 수 있다.

2) 메인에는 썸네일리스트를 좌우로 스크롤하여 볼 수 있다.

 

3/31~4/1 : 핵심 UI 구성/블럭생성,프로젝트생성, jsp 사용하지마라 json사용할거니까 Ajax

 

<HTML로 android UI를 만드는 이유 >

안드로이드 앱을 개발할때 UI를 안드로이드 고유의 UI로 개발할수도 있지만, HTML페이지로 구성하고 자바스크립트로 컨트롤하는 방법도 있다. 익숙한 자바스크립트를 사용함으로써 개발상의 효율 향상이 목적이라 하겠다. 아무래도 안드로이드 UI보다는 익숙하니까...

 

Tool : bracket // html을 수정하면 실시간으로 확인가능

[출처] Android Activity-HTML간의 통신방법|작성자 도토리

 

모바일 기기의 모든 size 가 다르고 화면 size 도 다르다 유연하게 대처하기 위해 HTML5가 나온것

 

* 브라캣을 사용한 1차 UI