안정호
과제 포스트 URL : http://blog.naver.com/ricoda/118161945
포트폴리오 사이트 모바일웹 : http://hoddolru.dothome.co.kr/

기말 과제 슬라이드
모바일웹제안서
View more presentations from Hoddolru.

모바일웹 : http://www.howtodress.hostoi.com/
JQTouch 리스트 부분 구현이 잘 안됨.
모바일웹을 홈버큰으로 추가시의 아이콘 디자인해서 추가할것


강지연
포트폴리오홈페이지http://dreamealist.comyr.com
모바일포트폴리오http://dreamealist.comyr.com/mobile/mobile.html
기말 프로젝트 포스트 URL : http://www.cyworld.com/designarchive/5720396
프리젠테이션 화일 :
워드프로세로 구현한 프로젝트 사이트 : http://croqu.cafe24.com/
스마트폰 사이즈를 제공하여 그려준 초사화를 스마트폰 배경으로 이용하도록 제공하면 더 좋을것 같음
사람들에게 피드백을 받아본것이 좋은 경험이 되었을것
혼자서 하기 힘드므로 초상화를 그리는 다양한 방법이나 같이 그리는 사람들을 모아서 프로젝트를 지속하기를 바람

서윤석
기말 과제 포스트 URL : http://blog.naver.com/conyunv/20118446619
모바일포폴사이트 : http://shoc.dothome.co.kr
기말프로젝트사이트:
mobile web design
View more presentations from Younseok Seo.

워드프레스이용. 좀더 원하는 디자인에 가깝도록 수정 시도를 하는것이 필요할듯
데이터를 앞으로 계속 추적하는것이 필요.

이보림
http://blog.naver.com/dlqhfla22 - 발표자료
http://www.borim.comli.com - 포트폴리오 페이지

http://borim.hostoi.com - 모바일 웹 프로젝트
웹디자인_수정본
View more presentations from bororim.


프리젠테이션에 다큐멘테이션이 잘되어있음
유저피드백이 좋았음
모바일웹에 들어간 폰트들이 작아보임
스마트폰의 시스템 폰트와 비교해보고 스마트폰에서 작지 않은지 확인하면서 디자인하는것이 필요
희노애락이므로. 페이지안에서도 기쁠때 듣는.. 등의 일관적인 감정에 대한 메시지를 나타내는것이 좋을듯

박유나
기말과제 포스트 URL : http://blog.naver.com/design_yuna/80120190100
포토폴리오 사이트 : http://www.ordinarywave.com/

기말 프리젠테이션
Mobile web
View more presentations from yunapark.

모바일 포트폴리오 사이트 : 알수없음
카테고리 부분을 JQTouch로 구현
모바일프로젝트를 좀더 시간투자해서 했었으면 좋았으면 아쉬움이 있음

조예지

모바일포폴사이트: http://99dimension.com/mobile/index_m.html
- 기말 프로젝트 웹
http://ultimatevisualdesign.com - 사이트 URL
http://blog.naver.com/morphine_0/70098868342 - 블로그 게시물
0812490 조예지 uvdesign
View more presentations from rorymai.


워드프레스 플러그인중에 썸네일을 리스트에 보이게 하는것은 없었는지.
한국 디자인을 소개하는 지속성이 있는 블로그를 운영하는 사이트로 발전하기를 바람

박혜진
기말 포스트 URL: http://blog.naver.com/marchlioon/120119987245
모바일 포트폴리오사이트 http://jinspace.comuf.com

디자인 서적 모바일 사이트(워드프레스)http://marchlioon.cafe24.com
워드프레스의 플러그인에서 제공하는것외에 좀더 수정하여 자신의 디자인을 적용하려하여보기를 바람
지속적으로 업데이트 하기를 바람

성소정
기말 포스트 URL : http://blog.daum.net/saarahk/6
포폴 웹사이트 : http://jmbsas.hosting.paran.com

모바일포폴사이트 : http://jmbsas-m.comxa.com/
Web Design_midterm

모바일포폴사이트 : http://jmbsas-m.comxa.com/
슬라이드부분의 버튼 수정요망.수정해서 올렸는지?

서가은
기말 포스트 URL : http://crystalwine6.blog.me/140119701625
포폴 사이트 : http://alohaowl.dothome.co.kr/mobile/

모바일북 사이트 : http://alohaowl.dothome.co.kr/Pbook/
mobile picturebook pt


계속 문제가 생겼음에도 불구하고. 잘 해결해서 다행입니다.
조만간 다른 두권도 보기를 기대합니다.

김현진
모바일 포폴 사이트 : http://chatt.hosting.paran.com


모바일북 사이트 : http://sweetignt.dothome.co.kr/
웹디2기말피티
View more presentations from sweetignt.

아직도 안보이는 문제는 시간될때 보고 다시 연락할께요.

이효숙
기말 포스트 URL: http://hyosha.blog.me/90102051666
모바일포폴 사이트 : http://sookmyung.ac.kr/~hyosha/

모바일웹프로젝트 사이트 : http://designplause.hosting.paran.com/
Design plause2
View more presentations from Hyosook Lee.


