--- title: "모바일 작업 환경을 위한 데이터 교환" date: "2012-02-01" categories: - "data-integration" tags: - "software-tools" - "stylevision" - "xml-reports" - "xml-to-database" description: Altova의 StyleVision과 Authentic는 모바일 환경에서 효율적인 데이터 교환을 가능하게 합니다. 이 두 제품은 IT 시스템과 통합된 전자 양식을 생성하고 관리하여, 현장 작업자들이 데이터를 쉽고 빠르게 공유할 수 있도록 지원합니다. --- Status: #blog Tags: #software-tools #stylevision #xml-reports #xml-to-database Categories: [data-integration](/blog/ko/category/data-integration.md) # 모바일 작업 환경을 위한 데이터 교환 기업들은 점점 더 많은 직원들이 외부에서 근무하는 환경에 맞춰 내부 업무 프로세스를 상당 부분 조정해야 했습니다. 오늘날의 다양한 커뮤니케이션 요구를 해결하는 기술적인 솔루션들이 존재하지만, 동일한 조직 내에서도 다양한 문서 형식이 사용되고 있기 때문에, 여전히 해결해야 할 과제들이 남아 있습니다. 예를 들어, 기업은 이동 중인 직원들 간의 데이터 교환을 원활하게 하면서도, 동시에 해당 데이터를 내부 IT 시스템으로 통합할 수 있는 유연성을 어떻게 유지할 수 있을까요? Altova는 StyleVision®을 통해 저렴한 솔루션을 제공합니다. StyleVision®은 전자 양식 기능을 갖춘 그래픽 스타일 시트 및 보고서 디자인 도구이며, Authentic®은 사용자가 StyleVision으로 생성된 전자 양식을 보고 편집할 수 있는 WYSIWYG(What You See Is What You Get) 방식의 XML 및 데이터베이스 편집기입니다. 오픈 소스 커뮤니티 에디션은 다음과 같습니다 [알토바 웹사이트에서 무료로 다운로드할 수 있습니다](https://www.altova.com/ko/download/authentic/xml_db_form_editor_desktop.html) 이를 통해 조직 내부 구성원뿐만 아니라 외부 관계자까지도 여러분의 업무 프로세스에 쉽게 참여할 수 있습니다. [![(이미지 삽입)](https://lh5.ggpht.com/-0BIdbup1WCI/TylxslyNu9I/AAAAAAAAASw/J4lIVPv9lB0/clip_image002_thumb%25255B2%25255D.jpg?imgmax=800 "clip_image002")](http://lh3.ggpht.com/-PevmyQqyxCU/Tylxr4M21qI/AAAAAAAAASo/9UDb6MHeRP0/s1600-h/clip_image002%25255B7%25255D.jpg) 이번 글에서는 기존의 종이 양식과 동일한 전자 양식을 만드는 방법을 보여주는 예시를 소개하겠습니다. (여기서는 환급 신청 양식을 예시로 사용합니다.) 그리고 이 양식이 가상의 조직 내에서 어떻게 사용되는지 과정을 함께 살펴보겠습니다. 여기서 제시하는 예시는 단순화된 것으로, 전자 양식 개발 및 배포 과정을 설명하기 위한 목적으로만 설계되었습니다. StyleVision에서는 추가적인 데이터 소스를 연결하고, 유효성 검사 및 기타 복잡한 기능을 수행할 수 있지만, 여기서는 이러한 기능들을 자세히 설명하지 않았습니다. StyleVision에서 전자 양식을 디자인하는 것은 매우 간단합니다. 시작하려면, 파일 메뉴에서 "새로 만들기"를 선택하고, "XML 스키마/DTD/XML에서 만들기"를 선택한 다음, XML 스키마 파일을 찾아 원하는 디자인 유형을 선택합니다. 이번 예시에서는 Altova의 XMLSpy를 사용하여 XML 스키마 파일과 샘플 파일을 만들었습니다 [XML 편집기 및 개발 환경](https://www.altova.com/ko/xmlspy.html), 제출 양식에 기재된 항목을 기준으로 작성할 수 있으며, 스타일 비전 디자인은 데이터베이스나 XBRL 분류 체계를 기반으로도 만들 수 있습니다. 아래는 저희가 사용할 정산 양식의 사본과 함께, 저희가 만든 XML 스키마를 함께 제공합니다. [![(이미지 삽입)](https://lh5.ggpht.com/-8SMJRzV77pU/TylxtoN9vcI/AAAAAAAAAS8/NAZxprm7rRs/clip_image002_thumb%25255B3%25255D.jpg?imgmax=800 "clip_image002")](http://lh5.ggpht.com/-xMTIo-wF2WM/TylxtZOWYqI/AAAAAAAAAS0/1ss8cIyDe-c/s1600-h/clip_image002%25255B8%25255D.jpg) [![(이미지 삽입)](https://lh5.ggpht.com/-YINM9ih5A2M/Tylxv-TwBzI/AAAAAAAAATQ/Gpx5etVG2dY/clip_image003_thumb%25255B1%25255D.png?imgmax=800 "clip_image003")](http://lh6.ggpht.com/-s_AeRtjGdzU/TylxuW33DGI/AAAAAAAAATI/6r7FC3vRC-c/s1600-h/clip_image003%25255B4%25255D.png) StyleVision에서 XML 파일을 선택하면, 자유 형식 또는 양식 기반 문서 중 하나를 선택하라는 메시지가 나타납니다. 양식 기반 문서에서는 모든 디자인 요소(예: 사용자 입력을 위한 텍스트 상자, 이미지, 버튼)의 위치가 고정되어 있어 데이터 입력 양식에 적합합니다. 양식 기반 문서를 만들 때, 기존의 종이 양식을 그대로 재현할 수 있도록 "설계 도면 이미지"를 업로드할 수 있습니다. 아래에서 이 옵션을 선택했습니다. 업로드된 이미지는 디자인 창의 배경에 표시되며, 우리는 이 이미지 위에 해당되는 디자인 요소를 배치하여 양식을 구성합니다. 물론, 최종 결과물에는 설계 도면 이미지가 나타나지 않습니다. [![(이미지 삽입)](https://lh6.ggpht.com/-PiQaOk6tDSU/TylxxN1QjNI/AAAAAAAAATg/oR1i9RGhxVc/clip_image004_thumb%25255B1%25255D.png?imgmax=800 "clip_image004")](http://lh3.ggpht.com/-pH9kumjNQb8/TylxwpQDq5I/AAAAAAAAATY/3TsS7DDLUJo/s1600-h/clip_image004%25255B4%25255D.png) 아래 스크린샷은 StyleVision 디자인 창에 표시되는 설계 도면 이미지를 보여줍니다. 정말 멋지죠? [![(이미지 삽입)](https://lh3.ggpht.com/-z73sUFqvsTY/TylxzIKlmuI/AAAAAAAAAT4/m316wAKAr-Q/clip_image005_thumb%25255B1%25255D.png?imgmax=800 "clip_image005")](http://lh3.ggpht.com/-zpBDNYlFAyg/Tylxx4G6LeI/AAAAAAAAATs/3BQqU4W4Tm0/s1600-h/clip_image005%25255B4%25255D.png) 이제 상단 메뉴의 "삽입"을 사용하여 디자인 창에 있는 도면 이미지에 다양한 디자인 요소를 간단하게 추가할 수 있습니다. 사용 가능한 디자인 요소에는 입력 컨트롤(예: 입력 상자, 콤보 상자, 라디오 버튼), 이미지, 표, 차트, 그리고 정확한 위치 설정을 위한 "레이아웃 컨테이너"가 있습니다. 먼저, 양식의 상단 부분에서 직원 정보를 입력할 수 있는 입력 필드를 추가해 보겠습니다 (예: 이름, 성, 직책 등). "삽입" 메뉴에서 "양식 컨트롤 삽입"을 선택하고 "입력 필드"를 선택하면 "디자인 요소 삽입" 대화 상자가 나타납니다. 아래 대화 상자에서 "이름" 요소를 강조 표시했습니다. 이제 이 입력 필드는 "이름" 요소와 연결됩니다. 이렇게 하면 최종 사용자가 입력 필드에 데이터를 입력하고 양식을 저장하면, 해당 정보가 XML 파일의 "이름" 요소에 자동으로 채워집니다. [![(이미지 삽입)](https://lh6.ggpht.com/-hLEflFy1sJM/Tylx0LpM5BI/AAAAAAAAAUE/QCVAwLktES0/clip_image006_thumb%25255B1%25255D.png?imgmax=800 "clip_image006")](http://lh5.ggpht.com/-QUkLxSHiyyQ/Tylxzmp1ZDI/AAAAAAAAAUA/AdyDzJnw8us/s1600-h/clip_image006%25255B4%25255D.png) 이제 폼의 나머지 부분에 디자인 요소를 추가하면서, 입력 필드를 XML 파일의 해당 요소와 연결합니다. 입력 필드 추가가 완료되면, 로고, 선, 비용 항목을 위한 표, 그리고 레이블 등이 추가되어 디자인은 다음과 같이 보입니다. 디자인 요소를 더 쉽게 보기 위해, 설계 이미지의 투명도 속성을 0으로 설정했습니다. 또한, 날짜 필드에 달력을 추가하고, 드롭다운 메뉴를 추가했으며, 사용자 입력에 따라 변경되는 통화 기호를 추가하는 등 추가적인 디자인 작업을 수행했습니다. 폼 디자인을 더욱 세밀하게 조정하려면, StyleVision 애플리케이션 내의 StyleVision 사용자 및 참조 매뉴얼을 참조하십시오. [![(이미지 삽입)](https://lh5.ggpht.com/-NcEKgP1bloM/Tylx0_ywOhI/AAAAAAAAAUY/4GeDFsaqALE/clip_image007_thumb%25255B1%25255D.png?imgmax=800 "clip_image007")](http://lh6.ggpht.com/-6y0s0Fw7DwM/Tylx0c6fXWI/AAAAAAAAAUM/kXNi7-6jlkU/s1600-h/clip_image007%25255B4%25255D.png) 스타일비전에서 디자인한 양식이 최종 사용자가 어떻게 보이는지 미리 확인할 수 있습니다. 디자인 창 하단에 있는 "Authentic eForm" 탭을 클릭하면 됩니다 (아래 그림 참조). 최종 사용자는 각 데이터 입력 필드에 직접 데이터를 입력하도록 안내됩니다. 우리는 디자인과 관련된 XML 파일 내의 관련 태그 사이에 안내 문구(예: "이름 입력")를 삽입하여 이를 구현했습니다. 최종 사용자는 단순히 안내 문구를 선택하고 텍스트로 대체하면 됩니다. [![(이미지 삽입)](https://lh6.ggpht.com/-BzpjcpBQ1Mk/Tylx2JqE0mI/AAAAAAAAAUk/b3DXBvOeuXg/clip_image008_thumb%25255B1%25255D.png?imgmax=800 "clip_image008")](http://lh6.ggpht.com/-ptt0UtL62Lg/Tylx1iVid9I/AAAAAAAAAUg/Qu_ADFN7oBg/s1600-h/clip_image008%25255B4%25255D.png) 환불 양식 디자인이 완료되면, XML 스키마 및 인스턴스 파일, 이미지, 그리고 기타 관련 파일들을 포함한 전체 디자인을 하나의 PXF® (Portable XML Form®) 파일로 저장할 수 있습니다. 디자인을 PXF 파일로 저장하면, 기본 XML 양식에 업데이트된 데이터와 함께 해당 양식을 회사 내부 및 외부의 사람들에게 이메일로 쉽게 전달할 수 있습니다. [![(이미지 삽입)](https://lh3.ggpht.com/-O0d5WlE1mSA/Tylx2-b6WVI/AAAAAAAAAU0/Y5BiYvb0vIk/clip_image009_thumb%25255B1%25255D.png?imgmax=800 "clip_image009")](http://lh3.ggpht.com/-VMZmAOAgRk8/Tylx2pKvf0I/AAAAAAAAAUs/UhLjbQI7JC4/s1600-h/clip_image009%25255B4%25255D.png) "확인" 버튼을 누르면 PXF에 포함할 파일을 선택하라는 메시지가 나타납니다. "XSLT 파일 생성 및 저장" 항목 아래에서 HTML, RTF, PDF, 그리고 Word 2007 이상 버전을 선택했습니다. 이렇게 하면 최종 사용자가 Authentic에서 직접 이러한 형식으로 양식과 데이터를 생성할 수 있습니다. [![(이미지 삽입)](https://lh6.ggpht.com/-e2J8FrTol9g/Tylx3lPSJzI/AAAAAAAAAVI/MgA_NqZXJwc/clip_image010_thumb%25255B1%25255D.png?imgmax=800 "clip_image010")](http://lh3.ggpht.com/-J86iYroLYSs/Tylx3NPVeCI/AAAAAAAAAVA/oL949YN13jI/s1600-h/clip_image010%25255B4%25255D.png) 이제 StyleVision에서 디자인한 전자 양식을 PXF에 저장했으므로, 이 양식은 비즈니스 환경에서 활용될 준비가 완료되었습니다. 저희 예시에서는 전 세계에 걸쳐 활동하는 영업팀이 있으며, 이들은 업무 및 출장 관련 비용에 대한 환급을 요청해야 합니다. 영업 담당자들은 비용 보고서를 작성하여 관리자에게 제출하고, 승인된 보고서는 회사 본사로 전달되어 회계 시스템에 정보가 추가됩니다. PXF는 이러한 과정을 간편하게 만들어줍니다. 영업 담당자가 정산 요청을 완료할 준비가 되면, Authentic 프로그램에서 PXF를 열기만 하면 됩니다. 그러면 즉시 양식에 필요한 정보를 입력할 수 있습니다. 아래는 Authentic 프로그램에서 작성된 정산 요청 양식의 스크린샷입니다. 참고로, 이 양식은 아직 관리자의 서명이 필요합니다. [![(이미지 삽입)](https://lh6.ggpht.com/-PqHJjTayqHQ/Tylx42HpMPI/AAAAAAAAAVU/WoTlq4VUg3g/clip_image011_thumb%25255B1%25255D.gif?imgmax=800 "clip_image011")](http://lh4.ggpht.com/-4xV4NlMmEMM/Tylx4YLRgNI/AAAAAAAAAVQ/88HKRf0Duxc/s1600-h/clip_image011%25255B4%25255D.gif) 이제 영업 담당자는 해당 양식을 첨부하여 이메일을 작성한 후, 상급자에게 보내 승인을 받아야 합니다. 오센틱(Authentic)에서 바로 양식을 첨부하여 이메일을 보내는 것은 매우 간편합니다. [![(이미지 삽입)](https://lh3.ggpht.com/-nwJcmO8vH_I/Tylx7fSozXI/AAAAAAAAAVo/3wdy8d1Qztg/clip_image013_thumb%25255B1%25255D.jpg?imgmax=800 "clip_image013")](http://lh5.ggpht.com/-FEkZyQ8nNto/Tylx5M-76XI/AAAAAAAAAVg/KZVEed6FUts/s1600-h/clip_image013%25255B4%25255D.jpg) 매니저가 이메일을 받으면, 첨부 파일을 단순히 두 번 클릭하면 Authentic 프로그램에서 해당 파일이 열립니다. 여기서 매니저는 "승인" 확인란을 선택하고, 자신의 이름과 날짜를 추가했습니다. [![(이미지 삽입)](https://lh3.ggpht.com/-D1b3X6JNTvA/Tylx8DplILI/AAAAAAAAAV4/v-6i22w2TRE/clip_image014_thumb%25255B1%25255D.png?imgmax=800 "clip_image014")](http://lh4.ggpht.com/-txmoksF37EI/Tylx70wPKXI/AAAAAAAAAVw/8WE22SRVBj4/s1600-h/clip_image014%25255B4%25255D.png) 매니저는 업데이트된 PXF 파일을 영업 담당자에게 이메일로 다시 보내고, 영업 담당자는 이를 다시 본사로 이메일로 전달하여 회계 시스템에 업로드하여 처리할 수 있도록 합니다. 물론, 저희의 가상 본사는 매일 수백 건의 경비 청구 요청을 받고 있으며, 이러한 요청을 회계 시스템 내의 관련 Oracle 데이터베이스로 가져오는 절차를 마련해 놓았습니다. 여기서는 Altova MapForce라는 그래픽 기반 도구를 사용하겠습니다 [다양한 데이터 유형 간의 매핑, 변환, 그리고 데이터 변환을 지원하는 도구](https://www.altova.com/ko/mapforce.html), 견적서 데이터를 사용하여 기업 데이터베이스를 채우는 작업입니다. 매핑 설정을 완료한 후, MapForce를 통해 코드를 자동으로 생성하여 일괄 처리 또는 실시간 변환을 통해 데이터 변환 과정을 자동화할 수 있습니다. 먼저 매핑 설정을 진행합니다. PXF에서 추출한 XML 파일인 "ExpRpt"를 매핑 디자인 창의 왼쪽 부분에, 그리고 Oracle 데이터베이스를 오른쪽 부분에 삽입했습니다. 이제 XML 파일에 포함된 환불 데이터 필드를 Oracle 데이터베이스로 끌어다 놓을 수 있습니다. 또한 데이터를 변환할 수도 있습니다. 예를 들어, "Approved" 요소의 경우와 같이 변환을 수행할 수 있습니다. 여기서는 내장된 불리언 함수를 사용하여 XML 파일에 저장된 문자열 값("true" 또는 "false")을 숫자 값(1 또는 0)으로 변환했습니다. 또한 사용자 정의 함수를 만들 수도 있습니다. 위에서 설명한 매핑 결과는 아래에 표시됩니다. [![(이미지 삽입)](https://lh4.ggpht.com/-xVl2FP0BPFI/Tylx9VhN53I/AAAAAAAAAWI/7Y4ZMOGxQOw/clip_image015_thumb%25255B1%25255D.png?imgmax=800 "clip_image015")](http://lh6.ggpht.com/-ScqUKOBXByQ/Tylx8wyZcCI/AAAAAAAAAWA/-VpEFnE6YoM/s1600-h/clip_image015%25255B4%25255D.png)