최혜송 :
Portfolio PC 사이트의 메인 theme이 book 이였다면 이것을 계속 끌고 나갔어야 되지 않을까....  모바일 메인 맨처음이 너무 오래걸리는것 같음. 로딩에 시간에 대한 고려가 있어야 될것 같음. PC 사이트와 모바일 사이트 동작하는것을 화면으로 찍어서 블로그에 금요일까지 올릴것.

웹 : http://yysongyy.dothome.co.kr/menu
모바일:http://yysongyy.dothome.co.kr/menu/m_index.html
포스팅 : http://songcomm.egloos.com/666092


오현아 :
흑백을 유지하는것이 더 좋았을듯. 회색이 들어가면서 완성품이라기 보다는 프로토타입의 느낌이 남
 아직도 PC 사이트 하단의 메뉴가 어디에 속한것인지 정화하게 보이지 않음
모바일 웹에서 icon 패널을 만든것은 잘 했음.
아이콘에서 블랙 & 화이트만 쓰면 더 좋을뻔 했음

웹 :http://ohyunah.dothome.co.kr
모바일 :http://ohyunah.dothome.co.kr/mobile.html
http://blog.naver.com/drtryum

안지은:
육각형의 이미지에서 벗어자니 못한것이 안타까움
서브페이지에서 육각형이미지의 메인 이미지를 그대로 쓴것과 그위에 자신의 디자인작품을 겹쳐서 보여준것이 디자인이 복잡해보이게 만들었음.
서브페이지에서는 하위메뉴를 정리해서 육각형이미지를 유지하더라도 제공했으면 좋았을것
모바일웹과 자신의 PC 사이트간의 디자인 포트폴리오로서의 일관성과 디자인 임팩트를 가져갈만한것을 제공할것


http://blog.naver.com/a_1il
웹 : http://anzi.dothome.co.kr
모바일 : http://anzi.dothome.co.kr/m_index.html


백수지 :
사이트 구조 site structure 라는 제목을 붙일것
PC 사이트에서 그리드를 지키지 않았고
메뉴에서 어떤것들이 선택되었는지 보이지 않음
이미지에 적절한 제목들을 모두 삽입하는것이 필요
좌측하단 네비게이션을 자르지 말고 전체 height 100%으로 할것
모바일사이트에서 글씨가 좀 작아보임

포스팅 http://easyus.blogspot.com/2011/06/mobile-ppt.html
웹: http://tweety0224.dothome.co.kr
모바일웹: http://tweety0224.dothome.co.kr/m_index.html

김소정
디자인은 깔끔하나
원래 보여주기로 했던 디자인 슈즈라는 컨셉에 비추어 볼때 디자이너가 어떤 슈즈 디자인을 했는지 보여주지 못하는것 같아서 아쉬움
디자이너 한명당 다양한 이미지의 슈즈를 보여주는 형태로 갔었으면...
아니명 슈즈 디자인 스타일에 따라서 디자이너를 그룹으로 보여주던가.
뭔가 컨텐트를 표현하는 방식에서 아쉬움.
이미지 갤러리에서 java script를 쓴것과 이미지를 팝업으로 보이는것에서  j 쿼리를 쓴것 좋았음 하지만 j 쿼리에서 하단에 이미지 몇개중에 몇 이런게 나오는건 에러같아보임
모바일웹을 금요일까지 직접 보여줄것

포스트: http://visualsojeanne.wordpress.com/
웹: http://openyourbox.hosting.paran.com/


이정민 :
맨처음부터 화면사이즈를 한정한것이 문제였던것 같음.
이로인해서 많은 제약이 보였고 본인도 디자인하는데 고생했던것으로 기억
네비게이션의 일관성을 수정한것은 좋았고.
포토에서 슬라이드쇼등은 플리커등으로 구현하려고 시도하는것은 좀 해보았으면 좋았었을듯
시안에서 보여줄려고 했던 어느정도의 페이지는 구현을 잘한것 같음. 몇페이지밖에 구현을 하지 않았으므로...

http://blog.naver.com/janice1023
http://joey1106.dothome.co.kr/Images/web/

