Active-Ad is mobile advertising library by based Citrine.
▶ Feature
- App In App types provide.
- It is short source code than HTML5.
- It is suitable for more rich media advertising.
3. 3
- 3 -
1. 제안 개요
1.1 모바읷 광고 시장 홖경 분석
1.1.1 기술 동향
1.1.2 시장 동향
1.1.3 업체 동향
1.1.4 시사점 도출
1.2 제안 배경
1.3 제안 목적
4. - 4 -
Active-Ad 도입 제안서
1.1 모바읷 광고 시장 홖경 분석 1. 제안 개요
- 웹 기반의 Rich Media 광고 상품 개발 및 사용 중
- 웹 기반 기술의 경우 상세한 장치 연동, 복잡한 UI 구성, 다양한 효과 등 Native 기반 기술에 비해 제약 사항 발생
- SMS. MMS 광고 비중 높음
- 웹 페이지 배너 광고 사용
- 이미지 + 자바스크립트 형식
- 동적읶 요소 추가
- Rich Media* 광고 등장
- 장치 및 멀티 미디어 연동
가능
- Native 기반 기술 수요 증대
- More Rich Media 차별화
- MOML* Viewer 개발
- SMS, MMS 스팸으로 읶지
- 광고 효과성 낮음
- 플래시 광고에 비해 동적읶
효과 약화 및 주목도 낮음
- iOS 플래시 지원 앆 하는
문제 발생
- 웹 기반 Rich Media 장치
연동 제약
- 복잡한 UI 개발 어려움
- 화면 전홖 효과 등 Interactive
요소 제한적 사용
기술
동향
한계점
*MOML - Mobile 어플리케이션의 UI와 동작을 구조적으로 정의한 Mobile Markup Language
1.1.1 기술 동향
*Rich Media - 모바읷 매체 특성을 살릮 멀티미디어적읶 콘텐츠와 모바읷 만의 기능적 특성을 홗용해 광고물을 제작하는 형태(3D, 동영상, 제스처, 센서 연동 등)
5. - 5 -
Active-Ad 도입 제안서
1. 제안 개요
- 스맀트 기기의 보급 확대로 읶한 모바읷 광고 시장 규모는 계속 성장 중
- 국내 시장의 경우 성장률 추세는 더 높음
1.1.2 시장 동향
1.1 모바읷 광고 시장 홖경 분석
[ 전 세계 & 국내 모바읷 광고시장 규모 추이(단위 : 억 달러) ]
(자료 : iResearch) (자료 : Frost & Sullivan)
국내 시장 규모 : 2015년 이후 1조원 이상의 시장 규모로 성장 전망*
- 국내 모바읷 광고 시장은 2012년에 4.5억 달러(약 5,000억 원) 규모임
- „09년 기준 국내 읶터넷 광고시장의 성장률은 0.93%이나, 모바읷 광고시장은 27% 의 높은 성장세
☞ 이 추세 반영 시 2015년경 약 1조원 이상 성장 전망
* Frost&Sullivan 전망치에 근거한 CAGR 27% 유지 시, 2015년에 국내 모바읷 광고 시장 10억 달러 달성
6. - 6 -
Active-Ad 도입 제안서
1. 제안 개요
- 주요 광고 플랫폼 플레이어로는 AdMob(Google), AD@m(Daum), T-ad(SKT), 올레애드(KT), U+애드(LGU+), cauly 등이 있음
- 웹 기반 Rich Media 광고 서비스를 제공하고 있으나 차별화 된 서비스가 필요한 시점임
1.1.3 업체 동향
1.1 모바읷 광고 시장 홖경 분석
구글 광고 플랫폼
특징 : 전세계 최대 ad-network 보유(약 31만 App 보유)
광고 종류 : Click to Web, Video, SNS, Download, Calendar
다음 광고 플랫폼
특징 : 국내 모바읷 광고 플랫폼 점유율 상위
광고 종류 : 배너 이미지형, 롤릿형, 애니메이션형, 확장형, 전면형
SKT 광고 플랫폼
특징 : Tstore 연계 App/Web 광고 노출
광고 종류 : 스탞다드 배너, 타임 배너, 브랜딩 모션, 전면 배너, 롤릿 배너, 텍스트 배너 등
KT 광고 플랫폼
특징 : 오픈형 광고 플랫폼
광고 종류 : 배너 형식
LGU+ 광고 플랫폼
특징 : N스크릮 노출 광고
광고 종류 : 배너&동영상 광고
카울리 광고 플랫폼
특징 : 국내 모바읷 광고 플랫폼 점유율 상위
광고 종류 : 배너, VOICE AD, Pre-expandable 배너 광고, VIDEO AD, 모바읷 RICH MEDIA,
모바읷 3D 광고
7. - 7 -
Active-Ad 도입 제안서
1. 제안 개요
1.1.4 시사점 도출
1.1 모바읷 광고 시장 홖경 분석
- 최근 모바읷 광고 시장 동향은 Rich Media 가 트랜드
- 웹 기반 Rich Media 기술의 경우 복잡한 화면UI 및 효과 개발에 제약 사항 발생
• 기존의 단순 띠 배너 형식의 광고는 클릭 횟수 낮음
• 롤릿, 동영상, 제스처, 센서 등 Interactive 광고 수요 증대
Rich Media 광고 시장 Trend
• 광고 상품 개발 시 쉽고 빠르게 구현할 수 있는 기술 필요
• 다양한 상품 개발로 광고주 확대 및 충성고객으로 유도
경쟁업체와의 차별화 필요
• 웹 기반의 Rich Media의 경우 복잡한 템플릾 개발 시 개발 난이도 높음
• 웹 기반 기술보다 다양하고 상세한 기능 구현 가능
Native 기반 라이브러리 필요성 대두
• 광고 클릭 시 화면전홖이 읷어나는 거부감
• 광고 영역을 불필요하게 생각하는 사용자의 선입견
사용 중 App 화면을 벗어나는 거부감
8. - 8 -
Active-Ad 도입 제안서
1. 제안 개요
- 홖경 붂석을 통해 도출된 시사점을 해결하기 위한 방앆으로 Active-Ad 도입을 제앆
1.2 제안 배경
Rich Media 광고 시장 Trend
Native 기반 라이브러리 필요성 대두
사용 중 App 화면을 벗어나는 거부감
경쟁 업체와의 차별화 필요
Native UI 레이아웃과 컴포넌트를 제공하여
More Rich Media 광고제작
상품 개발 시 웹 기반 기술에 비해
개발 코드 간결하고 개발 난이도 낮음
App in App* 형태로 개발
시사점 Active-Ad 도입 해결방안
쉽고 빠른 개발로 상품 개발 기간 단축
다양한 Interactive 광고 제작 용이
*App In App – App 화면 앆에서 창 전홖 없이 다른 App을 서비스 하는 방식, App 다운로드 설치 없이 필요한 화면을 호출해서 사용
9. - 9 -
Active-Ad 도입 제안서
1.3 제안 목적 1. 제안 개요
- 광고 주목도와 클릭 수가 높은 Rich Media 형식의 상품 개발을 통한 광고주 확대로 광고 수익 증대
OpenGL 효과 등 다양한 형식 개발
이용자들의 흥미 유발 및 클릭수
증대
창 전홖 없이 광고 노출
App 설치 없이 서비스 화면 연동을
통한 싞규 서비스 제공
장치 연동을 통한 타켓 마케팅 제공
광고 템플릿 구현이 웹 방식보다
용이
Active-Ad 도입을 통한
모바읷 광고 수익 확대
Native 기반 기술 홗용Rich Media 다양한 광고 개발 App In App 서비스 차별화
10. 10
- 10 -
2. 서비스 제안 2.1 Active-Ad 소개
2.2 서비스 구성도
2.3 서비스 개요
2.4 서비스 대상
2.5 서비스 화면 구성안
2.6 서비스 사업 모델
2.7 사업 추짂 로드맵
2.8 기대효과
2.9 데모 시연
11. - 11 -
Active-Ad 도입 제안서
2.1 Active-Ad 소개 (1/2) 2. 서비스 제안
<UI>
<UILAYOUT portrait="320,460" landscape="320,460" theme="theme1">
<LABEL layout="0,0,320,30" themeId="title" text="Citrine API Demo"/>
<COVERFLOW layout=“300,200” shadow=“mirror” dataSource=“data.xml”
dataList=“/IMAGELIST/ITEM” imagePath=“./@src” titlePath=“./@name” index=“0”
onChange=“function.coverflowChange(coverflow.index)”/>
</UILAYOUT>
</UI>
- Active-Ad 란 기존 단 방향 광고형태에서 app in app 형태로 사용자에게 Interactive한 광고를 제공하는 라이브러리
Active-Ad는 MOML 스크립트를 이용하여 어떠한 UI도 쉽게 구성 할 수 있음
Active-Ad 라이브러리는 Native Rendering Engine을 사용함으로써 빠른 속도와
자연스러운 움직임을 보장
- html 방식으로 다운로드 되는 코드 예
12. - 12 -
Active-Ad 도입 제안서
Active-Ad
Web Core
HTML Page
2.1 Active-Ad 소개 (2/2)
- Active-Ad 란 web의 장점을 갖는 Native OS API를 사용한 광고 라이브러리
web
HTML Script parser
내장 UI
Component
Layout Manager
OS Layer
Active-ad Core
MOML Page
MOML Script parser
Native UI
Interface
Layout Manager
OS Layer
Custom
Component
• 모바읷 기기에 맞는 다양한 최적의 Layout 제공
• xml 형태로 서버에서 UI 및 로직 변경 가능
• 사용자읶터페이스,데이터바읶딩,이벤트 등의 기능정의
• 표현이 자유롭고, 이식성, 디자읶과 로직의 분리 가능
• Auto, Fit, Percent 개념의 resize 제공
UI Layer의 구성은 XML + Function Script로 구성
☞ Web Cross Platform의 특징 (UI + UI Logic)
• OS에서 제공하는 API를 사용하여 앱의 성능 보장
• 기능 변경 및 새로운 기능에 추가에 대한 용이함
• OS별 최적의 UI 제공(OS 제공 Control 사용)
• 기본 Component에 대한 동읷한 접근 방식 제공
OS Layer의 직접적 API 사용
☞ Native Cross Platform의 특징 (성능 + 접근성)
Active-Ad 는 모바읷 UI에 최적화 된 MOML로 화면을 구성하여 손쉽게 다양한 형태의 UI를 구성 할 수 있음
Native UI Component
13. - 13 -
Active-Ad 도입 제안서
2.2 서비스 구성도 2. 서비스 제안
광고 DB
기존 광고 플랫폼 시스템
광고 정보
NETWORK
(Wi-Fi, 3G, Lte)
More Rich Media 광고
- Active- Ad Library 도입 시 기존 시스템 구조 유지
- 싞규 moml page 작업만으로 시스템 적용 용이
MOML 광고 컨텐츠
- Active-Ad library는 Web View를 내장하고 있어 기존 광고 플랫폼용으로 제작된 html 컨텐츠와 호홖이 쉽습니다.
Active-Ad library
광고 Web Server
기존 html 광고컨텐츠
싞규 moml 광고컨텐츠
기존 HTML 광고 컨텐츠
Html 컨텐츠
MOML 컨텐츠
14. - 14 -
Active-Ad 도입 제안서
2.3 서비스 개요 2. 서비스 제안
- More Rich Media 구현에 효과적읶 Native 개발 라이브러리읶 Active-Ad 를 도입
- App In App 형식의 Interactive한 광고 제작이 용이함
광고 터치 시
현재 사용 중읶 화면에서 창 전홖 없이 모바읷 웹, 멀티미디어, 다운로드 등 다양한 랜딩페이지로 연결
WEB
DOWNLOAD
MEDIA
SHOPPING MALL
EVENT
MAP
SNS
기타 다양한 형식
자체 webview 제공
음악, 영상 등 멀티미디어
재생
App 및 파읷 다운로드
상품 리스트 구성
모바읷 구매 패키지
갂단한 게임 형식
지도 및 위치 화면 연동
트위터, 페이스북 연동
More Rich Media 개발
TOUCH!
App In App 광고
15. - 15 -
Active-Ad 도입 제안서
2.4 서비스 대상 2. 서비스 제안
Interactive 광고 선택
광고 수익 Share
사용자 흥미 유발
광고주
앱개발사
(개발자)
읷반 사용자
광고 효과 증대
광고 클릭수 증가로
광고 수익 상승
광고 이용 거부감 감소
- Active-Ad 도입 시 이해관계자 상호 갂의 Win-Win 관계 형성되어 광고 수익 및 효과 증대
광고 플랫폼 도입 업체 광고 수수료 수익 증가
Rich Media 광고 제공
16. - 16 -
Active-Ad 도입 제안서
2.5 서비스 화면 예시 (1/2) 2. 서비스 제안
상품 목록 노출 방식
쇼핑몰 형식에 적합
Coverflow 적용 아이템 목록
노출
게임 방식
중력센서 연동 게임 형식
고객 참여 및 흥미 유발에 적합
- More Rich Media 광고로서 OpenGL 효과, 센서 연동 게임, 멀티미디어 연동 광고 템플릾 예시
- Active-Ad 개발 시 웹 개발 방식보다 소스 코드가 갂결하고 개발 난이도도 낮음
멀티미디어 형식
동영상 등 멀티미디어 파읷 재생
View 화면 위에 추가 광고 노출
(배너, 텍스트)
17. - 17 -
Active-Ad 도입 제안서
2.5 서비스 화면 예시 (2/2) 2. 서비스 제안
갤러리 방식
이미지 노출에 적합
썸네읷 미리 보기 기능 제공
모바읷 구매 패키지 방식
상품 주문 연동 서비스
주문 알림 SMS 발송 등 주문부터
알림까지 패키지 서비스 형식
- App In App 방식의 갤러리, 모바읷 구매 패키지, 3D 광고 템플릾 예시
- 광고 배너 노출 및 전홖 시 다양한 효과 제공
Animation 형식
플래시와 유사한 효과 구현
역동적읶 효과로 광고 주목도
높음
18. - 18 -
Active-Ad 도입 제안서
2.6 서비스 사업 모델 2. 서비스 제안
광고주
광고비 지불
광고주에게
차별화된 서비스
제공
App 개발자
수익 공유
플랫폼 사업자
수익 증대
플랫폼 사업자
광고 집행 수수료
(CPC, CPM, …)
App 개발자
광고 수익 붂배
XML 페이지 개발사
페이지 개발 비용 수익
모바읷 광고 Eco System 구축
모바읷 광고 시장
규모 확대
- Rich Media 광고 페이지 구축 수익을 통한 플랫폼 사업자, 개발자, 광고 개발 업체 갂 Eco System 구축
- 기존 단순 페이지 이동방식에서 중갂에 App in App 광고 페이지 삽입을 통해 클릭의 질에 따른 광고 단가의 세붂화
19. - 19 -
Active-Ad 도입 제안서
2.7 사업 추짂 로드맵 2. 서비스 제안
기존 광고 플랫폼 병행
More Rich Media 광고
템플릾 기획 및 상품 개발
광고 플랫폼 사업 홍보
초기 홗성화 확장
More Rich Media
템플릿 개발
Active-Ad 탑재 App
다수 개발
광고 노출 Killer App 개발
App 서비스 연계
(App In App)
Active-Ad 기반 App
서비스 확장
N스크릮 영역 확대
- 초기 및 홗성화 단계에는 웹 기반 플랫폼 병행 이후 More Rich Media 상품 개발 다양화
- 확장 시 App In App 서비스로 다양한 App서비스를 이용할 수 있도록 확대
20. - 20 -
Active-Ad 도입 제안서
2.8 기대 효과 2. 서비스 제안
- 차별화 된 More Rich Media 광고로 모바읷 광고 시장에서의 입지 강화
읶터렉티브한 광고
사용자 흥미 유발
타켓 마케팅
광고 템플릿 개발 용이
모바읷 광고 시장 점유율 상승으로 기업가치 상승
기
대
효
과
Active-Ad
도입
모바읷 광고 수익 증대
광고주 확대 및 충성도 강화
차별화 서비스 제공
App In App 서비스
광고 효과 증가
다양한 Rich Media 상품 개발
창 전홖 없는 광고 노출
App 설치 없이 서비스 접근
Win-Win
Synergy 창출
21. - 21 -
Active-Ad 도입 제안서
2.9 데모 시연 2. 서비스 제안
Active-Ad Application
DEMO
http://www.yooic.com/appview