디자인 동영상 블로그
동영상까지 연결하는 노력이 좋았음.
지속적인 관리를 위해서는 DB 형태의 게시판을 이용하는것을 검토해볼것

김윤아
기말 포스트 URL : http://blog.naver.com/unasdoll/10099123049
모바일포폴사이트 : http://unas.dothome.co.kr/
전시제공모바일웹사이트 : http://designinfo.hosting.paran.com/xe/dif
No2ppt
View more presentations from unasdoll.

제로보드 사용. PC 사이트가 없다는것이 단점이 될수 있음
모바일로 최적화해서 보기현재 어려움

이지향
기말 프로젝트 URL : http://hiei.tistory.com/13
포트폴리오사이트 : http://jihyang6.ivyro.net/
http://jihyang6.ivyro.net/m/index.html
제로보드를 이용한 추천게시판 활용
프로젝트 2
View more presentations from jihyang.

제로보드 사용으로 디자인 요소의 적용

오현아
포트폴리오사이트 : http://www.ohyuna.uphero.com/

모바일 프로젝트 사이트 : http://skygusdk.cafe24.com/
web mobile
View more presentations from drtryum.




과정 다큐멘테이션이 충실하게 되었음.
원래 의도를 살릴려고 노력한 점이 보임
워드프레스의 플러그인을 다시 잘 검토해 볼것

양혜진
기말포스트 URL : http://blog.naver.com/tricksoul/30098694467
모바일포폴사이트 http://allenx4.dothome.co.kr/

모바일 프로젝트 사이트 : http://shoeaholic.host56.com/
Mobileweb planning2
View more presentations from allenx4.

이미지가 큰듯함. 이미지 사이즈 용량을 줄여보려할것


강서현

모바일포폴사이트 : http://kkirugi.woobi.co.kr/mobile/main.html

모바일프로젝트사이트(전생) : http://kkirugi.woobi.co.kr/mobile/PT-main.html
Web design2
View more presentations from SeoHyun Kang.

모바일웹 환경에 맞도록 좀더 튜닝하는것이 필요

박성민
기말 포스트 URL http://blog.naver.com/xxxyoshiki7/60119936996
포트폴리오 사이트 http://mmiinn.hostoi.com/

모바일 포트폴리오 사이트 http://mcmin.hosting.paran.com/index.html
http://blog.naver.com/xxxyoshiki7/60119936996

posted by jisunlee

12월 13일 월요일 기말 과제 제출및 발표를 합니다.

- 포트폴리오사이트 (모바일 or PC 버전)
URL 과 캡쳐받은것 or  구동화면의 동영상을 블로그에 올리고 아래에 댓글로 달것
- 프로젝트 모바일웹
프로포잘(슬라이드쉐어에 등록하고 블로그에 임베디드로 삽입) + URL 과 캡쳐받은것 or  구동화면의 동영상을 블로그에 올리고 아래에 댓글로 달것


http://collagefactory.blogspot.com/2009/09/how-to-capture-iphone-screen.html

How to capture iPhone screen


iPhone OS 2.0 이후 화면 capture 기능이 내장되어 있습니다. Home button을 누른 상태에서 Power/sleep button을 누르면 찰칵하는 소리와 함께 iPhone의 현재 화면이 capture되어 cameraroll에 저장됩니다.
posted by jisunlee

12월 18일 토요일 10시 삼원페이퍼 갤러리
http://www.papergallery.co.kr/

12명정도... 종이 강의 가능한지는 문의해놓겠음.

참고로..
http://www.siggraph.org/asia2010/content/attendees/registration

posted by jisunlee
오늘 게시판을 이용하신분들은 테마 및 플러그인을 설치해보시면서 모바일용으로 자신이 만드는 사이트 디자인을 구현해보시고 다음시간에 질문바랍니다.
* 다음시간에 워드 프레스와 FTP를 연결하는 방법을 배우도록 하겠습니다.

11월 22일에는 그림책을 구현하는 방법에 대해서 배워보도록 하겠습니다.
- JQ Touch 로 아이폰 타겟으로 만해서 이미지 슬라이딩으로 하던가
- 워드 프레스등의 플러그인을 찾아서 솔루션을 알려드리도록 요청하겠습니다.
다음시간까지는 기술적 지원을 모두 드릴예정이니 질문있으신분 꼭 질문바랍니다.
posted by jisunlee

1. CAFE24 홈페지에서 가상호스팅 클릭합니다.

2. 리눅스 가상서버 호스팅에서  신청합니다
 cafe1.png


3. 회원가입을 하고 들어 오면 기본적인 정보를 넣는곳이 있습니다. (관리자 정보 넣을때 유념해서 보시기 바랍니다)
    나중에 가상 서버 관리할대 필요합니다.

cafe2.png

4. 동의 하고 넘어가시면. 도메인 선택 과 서비스 선택이 있습니다
   1) 일단 무료 도메인 사용하시고
   2) 서비스 선택에서 상품명은 (가상서버 일발형), 서비스기간(알아서 선택), 설치O/X(Fedora11)+APM설치, 보안설정(사용)
   3) 결재 하시면 됩니다.