김유경 :
칼라감각이나 마우스오버등의 처리가 좋았음
back 버튼의 표현도 좋았음
글씨가 너무 작은것 같음  모바일상의 가독성을 고려하여 글씨를 크게 하여 주었으면 좋겠음
PC 작업페이지의 오른쪽 기둥이 하단에서 잘려보이는것이 어색함
Work 페이지에 디자인이 한장밖에 안들어간것이 문제. => 금요일까지 더 추가하길...


http://kimyu217.blogspot.com/2011/06/final.html
모바일:http://kimyu217.dothome.co.kr/mobile_web/m_index.html
웹:http://kimyu217.dothome.co.kr/


강경선
모바일 웹에서 리사이징 되는것은 head 부분에 자동 스케일부분을 막아주지 않았기 때문
모바일웹 상단메뉴에서 그라데이션부분을 빼는것이 나을듯. 다른 이미지들과 맞지 않음
포트폴리오부분에서 오른쪽 버튼을 계속눌러서 마지막까지 갔을때 오늘쪽 화살표 버튼이미지가 계속 남아있는데.. 없애야 함
모바일웹의 디자인을 정리하고 더 업그레이드하길 바람
금요일까지 PC 웹사이트까지 완성바람 

포스트 : http://heeyocoworld.blogspot.com/2011_06_01_archive.html
모바일웹 : http://heeyoco.dothome.co.kr/1.html

강하늘
모바일웹으로 구현하지 못해서 플래시로 우선 구현 => 금요일까지 해올것
프린트 페이지를 웹상으로 가져올때 그대로 판넬작업한것 말고
이미지와 텍스트를 분리해서 가져오는것이 좋았을듯



포스트 : http://blog.naver.com/chungru88
모바일웹 : 플래쉬로 구현
pc웹: 아직 업로드 하지 않음

  1. 최혜송 2011.06.17 15:33

    http://songcomm.egloos.com/666092
    모바일 웹 구동 영상 추가했습니다!

  2. 김주현 2011.06.17 16:43

    다시 수정했습니다~!
    피티파일도 올려놨습니다~!

6월 14일 화요일 기말 과제 제출및 발표를 합니다.

기말때 발표자료를 slideshare.net에 올리고 링크를 블로그와 기말 포스트에 댓글로 제출합니다. 최종으로 작업한것의 sitemap, navigation 및 최종 스크린 캡쳐 화면이 포함되어야 있어야 함.

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

한 블로그 포스트안에
- 프리젠테이션 slideshare.net 임베디드 코드
- PC 사이트 화면 캡쳐 or 구동 동영상
- 모바일 사이트 화면 캡쳐 or 구동 동영상

참고 :

http://blog.naver.com/ricoda/118161945



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에 저장됩니다.

  1. 오현아 2011.06.14 03:46

    http://blog.naver.com/drtryum
    웹 :http://ohyunah.dothome.co.kr
    모바일 :http://ohyunah.dothome.co.kr/mobile.html

  2. 최혜송 2011.06.14 14:05

    포스팅 : http://songcomm.egloos.com/666092
    웹 : http://yysongyy.dothome.co.kr/menu
    모바일:http://yysongyy.dothome.co.kr/menu/m_index.html

  3. 안지은 2011.06.14 14:29

    http://blog.naver.com/a_1il
    웹 : http://anzi.dothome.co.kr
    모바일 : http://anzi.dothome.co.kr/m_index.html

  4. 백수지 2011.06.14 15:00

    영상 http://easyus.blogspot.com/2011/06/video-mobile.html
    포스팅 http://easyus.blogspot.com/2011/06/mobile-ppt.html
    캡쳐 http://easyus.blogspot.com/2011/06/mobile-web.html
    웹: http://tweety0224.dothome.co.kr
    모바일웹: http://tweety0224.dothome.co.kr/m_index.html

  5. 이정민 2011.06.14 15:58

    http://blog.naver.com/janice1023
    http://joey1106.dothome.co.kr/Images/web/

  6. 강경선 2011.06.14 16:05

    포스트 : http://heeyocoworld.blogspot.com/2011_06_01_archive.html
    모바일웹 : http://heeyoco.dothome.co.kr/1.html

  7. 김유경 2011.06.14 16:06

    포스트: http://kimyu217.blogspot.com/2011/06/final.html
    모바일 웹: http://kimyu217.dothome.co.kr/mobile_web/m_index.html

  8. 강하늘 2011.06.14 16:57

    http://blog.naver.com/chungru88/40131566249

  9. 김소정 2011.06.17 17:55

    포스트: http://visualsojeanne.wordpress.com/
    웹: http://openyourbox.hosting.paran.com/
    모바일:http://openyourbox.hosting.paran.com/m_index.html



