Fuse소개

Fuse 소개김응식

2015.06.04

Fuse 알게된 계기• 실리콘벨리를 꿈꾸는 판교사람들 - https://www.facebook.com/groups/pantechtalk/

• 지난 5월 13일 수요일 저녁 7시에 판교공공지원센터에서 Fuse 세미나 개최 - https://www.facebook.com/photo.php?fbid=10153215972257088&set=gm.679147015563971&type=1&theater

Fuse 란? • 퍼포먼스와 애니메이션에 중점을 둔 크로스 플랫폼 앱 개발 도구임 • 소개 동영상 - Fuse 소개 영상(유투브)

Fuse의 탄생 배경

• Designer의 레이아웃이나 애니메이션 등의 각가의 디자인 작업들이 개발자에게 전달되는 과정이 매끄럽지 못하다고 생각함

• 하이브리드 앱의 경우의 디자이너가 애니메이션에 대해서 고려하지 않거나 설명할 수 없

는 경우가 많음. 설명해도 기획자나 개발자가 못 알아들을 수도...

• 하이브리드 앱의 경우 화면 레이아웃은 퍼블리셔Publisher가 담당하는데 역시 애니메이션 과 같은 사용성을 고려하기 쉽지 않은 것이 현실

• 최종 Native에 반영하는데 있어 Android와 iOS의 플랫폼이 상이하여 디자인 가이드라인 이 반영되기 어려운 것이 현실

Fuse의 문제 해결 과정

• 1단계: 개발언어 통합 - Android, iOS 각각 Java와 Objective- C(또는 Swift)로 나누어진 언어 대신하여 C#에서 .Net을 제거한 Uno라는 언어를 사용하여 C++/.Net/Javascript로 크로스 컴파일을 할 수 있도록 새로운 마크업 언어를 만듬

• 2단계: 화면 레이아웃, 타이포그라피, 애니메이션, 이벤트 트리 거, ...등을 포함하는 새로운 Fuse 라이브러리 생성

• 3단계: HTML과 거의 흡사한 새로운 마크업 언어(xml)를 생성

Fuse 특징 (1/2)

• OpenGL ES 렌더링을 사용하여 네이티브의 퍼포먼스를 실현

• 1080p 영상을 재생하면서 실시간 Blur를 구현할 수 있을 정도의 성능

• OpenGL을 사용하는 게임 들에서 발견되는 발열과 배터리 소모 이슈는 iOS 의 Quartz Composer와 같이 GUI Rendering 방식과 동일하게 Idle상태에서는 자원 사용을 전혀하지 않음

• OpenGL ES 표준을 철저히 따르고 있기 때문에 호환성 문제는 아직 발견되 지 않음. (단, 자체 제작한 Shader를 사용하는 경우 호환성에 문제가 있을 수 있음)

Fuse 특징 (2/2) • 레이아웃 구성에 있어 자체적으로 제공하는 콤포넌트를 사용하는 경우 Uno code(C++)에 대한 이해없이 화면을 구성 가능

• 크로스 플랫폼 지원 Target: .Net EXE, Android, iOS, MSVC12, CMake(OS X), 그리고 WebGL

Fuse UX 레이아웃 특징

• Fuse UX XML 마크업은 각 콤포넌트를 직관적으로 이해할 수 있도록 제작되 어 Android XML 코드 보다 훨씬 가독성이 높다는 평가를 받고 있음

• 각 콤포넌트의 레이아웃 내에서 제스처, 애니메이션, 색상, 크기 등 다양한 변 화를 중첩하여 사용할 수 있음

• 애니메이션은 Easing Curves를 기본적으로 지원하여 다양한 애니메이션 효 과를 간단하게 구현 가능

• 마크업 내에 필요한 경우 Javascript도 사용 가능

참고) Easing Curves - http://easings.net/

Fuse 데모 • Fuse beta SDK 설치 과정: Mono Framework, Fuse SDK • Fuse 예제 • Fuse 라이브 코딩

Fuse의 목표 그리고 ... • 아직 Closed-beta 단계, 베타테스터에게는 Daily Build를 제공

• 궁극의 목표는 디자인너 또는 퍼블리셔가 손쉽게 레이아웃을 만들 수 있도록 하 는 것이 목표

• 1.0 릴리즈는 2015년 하반기 예정, 무료 버전, ...

• 코드 에디터는 Sublime Text 3를 사용하고 있으며 당분간 자체적인 IDE 제작 계획은 없음 (Fuse 인원이 약 20명 수준인 점을 감안)

• Sublime Text 3에 자동완성 가능한 Extension을 Fuse SDK 설치시 자동 설치 하도록 되어 있음

• 현재 약 1만명 정도 베타 테스트 신청 중이나 약 300명 정도에게만 공개되있음 (2015년 5월 현재)

Fuse 회사 소개 • 퓨즈는 노르웨이 오슬로에 기반을 둔 스타트업이다. 2015년 1월 280만달러(약 30억원)를 투자받는 데 성공하고 최근 미국도 진출함

• ▶임수미 Fuse 미국지사장(왼쪽)과 안더슨 라센 Fuse 최고경영자(오른쪽)

관련 뉴스 techcrunch.com/2015/01/27/fuse-raises-2-8-million-for-a-cross-platform-app-development-platform-where-designers-play-a-bigger-role/

Q & A

감사합니다!