cafe3.png

5. 결제가 끝나고, 가상 서버 설치가 끝나면 메일이 오게 됩니다. (이상입니다)


posted by jisunlee

기말까지 작업할 프로젝트, 프리젠테이션 업그레이드한것. 그리고 디자인 완성한것 블로그에 붙이고 블로그 URL을 여기에 댓글로 달아주세요.
오늘은 민원기님의 특강이 있을 예정입니다. 게시판 쓰실분들 미리 계정신청하세요.
참고 블로그 글 : http://visualcommunication.tistory.com/entry/웹디자인2-워드프레스-설치를-위해서는-가상서버-신청-필요

posted by jisunlee


posted by jisunlee
예술의 전당 한가람미술관 : 디자인 & 아트페어
http://www.designartfair.com/sub01_02.html

삼원페이퍼갤러리 : 도쿄디렉터즈클럽 전시. -> 작년에 갔엇는데... 전시규모는 작았지만 괜찮았음
http://www.papergallery.co.kr/
posted by jisunlee
다음주까지 디자인 이미지작업 완료해 옵니다.
숙제한것은 블로그에 올리시고 여기에 댓글로 블로그 포스트 URL을 달아주세요.
코딩은 그 다음주부터 본격적으로 들어가서 기말에 최대한 완성도를 높이는것에 포커스를 맞추시기 바랍니다.

디자인 컨셉이 바뀌신분은 프리젠테이션 화일도 업그레이드 하시고
디자인 이미지 작업도 완료해 오시기 바랍니다.

다음주에는 민원기님이 동화책, 동영상 모바일웹에서 삽입하는것을 특강하실 에정이고
워드프레스는 현재 서버문제로 다시 방법을 찾고 있습니다. 조만간 다시 공지토록하겠습니다.
그리고, 금요일 열린대학 디자인전공 금요일 오후 2시 한상은 라운지 꼭 참석바랍니다.
http://www.snow.or.kr/common/notice.html?mode=viewForm&uid=36
posted by jisunlee


게시판 이용 : 썸네일이 표시되는 목록, 그림과 텍스트의 내용페이지 표시
-> tistoy,  직접 DB 구성 (Word Press => 민원기님)

동화책을 구현할수 있는 방법
-> 다음, 이전으로 이미지를 이동하면서, 목차로 이동하는 기능의 구현

동영상을 삽입하여 구동하는 방법
-> YouTube의 URL 삽입,  MP4, H.264 코덱 동영상 삽입
-> 태그를 입력하여 동영상과 같이 띄우는데. 검색하는 방법에 대해서도 추가하였으면 함

posted by jisunlee

1. 자신의 모바일 웹프로젝트는 작은 두꺼운 종이 카드에 그리고. 어떻게 구현할것인지 스케치해볼것.

2. 친구/가족에게 자신의 종이카드로 만든 모바일 사이트를 보여주고 사용해보라고 하면서 클릭하는대로 다음 화면을 보여줌. 좋고 나쁜것에 대한 피드백을 받고 정리할것. 이것을 반영하여 스케치를 고침.  

3. 정보구조도 형태 또는 수행 프로세스(task 수행순서)에 따라서 늘어놓고 디지털 카메라로 사진을 찍어서 블로그에 올릴것.
posted by jisunlee
중간 발표를 못하신 분은 저에게 직접 찾아와서 pt할것
전화를 미리주어서 시간을 확인하시기 바람

아래 코멘트를 참고하여 기말까지의 과제 진행 스케쥴을 짜서 자신의 블로그에 올릴것
기술적으로 어떻게 구현할지. 필요한 도움은 무엇인지도 올릴것.
IA를 좀더 보강하고, 디자인 시안을 메인과 서브페이지, 내용페이지 세단계로 나누어 디자인하여올것
그리고 데이타를 모으거나, 벤티마킹을 좀더 진행하는 과제를 수행할것.

기술적 정보를 제공이 추가적으로 더 이루어 질것임
게시판 이용 : 썸네일이 표시되는 목록, 그림과 텍스트의 내용페이지 표시
동화책을 구현할수 있는 방법
동영상을 삽입하여 구동하는 방법

강지연
포트폴리오 홈페이지 : http://dreamealist.comyr.com/
모바일 포트폴리오 홈페이지 : http://dreamealist.comyr.com/mobile/mobile.html
어떤것을 클릭하고 클릭하지 못하는지를 표시해주어야..
기말 프로젝트 프로포잘 : http://www.cyworld.com/designarchive/5203951
당신의 초상화를 그려드립니다.
선물이나 소통의 컨셉이 좋음, 영어사이트
우선은 어떻게 인터렉션할것인가의 룰을 먼저 구체적으로 규정하는것이 필요
워드프레스, 티스토리등의 게시판을 활용하는것이... (민원기님)

