Visual & Media Design

한지민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..

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

여기에 댓글달아주세요.

보호되어 있는 글입니다.

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

출석 순서대로 발표 합니다. 오셔서 미리 30분전에 준비 바랍니다. 2시 부터 4분 모시고 발표 합니다. 인당 5분 발표에 5~10분 크리틱입니다. 젤 앞줄은 게스트 분들이 앉으셔야 하므로 비워둡니다. 1. 권혜은 2. 김모현 3. 김에덴 4. 김오령 5. 김지민 6. 이나연 7. 이남준 8. 이성혜 9. 이지수 10. 임유진 11. 임채림 12. 최아름 13. 한수진 14. 한지민 이것이 끝나면 그뒤에는 수업 진도를 나갑니다. 지난번에 움직이는 배너까지 했고, 오늘까지 움직이는 배너 원리를 이용하셔서 작업해 오시면 됩니다.

보호되어 있는 글입니다.

인터렉티브 미디어 디자인 오늘 교재를 "만들면서 배우는 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페이지 이상의 연결되는 페이지들을 만들어오시면 됩니다. 자신의 포트폴리오 사이트를 만든다고 생각하시고 하시면 됩니다...

임채림 요리왕 김자취 View more presentations from Chaerm Lim 이나연 Ppt View more presentations from nayeonlee807 이성혜과제 URL : http://blog.naver.com/lsh_0710 0501 midterm - interative View more presentations from SungHye Lee 이남준 이남준_중간과제_인터랙_동화앱북_빨간모자 View more presentations from junepinky 김모현 0502 interactive app book View more PowerPoint from MoHyun 한수진 The blue moon View more presentation..

인터렉티브 미디어 수업에서 아무래도 아무것도 숙제로 안하면 아예 공부들 안할것 같아서 숙제 나갑니다. html 기본 배운것 기억하시지요?간단하게 자신의 홈페이지를 2장 이미지 디자인 합니다. 메모장을 꺼내서 위의 홈페이지를 html 로 만듭니다. 드림위버를 사용하셔도 됩니다. 이 2페이지를 닷홈 같은 무료 웹서버에 올리거나(이거 너무 어려우시면 안해도 되요. 다음주 수업에서 설명할겁니다.) zip으로 묶어서 본인 블로그에 달아놓으시면 됩니다. 여기에 링크 제출하세요! 지난번 수업 내용이 잘 생각나지 않는 분들은 여기서 좌측 메뉴를 눌러서 동영상들을 보세요. http://opentutorials.org/course/11생활코딩 사이트의 간단 html 설명 동영상

생각한 결과 인디자인에 html5와 CSS3를 배워서 넣는 방향쪽으로 기말까지 진행할 예정입니다. 테리화이트의 인디자인에서 에니메이션을 만든후 FLV화일로 추출하고 이를 어도비 랩에서 왈라비라는 프로그램을 다운로드 받아 html5로 변환한다음에 이를 인디자인에서 오버레이크리에이터>웹컨텐츠로 불러들여서 에니메이션을 구현하는 방법에 대해서 설명합니다. 이 방법을 쓰면 기본적으로 지금까지 작업했던 앱북위에 html 5와 CSS3를 더해서 동적으로 만들수 있습니다. 왈라비를 쓰지 않고 플래시에서 에니메이션을 작업한뒤에 html 5로변형하고 이를 인디자인으로 불러들일수도 있습니다.http://indesignsecrets.com/from-indesign-to-html5-via-flash.php 이런 작업을 할려면 ..

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

여기에 댓글을 달아 제출해 주세요. 그리고 jisunlee@sookmyung.ac.kr 로 폴리오 화일 공유해 주세요. 현재 공유자 - 아빠가 고장났어요 - 희망어록

진행한 프로젝트 과정 여기에 댓글 달아 제출해주세요. 질문도 미리 알려주시면 내일 수업시간에 답변해 드리겠습니다. 인디자인사용법, 디지털 퍼블리싱 이용문제등 질문해 주세요.

지난주에 이어 이번주에 좀더 작업된 화면들을 캡쳐하시거나 이미지로 만드시거나 동영상으로 만드셔서 올려놓으시기 바랍니다. 지난주에 코멘트 받은순서에 역순으로 이번주에 개인코멘트를 드릴예정이오니 준비바랍니다. 문제가 있거나 기능을 알고 싶은것이 있다면 여기에 댓글로 질문을 미리 해주시면 내일 수업시간에 해결방안을 찾아 설명드리도록 하겠습니다. moodle에 5주차 과제까지 올라와 있습니다. 5주차 과제 누락되신분은 위키글에서 직접 수정하실수 있습니다. http://moodle.sookmyung.ac.kr/

