웹사이트 구축 프로세스

웹사이트 구축 프로세스

1. 분석

1)제안요청서, 사업계획서 검토, 미팅으로 요구사항분석
  - 실현 가능한 요구사항인가?
  - 요구한 기능과 유사한 기능이 있는가?
  - 클라이언트가 요구한 것보다 더 좋은 방법은 없는가?


2) 벤치마킹(타 사이트)
  - 이용자층 분석
  - 디자인, 레이아웃 분석
  - 서비스 분석
  - 마케팅 분석
  - 종합 평가

3) 기능정의서/정책정의서(웹사이트 내 규칙)
  - 엑셀문서로 기능명/뎁스/구현대상/작업요소/관리자연동/기능 정의 등
  - 정책명/세부항목/내용/정의(회원가입정책, 결제정책, 포인트 정책 등)

4) 일정산출(모든 팀, 고객과 협의를 통함)
  - WBS(Work Breakdown Structure) 작성, 계약서의 일종이므로 너무 타이트하지 않게 필요(꿈..)

2. 설계

1) 사이트 구조설계(기능정의서의 모든 기능들을 유사한 기능과 위계를 정리하여 구조화작업)
  1-1)사이트 구조설계(사이트맵 작성)
  1-2) 디자인 컨셉 정하기 - 고객과 접점에 있으므로 기획자가 하거나, 디자이너와 같이 미팅
  1-3) 화면 정의서 작성(화면설계, 기능까지 고려)
        : 100페이지 이상되는 경우가 있음. 전체적인 틀을 세움(스케치) > 디테일하게 작성 > 초안단계에서 작업자들과 공유하는것이 좋음(제작단계에서 문제가 되기보단 초안단계에서 의논하는것이 좋음)

3. 구현

1) 구현 순서
  - 디자인(시안 > 컨펌)
  - 퍼블리싱(html, CSS, Javascript)
  - 개발(퍼블된 사이트에 기능이 가능하도록 DB(제품정보 등)를 불러오게 하거나, 회원정보 DB연결 작업 등)
   >> 기획자는 위의 3단계 중 각 단계가 화면정의서대로 잘 되었는지 확인, 고객사의 의도대로 되었는지 확인, 고객컨펌을 받아 승인
  - 테스트(최소 한달의 기간에 디버깅(에러를 수정)하는 작업)
   >> 테스트 시나리오 작성
  - 사이트 오픈(후 모니터링 필요 - 개발서버와 운영서버의 다른 변수에 의한 에러발견 후 개선작업)

1-1) 디자인

화면정의서 내역 파악 > 디자인으로 표현(폰트, 이미지, 픽셀, 여백 등 고려)
>> 기획자 또한 이미지 크기와 이미지해상도의 차이는 알아야 함

1-2)퍼블리싱

html, CSS, jQuery... 등을 활용해서 작업
html : 기본 언어
CSS : 스타일을 일관되게 공통으로 잡아주는 것
jQurery : 인터랙션이 필요할 때 사용하는 언어
>><!--주석--> 과 같은 메모내역은 알고 있는것이 좋음

1-3)개발자

디자인된 결과물을 웹 상에 출판하는 것이며, 기능이나 데이터베이스(입/출력)을 하는 과정