EBS E-DAS Mobile Service

Develop External

EBS E-DAS Mobile Service

  • date : 2013
  • position : html, css, javascript, php

이 작업은 EBS의 모든 영상물들을 관리하는 DAS장비 솔루션이 데스크탑용인데 이것을 모바일용으로 만드는 작업에 투입하게 되었다.
EBS데이터를 json데이터로 변환시켜주는 부분은 백엔드 프로그래머에게 작업 중간중간 부탁하여 해결하였다.
작업하면서 가장 힘들었던 점이 한사람이 원격제어를 통하여 딱 한사람만 내부서버에 접근하여 작업을 해야한다는 점이었다. 왜냐하면 EBS DAS장비가 인트라넷이어서 외부에서 접속을 전혀 할 수 없기때문이었다. 직접 파견나가서 작업해야할만한 작업양도 아니라서 불편하지만 원격제어로 EBS에 있는 컴퓨터로 작업하게 되었다.

ebs_e-das_002.jpg

위 이미지는 프로그램이 운용되는 프로세스 목업이다.
이렇게 목업으로 마들어두면 디자이너가 컨텐츠를 어떻게 디자인해야할지 쉬운 가이드가 되고, 프로그래머쪽은 코딩작업에 방황하지 않게되어 점점 목업작업을 많이하게 된다.

다음은 작업 과정이다.

Process

  1. 보스와 이야기를 하면서 대략적인 개요를 설명을 듣는다.
  2. EBS 작업담당자와 전화통화를 하여 구체적인 작업내용을 듣고, PC버전의 스크린샷과 기본적인 소스들을 넘겨받았다.
  3. 받았던 데이터를 기초로 구상을 하고, 목업을 만들고 디자이너에게 보여줌
  4. 목업을 통해서 만들어진 디자인을 받고나서 html/css 마크업 작업
  5. javascript로 기초적인 이벤트부분과 데이터와 연계되는 부분은 프로토타입으로 만들었다.
  6. 원격제어를 통하여 프로토타입 프로그램을 EBS쪽 내부서버에 설치
  7. 실질적인 데이터 파싱 및 javascript 부분에서 데이터 삽입
  8. 테스트 및 기능수정

ebs_e-das_003.jpg

왼쪽 이미지부터 로그인페이지, 영상목록, 영상 상세정보및 비디오 프리뷰

end

작업하면서 느낀것인데 데스크탑용 프로그램은 개인적으로 사용하고 있는 NAS의 관리 프로그램이랑 상당히 비슷해보였다.
데스크탑용 프로그램을 분석하고 파싱할 데이터를 찾느라고 많이 애를 먹었다. 데이터 파싱은 회사 프로그래머가 작업해주거나 연락하고 있는 담당자가 간단하게 만들어주는걸로 작업했다.
회사 프로그래머가 json데이터에 관해서 이해도가 부족했지만 이 작업을 통해서 많이 알게된거같다.

url로 다시 볼 수 없다는 아쉬움이 있지만 아마도 EBS 내부에서 잘 돌아가고 있을것이다.

이 작업을 하고나니 비동기 데이터 통신에 관하여 많이 배우게 되었다. 몰랐던 부분을 많이 알게되기도 하고, 어떻게 하면 효율적인지도 느끼게 된 좋은 작업이 되었다.