한지민

http://jmini91.tistory.com/
ㅡ블로그ㅡ
http://jmini.dothome.co.kr/
ㅡ홈페이지ㅡ

사용한  워드프레스 테마 출처:

http://www.dessign.net/simple-grid-theme-responsive/


카테고리 향후에 늘려가면서 작업할것, 일러스트 작업을 하나로 묶어서 컨셉과 과정을 설명하는것을 넣을것


이남준

http://blog.naver.com/junepinky/130140645987
ㅡ블로그ㅡ
http://junepinky.dothome.co.kr/
ㅡ홈페이지ㅡ

상단에 각 포트폴리오 카테고리를 만들어서 제공할것

갤러리를 여러개 만드는 방식으로 각 그림마다 결과물을 만들기까지의 과정을 담도록 노력할것


임채림

http://joundr.dothome.co.kr/wordpress/?p=393
-블로그-
http://chrm.dothome.co.kr
-홈페이지-

각 썸네일에 대한 자세한 작업과정 페이지를 만들어줘야 포트폴리오로서의 의미가 있음

워크안에 하위 페이지들을 만들어줄것. 동영상인경우 동영상 아이콘을 넣어서 표시하면 선택하기 더 쉬움


김오령

http://kimoh.tistory.com/
--블로그--
http://myroyalcity.xo.st/
--홈페이지--

영어, 한글로 할지 하나를 정해서 또는 두가지를 제공할지를 결정할것

각 일러스트의 최종결과물과 이것에 대한 설명을 위에 넣고 아래 자신있는 일러스트만 넣을것


한수진

http://blog.naver.com/rabbit_sj/10141271441
--블로그--
http://funnyjin.nayana.com/
--홈페이지--

상단이 좌측으로 쏠림. 잘못코딩된것 같음. 가로사이즈 줄일것

사진 고화질 이미지 사이즈를 줄여 놓을것 . 프로젝트 설명 넣을것


이성혜

http://blog.naver.com/lsh_0710
--블로그--
http://atby.dothome.co.kr/
--홈페이지--

가로사이즈 조정할것. 책이나 인쇄물은 슬라이드를 이용해도

전체 포트폴리오를 담은 pdf를 제공하는것도 추천


김에덴

http://blog.naver.com/ked27/150141036260
-블로그-
http://edenkim.dothome.co.kr/
-홈페이지-

세로크기를 줄여서 작업할것, 워드프로세로 나중에 연결을 시도해 볼것

각 썸네일을 눌렀을때 자세한 상세 페이지들에 대한 작업을 할것


이나연

http://touchedplace.cafe24.com/wp/?p=621
--블로그--
http://nayeonlee.dothome.co.kr
--홈페이지--

상단 네비게이션에 대한 선택이 되면 그것을 하일라이트해서 표시할것

동영상 포트폴리오는 recandplay.net을 참조해 볼것


최아름

http://stayinmymind.tistory.com/25
블로그
http://arem4416.dothome.co.kr

홈페이지
좌측메뉴 상단으로 이동 . about을 상단기준을 맞출것

하위 설명 페이지 넣을것 . 상단로고 위치 정리 . 이미지 가로 맞춤


김모현

blueballon.dothome.co.kr/index.html
-홈페이지-
http://blog.naver.com/soopong05/20160315989
-블로그-

상단 네비게이션 폰트 신경써서 할것. 한글 css 수정 코드 삽입할것 

상세페이지 좌측 정렬 맞출것, 모션그래픽의 썸네일은 이미지를 여러개 넣어서 만드는것도 방법


이지수

jetgirl.dothome.co.kr

-홈페이지-

hitgirl.dothome.co.kr

-블로그-

포폴에 대한 좀더 자세한 설명을 넣을. 상단네비게이션에서 메뉴가 않보이는것은 active 부분이 겹쳐서 그런것

워크부분에 부분을 열때 다시 코드를 살펴볼것 . 마진이 들어가지 않았는지. 완성할것


임유진

http://blog.naver.com/happy_imu
-블로그-
http://imagineimugine.dothome.co.kr
-사이트-

프로젝트 중심으로 포폴을 운영하는게 더 나을수도 있음

각 썸네일에서 연결되는 상세페이지 디자인할것. 썸네일 부분 크래픽 정리할것



권헤은

http://blog.naver.com/hyemongi

-블로그-

sajaking.dothome.co.kr
-사이트-

참고 디자인테마 : http://www.purtypixels.com/atlas-a-creatives-portfolio-psdhtml/

상세페이지 만들것 . 좀더 카테고리를 정리해서

포폴 내용 정리해서 상세페이지 만들것



여기에 기말과제 댓글 달기

 

자신의 블로그 포스트 주소(여기에 작업하신 블로그 화면 켭쳐를 받아서 올려놓으시면 됩니다  워드프레스 theme를 쓰신경우에는 출처 URL을 적어놓기 바랍니다. )