수요일 점심 12:00 까지 이미지 모두 제출
html code는 금요일 오후 3시까지

이메일 주소로 보내주세요. neofuture@yahoo.co.kr
  1. 오현아 2011.05.19 01:15

    교수님 이멜 확인부탁드려요 ^^첨부해서 보냈습니다~!


1. 슬라이드용 디자인
자신의 웹사이트 디자인을 이미지를 1024*768 로 작업바랍니다.

- 자신 웹사이트 디자인 컨셉소개
템플릿 포토샵화일 첨부합니다. 나눔고딕 ExtraBold를 사용하였습니다.
서체다운로드 : http://hangeul.naver.com/nanum.nhn
폰트를 먼저 인스톨하시고 포토샵을 여셔서 입력한뒤에
jpg로 만들어서 제출합니다.


- 자신 웹사이트 디자인 이미지
백그라운드 없고, 브라우저 부분빼고 순수 이미지 영역만 4장 1024x768 사이즈로 제출합니다. 웹브라우저 빼고 디자인 영역만 제출

: 슬라이드용 디자인 이미지만을 name_presentation 폴더에 만들어서 넣어놓을것

2. 웹사이트 링크로 연결할 부분 제출

- 인터넷 웹페이지 화일들이 들어 있는 폴더를 제출 (index.html)화일과 나머지가 들어 있는 폴더
- 썸네일 이미지 180px × 110px jpg

자신의 블로그에 올리고, 여기에 댓글 다시기 바랍니다.

:  index.html 화일과 name_website 폴더에 만들어서 넣어놓을것

제출기한은 5월 17일 화요일 수업시간까지 입니다.

=> 수업시간전에 앞에 있는 컴퓨터에 interactivemedia_과제전 > 자신이름 폴더를 만들어서 카피해 놓을시기 바랍니다!!!!!!
  1. 이정민 2011.05.17 07:20

    교수님, 파일 용량이 너무 커서 압축해도 블로그에 안올라가네요... 수업시간에 제출하겠습니다


지금 까지 진행된 과제한것을 여기에 댓글로 달아주세요.
  1. 최혜송 2011.05.03 16:02

    http://yysongyy.dothome.co.kr/menu/index.html

슬라이드 쉐어에 못올린사람들은 나중에 올려서 알려줄것
파워포인트에서 pdf로 바꾸어서 올려볼것

백수지
포트폴리오 웹사이트
무지 사이트 의 영향을 받아서 디자인함
가로사이즈 줄일것
원래 자신의 아트웍을 적용해서 디자인해올것
좀더 다양한 기능을 넣는것을 시도해볼것
플래시나, 게시판 등등. 기말을 위해서는
tweety0224.dothome.co.kr

이정민
Non-private Designer's website
포트폴리오 공유 사이트
현재는 자신의 포트폴리오 사이트를 IA로 가져왔음
공유사이트를 만들것이라면 그것에 맞추어 IA와 UI를 스케치할것 (다음주까지)




안지은
포트폴리오 웹사이트를 만들것임
코딩을 할때 주의해서 할것. 좀더 다양한 기능을 넣는것을 시도해볼것
플래시나, 게시판 등등. 기말을 위해서는

Jieun.ppt
View more presentations from Ahnji




오현아
동적 포트폴리오 웹사이트를 기말까지 만들고 싶음
만들때 플래시를 사용한다면 가로세로 사이즈에 별로 구애받지 않고 할수 있음
다음주 까지 기말까지 하고 싶은 자신의 포트폴리오 웹사이트 디자인 시안을 완성해서 보여줄것




강경선
디자인을 좀더 퀄리티를 높일것
다음주까지 본인 스타일과 비슷한 웹사이트를 적어도 3개이상 찾아올것
하단에 들어간 메뉴의 위치를 다시한번 생각해볼것