이번주에는 지난주에 이어 앱북으로 만드는 내용을 완성하시고 일부를 인디자인으로 작업하기로 했습니다. 인디자인작업이 잘 안되시는 분은 저에게 질문하여 주시면 수업시간에 최대한 같이 해결방안을 찾아보도록 하겠습니다. 인디자인으로 업하신 내용을 캡쳐하시어 작업시의 문제점과 어떻게 작업하고 있는지를 적으셔서 자신의 블로그에 댓글로 올려주세요. 무들은 사용방법이 어려운것 같아. 우선 조교에게 지난 업데이트를 요청했고. 시간을 내서 교수학습센터 신영수 선생님에게 간단한 작동방법에 대한 설명을 요청드릴예정입니다. 무들은 당분간 사용방법이 다시 확정해서 알려드리겠습니다.

이나연 - 느리게 성공하기 이지수 - 한식 세계를 요리하다. 한지민, 이성혜 - 영화는 좋은데 과학은 싫다고? 권혜은 - 퀴리부인은 무슨 비누를 썼을까? 최아름 - 이소휘 평전 김모현 - 미국으로의 출발 박시원 - 아시아를 빛낸 노벨상 수상자 빨강으로 표시한 책의 PDF를 메일로 받았습니다. 아래의 동의서 PDF를 다운로드 한뒤 자신의 사인 이미지를 붙여서 보내주시면 화일을 보내드리겠습니다. 그리고 406호 조교실에 동의서를 한번더 내주시기 바랍니다.

디테일한 화면스케치를 완성하셔오시고 재료로 쓰일 이미지를 찾거나 그리거나 해서 확보해 오시기 바랍니다. 여기에 댓글달아주세요. 사진이미지 저작권 허용된것 플리커에 찾는방법은 아래 URL에 있습니다. http://visualcommunication.tistory.com/121

3주차 과제는 선정한 책 또는 주제에 따라서 좀더 세밀한 스케치를 하여 오는것이 숙제였습니다. 특히 인터렉션에 대해서 한정적이니 이를 주지하시고 진행하시면 좋겠습니다. 또한 이번것은 중간고사까지는 마무리가 되어야 하니 미리 작업 소스를 다 확보하는것이 중요합니다. 여기에 과제 댓글을 달아주세요. 지난번에 발표 못했던 럭스미디어 책을 선정하신 분들 부터 발표하도록 하겠습니다.

럭스미디어 1. 과학샤베트 스피드암기술 생명과학I 2. 과학샤베트 스피드암기술 화학I : 이 두권은 최신간으로 앱북으로 만들면 학생들에게 꽤 인기가 있을 것 같습니다. 3. 원칙으로 승부하라 4. 느리게 성공하기 5. 이휘소평전 6. 행복하고 행복하고 또 행복하라 7. 한식, 세계를 요리하라 8. 플라토닉 러브 9. 최신 유엔가이드북 10. 미국명문대학 합격비밀 11. 나보다 똑똑한 우리 12. 미국에서 서바이벌하기 13. 미디엄레어: 북에서 온 스물 한 살 리성의 미국 망명기 14. 외교관은 국가대표 멀티플레이어 15. 브로드웨이의 노래를 들어라 16. 행복한 에세이 17. 움직이는 실험실 한승 1. 소매치기도 뉴턴은 안다 2. 퀴리부인은 무슨 비누를 썼을까 3. 산업공학 : 공학의 마에스트로 4. 영..

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

무들 사이트 학생 계정 등록이 완료되었다고 합니다. moodle.sookmyung.ac.kr 에 본인 학번을 아이디와 비번으로 치고 들어가시면 본 수업의 무들을 보실수 있습니다. 무들 사용방법 문서 첨부하니 참고바랍니다. 매주 수업 숙제를 여기 블로그와 무들 두군데 모두 다시기 바랍니다.

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

기존에 강의 계획서를 입력하였으나 강의계획서가 블루리본시스템에서 사라졌으므로 다시 올립니다. 또한 본수업은 2012년도에는 UBL 수업이자, 시범강의로 진행됩니다. 과목개요 : 인터렉티브 미디어인 인터넷, 모바일기기에 적합한 디자인을 구현하기 위한 기술적인 기법과 프로세스을 배운다. 이를 바탕으로 디지털퍼블리싱을 활용한 앱북과최신 기술을 적용한 모바일 앱 디자인 프로젝트를 디자인한다. 교육목표 : 인터렉티브 미디어 디자인에 필요한 프로세스를 포함한 이론을 배우고 이를 구현할수 있는 디자인 기술을 익혀 실제 프로젝트를 개발하는 것을 목표로 한다. 주교재: 전자책 앱만들기, 김부연/유소미 공저, 황금부엉이 출판, 2011년 만들면서 배우는 html5, css3, jQuery, 야무 저, 한빛미디어 출판, 2..