자신의 홈피 URL

  1. 페라페라 2012.06.19 15:01 신고

    http://jmini91.tistory.com/
    ㅡ블로그ㅡ

    http://jmini.dothome.co.kr/
    ㅡ홈페이지ㅡ

  2. 이남준 2012.06.19 15:10

    http://blog.naver.com/junepinky/130140645987
    ㅡ블로그ㅡ

    http://junepinky.dothome.co.kr/
    ㅡ홈페이지ㅡ

  3. 김오령 2012.06.19 15:13

    http://kimoh.tistory.com/
    --블로그--

    http://myroyalcity.xo.st/
    --홈페이지--

  4. 한수진 2012.06.19 15:14

    http://blog.naver.com/rabbit_sj/10141271441

    --블로그--

    http://funnyjin.nayana.com/
    --홈페이지--

  5. 임채림 2012.06.19 15:33

    http://joundr.dothome.co.kr/wordpress/?p=393
    -블로그-

    http://chrm.dothome.co.kr
    -홈페이지-

  6. 김에덴 2012.06.19 15:33

    http://blog.naver.com/ked27/150141036260
    -블로그-

    http://edenkim.dothome.co.kr/
    -홈페이지-

  7. 이나연 2012.06.19 15:34

    http://touchedplace.cafe24.com/wp/?p=621
    --블로그--

    http://nayeonlee.dothome.co.kr
    --홈페이지--

  8. 알뮈 2012.06.19 15:35 신고

    http://stayinmymind.tistory.com/25

    블로그

    홈페이지

    http://arem4416.dothome.co.kr
    홈페이지는 업로드가 안되어 아직 다 수정을 못했습니다.오늘 안으로 전부 올리도록하겠습니다.

  9. 이지수 2012.06.19 15:38

    -홈페이지-
    jetgirl.dothome.co.kr
    지금 수정해야하는데 드림위버부터 설치가 안되어있어서 일단 올려놓고 설치되는 대로 수정하겠습니다.

  10. 이지수 2012.06.19 15:38

    -블로그-
    hitgirl.dothome.co.kr

  11. 권혜은 2012.06.19 15:41

    -블로그-
    http://blog.naver.com/hyemongi

    -사이트-
    sajaking.dothome.co.kr

  12. 김모현 2012.06.19 15:57

    blueballon.dothome.co.kr/index.html
    -홈페이지-
    http://blog.naver.com/soopong05/20160315989
    -블로그-

  13. 임유진 2012.06.19 16:00

    http://blog.naver.com/happy_imu
    -블로그-

    http://imagineimugine.dothome.co.kr
    -사이트-

  14. 이성혜 2012.06.19 16:10

    http://blog.naver.com/lsh_0710
    -블로그-

    atby.dothome.co.kr/
    -사이트-

여기에 댓글달아주세요.

  1. 임채림 2012.06.12 14:10

    http://chrm.dothome.co.kr/

  2. 이남준 2012.06.12 14:10

    http://blog.naver.com/junepinky/130140245096

  3. 김에덴 2012.06.12 16:15

    http://edenkim.dothome.co.kr/

    http://blog.naver.com/ked27/150140566064

  4. 권혜은 2012.06.14 08:58

    http://sajaking.dothome.co.kr/

  5. 이나연 2012.06.19 11:38

    http://touchedplace.dothome.co.kr

  6. 임유진 2012.06.19 12:06

    http://imugine.dothome.co.kr/

  7. 이성혜 2012.06.19 14:05

    http://atby.dothome.co.kr/

여기에 댓글과 무들에 과제를 제출해 주세요.

  1. 임채림 2012.06.05 14:29

    http://chrm.dothome.co.kr

  2. 이남준 2012.06.05 17:00

    http://blog.naver.com/junepinky/130139783496

  3. 권혜은 2012.06.12 16:10

    http://sajaking.dothome.co.kr/

출석 순서대로 발표 합니다.

오셔서 미리 30분전에 준비 바랍니다.

2시 부터 4분 모시고 발표 합니다.

인당 5분 발표에 5~10분 크리틱입니다.

젤 앞줄은 게스트 분들이 앉으셔야 하므로 비워둡니다.


1. 권혜은
2. 김모현
3. 김에덴
4. 김오령
5. 김지민
6. 이나연
7. 이남준
8. 이성혜
9. 이지수
10. 임유진
11. 임채림
12. 최아름
13. 한수진
14. 한지민


이것이 끝나면 그뒤에는 수업 진도를 나갑니다.

지난번에 움직이는 배너까지 했고, 오늘까지 움직이는 배너 원리를 이용하셔서 작업해 오시면 됩니다.

  1. 이남준 2012.05.29 17:02

    배너 연습 과제입니다.

    http://blog.naver.com/junepinky/130139253200

  2. 권혜은 2012.05.29 17:16

    http://khesaja.cafe24.com/wp/

  3. 이나연 2012.06.05 13:42

    http://touchedplace.cafe24.com/wp/?p=502

    질문입니다!!! 도와주세요 ㅠㅠ

인터렉티브 미디어 디자인 오늘 교재를

"만들면서 배우는 HTML5, CSS3, jQuery'

야무 저서

이것으로 결정했습니다.

 

CS 5.5 아님

 

오늘 배운 HTML 5 관련 야무 강의 동영상

http://vimeo.com/37309913

CSS3 관련 야무 강의 동영상

http://vimeo.com/37332063

 

이거 두개 들어도 뭔말인지 이해가 안되시는 분들은 생활코딩님의 강의를 먼저들어보시기 바랍니다.

http://opentutorials.org/course/11

http://opentutorials.org/course/45

 

 