Proposal
View more presentations from umgy1



Tuuli
Finnish site for Korean culture
It is ok to build the site in Finnish.. or both Finnish and English.
find good example sites for introducing culture…
try to design the main page and sub page using Photoshop

김문정
<center></center>
디자인 일관성을 위해서 백그라운드를 사용할것.
다음주까지 비슷한 일러스트로 디자인한 다른 웹사이트들을 세가지 이상 찾아볼것
서브페이지의 네비게이션을 어떻게 할지 결정할것
빨리 끝내고 모바일까지 개발해 볼것

김소정
ShoeBox
신발 사진을 어떻게 구할것인가? 
신발 사이트의 목적이 정보를 주는것인지 온라인 쇼핑인지 정할것
메인페이지외에 서브페이지도 디자인 해서 다음주까지 결정된 디자인과 서브페이지 html 을 보여줄것

강하늘
포트폴리오 웹사이트 
서브 네비게이션 위치를 바꿀것
디자인 그리드를 좀더 발전시킬것
포트폴리오 내용을 한장의 포스터 보다는 잘보이는 이미지와 텍스트를 분리하면 어떨지.
다음주까지 디자인을 수정해서 가져올것.


김주현
벤치마킹해서 찾은 사이트와 어떻게 틀린지 조사할것
그리고 디자인을 다시 업그레이드 해서 올것

중간과제 여기에 댓글로 달아주세요.

1. translation 번역 숙제,
2. designing interaction books 1장 2장 써머리,
3. 자신의 인터렉티브 미디어 디자인 프로젝트 프로포잘 쓰기


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

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

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

중간발표화일은 ppt나 pdf 화일로 slideshare.net에 올리고 그 임베디드를 가져다가 본인의 블로그에 붙이신뒤에  여기에 댓글로 해당 포스트의 URL을 달것! 
참고 예 : http://www.slideshare.net/rorymai/webdesign2-mobileweb
* slideshare.net에 회원가입을 한후 ppt화일이나 pdf 화일을 업로드하면 위의 URL 처럼 보이고 여기서 슬라이드의 상단에 < > Embed를 눌러서 자신의 블로그에 삽입한뒤에 그 포스트 URL을 복사해서 여기에 댓글로 달면됨

4. html cording
자신의 웹사이트 작업하는것의 기본적인 코딩을 어느정도 끝내서 올것 
 
  1. 백수지 2011.04.18 22:08

    http://easyus.blogspot.com/2011/04/slideshare.html
    가입해서 올렸는데 컨버팅이 계속되고 파일이 플래쉬파일로 안나와서 일단 파일로 들고가겠습니다..

    tweety0224.dothome.co.kr
    -html코딩

  2. 이정민 2011.04.19 04:42

    http://blog.naver.com/janice1023/110107125970

  3. 안지은 2011.04.19 08:57

    http://blog.naver.com/a_1il/110107103792

  4. 오현아 2011.04.19 11:45

    교수님 저도 슬라이드쉐어에 업로드가 안됩니다 ㅠㅜ
    http://blog.naver.com/drtryum

  5. 강경선 2011.04.19 14:15

    http://heeyocoworld.blogspot.com/2011/04/prorosal.html

  6. 강하늘 2011.04.19 15:44

    http://blog.naver.com/chungru88/40127611052

  7. 김유경 2011.04.26 11:40

    http://kimyu217.blogspot.com/2011/04/project-proposal.html

  8. 최혜송 2011.04.26 14:15

    http://songcomm.egloos.com/454175

  9. 유희경 2011.04.26 14:40

    http://www.slideshare.net/medeiahk/0712472-7733727
    http://blog.naver.com/medeiahk

여기에 과제를 댓글로 달아주세요. 
  1. 오현아 2011.04.12 14:17

    도메인은 받았는데 FTP랑 여전히 연결이 안되서요, 파일을 업로드할수가 없어요ㅜㅡ

  2. 오현아 2011.04.12 14:53

    http://blog.naver.com/drtryum

  3. 최혜송 2011.04.12 16:29

    http://yysongyy.dothome.co.kr/menu/index.html#

  4. 백수지 2011.04.18 21:16

    tweety0224.dothome.co.kr