조예지
포트폴리오 홈페이지 : http://99dimension.com/
모바일 포트폴리오 홈페이지 : http://99dimension.com/mobile/index_m.html
트윗이나 페이스북을 접목한 시도가 좋았음
모바일 사이트는 어떻게 클릭이 가능한지 녹화를 해서 프리젠테이션 하는것이 좋을듯
기말 프로젝트 프로포잘 : http://www.slideshare.net/rorymai/webdesign2-mobileweb
brain factory
원래 홈페이지가 tistory에 개발되었던것으로 기억하는데... 사이트와 모바일 웹을 연동해서 구현하는방안으로 고민해 볼것. 우선은 한글이든 영어든 하나만 선택하는것이...
모바일 썸네일과 내용을 볼수 있는 게시판을 찾는것... tistory를 이용하는것이?
워드프레스로 기존 티스토리를 옮기고 그것을 모바일 워드프레스로 옮기는 방식을 고민하는것이 좋을것 같음

안정호
포트폴리오 홈페이지 : http://hoddolru.hosting.paran.com/
모바일 포트폴리오 홈페이지 : http://hoddolru.dothome.co.kr/
PC 사이트를 연결하는 링크를 메인에 노출하는것이... work에 많은 것들이 있음에도 잘 보이지 않음...
기말 프로젝트 프로포잘 : http://www.slideshare.net/Hoddolru/mobile-web-project
게시판을 쓰는 방법을 고민해야 할듯... 이미지 슬라이드 방식과...
컨텐트를 수집해서 사람중심으로 분류하는것이 일일것 같음. 먼저 컨텐트를 모으고 그다음에 모바일웹을 개발해야...

성소정
포트폴리오 홈페이지 : http://jmbsas.hosting.paran.com/
웹브라우저 버전에 대한 공지 및 이를 디텍팅하는 코드를 추가하면 좋을것 같음
기말 프로젝트 프로포잘 : http://www.slideshare.net/sojungsung/microsoft-power-point-web-designppt
모바일은 좀 힘들지 않을런지... 가로로 가는 인터페이스에 대한 벤치마킹을 하고 기술적으로 좀더 검토하는과정이 필요할듯. 다음주까지 이 과정을 실행할것

김윤아
포트폴리오 홈페이지 : http://unashome.hosting.paran.com/  (다른 수업에서 구축함)
모바일 포트폴리오 홈페이지 : http://unas.dothome.co.kr/
홈버튼을 상단에서 빼서 상단 네비의 우측으로 가져가도 될듯
기말 프로젝트 프로포잘 : http://www.slideshare.net/unasdoll/no2ppt
디자인 분야 전시 소개
게시판을 이용하는 방법을 동이하게 사용하면 될것 같음
너무 많은 컨텐트를 혼자서 수급하는방법이 어려울수도 있음.  다음시간에 먼저 디자인 전시정보를 10개~20개를 수집해 볼것

이효숙
포트폴리오 홈페이지 : http://hyosha.hosting.paran.com/
모바일 포트폴리오 홈페이지 : http://sookmyung.ac.kr/~hyosha/
기말 프로젝트 프로포잘 : http://www.slideshare.net/marchlioon/0812485-mobile-5544608
동영상을 삽입하려면 YouTube등의 URL을 가져가야 하는지 등의 기술적인 부분이 고민이 되어야... mp4 동영상화일 H.264 코덱으로 컨버팅해서... 제공하는 형태로...
디자인 관련 동영상 ==> 지금 현재 글로벌 컨텐트로 정리하고 있는 내용을 활용하셔도 될듯.
벤치마킹 사이트 : http://the99percent.com/
영문제작으로 가려면 동시에 컨텐트를 가공하는능력도 갖추어야...
YouTube의 ifame을 html 5로 넣는것으로 일괄적으로 통해서 정리해서 작업. 우선 엑셀화일을 넘겨줄터...

박혜진
포트폴리오 홈페이지 : http://marchlion.hosting.paran.com/
모바일 포트폴리오 홈페이지 : http://jinspace.comuf.com
기말 프로젝트 프로포잘 : http://www.slideshare.net/marchlioon/0812485-mobile-5544608
범위를 좀 축소해서 진행하는것으로... 디자인관련서적으로 한정하는것이 좋을듯
미리 데이타를 확보해볼것.
이전에 언급한것과 마찬가지로 워드프레스나 티스토리를 쓰면 될것 같음

김현진
포트폴리오 홈페이지 :
모바일 포트폴리오 홈페이지 : http://sweetignt.hosting.paran.com/
기말 프로젝트 프로포잘 : http://www.slideshare.net/sweetignt/2-5544912
성인을 위한 동화책
인덱스 페이지가 필요히지 않을까 함
몇페이정도로 할지 챕터로 나뉠지 안나뉠지를 고민한것

서가은
포트폴리오 홈페이지 :
모바일 포트폴리오 홈페이지 : http://alohaowl.dothome.co.kr/mobile/index.html
기말 프로젝트 프로포잘 : http://www.slideshare.net/alohaowl/pt-5544967
읽어주는 그림책. 동물 울음소리도 나옴. 한개의 타겟 디바이스(아이폰?)을 정하고 거기에서 간단하게 구현할수 있는 정도로 만듬.  이미지가 움직이거나 소리가 나는등의 구현을 하는것이 좋을것 같음

