Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Fuse소개

4,185 views

Published on

Fuse SDK from fusetools.com

Published in: Technology
  • Be the first to comment

Fuse소개

  1. 1. Fuse 소개 김응식 2015.06.04
  2. 2. Fuse 알게된 계기 • 실리콘벨리를 꿈꾸는 판교사람들 - https://www.facebook.com/groups/pantechtalk/ • 지난 5월 13일 수요일 저녁 7시에 판교공공지원센터에서 Fuse 세미나 개최 - https:// www.facebook.com/ photo.php?fbid=10153215972257088&set=gm.679147015563971&type=1&th eater
  3. 3. Fuse 란? • 퍼포먼스와 애니메이션에 중점을 둔 크로스 플랫폼 앱 개발 도구임 • 소개 동영상 - Fuse 소개 영상(유투브)
  4. 4. Fuse의 탄생 배경 • Designer의 레이아웃이나 애니메이션 등의 각가의 디자인 작업들이 개발자에게 전달되는 과정이 매끄럽지 못하다고 생각함 • 하이브리드 앱의 경우의 디자이너가 애니메이션에 대해서 고려하지 않거나 설명할 수 없 는 경우가 많음. 설명해도 기획자나 개발자가 못 알아들을 수도... • 하이브리드 앱의 경우 화면 레이아웃은 퍼블리셔Publisher가 담당하는데 역시 애니메이션 과 같은 사용성을 고려하기 쉽지 않은 것이 현실 • 최종 Native에 반영하는데 있어 Android와 iOS의 플랫폼이 상이하여 디자인 가이드라인 이 반영되기 어려운 것이 현실
  5. 5. Fuse의 문제 해결 과정 • 1단계: 개발언어 통합 - Android, iOS 각각 Java와 Objective- C(또는 Swift)로 나누어진 언어 대신하여 C#에서 .Net을 제거한 Uno라는 언어를 사용하여 C++/.Net/Javascript로 크로스 컴파일 을 할 수 있도록 새로운 마크업 언어를 만듬 • 2단계: 화면 레이아웃, 타이포그라피, 애니메이션, 이벤트 트리 거, ...등을 포함하는 새로운 Fuse 라이브러리 생성 • 3단계: HTML과 거의 흡사한 새로운 마크업 언어(xml)를 생성
  6. 6. Fuse 특징 (1/2) •OpenGL ES 렌더링을 사용하여 네이티브의 퍼포먼스를 실현 •1080p 영상을 재생하면서 실시간 Blur를 구현할 수 있을 정도의 성능 •OpenGL을 사용하는 게임 들에서 발견되는 발열과 배터리 소모 이슈는 iOS 의 Quartz Composer와 같이 GUI Rendering 방식과 동일하게 Idle상태에서 는 자원 사용을 전혀하지 않음 •OpenGL ES 표준을 철저히 따르고 있기 때문에 호환성 문제는 아직 발견되 지 않음. (단, 자체 제작한 Shader를 사용하는 경우 호환성에 문제가 있을 수 있음)
  7. 7. Fuse 특징 (2/2) •레이아웃 구성에 있어 자체적으로 제공하는 콤포넌트를 사용하는 경우 Uno code(C++)에 대한 이해없이 화면을 구성 가능 •크로스 플랫폼 지원 Target: .Net EXE, Android, iOS, MSVC12, CMake(OS X), 그리고 WebGL
  8. 8. Fuse UX 레이아웃 특징 •Fuse UX XML 마크업은 각 콤포넌트를 직관적으로 이해할 수 있도록 제작되 어 Android XML 코드 보다 훨씬 가독성이 높다는 평가를 받고 있음 •각 콤포넌트의 레이아웃 내에서 제스처, 애니메이션, 색상, 크기 등 다양한 변 화를 중첩하여 사용할 수 있음 •애니메이션은 Easing Curves를 기본적으로 지원하여 다양한 애니메이션 효 과를 간단하게 구현 가능 •마크업 내에 필요한 경우 Javascript도 사용 가능 참고) Easing Curves - http://easings.net/
  9. 9. Fuse 데모 •Fuse beta SDK 설치 과정: Mono Framework, Fuse SDK •Fuse 예제 •Fuse 라이브 코딩
  10. 10. Fuse의 목표 그리고 ... •아직 Closed-beta 단계, 베타테스터에게는 Daily Build를 제공 •궁극의 목표는 디자인너 또는 퍼블리셔가 손쉽게 레이아웃을 만들 수 있도록 하 는 것이 목표 •1.0 릴리즈는 2015년 하반기 예정, 무료 버전, ... •코드 에디터는 Sublime Text 3를 사용하고 있으며 당분간 자체적인 IDE 제작 계획은 없음 (Fuse 인원이 약 20명 수준인 점을 감안) •Sublime Text 3에 자동완성 가능한 Extension을 Fuse SDK 설치시 자동 설치 하도록 되어 있음 •현재 약 1만명 정도 베타 테스트 신청 중이나 약 300명 정도에게만 공개되있음 (2015년 5월 현재)
  11. 11. 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/
  12. 12. Q & A
  13. 13. 감사합니다!

×