숙제는 오늘 배운 HTML5와 CSS3의 기초를 이용하여 3페이지 이상의 연결되는 페이지들을 만들어오시면 됩니다.

자신의 포트폴리오 사이트를 만든다고 생각하시고 하시면 됩니다.

HTML5갤러리 사이트를 참고하세요.

http://html5gallery.com/

오늘 배운 코드를 적용한것을 아래에 첨부를 했으니 숙제할때 참고하세요.  

test_html.zip

 

다음 수업은 22일 화요일 11시 407호에서 합니다.

자바스크립트 제이쿼리를 나갈예정이니 미리 꼭 공부해서 오시기 바랍니다. 책의 배너 만드는데 까지 나가겠습니다.

 

  1. 임채림 2012.05.22 01:34

    http://chrm.dothome.co.kr/

    아래는 블로그 포스팅입니다http://joundr.dothome.co.kr/wordpress/?p=367

  2. 김모현 2012.05.22 08:26

    http://blueballon.dothome.co.kr/HP_first.html

  3. 권혜은 2012.05.22 11:08

    http://khesaja.cafe24.com/wp/

  4. 이남준 2012.05.22 11:29

    http://junepinky.dothome.co.kr

  5. 이나연 2012.05.23 15:35

    http://touchedplace.cafe24.com/wp/html2-%ec%97%b0%ec%8a%b5/

  6. 김에덴 2012.05.28 23:47

    http://edenkim.dothome.co.kr/

임채림




이나연

Ppt
View more presentations from nayeonlee807




이성혜

과제 URL : http://blog.naver.com/lsh_0710




이남준






김모현





한수진



임유진

네이버는 임베디드를 제공하지 않습니다. 최신 동영상 Vimeo 등에 올려주세요.



김에덴


사운드가 있는 최신버전으로 동영상 다시 올려주시오



김지민


앱 영상 올려주세요.




한지민

앱 영상 올려주세요.

 

 

최아름

앱 영상 올려주세요.


 권혜은


mid
View more presentations from sajaking

앱 영상 올려주세요.



이지수



앱 영상 올려주세요.




 

  1. 페라페라 2012.05.14 22:54 신고

    http://jmini91.tistory.com/entry/앱-시연동영상

  2. 이나연 2012.05.15 13:42

    http://touchedplace.cafe24.com/wp/%ed%9d%ac%eb%a7%9d%ec%96%b4%eb%a1%9d-%ec%82%ac%ec%9a%a9%ea%b8%b0-%eb%8f%99%ec%98%81%ec%83%81/
    PPT다시 만들고, 동영상도 다시찍고 앱 완성도 더 올렸습니다

  3. 김에덴 2012.05.15 14:39

  4. 임유진 2012.05.15 14:40

  5. 한수진 2012.05.15 14:41

    앱 시연 동영상 아이패드로 한것 입니다
    http://blog.naver.com/rabbit_sj/10138790575

  6. 이지수 2012.05.15 14:42

    http://vimeo.com/42145375

  7. 임유진 2012.05.15 14:49

    http://blog.naver.com/happy_imu

  8. 김에덴 2012.05.15 14:51

    http://blog.naver.com/ked27/150138588057
    앱시연동영상 소리포함

  9. 권혜은 2012.05.28 22:06

    http://khesaja.cafe24.com/wp/?p=176

  10. 김지민 2012.05.29 01:36

    동영상 드뎌 수정햇슴니당

    http://blog.naver.com/wlalsdl1228/30139237628

인터렉티브 미디어 수업에서 아무래도 아무것도 숙제로 안하면 아예 공부들 안할것 같아서

숙제 나갑니다. html 기본 배운것 기억하시지요?

간단하게 자신의 홈페이지를 2장 이미지 디자인 합니다.


메모장을 꺼내서 위의 홈페이지를  html 로 만듭니다.

드림위버를 사용하셔도 됩니다.

이 2페이지를 닷홈 같은 무료 웹서버에 올리거나(이거 너무 어려우시면 안해도 되요. 다음주 수업에서 설명할겁니다.)

zip으로 묶어서 본인 블로그에 달아놓으시면 됩니다.


여기에 링크 제출하세요!


지난번 수업 내용이 잘 생각나지 않는 분들은 여기서 좌측 메뉴를 눌러서 동영상들을 보세요.

http://opentutorials.org/course/11

생활코딩 사이트의 간단 html 설명 동영상


  1. 이남준 2012.05.15 09:55

    http://blog.naver.com/junepinky/130138299455

  2. 이나연 2012.05.15 13:40

    http://touchedplace.cafe24.com/wp/%ec%9d%b4%ea%b2%8c%eb%ad%90%eb%9e%8c-html/

  3. 김오령 2012.05.15 14:02

    http://kimoh.dothome.co.kr/kk

  4. 권혜은 2012.05.15 14:09

    http://khesaja.cafe24.com/wp/?p=180

  5. 임채림 2012.05.15 14:54

    http://chrm.dothome.co.kr
    덧글이 왜 지워졌는지...

생각한 결과 인디자인에 html5와 CSS3를 배워서 넣는 방향쪽으로 기말까지 진행할 예정입니다.




