웹프로그램 연구(I) 전체개괄

개요

[WEB연구] - 웹프로그램 연구(I) 전체개괄
[WEB연구] - 웹프로그램 연구(II) Input.Text 와 Select 요소
[WEB연구] - 웹프로그램 연구(III) 데이터베이스의 설계
[WEB연구] - 웹프로그램 연구(IV) ASP 디버그 방법
[WEB연구] - 웹프로그램 연구(V) Javascript 디버그 방법
[WEB연구] - 웹프로그램 연구(VI) Ajax를 위한 준비
[WEB연구] - 웹프로그램 연구(VII) Input.text요소의 힌트용 스크립트

프로젝트 진척 보고용 웹프로그램을 개발하기로 하다.

기존 엑셀을 사용하여 보고서를 작성하였으나 웹서버 접속하여 브라우저로 편집 열람을 가능하게 한다.
엑셀에서 불편한 점을 프로그램으로 개선하는 것과 웹프로그램을 연구하기 위한 것이 연구개발의 목적이다.

단, 블로그에서는 모든 사양을 공개하기에는 여러 사정이 있으므로 아이디어를 위주로 메모하는 선에서 기록해 두기로 한다. 그리고 기록을 간단히 하기 위하여 블로그에서는 DoList를 개발하는 것으로 한다.

 

  (유치원 가방: 간단해 보이는 가방을 만들 때도 디자인(옷본)이 필요하다. 그런데 종종 프로그래머는 설계도가 하나 없이 소스를 쓰기 시작한다. 경악을 금치 못할 일이다.)

사양

기존 DoList 예

번 호	날 짜	우 선순위	할 일
1			I 블로그 내용 갱신하기
2	03/12	12	I.(1) 연구개발 페이지 추가기록
3	03/14	2	I.(2) 독서의 산책 페이지 추가기록

• Table요소를 사용하여 표형식으로 표시한다.
• 행번호는 자동 부여한다.
• 날짜는 입력 날짜를 자동 기입한다.
• 기입할 내용을 입력할 때 Input.Text요소의 경계선의 색깔을 바꾸어 FocusRect를 표시한다.
• 우선순위 등의 입력 제한이 있는 필드는 Select요소로 표시하되 입력 포커스를 받았을 때만 드롭다운으로 표시한다.(즉 Input.Text 요소였다가 ComboBox 로 표시전환하는 것이다.)
• 입력을 수행할 때마다 백그라운드 실행으로 데이터 베이스를 갱신하고 전체 화면은 갱신하지 않는다. 화면 갱신량을 줄여서 실행시간을 절약한다.(AJAX의 사용)
• 할일은 할일그룹과 할일상세의 두단계가 있다.
  

기본 구성

화면 디자인	CSS 파일의 사용
화 면 이벤트 프로시저	Javascript 파일의 사용
웹 페이지 언어	ASP 형식
데이터베이스	MDB 파일의 사용
통신방식	AJAX 수법의 응용

접근성을 위하여 AJAX 를 사용하는 것과 화면의 사용성을 위하여 CSS를 활용하는 것이 주목적이다.