1. designing interactions  의 챕터 2까지 한명골라서 2~3 문단으로 summary 해올것
다음시간에 발표합니다.

2.  http://www.snow.or.kr/lecture/culture/creative/7959.html
렉쳐의 영문 스크립트 한글스크립트 5~10분 번역이나 딕테이션하기

3. 디자인 더 보충해서 가져오기 자신의 웹사이트

오늘 여기에 디자인 보충한 자신의 웹사이트 숙제내용 댓글로 포스트 올려주세요.



 
  1. 백수지 2011.04.03 19:21

    http://easyus.blogspot.com/2011/04/home-page-2.html

    http://easyus.blogspot.com/2011/04/bill-moggridge-designing-interactions.html

  2. 오현아 2011.04.05 01:35

    http://blog.naver.com/drtryum

  3. 김문정 2011.04.05 10:38

    http://blog.naver.com/mjworldmoon

  4. 이정민 2011.04.05 11:35

    http://blog.naver.com/janice1023

  5. 강하늘 2011.04.05 12:50

    http://blog.naver.com/chungru88/40126692285

  6. 강경선 2011.04.05 13:40

    http://heeyocoworld.blogspot.com/

  7. 안지은 2011.04.05 14:08

    http://blog.naver.com/a_1il/110106224773

  8. 최혜송 2011.04.05 15:13

    http://songcomm.egloos.com/345498

숙제
1. SNOW 웹페이지에 가서 스크립트 참여하기를 눌러서 한글 또는 영문 스크립트 참여하기
여기 SNOW 페이지의 참여하기를 눌러서 하시면 됩니다. 
자신의 블로그에 번역한 부분을 넣아놓아도 좋구요. (이건 옵션)
2주 후, 3월 29일 까지로 연장 

3. 중간고사때까지 자신의 홈페이지를 만들것입니다.
다음주 까지 어떻게 만들었으면 좋은지에 대한 간단한 스케치를 
손으로 하셔서 디카로 찍어서 자신의 블로그에 올리시거나
포토샵으로 작업하셔서 자신의 블로그에 올리세요. 
앞으로 계속 작업할것이니 우선 간단하게 생각해와주세요. 
==> 다음주에 영어로 한명씩 저에게 프리젠테이션 하고
그 다음주 3월 29일에 영어로 발표하도록 하겠습니다. 
간단하게 준비하세요. 


** 추가적으로 html crossword puzzle이 나갈 예정입니다.
이건 추후에 제가 스캔받아서 올릴터이니.
각자의 블로그에 답을 적어보세요. 
==> 스캔 받기 어려워 아직 나가지 못했습니다.  추후에 다시 공지토록 하겠습니다. 

*** 앞으로 모든 숙제는 자신의 블로그에 올리셔야 합니다. 그리고 그 블로그 URL을 각 해당 숙제 포스트의 댓글로 제출하시면 됩니다. 
  1. 정혜인 2011.03.20 18:19

    교수님 메일 확인 부탁드립니다!

  2. 정진아 2011.03.20 23:02

    과제 제출합니다 http://jinahw.blogspot.com/2011/03/blog-post.html

  3. 이정민 2011.03.22 01:50

    http://blog.naver.com/janice1023

  4. 이지현 2011.03.22 01:54

    http://blog.naver.com/lj900817

  5. 안지은 2011.03.22 02:47

    http://blog.naver.com/a_1il

  6. 김유경 2011.03.22 03:20

    http://kimyu217.blogspot.com/

  7. 강경선 2011.03.22 13:09

    http://heeyocoworld.blogspot.com/2011/03/2.html

  8. 백수지 2011.03.22 13:56

    http://easyus.blogspot.com/2011/03/homepage-design-summary.html

  9. 최혜송 2011.03.22 14:12

    http://songcomm.egloos.com

  10. 유희경 2011.03.22 14:34

    http://http://blog.naver.com/medeiahk

  11. 정혜인 2011.03.22 15:21

    http://heyn-jude.blogspot.com/2011/03/rough-ideas.html

  12. 오현아 2011.03.22 16:06

    http://blog.naver.com/drtryum -이게 맞습니다~

  13. 김문정 2011.03.28 01:03

    http://blog.naver.com/mjworldmoon

  14. 강하늘 2011.03.28 22:35

    http://blog.naver.com/chungru88/40126209250

  15. 루헝 Lu Heng 2011.03.29 09:27

    http://monkeyocc.blogspot.com/

  16. 김소정 2011.03.29 10:20

    http://visualsojeanne.wordpress.com/2011/03/29/my-website-plan/

  17. 김주현 2011.03.29 15:18

    http://blog.naver.com/impactdo