테리화이트의 인디자인에서 에니메이션을 만든후 FLV화일로 추출하고 이를 어도비 랩에서 왈라비라는 프로그램을 다운로드 받아 html5로 변환한다음에 이를 인디자인에서 오버레이크리에이터>웹컨텐츠로 불러들여서 에니메이션을 구현하는 방법에 대해서 설명합니다.

이 방법을 쓰면 기본적으로 지금까지 작업했던 앱북위에 html 5와 CSS3를 더해서 동적으로 만들수 있습니다.

왈라비를 쓰지 않고 플래시에서 에니메이션을 작업한뒤에 html 5로변형하고 이를 인디자인으로 불러들일수도 있습니다.

http://indesignsecrets.com/from-indesign-to-html5-via-flash.php


이런 작업을 할려면 우선 html5와 CSS3를 알아야 합니다. 처음부터 코딩하는것에 어려움을 많이 느끼는것 같아. 드림위버를 이용해서 이를 배우는 쪽으로 가닥을 잡았습니다. 


드림위버에서 좀더 동적인 웹을 만들면 이런것들이 가능해 지는데. 이는 오늘 교재를 소개하고 이에 대해서 진행하면서 이 둘을 혼합해서 응용하는 아이디어를 내는쪽으로 가도록 합니다. 



지금 책을 리뷰중입니다. 결정되는대로 알려드리죠. 

http://www.kyobobook.co.kr/product/detailViewKor.laf?ejkGb=KOR&mallGb=KOR&barcode=9788931551792&orderClick=LAH&Kc=


지난주 중간과제 평가에서 받은 코멘트에 대해서 수정한 사항을 댓글로 달아주세요.

  1. 이남준 2012.05.08 09:54

    http://blog.naver.com/junepinky/130137805175

  2. 김지민 2012.05.08 14:22

    http://blog.naver.com/wlalsdl1228

  3. 임채림 2012.05.08 14:26

    http://joundr.dothome.co.kr/wordpress/?p=339

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

 

그리고 jisunlee@sookmyung.ac.kr 로 폴리오 화일 공유해 주세요.

 

현재 공유자

- 아빠가 고장났어요

- 희망어록

 

 

  1. 페라페라 2012.05.01 11:34 신고

    http://jmini91.tistory.com/entry/발표PPT

  2. 알뮈 2012.05.01 13:19 신고

    http://stayinmymind.tistory.com/23 최아름

  3. 권혜은 2012.05.01 13:39

    http://khesaja.cafe24.com/wp/ ...

  4. 이성혜 2012.05.01 13:51

    http://blog.naver.com/lsh_0710

  5. 한수진 2012.05.01 14:11

    http://blog.naver.com/rabbit_sj/10137817110

  6. 임채림 2012.05.01 14:16

    http://joundr.dothome.co.kr/wordpress/?p=328

  7. 김모현 2012.05.01 14:21



    http://soopong05.cafe24.com/wp/archives/565

  8. 임유진 2012.05.01 14:31

    http://blog.naver.com/happy_imu

  9. 이나연 2012.05.01 15:14

    http://touchedplace.cafe24.com/wp/%ec%9d%b8%ed%84%b0%eb%9e%99-2/

  10. 이남준 2012.05.01 15:18

    http://blog.naver.com/junepinky/130137338099

  11. 이지수 2012.05.01 15:19

    http://hitgirl.dothome.co.kr/

  12. 김에덴 2012.05.01 16:00

    http://blog.naver.com/ked27/150137582571

  13. 김지민 2012.05.08 14:23

    http://blog.naver.com/wlalsdl1228

진행한 프로젝트 과정 여기에 댓글 달아 제출해주세요.

질문도 미리 알려주시면 내일 수업시간에 답변해 드리겠습니다.

 

인디자인사용법, 디지털 퍼블리싱 이용문제등 질문해 주세요.

  1. 김에덴 2012.04.24 14:25

    http://blog.naver.com/ked27/150137115165
    가로스크롤은 정녕 안되는 것인가요..

  2. 임채림 2012.04.24 14:36

    http://joundr.dothome.co.kr/wordpress/?p=321

  3. 이남준 2012.04.24 15:04

    http://blog.naver.com/junepinky/130136839097

지난주에 이어 이번주에 좀더 작업된 화면들을 캡쳐하시거나 이미지로 만드시거나 동영상으로 만드셔서 올려놓으시기 바랍니다.

지난주에 코멘트 받은순서에 역순으로 이번주에 개인코멘트를 드릴예정이오니 준비바랍니다.


문제가 있거나 기능을 알고 싶은것이 있다면 여기에 댓글로 질문을 미리 해주시면 내일 수업시간에 해결방안을 찾아 설명드리도록 하겠습니다.


moodle에 5주차 과제까지 올라와 있습니다.

5주차 과제 누락되신분은 위키글에서 직접 수정하실수 있습니다.

http://moodle.sookmyung.ac.kr/

  1. 김모현 2012.04.17 03:48

    http://soopong05.cafe24.com/wp/archives/540

    교수님 저작권의 문제로 비공개로 일단 올립니다.

  2. 이남준 2012.04.17 10:04

    http://blog.naver.com/junepinky/130136323019

  3. 이성혜 2012.04.17 12:47

    http://blog.naver.com/lsh_0710

  4. 김지민 2012.04.17 13:50

    http://blog.naver.com/wlalsdl1228/30136299168

  5. 권혜은 2012.04.17 14:04

    http://khesaja.cafe24.com/wp/

  6. 임채림 2012.04.17 14:31

    http://joundr.dothome.co.kr/wordpress/?p=300

  7. 김에덴 2012.04.17 14:50

    http://blog.naver.com/ked27/150136601731

  8. 이나연 2012.04.17 16:16

    http://touchedplace.cafe24.com/wp/?p=386

  9. 임유진 2012.04.23 01:37

    http://blog.naver.com/happy_imu

