졸업작품 최종 발표

졸업작품최종발표인제대학교컴퓨터공학부홈페이지개선프로젝트

25조 이동근, 김주남, 이주형Special thanks to 박지현

졸업작품

실용적인것을만들자.

실패를경험하다.

시각장애인을 위한 모바일 어플리케이션

인터페이스 한계를 극복하지 못하여 실패

교직원을 위한 강의 시간표 개설 애플리케이션

설계 부분에서 문제가 됨

단순히 학사의 강의 시간표만 생각하면 되는 것이 아니라 학교 전체를 생각하고 그려야 했음

새로운것을만들겠단생각을버리자.가장 기본적인 것도 우리에게 필요한 것이 많다

우리가 사용하며 불편했던 학과 홈페이지를 새로 만들어 보는 것이 어떨까

학생들과 교직원이 서로 편의성을 가질 수 있도록 하자

기존의컴퓨터공학부홈페이지

기존의홈페이지가가지고있는문제점

모든페이지이미지화• 내용이수정될때마다업체에비용을지불하여수정

• 유지보수가불편

• 학과에서제공하는내용을참조하기가힘들다.

웹접근성문제• 웹브라우저별로제대로작동하지않음

• 장애인을위한브라우저와같이특수한환경의웹브라우저에대응하지않음

모바일페이지대응안함• 요즘대부분의접속이스마트폰을통해서접속하는것

명색이컴퓨터공학부인데…• 외부업체에홈페이지를위탁하고웹표준도못지키면체면이…

홈페이지개선프로젝트

편의성접근성

가독성유지보수

심미성

이프로젝트가지향하는목표

더솔직한심정으로…페이지 수정을 위해 추가로 더 이상 비용을 지불하지 말자

일반인의 수준으로도 충분히 유지보수가 편하게 만들자

우리 학과 학생들이 관리하자

워드프레스

• 대표적인CMS(Contents Management System) 플랫폼

• 컨텐츠를생성하는것에강력함을발휘함

• 유지보수가용이함

• 워드프레스를 적용한웹사이트들• 서울시홈페이지http://www.seoul.go.kr/

• 삼성투모로우http://samsungtomorrow.com/

• 블로터http://www.bloter.net/

• e-Bay http://blog.ebay.com/

• Xerox http://www.blogs.xerox.com/

• Facebook Newsroom http://newsroom.fb.com/

반응형웹디자인

• 모바일디바이스를 대응하기위한웹디자인

• 모바일어플리케이션이 아닌웹을통해서접근이용이하도록 설계함

• HTML5 + CSS3 + JAVASCRIPT

• 특히CSS3 부분에서발전된모바일쿼리를통해반응형웹디자인

• “Bootstrap” Library 활용

• 표준화를위해부득이하게 구형 Internet Explorer 에서동작이안됨

프로젝트일정

역할분담

사이트 설계 디자인 서버 관리 웹 프로그래밍 마크업이동근

데이터 베이스 설계 웹 접근성 개발김주남

내용 구성 / 학과 자료 수집 / 디자인이주형

프로젝트일정

결과물

데모시연

사이트런칭일1월말예정

수고하셨습니다.