강서현
포트폴리오 홈페이지 :
모바일 포트폴리오 홈페이지 : http://kkirugi.woobi.co.kr/mobile/main.html
가운데 정렬로 바꿀것
기말 프로젝트 프로포잘 : http://www.slideshare.net/SeoHyunKang/web-design-5545143
심리테스트 잘못하면 너무 단순하게 갈수도... 이전 답변을 기억하게 할수있는 장치?
아니면 좀더 다양한 심리테스트를 하게하는방법을 고민하면...
아니면 디자인적인 요소를 잘 들어가게 할수 있는 방법을 고민해야...

이지향
포트폴리오 홈페이지 :  http://jihyang6.ivyro.net/
기말 프로젝트 프로포잘 : http://www.slideshare.net/jihyang/2-5545338
아직 모바일을 개발한 경험이 없으므로 좀더 범위를 좁혀서 순정추천을 포커스해서 해보면... 추천수... 정도를 시도해보는것이..
게시판 형태를 적용해 보는것이...

오현아
포트폴리오 홈페이지 : http://www.ohyuna.uphero.com/
기말 프로젝트 프로포잘 : http://www.slideshare.net/ohyunah/mission-mobile-web
어플 개발을 어려움... 그럼므로 자신의 경험을 공유하는정도...
아임In은 그 장소에서 히스토리를 남기는것. 
자신의 경험을 공유하는정도로 ... 트위터를 통해서 그것을 공유하는정도로 정리할것

이보림
포트폴리오 홈페이지 : http://www.borim.comli.com/
모바일 포트폴리오 홈페이지 : http://www.borim.comli.com/mobile/index.html
모바일과 PC 홈이 지나치게 유사한듯... 추후에. 좀더 고민해서 업그레이드하면 좋을듯.
기말 프로젝트 프로포잘 : http://www.slideshare.net/bororim/ss-5545541
그릴수 있는 인터페이스를 공유하는것이 쉽지 않을듯...
모바일 폰에서 자신의 찍은 사진을 가져오거나 자신의 그림판등의 기능을 혼용할수 있는 방법이? 이것이 부담스러울수도 있으니 사진을 찍고 공유하는정도로 대체안을 생각해 보는것도...
다음시간까지 개발자를 찾던 개발방법을 확정할것

양혜진
포트폴리오 홈페이지 : http://albbangbbangfam.wo.to/
모바일 포트폴리오 홈페이지 : http://allenx4.dothome.co.kr/
원래 PC 사이트 페이지도 맞추어서 변경하는것이 필요할듯...
기말 프로젝트 프로포잘 : http://www.slideshare.net/allenx4/mobileweb-planning-5545699
어메리칸 어패럴의 컨텐트보다는 자신만의 컨텐트를 만들어가는쪽으로...
자신이 직접 스타일에 관한 컨텐트를 모으거나.. 아니면 있는 웹상의 컨텐트를 엮어서 새로 만드는쪽으로 프로포잘을 다시한번 업드레이드할것
동화책정도를 만드는 정도의 기술을 적용하는것이 좋을듯

박유나 -> 직접찾아와서 pt 할것
포트폴리오 홈페이지 : http://ordinarywave.com/
기말 프로젝트 프로포잘 : http://www.slideshare.net/yunapark/ss-5548407

이송희
포트폴리오 홈페이지 : http://meanheart.com/
모바일 포트폴리오 홈페이지 : http://meanheart.lil.to/
기말 프로젝트 프로포잘 : http://www.slideshare.net/SongheeLee/webdesign-2nd
구현하고자흔 기술의 어플이 어려울듯. 구글맵의 모바일 api 를 이용해 볼 수 있는지 가능성을 확인하고 기술적인 부분을 다음주까지 결정할것
만약 불가능하다면 본인의 컨셉을 쉽게 표현할수 있는방법정리.

서윤석
포트폴리오 홈페이지 : http://shoc.hosting.paran.com/
모바일 포트폴리오 홈페이지 : http://shoc.dothome.co.kr/
wmi 자기 소개부분에는 자신의 디자인에 대한 설명이 들어가는것이
기말 프로젝트 프로포잘 : http://www.slideshare.net/YounseokSeo/ss-5538883
잘 알려진 디자이너등으로 디자인하는경우에 발생하는 원래 그 디자이너의 웹사이트와 비교된다든가의 감점 요소를 따져보고 판단할것
이 패션디자이너의 것으로 그대로 가는경우 디자인을 더 개발할것
새로하는 경우에는 프로포잘을 새로 쓸것

박성민
포트폴리오 홈페이지 : 다음주까지는 어떻게든 해결해서 올릴것
플래시로 구현?  잘안되는부분을 질문해주면 플래시를 잘하는 사람에게 도움을 받아보도록 해줄께요. 메일을 주세요.
기말 프로젝트 프로포잘 : http://www.slideshare.net/curirin/pre-5548781
포트폴리오 및 비슷한 느낌의 모바일까지 개발하는것이 목표.
우선은 지금 PC 사이트를 다음주까지 완성하고. 모바일을 포폴을 먼저 완성할것. 그 이후에 시간을 내서 PC사이트를 업그레이드 할것
posted by jisunlee