이번주에는 지난주에 이어 앱북으로 만드는 내용을 완성하시고 일부를 인디자인으로 작업하기로 했습니다. 인디자인작업이 잘 안되시는 분은 저에게 질문하여 주시면 수업시간에 최대한 같이 해결방안을 찾아보도록 하겠습니다.

 

인디자인으로 업하신 내용을 캡쳐하시어 작업시의 문제점과 어떻게 작업하고 있는지를 적으셔서 자신의 블로그에 댓글로 올려주세요.

 

무들은 사용방법이 어려운것 같아. 우선 조교에게 지난 업데이트를 요청했고. 시간을 내서 교수학습센터 신영수 선생님에게 간단한 작동방법에 대한 설명을 요청드릴예정입니다.

무들은 당분간 사용방법이 다시 확정해서 알려드리겠습니다.

  1. 이나연 2012.04.10 01:21

    이나연 http://touchedplace.cafe24.com/wp/?p=243

  2. 권혜은 2012.04.10 08:14

    http://khesaja.cafe24.com/wp/

  3. 이남준 2012.04.10 10:04

    http://blog.naver.com/junepinky/130135721541

  4. 임채림 2012.04.10 12:29

    joundr.dothome.co.kr/wordpress/?p=285

  5. 이성혜 2012.04.10 13:08

    http://blog.naver.com/lsh_0710

  6. 한수진 2012.04.10 14:22

    http://blog.naver.com/rabbit_sj/10136330465

  7. 페라페라 2012.04.10 14:26 신고

    http://jmini91.tistory.com/entry/04주차-앱-제작ing

  8. 김모현 2012.04.10 15:00

    http://soopong05.cafe24.com/wp/archives/471

  9. 알뮈 2012.04.10 15:33 신고

    최아름 http://stayinmymind.tistory.com/22

  10. 김에덴 2012.04.10 16:53

    http://blog.naver.com/ked27/150136106583

  11. 임유진 2012.04.23 01:37

    http://blog.naver.com/happy_imu

이나연 - 느리게 성공하기

이지수 - 한식 세계를 요리하다.

한지민, 이성혜 - 영화는 좋은데 과학은 싫다고?

권혜은 - 퀴리부인은 무슨 비누를 썼을까?

최아름 - 이소휘 평전

김모현 - 미국으로의 출발

박시원 - 아시아를 빛낸 노벨상 수상자


빨강으로 표시한 책의 PDF를 메일로 받았습니다.

아래의 동의서 PDF를 다운로드 한뒤 자신의 사인 이미지를 붙여서 보내주시면

화일을 보내드리겠습니다.

그리고 406호 조교실에 동의서를 한번더 내주시기 바랍니다.


콘텐츠 제공 및 사용 약정서.hwp


디테일한 화면스케치를 완성하셔오시고

재료로 쓰일 이미지를 찾거나 그리거나 해서 확보해 오시기 바랍니다.

여기에 댓글달아주세요.

사진이미지 저작권 허용된것 플리커에 찾는방법은 아래 URL에 있습니다.

http://visualcommunication.tistory.com/121

  1. 김에덴 2012.04.02 03:07

    http://blog.naver.com/ked27/150135477763

  2. 김오령 2012.04.03 00:58

    http://kimoh.tistory.com/5

  3. 임채림 2012.04.03 02:22

    http://joundr.dothome.co.kr/wordpress/?p=174

  4. 알뮈 2012.04.03 03:28 신고

    1012871 최 아름

    http://stayinmymind.tistory.com/21

  5. 권혜은 2012.04.03 07:31

    http://khesaja.cafe24.com/wp/

  6. 김지민 2012.04.03 11:54

    http://blog.naver.com/wlalsdl1228/30135253083

  7. 한수진 2012.04.03 13:36

    http://blog.naver.com/rabbit_sj/10135785241

  8. 임유진 2012.04.03 13:43

    http://blog.naver.com/happy_imu

  9. 이남준 2012.04.03 14:01

    http://blog.naver.com/junepinky/130135144818

  10. 김모현 2012.04.03 14:01

    http://soopong05.cafe24.com/wp/archives/455

  11. 이성혜 2012.04.03 14:07

    http://blog.naver.com/lsh_0710

3주차 과제는 선정한 책 또는 주제에 따라서 좀더 세밀한 스케치를 하여 오는것이 숙제였습니다.
특히 인터렉션에 대해서 한정적이니 이를 주지하시고 진행하시면 좋겠습니다.
또한 이번것은 중간고사까지는 마무리가 되어야 하니 미리 작업 소스를 다 확보하는것이 중요합니다.