교재 
Elisabeth Freeman & Eric Freeman
O'Reilly
한국어판
http://www.yes24.com/24/Goods/2104548?Acode=101

Bill Moggridge

숙제
1. 내용을 여기 댓글에 달아주세요.
이름/이메일/블로그또는 웹사이트 URL (매주의 숙제를 포스트하기 위한)

2. SNOW 웹페이지에 가서 스크립트 참여하기를 눌러서 한글 또는 영문 스크립트 참여하기
여기 SNOW 페이지의 참여하기를 눌러서 하시면 됩니다. 
자신의 블로그에 번역한 부분을 넣아놓아도 좋구요. (이건 옵션)

3. 중간고사때까지 자신의 홈페이지를 만들것입니다.
다음주 까지 어떻게 만들었으면 좋은지에 대한 간단한 스케치를 
손으로 하셔서 디카로 찍어서 자신의 블로그에 올리시거나
포토샵으로 작업하셔서 자신의 블로그에 올리세요. 
앞으로 계속 작업할것이니 우선 간단하게 생각해와주세요. 

** 추가적으로 html crossword puzzle이 나갈 예정입니다.
이건 추후에 제가 스캔받아서 올릴터이니.
각자의 블로그에 답을 적어보세요. 

*** 앞으로 모든 숙제는 자신의 블로그에 올리셔야 합니다. 그리고 그 블로그 URL을 각 해당 숙제 포스트의 댓글로 제출하시면 됩니다. 
  1. rimsehee 2011.03.08 14:56

    임세희(rimsehee) , heyossi@nate.com , http://blog.naver.com/heyossi

  2. KANG 2011.03.08 15:00

    강하늘(KANG,HA NEUL) / sky880817@hanmail.net / http://blog.naver.com/chungru88

  3. Jina 2011.03.08 16:01

    정진아(Jina Jung) / jinaa.jung@gmail.com / http://jinahw.blogspot.com

  4. Lu Heng 2011.03.08 22:27

    Lu Heng / monkeyocc@gmail.com / http://monkeyocc.blogspot.com

  5. Huii 2011.03.10 18:01

    유희경(Hui Kyeong Yu) / medeiahk@naver.com / http://blog.naver.com/medeiahk

  6. kimsojung 2011.03.10 23:24

    김소정(Kim So Jung)/ drugtv@gmail.com / http://visualsojeanne.wordpress.com

  7. 김주현 2011.03.14 19:08

    김주현(Kim Joo Hyun)/ impactdo@naver.com / http://blog.naver.com/impactdo

  8. Hyesong Choe 2011.03.14 23:32

    최혜송(Hyesong Choe), yysongyy@nate.com, http://songcomm.egloos.com/

  9. kang kyungsun 2011.03.15 00:19

    강경선(kang kyungsun)/umgy1@naver.com/ http://heeyocoworld.blogspot.com/

  10. 이정민 2011.03.15 01:09

    이정민 (Jung Min Lee)/ joey1106@hotmail.com/ http://blog.naver.com/janice1023

  11. hyuna 2011.03.15 13:46

    오현아(Oh-hyunah),ohyunah@gmail.com http://ohyunah.blogspot.com/

    http://blog.naver.com/drtryum

  12. 이지현 2011.03.15 14:11

    이지현(Ji Hyun Lee)/ganjilj@gmail.com / http://blog.naver.com/lj900817

  13. 백수지 2011.03.15 17:33

    백수지(Suzi Baek)/ suzi89@nate.com/ http://easyus.blogspot.com/

  14. 안지은 2011.03.15 20:08

    안지은(Ji eun Ahn)/ a_1il@naver.com/ http://blog.naver.com/a_1il

  15. Moon 2011.03.28 01:02

    김문정(Kim moon jeong) / mj__moon@hanmail.net / http://blog.naver.com/mjworldmoon