10월 25일 중간발표 준비사항

1.  자신의 포트폴리오 html or mobile 사이트 완성
자신의 포트폴리오 사이트를 CSS 화일을 연결한 (external) HTML 작업하여 파란 웹호스팅에 업로드할것
모바일 웹은 사파리 브라우져로 보여주세요.
** 해당 웹호스팅 URL을 여기에 댓글로 달고 자신의 블로그에 캡쳐한 화면과 동시에 URL을 포스팅 할것

2. 중간발표 이후 기말까지 진행할 프로젝트 기획 발표
아래내용이 포함되어야함. 기존의 웹디자인 5주차에 이미 기 공지된 내용임.
** slideshare.net 슬라이드쉐어닷넷에 업로드 하고 그것을 자신의 블로그에 삽입한뒤에 그 포스트 URL을 아래에 댓글로 달것
- 파워포인트 업로드할때 폰트가 깨져보인다면, pdf로 만들어서 업로드 하면됨

1단계 전략수립(strategy / research)
1-1. Mission & Objectives
- 개발 하고자 하는 사이트의 미션과 목적은 무엇인가? 몇문장으로 정리
1-2. Target Users (optional)
- Primary Target 사용자와 Secondary Target 사용자를 정의
1-3. Scope of the Project

- 유사/ 경쟁 사이트 벤치마킹

2단계 디자인 및 스펙결정 (design / Ideation)
2-1. 컨셉개발
- 개발하고자 하는 사이트의 디자인 컨셉을 몇문장으로 정리
2-2. 크리에이티브 디자인
- 비쥬얼 디자인 시안 (메인1, 서브1)
2-3. 기술설계
- IA(Inforamtion Architecture) 정보구조 설계
사이트의 웹페이들(또는 컨텐츠)가 연결된 구조도

SNOW.or.kr at CC Asia 2010 confence
View more presentations from Ji Lee.




posted by jisunlee
다음주 과제는 코딩을 마무리하시고
민원기님에게 질문사항을 여기에 댓글로 올리시고
각자 모바일웹 구현하고 싶은것을 몇자로 적어서 댓글로 달던지
블로그에 자기가 구현하고 싶은 어플사이트나 모바일 웹 사이트를 올리고
그 블로그 URL을 여기에 댓글로 달것

민원기님이 다음시간에 매쉬업 에 대해서 설명해 주실예정이고
이미지 슬라이드 등의 초간단 자바스크립트에 대해서 설명해주실겁니다.
**** 귀한 시간내서 오시는것이므로 미리미리 질문을 준비해 오시길 바랍니다.
*** 모바일 웹은 이때 모두 종료하시기 바랍니다.


10월 18일에는 CSS를 다시한번 리뷰해드리도록 하겠습니다.
그리고 시간이 허락하는대로 뷰티뷸 웹디자인의 2장도 강의할 예정

10월 25일은 중간고사 발표로
- 자신이 이제 까지 개발완료한 모바일웹 포트폴리오 또는 포트폴리오 사이트를 정리한 내용를 발표
- 중간고사 이후에 작업하고 싶은 모바일 웹 프로젝트의 제안서를 발표합니다.

템플릿은 18일에 소개해 드릴예정입니다.

posted by jisunlee
과제는 수업시간에 공지한대로 현재 작업중이 모바일웹 또는 인터넷 포폴 사이트의 코딩을 완료하는것입니다. 혼자 끙끙대지 마시고 문제가 생기면 저에게 이메일을 보내서 물어보시기 바랍니다.

그리고 다음월요일부터는 민원기님이 수업에 들어오셔서 코딩부분에 대한 특강을 진행할 예정이오니 이점 양지 바랍니다.

posted by jisunlee

모바일 웹을 하시는 분들은 코딩을 어느정도 완료해서 FTP에 올려주세요.
모바일 에뮬레이터로 확인해보겠습니다. 다음시간에.

자신 포폴 하고 계신분들, CSS 쓰셔서 코딩완료
모른시는분들 꼭 질문하세요.

Beautiful Web Design 좋아보이는 웹사이트를 만드는 디자인 원칙
The Principles Of Beautiful Web Design
View more documents from SitePoint.


직접 다운로드 받으실수 있으니 책을 구매하시기 어려운 분들은 읽어보시길 바랍니다.
1장만 원서로 보실수 있습니다.
posted by jisunlee

웹디자인 1을 듣지 않은 사람은
지난주 과제에 CSS를 적용하여 코딩하여 볼것
참고 : http://visualcommunication.tistory.com/entry/사이트가-전체-테이블-100인경우와-CSS화일을-불러들이기extenal

CSS Styling

Styling Backgrounds
Styling Text
Styling Fonts
Styling Links
Styling Lists
Styling Tables

CSS Box Model

