2011 년도 평화와 공공성 센터 WEBSITE 제작 개요

작성 / 발표 : 이고은발표일 : 2011.10.12.

[01] 웹 사이트 구성요소1) 헤더 , 풋터 : 모든 페이지에 공통적으로 표시 ( 로고 , 대표자이름 , 주소 , 전화 , 저작권 ,

이메일 등 )2) 메뉴 : 주메뉴 , 부메뉴3) 페이지 : 제공자의 일방적 소통 보여주고 싶은 내용 표시4) 게시판 : 제공자 , 사용자의 양방 소통 커뮤니케이션 , 사용자의 참여 가능 글 , 사진 , 동영상 등을 게시

[01] 웹 사이트 구성요소5) 페이지

헤더

주메뉴부메뉴

풋터

콘텐츠

[01] 웹 사이트 구성요소6) 게시판

게시글

[01] 웹 사이트 구성요소7) 갤러리

사진 게시

[01] 웹 사이트 구성요소8) 메인화면

주 메뉴위젯 : 홈페이지에 게재된 글 , 사진 등을 형식만 변형하여 표현

[01] 웹 사이트 구성요소9) SNS 연동 - 페이스북 ( 페이스북 플러그인 )Ex) 청어람 아카데미 http://www.bluelog.kr/ 위키 트리 http://wikitree.co.kr/

[01] 웹 사이트 구성요소9) SNS 연동 - 트위터Ex) 노틸러스 아리 http://ari.or.kr/

[01] 웹 사이트 구성요소10) 파워포인트뷰어 : 웹상에서 파워포인트 문서를 보여 줌으로서 홍보 및 정보전달 효과기대

슬라이드쉐어 : 파워포인트문서를 웹용으로 변환 및 보여주기가 가능http://www.slideshare.net

현재 보여지고 있는 프레젠테이션의 주소를 복사 /

붙여넣기 하여 다른 사이트에서도 보여주는 것이 가능

[01] 웹 사이트 구성요소10) 파워포인트뷰어 :

프레지 : 프레지 사이트에서 파워포인트를 작성하여 애니메이션과 같은 프레젠테이션이 가능

http://prezi.com/

현재 보여지고 있는 프레젠테이션의 주소를 복사 / 붙여넣기 하여 다른 사이트에서도 보여주는 것이 가능

[02] 웹 사이트 제작 툴사이트에 따라 제작 툴을 다르게 이용하는 것도 한 방법

1) Xpress Engine: 네이버에서 만든 홈페이지 제작 툴 한글 , 유지보수가 용이 www.xpressengine.com/

2) Wordpress: 프리 소프트웨어 진영에서 만든 툴 영어 , 매뉴얼이나 툴이 영어로 되어 있음 http://wordpress.org/

http://wordpress.co.kr/forum/

3) Tstory: 다음에서 제공하는 툴 별도의 서버를 필요로 하지 않음 .

www.tistory.com/

[03] 웹 사이트 설치 환경

1) 서버 (Server): 홈페이지의 소스 , 자료들이 저장될 하드웨어2) 도메인 (Domain): 홈페이지의 주소 .

사용자 홈페이지에 방문하게 하기위해 필요한 주소 .

Ex) 평화와 공공성 센터 : www.cppi.or.kr/

노틸러스 아리 : ari.or.kr/

[03] 웹 사이트 콘텐츠다음과 같은 사이트의 개발을 목적으로 함 .

1) 평화와 공공성 센터

2) SSK 사이트

3) 전병유 교수님

4) 이기호 교수님

5) 홍인수 교수님

6) 세계발전 연구소

7) 그 외 1 개 사이트

[03] 웹 사이트 콘텐츠

1) 사이트의 목표 및 사이트가 추구하는 가치 :

2) 사이트의 성격 : 공공성 , 지식적

3) 사이트 방문자 : 사이트에 주로 방문 할 것이라고 생각되는 대상

4) 콘텐츠 : 웹 사이트에 게재할 내용

각 사이트에 포함되는 기관 , 단체로 부터 자료를 전달 받을

필요가 있습니다 .

[03] 웹 사이트 디자인위에 언급한 바와 같이 웹사이트를 구성하는 내용을 고려하여 콘텐츠 배치

디자인제작 진행 예정

1) 외주 디자인 업체 고용

2) 제작 툴에서 제공하는 레이어를 사용

( 만족할 만한 디자인을 찾는 것이 어려울 가능성 있음 )

[03] 웹 사이트 운영

1) 회원가입과 회원을 관리하는 기능

2) 소식지 제작 :

웹매거진 ( 주보 또는 월보 ) 을 사용자에게 이메일 형식으로 발송

웹메일 발송 업체를 이용

Ex) http://www.ozmailer.com/

[03] 웹 사이트 유지 / 보수

1) 새로운 컨텐츠의 업데이트 :

게시글 , 사진 등을 게시판에 올리는 형식

2) 메인화면 관리 :

게시판에 글을 올리고 위젯에서 메인으로 보여주는 형식

[03] 웹 사이트 제작 플로우

1) 상세정의서의 내용을 바탕으로

사이트 맵 , 기능구현 , 콘텐츠 배치 , 레이아웃 시안 ( 프로토타입 ) 을 작성

상세정의서 제출 기한 : ?

2) 컨펌된 내용을 바탕으로 사이트 제작

3) 자료 입력

[03] 회의

1) 상세정의서의 내용을 바탕으로

사이트 맵 , 기능구현 , 콘텐츠 배치 , 레이아웃 시안을 작성

2) 컨펌된 내용을 바탕으로 사이트 제작

3) 자료 입력