Project.다원 Ensemble_설계(7)_장비관리-장비상세
Wireframe&화면설계서(3)
계속해서 장비관리입니다!
앞으로 화면 1개만 더 나오면 끝나겠네요!
벌써 설계서 PPT가 27장이 되었네요 ㅋㅋㅋ 으아 ㅋㅋㅋ
2시까지 블로그작성하기로했는데 설계하다가 정신차리니 2시 3분(지금시간) (...)
오늘은 좀 내용이 많습니다.
그럼 바로 시작하겠습니다!
Wireframe (장비관리-장비상세_tab1)
잘 기억하시는 분들은 저번 장비등록 화면과 거의 일치하다는 걸 알 수 있습니다.
사실 저장한 기록 그대로를 보여주고 있기 때문에 큰 변동사항은 없다 보시면 될 것 같습니다.
다만 한가지 추가된게 있다면 tab이겠네요.
Wireframe (장비관리-장비상세_tab2)
tab2는 tab1과는 살짝 다릅니다.
바로 grid가 들어간다는건데, 자세한 설명은 아래 화면설계서를 보시면서 진행하도록 하겠습니다.
화면설계서 - PC (장비관리-장비상세_장비정보)
기존 장비등록화면과는 tab외에는 크게 다른 부분은 없습니다.
다만 버튼면에서 잠금해제 버튼이 있는데, 이는 처음 페이지를 보여줄때에는 input box들을 수정할 수 없도록 disable된 상태로 보여줄 예정입니다.
이는 잘못된 저장의 오작동 방지를 위함으로, 잠금해제 -> 데이터 수정 -> 저장하기 버튼을 누름으로 데이터의 수정이 가능합니다.
저장하기 버튼 또한 잠금해제가 된 상태여야지 저장이 가능한 상태로 변경됩니다. (초기 저장하기 버튼도 disable 상태)
화면설계서 - PC (장비관리-장비상세_관리내역)
자! 아까 보셨던 Wireframe - tab2의 화면설계서입니다!
grid는 일전에 데이터베이스를 설계한 것 처럼 상태를 Log형식으로 쌓아둘 수 있도록 설계하였습니다.
다만, 폰에서는 grid를 직접 컨트롤하기에는 무리가 있어보여 modal로 데이터를 추가하는 형식으로 설계했습니다.
이 부분은 아래나올 Mobile버전을 살펴보시면 PC와 동일한 형식으로 되어있다는것을 확인할 수 있습니다.
이는 input box가 작은 grid에서는 Mobile같은 작은화면에서는 적합하지 않다고 생각하여 내린 결론이고, 추후 괜찮은 grid system이 있으면 변경될 수 있습니다.
화면설계서 - Mobile (장비관리-장비상세_장비정보)
아까와 마찬가지로 PC화면과 큰 차이도 없고, 기존 장비등록화면과도 큰 차이는 없습니다.
tab추가 외에는 음...ㅎㅎ
화면설계서 - Mobile (장비관리-장비상세_관리내역)
PC 버전과는 다르게 Modal의 모습이 조금 바뀌어보일 수 있으나, 기능적인 면에서는 동일합니다.
Modal에서 save를 누르면 바로 grid data에서 보이게 됩니다. (DB에도 저장)
사실 Mobile에서 grid를 지원하는 만큼 몇몇 테스트의 진행이 필요할 것 같습니다.
브라우저별 지원 정보라던가, 깨지는건 있는지 등등..
이이야... 게시글을 후딱쓴다고는 썼는데 역시나 늦어졌네요;;;
그만큼 잠자는 시간이 늦어지는건 뭐.. 어쩔수 없네요 ㅠㅠ
항상 설계를 진행하다보면 시간가는걸 잊네요 ㅠㅠㅠ
오늘도 나름 하긴했는데 조금 졸면서 한 것도 같습니다 ㅋㅋ;;
덕분에 추후에 변경사항이 생길지도 모르겠네요 ㅠㅠ
얼른 또 처리할거 처리하고 후딱 자러가야겠습니다.
오늘도 고생많으셨습니다~
버전정보 (v1.0)
- v1.0 2020.07.10 배포
* 본 게시글의 이미지에 들어간 글씨체는 네이버 나눔 글씨체인 나눔스퀘어 Bold를 사용했습니다.
* 본 게시글의 이미지는 전부 (이미지 내의 픽토그램 등) 직접 제작했음을 명시합니다.
* 저작권에 위반될 수 있는 컨텐츠(이미지, 동영상 등)나 게시글은 삭제되거나 수정될 수 있습니다.
* 문제의 여지가 될 수 있는 컨텐츠의 경우 댓글 달아 주시면 빠른 시일 내에 조치하도록 하겠습니다.
* Karzin은 항상 공부중입니다. 설명이 틀리거나 잘못된 부분이 있다면 의견내주시는대로 수정하도록 하겠습니다.
Project.다원은 개인(karzin)이 기획, 분석, 설계, 디자인, 개발, 유지보수 등
모든 부분을 혼자 맡아 진행하는 개인 프로젝트입니다.
Project.다원 Ensemble
Karzin
abbeea@naver.com
'Project 다원(Dawon) > 다원 ERP (Ensemble)' 카테고리의 다른 글
Project.다원 Ensemble_분석(5)_장비관리-요구사항분석(Event List) (0) | 2020.07.12 |
---|---|
Project.다원 Ensemble_설계(8)_장비관리-화면 정리 및 시스템 개발 인터뷰 (0) | 2020.07.11 |
Project.다원 Ensemble_설계(6)_장비관리-장비목록 Wireframe&화면설계서(2) (0) | 2020.07.09 |
Project.다원 Ensemble_설계(5)_장비관리-장비등록 Wireframe&화면설계서(1) (0) | 2020.07.08 |
Project.다원 Ensemble_설계(4)_장비관리 Wireframe(0) (SiteMap 추가!) (0) | 2020.07.07 |