김보라

게임을 개발해 보면서 많이 느꼈을거라 생각함

앞으로도 게임의 직접 개발해보는 쪽에 신경쓰기 바람 

끝까지 어려워도 잘 개발했음

게임의 이론이나 개발의 프로세스에도 관심을 가지고 계속 공부하기 바람 


데모 영상 올려주시기 바람 


김보람

그래픽적으로 작업하는것 이외에 

그래픽 기초, 타이포에 대한 공부를 더 하기 바람

개발자 분과 상의해서 잘 끝내기를 바라고,   html5 css3 로 코딩을 더해서 인터페이스의 용량을 줄이기 바람

컨텐츠를 모아서 각 카테고리별로 한페이지 이상의 컨텐츠를 제공할것 




The best of girlfriends from Boram Kim on Vimeo.


문소슬

개발부분에서 많은 발전을 보여준것같음

그러나 시간 스케쥴링을 잘했으면 더 좋았을것 같음 

앞으로 편집디자인의 기초를 더 다지는 공부를 더하고

4학년 졸전에서 DP 와 더불어 e-Pub을 함께 준비하기를 바람



데모 영상 올려주시기 바람 


배지수

시간계획을 잘 세워서 할것

포기하지 말것

한학기동안 고생했음 

앞으로 더 많은 일에서 끝까지 포기하지 말고 할것 

데모 사이트 URL 댓글 포스트 요망

발표 화일 완료하여 업로드한 후 알려줄것


강문정 

ppt 디자인 잘 하고 정리해서 다시 올릴것 

컨텐츠 양이 아직 작지 않은가?

카테고리를 추가하여 컨텐트를 정리하면 좋겠음. 

앞으로도 본인의 업에서 잘활용하기를 바람 


다이어트 웹사이트 http://moon1129.dothome.co.kr/wordpress/


김민지

스무디킹 키오스크  UX

앱개발 완료해서 크리스마스까지 완료해서 알려줄것

마무리를 잘하시길 바람


발표 화일 완료하여 업로드한 후 알려줄것

데모 영상 올려주시기 바람 


  1. 김보라 2012.12.23 20:05

    https://vimeo.com/56189192

    영상 비메오로 다시 올립니다!

  2. 문소슬 2012.12.23 20:38

    저도 어제 다시올렸어요~!

  3. 김민지 2012.12.24 17:50

    https://vimeo.com/56233034
    스무디킹 어플리케이션 완성한것 다시올립니다! :-)

  4. 김민지 2012.12.24 17:57

    키오스크영상 : https://vimeo.com/56135596
    피피티 : http://www.slideshare.net/mj19753/00-15730752

    요건 엊그저께 발표했던것들, 링크다시한번올리겠습니다!

12월 22일 토요일 10시 미대 724호


기발 발표 가이드 
배지수, 강문정 : ppt 와 웹사이트 동작 시연 

김보라, 문소슬 : ppt 와 ipad 동작하는 동영상, 아이패드 금요일에 대여해서 토요일 시연후 반납, 공유 요망 

김보람 : ppt와 안드로이드에서 동작하는 동영상 

김민지 : ppt와  동작하는 동영상 



1. 위의 완성된 프로토타입을 작동하는 비디오 화면을 촬영하여 youtube, blip.tv, vimeo에 올린후 임베디드 코드를 본인의 블로그에 올리고 동영상 화일 URL 을 제출할것, 화일을 다운로드 가능하게 만들것 
2. 중간고사때 발표했던 프로포잘 프로젠테이션 화일을 완성하여, 세부 와이어프레임, 비쥬얼 화면을 추가 하여 완성한뒤 slideshare.net에 올리고  URL을 제출할것, 화일을 다운로드 가능하게 첨부할것 
3. 본 학기에 진행한 본과목에 대한 본인 블로그 URL  제출


  1. 오금영 2012.12.22 03:15

    http://blog.naver.com/oky1505/20174154779

  2. 김보라 2012.12.22 03:31

    http://bobhome.tistory.com/entry/인터렉티브-최종-발표

  3. 문소슬 2012.12.22 08:24

    http://blog.naver.com/7610366/90159626761

  4. 김보람 2012.12.22 09:53

    1. PPT파일
    http://www.slideshare.net/Ramandyou/ss-15729716
    2. 영상URL
    http://vimeo.com/56126269
    3. 블로그
    blog.naver.com/mymaron_

  5. 강문정 0712455 2012.12.22 11:11

    http://blog.naver.com/destiny1129

  6. 김민지 2012.12.22 12:11

    피피티 :
    http://www.slideshare.net/mj19753/00-15730752

    영상 : https://vimeo.com/56135596

  7. 배지수 2012.12.24 09:17

    http://www.allhamster.com
    http://www.slideshare.net/silusilu/ss-15744424 (수정)

