노츠 『해외출장 신청서』 데이타 이전 및 UX 변경

그 동안, 노츠 시스템을 통해 운용되어지던 전자결재 양식을 어떤 UX로 변환할 것인가? 더불어, 데이타를 어떻게 입력받아 전자결재에 태울 것인가? 를 제일 중요한 과제로 고민해 보았습니다. 과거 노츠 시스템보다 데이타를 입력하는 방법이 편해야 할 것이며, 과거에는 하지 못한 모바일을 통한 입력도 고민해야 하는 것입니다.

변환전, 노츠시스템은 위와 같은 형태였습니다. 웹 화면으로 구현되었지만, 자유롭지 못한 표현과 고정적인 표현이였습니다. 이런 화면은, 모바일을 통해 보기가 힘든 구조입니다. 물론 반응형 웹, 또는 웹 2.0 같은 구조가 아니다 보니, 표현의 한계가 있어 사용하는데 불편한 것이 사실입니다.

변환 후의 모습은 기본적으로 모바일 같은 작은 화면에서도 보일 수 있는 반응형웹으로 표현되었습니다. 각각의 데이타는 페이지 새로고침이 없는 Ajax 기술을 통해 표현되어집니다. 웹2.0의 표준들이 모두 적용되었습니다. 전자결재와 데이타 연결이 무척 유연해 졌으며, 그 데이타 표현도 매우 쉽게 변경 및 추가가 가능해졌습니다.

과거, 노츠 시스템보다 편리해야함은 기본이지만, 요즘 같은 다양한 Device를 통해 접근이 가능해야 합니다. 요즘은 매시업 및 OpenAPI의 발달로 인해, 이렇게 구현되어진 양식의 데이타가 전자결재 시스템과 더욱더 확장성있게 통합되어져야 합니다. 주로, 이런 부분에 중점을 두어 양식이 제작되었습니다.