여기에 과제 댓글을 달아주세요.
지난번에 발표 못했던 럭스미디어 책을 선정하신 분들 부터 발표하도록 하겠습니다.


  1. 이나연 2012.03.26 23:01

    http://touchedplace.cafe24.com/wp/?p=142

  2. 김에덴 2012.03.27 01:38

    http://blog.naver.com/ked27/150135017487

  3. 페라페라 2012.03.27 04:12 신고

    http://jmini91.tistory.com/entry/인터렉티브-미디어-디자인-1-3주차-과제

  4. 권혜은 2012.03.27 07:49

    http://khesaja.cafe24.com/wp/

  5. 임채림 2012.03.27 08:08

    http://joundr.dothome.co.kr/wordpress/?p=103

  6. 이남준 2012.03.27 10:15

    http://blog.naver.com/junepinky/130134617116

  7. 김지민 2012.03.27 11:06

    http://blog.naver.com/wlalsdl1228/30134697577

  8. 한수진 2012.03.27 11:11

    http://blog.naver.com/rabbit_sj/10135250510

  9. 이성혜 2012.03.27 13:38

    http://blog.naver.com/lsh_0710

  10. 이지수 2012.03.27 13:45

    http://hitgirl.dothome.co.kr

  11. 임유진 2012.03.27 13:47

    http://blog.naver.com/happy_imu

  12. 알뮈 2012.03.27 14:03 신고

    최아름 http://stayinmymind.tistory.com/20

  13. 김모현 2012.03.27 14:39

    http://soopong05.cafe24.com/wp/archives/419

  14. 박시원 2012.03.27 20:28

    http://ringford.cafe24.com/2012/03/261/
    바뀐 책입니다..

럭스미디어

1. 과학샤베트 스피드암기술 생명과학I

2. 과학샤베트 스피드암기술 화학I : 이 두권은 최신간으로 앱북으로 만들면
학생들에게 꽤 인기가 있을 것 같습니다.

3. 원칙으로 승부하라

4. 느리게 성공하기

5. 이휘소평전

6. 행복하고 행복하고 또 행복하라

7. 한식, 세계를 요리하라

8. 플라토닉 러브

9. 최신 유엔가이드북

10. 미국명문대학 합격비밀

11. 나보다 똑똑한 우리

12. 미국에서 서바이벌하기

13. 미디엄레어: 북에서 온 스물 한 살 리성의 미국 망명기

14. 외교관은 국가대표 멀티플레이어

15. 브로드웨이의 노래를 들어라

16. 행복한 에세이

17. 움직이는 실험실





한승

1. 소매치기도 뉴턴은 안다

2. 퀴리부인은 무슨 비누를 썼을까

3. 산업공학 : 공학의 마에스트로

4. 영화는 좋은데 과학은 싫다고

5. 과학으로 세상보기

6. 공학으로 세상을 말한다

7. 아시아를 빛낸 노벨상 수상자

8. 이야기 한자여행
  1. 김모현 2012.03.23 16:23

    교수님, 저 움직이는 실험실에서 미국에서 서바이벌하기로 주제를 바꾸겠습니다..이번주에 제출했던 방향과 스케치는 곧 URL로 다시 만들어 올리겠습니다.


http://www.nabi.or.kr/project/current_read.nab?idx=386

5호선 광화문역과 1호선 종각역 사이


A3 또는  A4 2 장으로 자신이 만들고자 하는 프로젝트의 컨셉과 설명을 담아서 발표

앱 이름
어떤 종류의 앱?
타겟 사용자가 누구?
이 앱을 왜 만드는가?
메인과 서브 페이지를 자유롭게 스케치하여 오기

자신의 블로그에 올리고, 프린트도 하여 옵니다.
블로그 글 URL 여기에 댓글로 답니다.

무들에도 올려주세요.
http://moodle.sookmyung.ac.kr/mod/workshop/view.php?id=549

 

  1. 김에덴 2012.03.20 00:00

    1012876 김에덴
    아직 무들에는 올려지지가 않아요,ㅠㅠhttp://blog.naver.com/ked27/150134456854

  2. 임채림 2012.03.20 00:10

    http://joundr.dothome.co.kr/wordpress/?p=95

  3. 김오령 2012.03.20 00:34

    http://kimoh.tistory.com/3
    무들에 제출이안되요....ㅠㅠ

  4. 임유진 2012.03.20 01:05

    http://blog.naver.com/happy_imu

  5. 알뮈 2012.03.20 03:15 신고

    http://stayinmymind.tistory.com/19
    1012871 최 아름

  6. 김모현 2012.03.20 05:18

    http://soopong05.cafe24.com/wp/archives/343

  7. 이남준 2012.03.20 06:13

    http://blog.naver.com/junepinky/130133809607

    무들 . .
    어떻게하는건지 모르겠어요..안됨

  8. 1012805 권혜은 2012.03.20 07:13

    http://khesaja.cafe24.com/wp/

  9. 박시원 2012.03.20 12:17

    http://ringford.cafe24.com/2012/03/218/

  10. 이성혜 2012.03.20 13:10

    http://blog.naver.com/lsh_0710

  11. 한수진 2012.03.20 14:05

    http://blog.naver.com/rabbit_sj/10134713518

  12. 이지수 2012.03.22 12:44

    hitgirl.dothome.co.kr

  13. 김지민 2012.03.24 21:15

    http://blog.naver.com/wlalsdl1228/30134525665

무들 사이트 학생 계정 등록이 완료되었다고 합니다.