여기에 숙제 진행한것 댓글로 달아주세요. 

  1. 김보람 2012.12.11 11:52

    http://blog.naver.com/mymaron_/30153556673

  2. 김바다 2012.12.11 12:27

    http://blog.daum.net/kimbada-o-v/7236380

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

  1. 김보람 2012.12.04 12:04

    http://blog.naver.com/mymaron_/30153028820

  2. 문소슬 2012.12.22 11:46

    http://blog.naver.com/7610366/90159626614

문소슬 아래에서 아이패드 디자인들 참고요망

http://blogs.adobe.com/digitalpublishinggallery/


전에 수업에서 알려줬으나 잘 모르겠는 사람들을 위해.

워드프레스 한글폰트 적용 아래 URL의 아래부분에 방법있음. 

http://martian36.tistory.com/766


지수

워드프레스 게시판 설치

http://ssamture.net/




이번주에 작업한것 수업시간에 우선 점검 예정. 준비해올것.

  1. 배지수 2012.11.27 03:07

    http://silusilu.cafe24.com

  2. 김민지 2012.11.27 10:44

    http://mj19753.blog.me/60176640486

  3. 오금영 2012.11.27 17:18

    http://blog.naver.com/oky1505/20172212968

  4. 문소슬 2012.12.22 11:47

    http://blog.naver.com/7610366/90159626614

http://www.smashingmagazine.com/2008/05/05/pixels-go-mad-the-celebration-of-pixel-art/


http://www.flipflopflyin.com/





여기에 댓글달아서 제출해주세요. 

  1. 문소슬 2012.11.20 11:35

    http://blog.naver.com/7610366/90157131706

  2. 김보람 2012.11.20 11:44

    http://blog.naver.com/mymaron_/30151960957

지난주에 개인별로 드렸던 코멘트에 대한 진행상황을 블로그에 올리고

여기에 과제 댓글로 달아 제출해 주세요.

진행상황을 블로그에 올리지 않으면 나중에 평가에 반영되지 않습니다.

 

  1. 오금영 2012.11.12 17:46

    http://blog.naver.com/oky1505/20171070561
    와이어프레임

  2. 김민지 2012.11.13 12:03

    http://mj19753.blog.me/60175589145

  3. 김보람 2012.11.20 11:44

    http://blog.naver.com/mymaron_/30151960094

  4. 문소슬 2012.12.22 12:15

    http://blog.naver.com/7610366/90157131706

지난주에 각 개인에게 코멘트해 드린 과제를 여기에 댓글로 달아주세요.

  1. 오금영 2012.11.06 02:07

    http://blog.naver.com/oky1505/20170559838

  2. 김민지 2012.11.06 08:53

    http://mj19753.blog.me/60175035890

  3. 문소슬 2012.12.22 12:15

    http://blog.naver.com/7610366/90157131706

오금영 

평범한 코디 디자인이 되지 않도록 할것 

기존의 비슷한 서비스와 어떤 차별화 점이 있는가? 

+ 사람들에게 어떤 패션 서비스가 필요한가?

+ 지금 현재 존재하는 패션 어드바이스 앱 서비스는 무엇이 있는가? 

동작되는 화면을 인디자인으로 구현한다고 생각하고 작업할것 

와이어 프레임까지 작업해올것 


강문정 

다이어트 웹디자인

웹사이트의 특성을 살려 디자인하기 위한 전략을 다시 고심할것. 

페이지만 나열한 느낌에서 벗어날것

단순한 웹사이트가 아닌 다이어트를 잘 홍보하고 판매할수 있는 서비스를 구현한다는데 목표를 둘것  

와이어 프레임까지 작업해 올것. 


문소슬 

잡지의 표지 디자인

목차 페이지에서 파스텔톤의 디자인이 내부 디자인과 동떨어진 느낌. 

전체 잡지를 완성한다는 느낌으로 표지와 목차를 만들고. 그중에 클릭 되는 부분만 구현하는 것으로 할것 

인디자인 사용법을 익히기 시작할것 . 본문의 각 섹션별 디자인의 차이를 둘것 .  행간을 좀더 띌것 

다음주까지 전체 페이지의 이미지 디자인을 완성해 올것 


김보라 