CSS Box Model
CSS Border
CSS Outline
CSS Margin
CSS Padding


모바일 웹디자인 작업이 진행되는 사람들은 코딩에 돌입할것. 코딩작업시 CSS 반드시 사용

모바일 디자인으로 우선정한 교재
Mobile Web Design For Dummies
http://www.amazon.com/Mobile-Design-Dummies-Janine-Warner/dp/0470560967/ref=sr_1_1?ie=UTF8&s=books&qid=1284346206&sr=8-1#_
posted by jisunlee

http://www.w3schools.com/html/html_css.asp

HTML Introduction
HTML Get Started
HTML Basic
HTML Elements
HTML Attributes
HTML Headings
HTML Paragraphs
HTML Formatting
HTML Styles
HTML Links
HTML Images
HTML Tables
HTML Lists


웹페이지 제작을 위한 HTML & 드림위버 CS4

교재로 공부하는 경우
Part 0 홈페이지 제작을 위한 HTML 정복하기
Section 1 HTML의 기본 이해하기
Section 2 문서와 관련된 태그
Section 3 문자와 관련된 태그
Section 4 이미지와 관련된 태그
Section 5 하이퍼링크와 관련된 태그
Section 6 테이블과 관련된 태그


영상을 보고 공부하려는 경우
http://visualcommunication.tistory.com/entry/웹디자인-html을-메모장에서-시작하기


화일을 만든후에 FTP에 업로드하고 그 URL을 자신의 블로그에 올리고 여기에 댓글로 숙제를 한후에 달것
http://visualcommunication.tistory.com/entry/숙명-계정으로-50M까지-홈페이지-만들수-있음
http://visualcommunication.tistory.com/entry/개인-웹사이트-만들기-도메인-호스팅-드디어-무료-웹호스팅-발견
http://visualcommunication.tistory.com/entry/파란-웹호스팅-FTP-접속업로드-방법


이미 웹디자인 1을 들은 사람은 모바일 웹 사이트 디자인을 현재 자신의사이트에 기초하여 시작할것. 다음주에 초안을 작성하여그림화일을 블로그에 올릴것
3단계정도. 메인/ 리스트/ 컨텐츠페이지를 디자인.
http://visualcommunication.tistory.com/entry/iPhone-디자인-재료들

posted by jisunlee

강 의 계 획 서(Syllabus)


2010학년도 제 2학기   

 

숙명여자대학교

*강의과목

교과목명
(Course Name)

웹디자인Ⅱ

Web design Ⅱ

학수번호/분반
(Course No./Class)

06286/02

수강대상
(Major)

 

학점/시간
(Credits/Hours)

2/3

요일/교시
(Day/Period)

월 3-5
 

강의실
(Classroom)

미술대407  

강의종류
(Method)

이론(Theory)( ) 이론 및 실습(Theory&Practice)(∨)
실험,실습,실기Experiment&Practice( )

*담당교수(Professor)

교수명
(Name)

소속
(Department)

연락처
(Personal Number)

공개전화번호
(Office Number)

E_Mail

상담시간
(Available Hours)

이지선 

교양교육원 

 

 

 

월~금 수업시간외 

1.교과목 개요 및 교육목표(Course Description & Objective)

1)교과목 개요(Course Description)

시각정보의 요소들을 합리적이고 효과적으로 표현하는 창조적 디자인 능력을 웹 편집 프로그램을 활용한 실기를 통하여 기른다.

2)교육목표(Course Objective)

HTML 5 등의 차세대 웹표준을 이용하여 인터넷 웹사이트 및 모바일 웹 등의 진화하는 IT 환경에 적합한 서비스 디자인을 편집 프로그래밍을 이용하여 실습하고 구현한다.

2. 강의방법(Course Resources)

세미나
Seminar

(∨)

발 표
Presentation
(∨)

질의응답
Q&A

( )

초청강의
Special Lecture
(∨)

현장답사
Field Trip
( )

유인물
활용
Handouts
( )

Audio/Video/TV/


(∨)

Team
Teaching

( )

토의/토론
Discussion

( )

소집단
분단수업

Small Group ( )

문제풀이
Problem Solving

( )

실험/실습/
실기
Experiment
Practice
(∨)

사례분석
조사
Case Study
( )

컴퓨터
보조학습
Computer Assisted
( )

OHP/Slide


( )

기타
Other

(웹디자인의 실무에서 프로세스 및 다양한 스킬을 교재를 통해서 배우고 실습, AdobeTV 동영상 강의 등을 이용할 예정)

3. 주교재 및 참고문헌 (Main Textbooks & References)

1) 주교재(Textbook)

Head First HTML with CSS & XHTML : 웹2.0 시대의 웹 표준 학습법
Head First iPhone Development: 사용자 경험 중심의 아이폰 앱 개발 입문서
모바일 웹 사이트 제작 및 프로그래밍: 모든 휴대폰을 위한 

2) 참고문헌(Reference)

