Embed Size (px)
Citation preview
HTML5 사례-Digilog 경제신문, 조선비즈 웹앱-
조선경제i 황정연 개발팀장
Chosunbiz Web App 구조와 특징
UI 특징
배달함에서 콘텐츠를 패키지 단위로 발행하고, 발행한 패키지 단위로 영구히 보존.
- 패키지 구분:일간 신문/주간 잡지/스페셜 리포트/단행본
UI 특징
종이 지면의 레이아웃을 최대한 살려 - 면머리 제목, 기사의 큰 제목/중간제목 등을 다양하게 표현가능 - 지면 레이아웃 다양하게 표현
UI 특징
기사를 읽을 때 궁금한 것을 해결해주는 추천링크
기사 내용면
추천링크
- 기자 프로필- 분류- 관련 기업/기관 정보
등의 관련 정보
UI 특징
하나의 UI 가 N스크린에 동일하게
- 태블릿PC- PC- 스마트폰
Content 특징
- 실시간 뉴스는 속보형태로 chosunbiz.com사이트에 먼저 게재
- 웹에 게재된 개별 콘텐츠를 테마별로 다시 패키징(packaging)
- 개별콘텐츠의 재활용성이 높아지고, 독자들은 테마단위 이용 편의성 확보
Content 특징
테마단위 패키징 사례
Special- KT 이석채 3년- 한국경제 반세기/ 부자 개미 vs 가난한 개미- 한미 FTA/풍수로본 부동산/과학Talk
Books- 경제용어사전2012- 자본주의4.0- 재계 뉴리더
Content 특징
스페셜리포트 "KT이석채 3년"
기획의도아이폰으로 대변되는 통신업계의 지난 3년의 변화는 그동안의 통신업계 변화 중 가장 큰 변화 였으며 그 중심에 있는 이석채 회장에 대해 알아본다.
이석채는 누구?통신판을 흔들다아이폰열풍KT-KTF 합병발탁인사
스마트워크클라우드 컴퓨팅대대적 조직 혁신상생을 논하다3년 성적표
Content 특징
Content 특징
테마단위의 패키지를 다양한 형태로 개별 배포 가능
Content 특징
SNS
QR코드
Chosunbiz Web App 서비스 구조
서비스 구성도
Platform
Database system
2002년부터 축적한 30만 경제뉴스 및 경제 용어(Wiki기반)
- 꼬리에 꼬리를 무는
추천 링크 시스템
- 양방향 링크
EPS(E-paper publishing System)
웹 기반 신문 레이아웃 편집시스템 - 웹앱과 동일한 웹 기반의 환경 - 특징
■ 쉬운 편집■ 드래그 앤 드롭
■ 자유로운 레이아웃 구성■ 자주사용하는 템플릿을 미리 제작 후 사용가능■ 설치 없이 접속으로 사용가능
- 발행이 완료되면 HTML파일을 생성해 보관
WepApp-HTML5
- 웹기반■ html5 + javascript + css 사용■ 수정사항이 바로 적용됨(신속한 업데이트)
- 동적인 화면 구성■ 웹페이지가 재로딩되지 않고 사용자의 행동에
즉각 반응■ 슬라이드 방식의 지면 넘기기
- EPS에서 만들어진 지면을 다운로드 받아 보여줌
- 지원하는 플랫폼 IE9, Firefox, 크롬, Safari 등 HTML5를 지원하는 브라우저 및 OS
HTML5와 뉴스미디어
HTML5와 뉴스미디어
HTML5는 뉴스미디어 관점에서 N스크린 대응 최선책
- 지면 추가에 비용이 들지 않아 원하는 만큼 면을 발행할 수 있음
- 앱스토어에 등록되지 않아도 웹으로 접속해 사용가능해 접근성이 높음
- 웹앱 창간 5개월만에 100만명의 구독자를 모은 FT는 유료 구독자 정보의 소유권 문제와 수익배분의 문제로 앱스토어에서 자진 퇴거
HTML5와 뉴스미디어
- 다양한 기기 대응이 쉬움○ 매번 출시되는 다양한 기기에 맞춰 앱을 새로 개발하는 것은 현실
적으로 어려움
○ HTML5를 지원하는 모든 기기에서 뉴스를 볼 수 있음
○ 개발적인 리소스를 최소화 하고 콘텐츠 배포에 좀더 집중하기 위해 HTML5는 최선의 선택
아이패드 주소창에 app.chosunbiz.com 입력 후 "홈 화면에 추가"
설치가 쉽습니다
