Upload
gemma-lee
View
997
Download
0
Embed Size (px)
Citation preview
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) 자료 입력