moodle.sookmyung.ac.kr

에 본인 학번을 아이디와 비번으로 치고 들어가시면 본 수업의 무들을 보실수 있습니다.

무들 사용방법 문서 첨부하니 참고바랍니다.



매주 수업 숙제를 여기 블로그와 무들 두군데 모두 다시기 바랍니다.
1주차 과제는 아이패드를 대여하시고, 인터넷을 확인하신후에 아래 과제를 하시고 자신의 블로그 또는 웹사이트에 게시하신후
게시글 URL 을 아래에 댓글로 다시면 됩니다. 이름과 블로그 주소로 달기
- 중간과제까지 할것 주제 정해서 한장으로 써오기. 스케치하면 더 좋고
http://www.luxmedia.co.kr/
럭스 미디어 출판사의 책중에 골라서 기획하거나 자신이 가지고 있는 컨텐츠중에 골라서 해오기
- 위 과제에 참고가 될만한 아이패드 앱을 다운로드 받아서 체험해 볼것
다운로드 받은 앱중에 3가지 이상 골라서 소개사이트나 다운로드 사이트를 찾아서 URL 을 적고 썸네일이나 화면캡쳐등을 받아서 정리한뒤 리뷰를 넣을것


아이패드 대여 관련 정보
추가사항!!!! 필독
제가 UBL 조교를 통하여 내일 오후 2시까지는 대여를 하여 4층 컴퓨터실 조교에게 맡겨 놓겠습니다.
사용, 분실 고장에 대한 개인 동의서를 작성하시고 신분증을 카피하신뒤에 받아갈수 있도록 조취해 놓도록 하겠습니다. 제 수업에 들어오시는 분들만 한학기 동안 대여가 가능합니다. 
----------------------------------------------------------------------------------

기기 대여에 대한 사항입니다 확인해주세요

대여 절차

교수님께서 직접 시청각기자재실(수련교수회관 102호)에 가셔서 신청서를 작성하시고 자필 서명 하신 후에 기기 대여가 이루어집니다.
  ※ 학생 개개인이 빌리는 것이 아니라 교수님께서 기기를 수업에 대여하여 학생들에게 사용할 수 있도록 하는 것입니다.


대여 기간
학기 초 1회 대여 한 학기동안 사용
후 기말고사 전주 반납

* 교내 물품 관리 상 수업에 대여된 기기는 교수님의 책임하에 대여, 사용, 반납이 이루어지므로 이점 기억하시고 진행해주시기를 부탁드립니다.


** 시청각 기자재실에서 학생 개개인으로 수시로 빌리고 반납하는 것이 아니므로 24대를 한번에 받아오도록하여  수강 확정 된 학생들에게 수업시간에 대여하시면 효율적으로 진행하실 수 있을 것입니다.
    신청서는 교수님께서 작성하시고 기기를 가져오고 하는 부분들은 수량이 많으므로 학과 조교 또는 UBL 조교와 함께 진행하시면 될 것입니다.

문의 사항 있으시면 연락주세요

감사합니다.
 
- 신영수 드림
-------------------------------------------------
아이패드가 지원된 시범 수업의 주제는 아이패드를 활용한 대학수업(UBL)로 
다음의 사항을 고려하여 수업을 진행하신 후 설문 응답 및 사례 발표, 학생 후기 요청에 응해주시기 바랍니다.
 ‣ UBL을 효과적으로 할 수 있는 어플리케이션 및 활용 방법
 ‣ ipad를 활용한 상호작용 및 교육적 활용
 ‣ 수업시간에 활용할 수 있는 어플리케이션

아이패드 대여는
와이파이 전용 아이패드1으로 교수님의 수업에 한 학기 동안 24대가 대여가능합니다.
그 외의 기기(넷북, 아이팟)는 2012-1 UBL 수업 안내 메일에 말씀드린 것처럼 넷북은 수업당 10대까지, 아이팟은 자유롭게 대여가 가능합니다.
대여는 시청각 기자재실(수련교수회관 102호)에서 하실 수 있습니다.

교내에서 와이파이를 사용하기 위한 MAC ID 인증과 관련한 안내 사항을 첨부하였습니다.

문의 사항 있으시면 연락주십시오

<문의>