화면을 좀더 디테일하게 스케치하고 어떤 인터렉션을 넣을건지도 구체적으로 명시할것 

다음주까지 화면 와이어 프레임을 완성하여 올것 

인디자인 사용법을 익히고 인디자인을 사용한 범위내에서 구현하는 방법을 강구할것 


배지수

사용자 별로 컨텐츠에 댓글을달거나 작성하는 등의 권한 관리를 하면 될것같음 -> 각 단계에 문제를 내서 통과자에게 수료증 수여 

다음주 까지 와이어 프레임 완성해 올것. 

다음주에는 웹 호스팅 업체의 툴을 이용해서 디자인하는 방법을 습득하기 시작할것 




나머지. Wire frames  완성하고. 

프로토타이핑 테스트를 할 3~5개의 과업에 맞추어 Wire Frames을 완성하여 프린트 해 올것. 


프로토타이핑 개요도 써올것 

1. 목적과 목표 

2. 연구 일정 

3. 사용자 프로필 

4. 방법 

Task를 정할것 

5. 조사를 위한 설문 

6. 역할(진행자, 관찰자, 필기자) 

7. 프로토타입 준비물(종이 프로토타입의 경우) 

8. 보고서 컨텐츠


여기에 과제 댓글로 달것 

  1. 김보라 2012.10.30 10:02

    http://bobhome.tistory.com/entry/인터렉티브미디어8주차

  2. 문소슬 2012.10.30 10:21

    http://blog.naver.com/7610366/90155520155

  3. 배지수 2012.10.30 11:07

    http://blog.daum.net/jisuham/15815826

  4. 김보람 2012.10.30 11:08

    http://blog.naver.com/mymaron_/30150356305

UI/UX 디자인 중간과제 발표 템플릿은 아래를 참고해 주시고. 

다음이 포함되어 있어야 합니다. 


- 리서치 

- 퍼소나

- 시나리오

- 타스크 모델

- 유저 저니

- 와이어 프레임 



중간발표화일은 ppt나 pdf 화일로 slideshare.net에 올리고 그 임베디드를 가져다가 본인의 블로그에 붙이신뒤에  여기에 댓글로 해당 포스트의 URL을 달것! 
참고 예 : http://www.slideshare.net/rorymai/webdesign2-mobileweb

* slideshare.net에 회원가입을 한후 ppt화일이나 pdf 화일을 업로드하면 위의 URL 처럼 보이고 여기서 슬라이드의 상단에 < > Embed를 눌러서 자신의 블로그에 삽입한뒤에 그 포스트 URL을 복사해서 여기에 댓글로 달면됨




 프리젠테이션 템플릿은 Design Research  by Brenda Laurel 책중 BJ FOGG가 만든 Conceptual Design Template에서 가져왔음

이책의 내용중 이에 해당하는것을 PDF로 첨부하니 좀더 자세한 내용을 보고 싶으신분은 아래의 PDF를 다운로드 받아서 읽어보기 바람



1. The Title Page
[Concept Name Here]
design by [your name here]
2009 spring 




2. The Overview
[Name of Project Here]

Persuasive Purpose
   -To [put design challenge summary here]

[put a visual image of your concept here]




3. User Description
-[info about your target user, perhaps with visual]




4. The Storyboard of User Experience
[Storyboard title here]