강 의 계 획 서(Syllabus)


2011학년도 제 1학기   

 

숙명여자대학교

*강의과목

교과목명
(Course Name)

인터랙티브미디어디자인Ⅰ

INTERACTIVE MEDIA DESIGNⅠ

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

06285/02

수강대상
(Major)

 

학점/시간
(Credits/Hours)

2/4

요일/교시
(Day/Period)

화 7-10
 

강의실
(Classroom)

미술대404  

강의종류
(Method)

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

*담당교수(Professor)

교수명
(Name)

소속
(Department)

연락처
(Personal Number)

공개전화번호
(Office Number)

E_Mail

상담시간
(Available Hours)

이지선 

교양교육원 

 

 

 

 

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

1)교과목 개요(Course Description)

A hands-on studio workshop for interaction design investigating practical and theoretical issues such as new design paradigms, project workflow, information design, interactive navigation, production methodologies, and an exploration of a full range of interaction mediums from web to screen devices to interactive objects & spaces. In addition, the course explores basic issues in interactive design such as what is good about interactive media?, what is interaction design? and what happens when every object & space has a life of it's own?

2)교육목표(Course Objective)

Upon completion of Interaction Design 1, the student should be able to:

Discuss contemporary issues of interactive design
Design with new and experimental modes of interaction
Design and produce an interface for a portable or embedded device
Design and produce interactive objects & spaces at an introductory level

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

( )

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

1) 주교재(Textbook)

Usability
Designing Web Usability - The practice of simplicity, Jakob Nielsen
www.useit.com
www.usabilityfirst.com

Experience Design
Experience Design - Nathan Shedroff
www.aiga.org/content.cfm?contentalias=what_is_ed
www.nathan.com/resources/
www-306.ibm.com/ibm/easy/eou_ext.nsf/publish/2558

Design Research - Edited by Brenda Laurel, Designed by Anne Burdick

Productive Interaction
www.productiveinteraction.com - Philip van Allen  

2) 참고문헌(Reference)

 

4. 지정도서(Assigned Books)

 

5. 학습과제 (Assignments)

과제물명
Assignment

제출
횟수
(No. of Times)

제출
시기
Due Week)

부과점수
Weighing
(%)

내용
Contents

작성방법
Method

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


Students will design the screen interface for a non-computer application, and explore the basics of making interactive objects & spaces

Then, in the second half, the stuents will explore web based interactions including complex information systems and interactive communities. There will also be a focus on production process and strategies for complex multimedia projects
 

6. 평가계획(Grading Policy)

평가방법
(Method of Evaluation)

평가횟수
(No. of Times)

평가내용
(Content of Evluation)

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

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

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

*보충설명 (Notes)


Grading is determined by attendance & participation (20%), and completion of all assignments - midterm & research (30%), final & research (50%)

 

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


(week)

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

강의방법
(Method)

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

1주

course overview, What is interaction design?
 

 

 

2주

What is Interface Design?
Interface design is the combination of Information Design, Interaction Design, and Sensorial Designs
 

 

 

3주

What is Information Design?
Information and the understanding spectrum 

 

 

4주

What is Interaction Design?
Topics:
Action, reaction, and interaction 

 

 

5주

The Interaction Design Process
Topics:
Concept and Planning 

 

 

6주

The Interaction Design Process
Topics:
Design, Prototyping, and Specifications

 

 

 

7주

Midterm Presentations of Project Proposals  

 

 

8주

Sensorial Design
Topics:
Text/Writing, Visuals, Video/Cinematography, Sounds 

 

 

9주

Multimedia and Storytelling
 

 

 

10주

Information Visualization
 

 

 

11주

Interaction Design for Web
- html (1) 

 

 

12주

Interaction Design for Web
- html (2) 

 

 

13주

Interaction Design for mobile
- mobiel web (1)
 

 

 

14주

Interaction Design for mobile
- mobiel web (2)
 

 

 

15주

final presentation 

 

 

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


course website : http://visualcommunication.tistory.com/ 


+ Recent posts