실전 HTML5 가이드(http://webstandards.or.kr/html5)
Communicating Design: Developing Web Site Documentation for Design and Planning by Dan Brown
(UX 디자인 커뮤니케이션: 성공적인 UX전략과 산출물을 위한 노하우, 댄 브라운 저)  

4. 지정도서(Assigned Books)

- 임영한. 모바일 웹 사이트 제작 및 프로그래밍: 모든 휴대폰을 위한. 2010.
- 댄 필로네,트레이시 필로네. Head First iPhone Development: 사용자 경험 중심의 아이폰 앱 개발 입문서. 한빛미디어, 2010.
- 엘리자베스 프리먼,에릭 프리먼 공저/. Head First HTML with CSS & XHTML : 웹2.0 시대의 웹 표준 학습법 . 한빛미디어, 2006.  

5. 학습과제 (Assignments)

과제물명
Assignment

제출
횟수
(No. of Times)

제출
시기
Due Week)

부과점수
Weighing
(%)

내용
Contents

작성방법
Method

중간과제 

7주차

30 

개인 포트폴리오 사이트의 온라인 웹 및 모바일 웹구현 

개인홈피 연결주소를 제출 

기말과제 

15주차

50 

웹 또는 모바일 관련 개인 프로젝트  

프로젝트 결과물 소스와 프리젠테이션 화일 제출 

*과제물 보충설명 (Additional Explanation for assignments)


 

6. 평가계획(Grading Policy)

평가방법
(Method of Evaluation)

평가횟수
(No. of Times)

평가내용
(Content of Evluation)

결과처리 (계 100%)
(Weighing)

과제물
(Assignment)

중간과제 평가, 기말과제 평가 

80 

정규시험
(Mid-Term Exam)

 

 

 

정규시험
(Final Exam)

 

 

 

수시시험
(Quizes)

 

 

 

수업참여도
(Participation)

 

 

 

실험/실습/실기
(Experiment/Practice)

과제물 제출, 숙제 블로그 업데이트 

10 

출석
(Attendance)

 

10 

기타(1)
(Others)

 

 

 

※교양과목은 인원수에 상관없이 무조건 상대평가를 적용한다.

※regardless of the number of students, courses of general cultural studies shall be applied to the curve(relative Evaluation).0

*보충설명 (Notes)


 

7.강의 내용, 강의방법, 진도계획(Weekly Schedule)


(week)

강의(실험/실습/실기/)내용
(Theme)

강의방법
(Method)

진도계획(페이지),비고
(Pages)

1주

웹디자인 개론, 교재 설명, 수업진행방향 설명 

개론 강의 

뷰티풀 웹디자인, UX 디자인 서적참고 

2주

웹디자인의 주요 프로세스 및 방법 

강의, 실습 

뷰티풀 웹디자인, UX 디자인 서적참고 

3주

웹디자인 1에서 진행하였던 html 과 css의 기본적 원리의 리뷰 

강의, 실습 

1학기 진행교재 참고, w3c 웹코딩 참고, Head First HTML with CSS & XHTML : 웹2.0 시대의 웹 표준 학습법  

4주

모바일 환경 디자인 개론 

강의, 초청강연 

모바일 웹 사이트 제작 및 프로그래밍: 모든 휴대폰을 위한 

5주

모바일 웹을 구현하기 위한 코딩 1 

강의, 실습 

모바일 웹 사이트 제작 및 프로그래밍: 모든 휴대폰을 위한 

6주

모바일 웹을 구현하기 위한 코딩 2 

강의, 실습 

모바일 웹 사이트 제작 및 프로그래밍: 모든 휴대폰을 위한 

7주

중간 발표, 개인 웹사이트 포트폴리오와 모바일 웹 포트폴리오 발표 

개인 발표 

 

8주

실용적이고 심미적 디자인의 웹디자인 

강의 

뷰티풀 웹디자인 

9주

모바일 어플리케이션 디자인 개론 

강의 

Head First iPhone Development: 사용자 경험 중심의 아이폰 앱 개발 입문서 

10주

모바일 어플리케이션을 구현하기 위한 코딩 1(아이패드 또는 아이폰 또는 안드로이드) 

강의, 실습 

Head First iPhone Development: 사용자 경험 중심의 아이폰 앱 개발 입문서 

11주

모바일 어플리케이션을 구현하기 위한 코딩 2(아이패드 또는 아이폰 또는 안드로이드) 

강의, 실습 

Head First iPhone Development: 사용자 경험 중심의 아이폰 앱 개발 입문서 

12주

모바일 어플리케이션을 구현하기 위한 코딩 3(아이패드 또는 아이폰 또는 안드로이드) 

강의, 실습 

Head First iPhone Development: 사용자 경험 중심의 아이폰 앱 개발 입문서 

13주

기말 발표를 위한 개인 프로젝트 리뷰 1 

리뷰, 개인질의응답 

 

14주

기말 발표를 위한 개인 프로젝트 리뷰 2 

리뷰, 개인질의응답 

 

15주

웹사이트, 모바일웹, 어플등의 개인 프로젝트의 발표 

기말발표 

 

8.수강학생의 참고사항(Consultation for Students Taking the Course)

posted by jisunlee