5. User Feedback
[User research results here, if any. It's great to include photos.]




6. The Summary or Ending
[your contact info]


위의 템플릿을 이용하여 프리젠테이션과 마지막 과제를 정리하여 제출하거나
아니면 위 템플릿의 모든 요소를 넣은것으로 자유롭게 구성하여 정리하여 제출하여도 무방
자신의 블로그에도 정리한 내용을 포스트할것


동화책이나 잡지등의 전자출판 쪽으로 하시는 분들은 위의 제출물을 포함하되 

지난 학기 중간 제출물을 참고하시기 바랍니다. 

http://visualcommunication.tistory.com/724

  1. jisubae 0712480 2012.10.23 09:47

    http://www.slideshare.net/slideshow/embed_code/14840989

  2. 김보라 2012.10.23 09:56

    http://bobhome.tistory.com/entry/인터렉티브미디어7주차

  3. 문소슬 2012.10.23 10:47

    http://blog.naver.com/7610366/90155021484

  4. 강문정 2012.10.23 11:04

    http://blog.naver.com/destiny1129

  5. 오금영 2012.10.23 11:16

    http://blog.naver.com/oky1505

  6. 김민지 2012.10.23 13:11

    http://mj19753.blog.me/
    교수님ㅜㅜ죄송합니다 내일검사맡겠습니다!

  7. 김보람 2012.10.24 10:25

    http://www.slideshare.net/slideshow/embed_code/14857204

 Task Models, User Journey  그려오기.

이거 다그린 사람은 wireframe 까지 그려오기 바랍니다. 

wireframe을 그릴때는 템플릿을 프린트 하셔서 그리드를 그리고 이용하기 바랍니다. 


와이어프레임 그리기 참고 포스트 

http://visualcommunication.tistory.com/668


인디자인. 전자출판 템플릿

http://visualcommunication.tistory.com/574


http://visualcommunication.tistory.com/798

 

 

이 템플릿을 이용하면 좋을것 같음

http://interfacesketch.tumblr.com/

http://webdesignledger.com/freebies/10-free-printable-web-design-wireframing-templates


http://uxdesign.smashingmagazine.com/2012/09/18/free-download-ux-sketching-wireframing-templates-mobile/



http://uxdesign.smashingmagazine.com/2011/12/13/messy-art-ux-sketching/

  1. 김보라 2012.10.16 00:59

    http://bobhome.tistory.com/entry/인터렉티브디자인6주차

  2. 오금영 2012.10.18 16:07

    Persona
    Story
    App goal

  3. 오금영 2012.10.18 16:08

    http://blog.naver.com/oky1505

아래 포스트에 있는 템플릿을 이용하여 퍼소나(1명이상)과 시나리오(한주더 진행예정)을 써오기


사용자 리서치 좀더 보강해서 퍼소나를 만드시기 바라고. 

사용자 리서치 자료도 잘 정리해 놓으시기 바랍니다. 

실제 사용자의 인터뷰, 사용장면등을 찍고 글로도 정리하시기 바랍니다. 


전자출판쪽을 하시는 분들은 

아래의 포스트를 참고하시어 실제 화일을 만들어보고 테스트로 DPS 시스템에 올려서 지하 139호에 있는 아이패드로 확인까지 해보시기 바랍니다.  이과정을 안해보면 매우 어렵기때문에 꼭 해보시기 바랍니다. 

잘모르시는것은 다음주에 질문하기 바랍니다. 


다음주 10월 2일은 정상 수업진행합니다. 늦지않게 수업에 오시기 바랍니다. 




  1. 김보라 2012.10.02 01:53

    http://bobhome.tistory.com/entry/인터렉티브미디어디자인4주차

  2. 강문정 0712455 2012.10.02 02:33

    http://blog.daum.net/moonjung1129?t__nil_loginbox=blog_btn

  3. 배지수 2012.10.02 03:27

    http://blog.daum.net/jisuham/15815822

  4. 김보람 2012.10.02 07:25

    http://ramsisland.tistory.com/entry/사용자리서치
    http://ramsisland.tistory.com/entry/Persona

  5. 문소슬 2012.10.02 10:44

    http://blog.naver.com/7610366/90153495088

  6. 김민지 2012.10.02 11:19

    http://mj19753.blog.me/

생활코딩

10월중에 강의특강 모실 계획 

http://opentutorials.org/

html & css 


참고로 여기를 보세요. 

HTML > CSS > HTML5 > CSS3 > JAVA SCRIPT > JQU

http://www.w3schools.com/


YAMOO9.COM

지금 닫혀있어요. 

대신 동영상 강의는 아직 볼수 있어요. 

http://vimeo.com/yamoo9

10월 2일 샌드위치데이에 지방에 가는사람이 있는지?

12월 18일 화요일(한국도로공사 시상식) 대신에 12월 21일 금요일 또는 토요일 발표가 가능한지?

어떤 형태든 큰 문제는 없으나 실제 사용자가 자신이 생각하는 디바이스나 서비스를 이용하는것을 관찰해 오거나 그외의 방법을 동원하여 리서치를 해오는것이 이번 주 과제 입니다.

기존의 비슷한 것을 쓰는것을 비교분석한 리서치도 좋고.

관련된 서비스의 리서치도 좋습니다.

중요한것은 5장 이상의 리서치 결과서를 가져오시고.

자신이 하고자 하는 프로젝트에 도움이 되는 방향으로 적극적으로 해오시면 됩니다.


리서치한 결과자료를 마찬가지로 자신의 블로그에 올리고 링크를 여기에 댓글로 다시면 됩니다.


  1. 강문정 0712455 2012.09.24 23:06

    http://blog.naver.com/destiny1129

  2. 최혜미 2012.09.24 23:50

    http://blog.naver.com/cheemi

  3. 김보라 2012.09.25 00:45

    http://bobhome.tistory.com/entry/인터렉티브미디어3주차

  4. 배지수 2012.09.25 02:35

    http://blog.daum.net/jisuham/15815821

  5. 김민지 2012.09.25 03:36

    http://mj19753.blog.me/

    • sun 2012.09.25 10:50

      http://www.ted.com/talks/lang/en/matt_mills_image_recognition_that_triggers_augmented_reality.html

  6. 김보람 2012.09.25 09:30

    http://blog.naver.com/mymaron_/30147849692

  7. moon so sle 2012.09.25 10:11

    http://blog.naver.com/7610366/90153026650

과제는 자신이 하고자 하는분야의 개발프로세스 리서치

그리고 자신이 하고자 하는것에 대한 컨셉 스케치 또는 아직 결정되지 않았다면 좀더 리서치 

이 둘다를 블로그에 올리시고 여기에 댓글을 다시면 됩니다. 


오늘 봤던 돈 노만의 미래세상의 디자인 영상

http://www.snow.or.kr/lecture/culture/creative/5566.html


돈노만 테드강의




애플 아이폰 첫번째 광고



  1. 최혜미 2012.09.17 21:18

    http://blog.naver.com/cheemi

    • sun 2012.09.18 10:47

      http://www.commarts.com/webpicks

  2. 0712481김보라 2012.09.17 22:45

    http://bobhome.tistory.com/entry/인터렉티브-미디어-2주차

    • sun 2012.09.18 10:38

      1. 기획 : 게임에 필요한 프로그램 요소를 결정하고 컨텐츠의 테마를 잡습니다.
      가장 중요한 단계로, 기획을 꼼꼼히 해놔야 나중에 프로그램 수정이 적어집니다.
      2. 엔진개발 : 2D혹은 3D로 컨텐츠를 디스플레이하고, 사용자에겐 인터페이스가 됩니다.
      3. 컨텐츠개발 : 만들어진 엔진에 컨텐츠를 입혀 즐길 수 있는 상태로 만듭니다.
      4. QA : 개발하면서 나오지 않았던 버그를 고치고, 기획안과 일치하게 구현되었는지 확인합니다.
      5. 등록 : 국내에서 게임을 팔려면 게등위에 인증료를 내고 검수를 받습니다.
      6. 유지보수

  3. 강문정 2012.09.18 02:42

    http://blog.naver.com/destiny1129

  4. 고나경 2012.09.18 05:52

    http://blog.naver.com/sheknk

  5. 김보람 2012.09.18 06:57

    http://blog.naver.com/mymaron_/30147321238

  6. 지수배 2012.09.18 10:13

    http://blog.daum.net/jisuham/15815819

  7. 0812572정규선 2012.09.18 23:56

    sabakuyume.egloos.com/746215

  8. 소슬달바람 2012.09.25 10:22 신고

    http://blog.naver.com/7610366/90153028212

블로그나 워드프레스등에 숙제를 포스트한뒤 포스트한 URL을

여기에 댓글을 달아 숙제를 제출해주세요.

1. 자신이 하고 싶은 프로젝트 (디지털 베이스)에 대한 리서치 해오기

2. Donal Norman (돈 노만)에 대해서 조사해 오기


수업에 못들어 온 학생들에게.

첫째 주에는 인터렉션 디자인, 인터페이스 디자인, UX 디자인, 정보디자인에 대한 용어를 정의하고 설명하였습니다.

관련 강의화일은 여기에.

http://visualcommunication.tistory.com/623

  1. 0912922 오금영 2012.09.11 00:27

    http://cyhome.cyworld.com/?home_id=a3761191

  2. 보리밥 2012.09.11 01:08 신고

    0712481 김보라 http://bobhome.tistory.com/entry/인터랙티브디자인-1주차-과제

  3. 1012821 고나경 2012.09.11 01:28

    http://blog.naver.com/sheknk

  4. 0912928 김보람 2012.09.11 02:16

    1. http://blog.naver.com/mymaron_/30146765998
    2. http://blog.naver.com/mymaron_/30146761353

  5. 배지수 2012.09.11 02:57

    http://blog.daum.net/jisuham/15815817

  6. 소슬달바람 2012.09.11 03:00 신고

    이름 클릭! - 0912909 문소슬

  7. 강문정 2012.09.11 04:22

    강문정 0712455
    http://blog.naver.com/destiny1129

  8. 김민지 2012.09.11 11:04

    http://mj19753.blog.me/

+ Recent posts