제 07강 2012년도 1학기
소프트웨어 설계
메인 화면
(1) 폼 구성
메인 폼은 크게 좌측 각 파트 별 버튼 이 구성되어있으며, 우측 상단에 로 그인시 입력한 아이디가 입력이 되 며, 어떠한 아이디로 로그인을 하였 는지에 대한 것이 담당자 앞에 나타 나게 된다. 그리고 스마일 버튼이 밝 게 빛이 나왔다 들어갔다 하면서 사 용자의 상태가 사용 중이라는 것을 나타낸다. 또한 스마일 버튼을 누르 게 되면, 로그인창과는 반대로 로그 아웃 버튼으로 활용 되며, 로그아웃 에 관한 물음을 한 번 더 하게 되며, 로그아웃을 하게 되면, 처음 메인화 면으로 이동하게 된다.
CASE STUDY
(주)청솔 & CS Korea 원가관리 시스템
메인 화면
(1) 폼 구성
메인 화면 가운데 좌측 부분 에는 관리자 메뉴에서 직접 관리자가 입력한 공지사항 이 출력되는 부분이다. 좌측 메뉴의 상단에 있는 청솔 마 크 부분을 클릭하면 간단한 회사 소개가 나온다. 페이지 를 클릭하게 되면, 페이지는 닫히게 된다.
CASE STUDY
(주)청솔 & CS Korea 원가관리 시스템
메인 화면
(1) 폼 구성
메인화면의 스마일 버튼과 는 반대로 로그아웃을 하는 버튼으로 사용되었다.
버튼을 클릭하게 되면, “로그 아웃하시겠습니까?”라는 질 문과 “예”라는 대답을 선택하 면, 처음 메인화면으로 이동 하게 되고, “아니오”를 선택 하게 되면, 질문은 닫히게 된 다.
CASE STUDY
(주)청솔 & CS Korea 원가관리 시스템
메인 화면
(1) 폼 구성
좌측상단의 청솔 로고를 클 릭하게 되며 화면의 가운데 부분에 (주)청솔/CS Korea의 간단한 회사 경영이념과 사 업목적이 나오게 된다. 창의 아무곳을 클릭하게 되면 창 이 닫히게 된다.
CASE STUDY
(주)청솔 & CS Korea 원가관리 시스템
물품등록
(1) 폼 구성
물품을 등록하기 위한 창으로 물품등록에 대하여 알아보겠다. 물품등록은 구매, 재고, 판매 파트에서 물품을 등록하기위하여 사 용하며 기본화면은 윗 화면과 같다.
검색 상자에서 코드로 검색 또는 물품으로 검색을 체크박스를 통해서 선택하게 된다.
선택한 것을 바탕으로 검색 창에 코드 또는 물품을 검색한 뒤 “검색”버튼을 클릭하게 되면, 아래 부분의 창에 검색결과가 출력되 게 된다.
물품코드, 물품명, 자산, 창고를 입력하려 면, 폼의 하단 부분의 하얀 부분에 값들을 입력한 뒤, 하단의 버튼 “추가”를 누르게 되 면, 박스에 추가 되어진다.
입력된 값을 수정하고 싶다면, 값들을 창에 서 선택을 한 다음에 수정한 뒤, 저장을 누 르면 수정이 된다.
“종료”버튼을 클릭하게 되면, 폼에서 나오 게 되며, 폼을 열고, 아무 작업 없이 폼을 닫 으면 경고 메시지가 출력된다.
CASE STUDY
(주)청솔 & CS Korea 원가관리 시스템
물품등록
(1) 폼 구성
종료버튼을 클릭했을 경우,
“저장하지 않은 데이터는 손 실됩니다. 정말로 종료하시 겠습니까?”라는 문구와 함께
“예”를 클릭하였을 경우, 물 품 등록 폼은 닫히게 된다.
CASE STUDY
(주)청솔 & CS Korea 원가관리 시스템
업체 등록
(1) 폼 구성
업체를 검색하거나, 업체의 내용을 검색 수정, 업체를 삭 제 또는 업체를 추가 시키는 폼이다. 상단의 검색방식 박 스에 “대표자 성명” 또는 “거 래처명”으로 검색을 수행할 수 있으며, 검색 결과는 하단 의 박스에 나오게 된다.
CASE STUDY
(주)청솔 & CS Korea 원가관리 시스템
업체 등록
(1) 폼 구성
거래처 주소의 우측에 물음표를 클 릭하게 되면, 일반 웹사이트에서 주소를 검색하듯이 사는곳 을 입력 한 뒤 검색을 하게 되면, 주소가 나 오고 클릭하면, 값들은 화면에 나 오게 된다.
값들을 잘못 써서 입력을 다시하고 싶은 경우 에는 하단 버튼의 “다시 입력”을 누를 경우, 입력했던 값들 이 처음 상태로 사라지게 된다. “추 가”버튼을 눌러 입력 값들을 저장 시키며, “수정”버튼을 눌러 검색했 던 내용을 수정하며, “삭제”버튼을 눌러 값들을 삭제 하며, “종료”버튼 을 눌러, 업체등록을 마친다.
CASE STUDY
(주)청솔 & CS Korea 원가관리 시스템
업체 등록
(1) 폼 구성
상단 좌측의 검색 방식을 선 택한 뒤, 검색 목록에서 대표 자 성명 또는 거래처명을 선 택하지 않고, 검색을 눌렀을 경우, 검색목록을 선택하라 는 창이 나오게 된다.
CASE STUDY
(주)청솔 & CS Korea 원가관리 시스템
업체 등록
(1) 폼 구성
검색 코드 수정
CASE STUDY
(주)청솔 & CS Korea 원가관리 시스템
업체 등록
(1) 폼 구성
검색 코드 수정 완료
CASE STUDY
(주)청솔 & CS Korea 원가관리 시스템
업체 등록
(1) 폼 구성
검색 내용 삭제
CASE STUDY
(주)청솔 & CS Korea 원가관리 시스템
업체 등록
(1) 폼 구성
삭제 취소
CASE STUDY
(주)청솔 & CS Korea 원가관리 시스템
다음 수업은 관리자 폼 UI부터 진행
CASE STUDY