신영수 (jinlan@sookmyung.ac.kr)
전화 : 02) 710-9860
팩스 : 02) 710-9864
주소 : [140-742] 서울시 용산구 효창원길 52 
              숙명여자대학교 순헌관 112호 교수학습센터

  1. 김에덴 2012.03.12 23:32

    http://blog.naver.com/ked27

  2. 김지민 2012.03.13 00:27

    교수님,여기다 올리는 것이 맞나요?? 그리고 늦어서 너무 죄송합니다.
    http://blog.naver.com/wlalsdl1228/30133599112

  3. 이나연 2012.03.13 00:40

    아직 익숙하지않아서 사이트가 엉성..합니다. 저도 과제제출이 늦어서 죄송합니다.
    http://dlskdusbule.cafe24.com/wp/?p=121

  4. 임채림 2012.03.13 02:02

    http://joundr.dothome.co.kr/wordpress/?p=41

  5. 임유진 2012.03.13 04:11

    http://blog.naver.com/happy_imu

  6. 김모현 2012.03.13 04:41

    http://soopong05.cafe24.com/wp/?cat=1

  7. 이남준 2012.03.13 05:15

    http://blog.naver.com/junepinky/130133429487

  8. 권혜은 2012.03.13 07:52

    http://khesaja.cafe24.com/wp/

  9. 고나경 2012.03.13 11:11

    http://blog.naver.com/sheknk

  10. 한수진 2012.03.13 12:38

    어플
    http://blog.naver.com/rabbit_sj/10134169311


    http://blog.naver.com/rabbit_sj/10134171293

  11. 이성혜 2012.03.13 13:58

    http://blog.naver.com/lsh_0710

    제 이름으로 등록된 아이패드가 고장으로(켜지지 않음) 사용이 안된다고 합니다. 그래서 수업 당일은 켜지는 것을 빌려주셨지만 당일 반납이 원칙이라고 하셨습니다 ㅠㅠ

  12. 알뮈 2012.03.13 14:18 신고

    http://stayinmymind.tistory.com/18 최아름입니다.

  13. 한지민 2012.03.13 15:35

    http://jminhan.dothome.co.kr/

  14. 김오령 2012.03.13 17:17

    김오령 http://kimoh.tistory.com/2

기존에 강의 계획서를 입력하였으나 강의계획서가 블루리본시스템에서 사라졌으므로 다시 올립니다.
또한 본수업은 2012년도에는 UBL 수업이자, 시범강의로 진행됩니다.

과목개요 :
인터렉티브 미디어인 인터넷, 모바일기기에 적합한 디자인을 구현하기 위한 기술적인 기법과 프로세스을 배운다. 이를 바탕으로 디지털퍼블리싱을 활용한 앱북과최신 기술을 적용한 모바일 앱 디자인 프로젝트를 디자인한다.

교육목표 :
인터렉티브 미디어 디자인에 필요한 프로세스를 포함한 이론을 배우고 이를 구현할수 있는 디자인 기술을 익혀 실제 프로젝트를 개발하는 것을 목표로 한다. 

주교재:
전자책 앱만들기, 김부연/유소미 공저, 황금부엉이 출판, 2011년
만들면서 배우는 html5, css3, jQuery, 야무 저, 한빛미디어 출판, 2012년(3월 14일 출간)
처음부터 다시 배우는 html5&css3, 양용석 저, 로드북 출판, 2011년

주별 강의 계획 :
1주차 강의개요 - 인터렉티브 미디어 디자인 강의에 대한 설명 및 향후 수업진행 방향에 대한 설명
2주차 인터렉티브 미디어 디자인이해 1 - 초기 프로세스에 해당하는 세션을 운영, 그룹을 조직하여 아이디어 리서치 실습을 진행
         iPhone 사용자 경험 디자인 서적을 참고로 진행
3주차 인터렉티브 미디어 디자인이해 2 - 아이디어 리서치를 바탕으로 아이디어 컨셉을 스케치하여 공유
         iPhone 사용자 경험 디자인 서적을 참고로 진행
4주차 디지털퍼블리싱 프로세스 - 디지털 퍼블리싱 프로세스에 대한 개요 설명, 인디자인/DPS 기초 설명
         전자책 앱만들기 서적을 참고로 진행
5주차 프로토타입 개발 - 인디자인/DPS 실습 및 프로토타입 개발
         전자책 앱만들기 서적을 참고로 진행
6주차 인터렉션 구현 1 - 인디자인/DPS 실습 및 프로토타입 개발
         전자책 앱만들기 서적을 참고로 진행
7주차 인터렉션 구현 2 - 인디자인/DPS 실습 및 프로토타입 개발
         전자책 앱만들기 서적을 참고로 진행
8주차 중간발표 - 현재까지 제작한 앱북의 중간 발표
9주차 UX 디자인 프로세스 1 - 사용자 경험 디자인 프로세스 설명 및 아이디어 리서치 실습 및 아이디어 도출
10주차 UX 디자인 프로세스 2 - 아이디어에 대한 IA 및 상세화면 개발 실습
11주차 프로그래밍 1 - 상세화면을 구현하기 위한 프로그래밍 기술을 실습 / html 5, CSS3 서적 참고
12주차 프로그래밍 2 - 상세화면을 구현하기 위한 프로그래밍 기술을 실습 / html 5, CSS3 서적 참고
13주차 프로그래밍 3 - 상세화면을 구현하기 위한 프로그래밍 기술을 실습 / html 5, CSS3 서적 참고
14주차 프로젝트 평가 - 개발한 프로젝트의 리뷰 및 평가
15주차 기말 발표 - 개발한 프로젝트의 최종 기말 발표 및 크리틱

과제 및 평가
중간과제 (30%)인디자인/DPS를 이용한 앱북을 개발하고 발표함, DPS 화일을 공유, 발표 화일 슬라이드쉐어에 업로드 후 URL 제출
기말과제 (50%) HTML/CSS를 이용한 앱을 개발하고 발표함, 개발한 프로젝트를 웹서버에 올리고 URL 제출,  발표 화일 슬라이드쉐어에 업로드 후 URL 제출
기타(10%) 개인 과제 블로그 및 수업블로그/무들 사이트의 업데이트와 참여도를 반영
출석(10%) 4번 이상 결석시 본 수업을 통과할수 없음, 지각 3번은 1번 결석과 동일

+ Recent posts