졸작 최종 발표.

1. 졸업작품최종발표
인제대학교컴퓨터공학부홈페이지개선프로젝트
25조 이동근, 김주남, 이주형
Special thanks to 박지현

2. 졸업 작품

3. 실용적인 것을 만들자.

4. 실패를 경험하다.
시각장애인을 위한 모바일 어플리케이션
인터페이스 한계를 극복하지 못하여 실패
교직원을 위한 강의 시간표 개설 애플리케이션
설계 부분에서 문제가 됨
단순히 학사의 강의 시간표만 생각하면 되는 것이 아니라 학교 전체를 생각하고 그려야 했음

5. 새로운 것을 만들겠단 생각을 버리자.
가장 기본적인 것도 우리에게 필요한 것이 많다
우리가 사용하며 불편했던 학과 홈페이지를 새로 만들어 보는 것이 어떨까
학생들과 교직원이 서로 편의성을 가질 수 있도록 하자

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

7. 기존의홈페이지가가지고있는문제점
모든페이지이미지화
• 내용이수정될때마다업체에비용을지불하여수정
• 유지보수가불편
• 학과에서제공하는내용을참조하기가힘들다.
웹접근성문제
• 웹브라우저별로제대로작동하지않음
• 장애인을위한브라우저와같이특수한환경의웹브라우저에대응하지않음
모바일페이지대응안함
• 요즘대부분의접속이스마트폰을통해서접속하는것
명색이컴퓨터공학부인데…
• 외부업체에홈페이지를위탁하고웹표준도못지키면체면이…

8. 홈페이지 개선 프로젝트

9. 편의성접근성
가독성
유지
보수
심미성
이 프로젝트가 지향하는 목표

10. 더 솔직한 심정으로…
페이지 수정을 위해 추가로 더 이상 비용을 지불하지 말자
일반인의 수준으로도 충분히 유지보수가 편하게 만들자
우리 학과 학생들이 관리하자

14. 워드프레스
• 대표적인CMS(ContentsManagementSystem)플랫폼
• 컨텐츠를생성하는것에강력함을발휘함
• 유지보수가용이함
• 워드프레스를적용한웹사이트들
• 서울시홈페이지http://www.seoul.go.kr/
• 삼성투모로우http://samsungtomorrow.com/
• 블로터http://www.bloter.net/
• e-Bayhttp://blog.ebay.com/
• Xeroxhttp://www.blogs.xerox.com/
• FacebookNewsroomhttp://newsroom.fb.com/

15. 반응형웹디자인
• 모바일디바이스를대응하기위한웹디자인
• 모바일어플리케이션이아닌웹을통해서접근이용이하도록설계함
• HTML5+CSS3+JAVASCRIPT
• 특히CSS3부분에서발전된모바일쿼리를통해반응형웹디자인
• “Bootstrap”Library활용
• 표준화를위해부득이하게구형InternetExplorer에서동작이안됨

16. 프로젝트 일정

17. 역할분담
사이트 설계 디자인 서버 관리 웹 프로그래밍 마크업이동근
데이터 베이스 설계 웹 접근성 개발김주남
내용 구성 / 학과 자료 수집 / 디자인이주형

18. 프로젝트일정

19. 결과물

23. 데모 시연

24. 사이트 런칭일
1월 말 예정

25. 수고하셨습니다.