http://www.facebook.com/groups/347070361980135/ U&I Insight 그룹의 스터디 설명회 자료 입니다.

1. Bonjour
U&I Insight 2012 스터디 설명회
2012. 09. 11 pm.7:00

2. time Program Speaker
10min Introduction - 자기 소개 All
스터디 내용 설명회
1. UI Framework
2. 스터디의 목적
50min 3. 결과물 샘플 보기 김영아
4. 스터디 참여자 역할 안내
5. 진행일정 안내
6. 스터디 로드맵
30min 질의응답 All
20min 참여인원 선발 기준 안내 김영아

3. http://www.facebook.com/groups/347070361980135/

4. • UI Framework에 대해 기본정보를 전달합니다.
• 향 후 진행될 스터디 내용을 공유합니다.
• 스터디 그룹원을 모집하기 전 단계 입니다.
• 스터디를 시작하기에 앞서 목적을 공유하는 자리.
• 본 스터디는 장기 로드맵으로 진행할 예정
• 첫 스터디이니만큼 인원선별이 중요
• 1기 멤버는 다음기수에게 멘토로 성장
• 1기 결과물이 스터디 자료의 초석

6. User Interface :
웹의 UI는 종이 매체에서 발전한 것
왜인지 오래간 웹에서는 중요하게 여기지 않던 것
점점 사용하기 편한 UI 에 대한 요구가 늘어감
HTML, CSS만으로는 한계
플래쉬, 자바스크립트 등으로 구현

7. JavaScript Library의 보급
Sam Stephenson – http://prototypejs.org
Mootools – http://mootools.net
프로그래밍 엔지니어의 역할 중요
라이브러리에서 제공하는 범위는 한정적

8. JQuery - John Resig (Mozilla JavaScript Evengelist), 2006
간결하고 짧은 소스코딩
다양한 속성 보유

9. Why UI Framework(jQuery mobile)?
http://www.webdirections.org/sotw10/script/

10. “How do we Build Blazingly fast, Desktop-
class web application?”- SproutCore
HTML5 기반의 웹 환경에서 UI Framework의
가능성을 얼마나 믿으시나요?

11. Hard cording Issue
UI Control & Data Service
Authoring tool & Component

12. Multi Screen UI

13. Multi Screen UI
http://jquerymobile.com/demos/1.1.1/
http://demos.kendoui.com/web/timepicker/r
angeselection.html
http://dev.sencha.com/deploy/touch/exampl
es/production/kitchensink/#demo/buttons

14. Example
http://css-tricks.com/convert-menu-to-
dropdown/

15. 귀하는 UI Framework를 활용하여 웹앱을
개발해본 경험이 있습니까?
만약 있다는 어떤 요구에 의해서 입니까?
(자체 제안 or 고객 요구 or 내부-상사 요구)
결과물은 만족스러웠습니까?
만약 불만족스러웠다면 이유는 무엇입니까?

16. UI Framework을 선정하여 Library를 분석한다
Multi Screen UI Library를 생성한다
실무에서 활용할 수 있는 결과물 생산
직군별 이해관계
체계적인 PM 경험

17. 기획자
Multi Screen 화면 기획에 선수 지식 획득
개발자, 디자이너와의 커뮤니케이션 스킬 상승
문서 작성 능력 향상

18. 디자이너
업무영역의 확대
UI Framework에 대한 경험 확보
프로젝트 경험 확보

19. 웹 개발자
UI Library 개발 초석
체계적인 프로젝트 프로세스 경험
단계적 산출물에 대한 이해도
개발, 그 이상의 스킬

20. 1차 결과물은 문서와 소스 코드
UI Framework 분석서
UI Library 수집서

21. 참고 책
명칭
view What
Use When
Gesture
Tips
+ CSS / HTML
Description

22. 참고 문서

23. 기획자
산출물 기획
자료 수집
문서 생성
디자이너
결과물 디자인
UI Element 디자인
웹 개발자
커뮤니케이션 툴 생성
소스코딩

24. 프로세스는 프로젝트 표준에 따름

25. 3차 : 상용화
2차 : 사이트 구축 - 사이트 런칭
1차 : 자료 수집 - UI Library 사이트 구축 - 결과물 발표 세미나
- 문서 기반 결과물 - 디자인 안정화
- 개발을 위한 소스 생성
현재

26. 기획자 2~3명
디자이너 2명
웹개발자 2~3명

27. 인원 선발 기준
성실도
커뮤니케이션 성향
적시적소의 경력
발표 : 2012년 9월 14일
프로젝트 착수 : 추석지나고