1. 일정
|
날짜 |
주제 |
해야할 일 |
|
9월4일(월)~ 9월 14일(목) |
1차 자료수집 |
아이콘, 폰트, 이용약관, 아이템 선정, 로그인 양식 |
|
9월 15일(금) |
아이템 선정 |
|
|
9월 18일(월) ~ 9월 29(금) |
2차 자료수집 |
관련 아이템 위주 자료 수집 |
|
10월 10일(화) or 11일(수) |
발표작 선정 |
수집된 아이템 중에 발표작 선정 |
|
10월 11일(수) ~ 10월 19일(목) |
3차 자료수집 |
데이터베이스 위주 자료 수집 |
|
10월 11일(수) ~ 10월 13일(금) |
front단 base 코딩 |
HTML5, CSS 코딩 |
|
10월 16일(월) ~ 10월 19일(목) |
front단 UI/UX 작업 |
홈페이지 1차 완료 |
|
10월 11일(수) ~ 10월 13일(금) |
back단 DB 설계 |
개념, 논리 데이터베이스 구축 |
|
10월 16일(월) ~ 10월 19일(목) |
back단 DB 코딩 |
물리 데이터베이스 구축 |
|
10월 20일(금) |
중간점검 |
중간점검 |
|
10월 23일(월) ~ 10월 27일(금) |
JSP 코딩 |
MVC모델 도입, 홈페이지 최종완료, DB연결 |
|
10월 30일(월) ~ 11월 2일(목) |
발표준비 |
PPT/Frezi 발표자 |
|
11월 3일(금) |
최종점검 |
최종점검 |
[붉은 색으로 칠한 4일은 꼭 볼수있으면 봐요]
2. 개발환경
Language : HTML5, CSS3, Java, JavaScript, jQuery, Node.js, json
DB : MYsql, SQL Developer,
IDE : Eclipse, Aptana, PowerPoint, Android Studio
Library : Maven Repository,
WAS Server : Apache Tomcat
Operating System : Window 10
[개발환경 관련 아이콘 다 받으면 발표PPT 만들 때 도움 될 듯]
3. 방향
- 웹 위주로 만들 것
px size
컴퓨터 : min-width : 1025px
태블릿 : min-width : 768px ~ max-width : 1024px
핸드폰 : max-width : 767px
- 아이콘 design.google.com/icons/ 내에서 뽑아서 사용
- 컬러
1. Adobe Capture CC를 통해서 색을 뽑아 배색 작업을 진행한다.
2. https://www.google.com/design/spec/style/color.html 에 들어가서 아래의 머티리얼 컬러 계획을 통해 진행한다.
머티리얼 컬러 계획 : 자신의 프로젝트에 적합한 컬러를 선택하거나, 만약 선택하지 못했다면 제공되는 컬러 내에서 컬러를 선택하는 것도 추천한다. 컬러는 메인 컬러(500)로 1개 선택 후, 2개의 메인의 서브 컬러 (예에서는 (700), (800)) 선택, 2팔레트에서 1개의 엑센트 컬러를 선택하면 된다.
- 폰트
Noto Sans CJK KR 폰트를 활용한다. (Google에서 만든 머티리얼 디자인 한글 폰트)
- 디자인 스타일 가이드
GRID (Landing Page, Portal)
COLOR PALETTE (#000000~#FFFFFF)
TYPOGRAPHY (Headers, Body)
FORMS (Empty, Selected, Typing, Select, Error, Success)
BUTTONS
AVATARS (Big / Middle / Small Size)
ICONS (Landing Page, Portal, Artists/Albums/Activity, Rank, Voting, Social Media)
UI ELEMENTS (Calendar, Slider/Tooltips, Pag nator, Tag-Tooltip,Drop Down Menu, Read more, Move/Hide)
ALERT/ERROR MESSAGES(Info파랑, Warning노랑, Error빨강, Success녹색)
LOGIN
- 크라우드 펀딩 : https://tumblbug.com/ (텀블벅)
- 사람들이 원하는 제품이 있으면 대량으로 구입을 해서 나누어주는 사이트 구매자들에게만 제공되는 암호키를 통해 물건 전달 집근처에서 가까운 편의점 또는 주유소 등에 사물함을 설치해 구매자들의 물품을 보관한다?
4. Good Qusetion
About UX/UI
- 이와 비슷한 웹이 있는지? 해당 웹을 사용하고 있는 사용자 경험은?
- 다른 웹과의 차별성은 무엇인지?
About GUI
- 컬러, 타이포그래피, 레이아웃은 어떠한가?
About Technology
- 어떤 개발언어를 사용할 것인가?
5. 참조
design.google.com/icons/
6.이걸 따라해서 양식좀바꿔서 위 일정 끼워넣기
