소프트웨어 마에스트로 6기 1단계 2차 프로젝트 발표 멘티: 박인범, 소현섭, 나석주 멘토: 김종광 멘토님

1. Information Mirror
멘티 박인범, 소현섭, 나석주
멘토 김종광

2. 팀 소개

3. • 소속: 고려대학교 컴퓨터학과 3학년
• 관심 분야: Unity, C#
박인범

4. • 소속: 충북상업정보고등학교 3학년
• 관심 분야: VB.NET, C#
소현섭

5. • 소속: 고려대학교 컴퓨터학과 1학년
• 관심 분야: Javascript, HTML,
node.js
나석주

6. 프로젝트 개요
회사를 갔다가 퇴근을 하는데 비에 쫄딱 젖었다

7. 내가 갖고 있는 스마트 디바이스는 많지만,
나에게 비가 온다고 알려준 기기는 아무것도 없었다.
프로젝트 개요

8. 프로젝트 개요
거울은 아침에 항상 본다.
거울에 정보를 디스플레이 해보자!

9. DEMO

10. H/W

11. H/W
Platform
WPF
.NET Framework Direct X
Windows
Widget
View
Normal
View
Expand
View
ENTRY HANDLER
Native Web

12. H/W
Widget System
Calendar
Google API, C#, WPF
Music
FMOD, VB.NET, WPF
Twitter
LINQ to Twitter, C#, WPF
RSS
C#, WPF
Clock
C#, WPF
Weather
node.js, jQuery, less, gulp,
Aeris weather API
Gallery
node.js, jQuery, less, gulp
TodaysWord
node.js, jQuery, less, gulp
Raspberry PI
Pulse-Eight
libcec
Human
Detection

13. H/W
40인치 스마트 TV
디스플레이
Mini PC
터치 패널
Raspberry PI
근적외선 인체감지 모션센서
하프 미러
반사율 60% 투과율 40%

14. H/W
하프 미러 절단하기

15. H/W
유리용 세제를 이용해
깔끔하게 하프 미러 청소

16. H/W
초강력 테이프를 이용해
하프 미러를 TV에 부착

17. H/W
청 테이프와 마스킹 테이프로
마감 처리하기

18. H/W
깔끔해진 인포메이션 미러!

19. H/W
터치 패널 부착

20. H/W
미니 PC와 Raspberry PI 부착

21. H/W
인체 감지 센서 부착

22. H/W
완성!

23. S/W
플랫폼 위젯

24. S/W
플랫폼
유연한 개발을 위해 .NET Framework 사용 및 Chromium 웹 엔진을 내장하
였으며, 편의에 따라 C# / F# / VB.NET / HTML / JS 등의 다양한 언어로
개발할 수 있습니다.

25. 유연한 개발을 위해 .NET Framework 사용 및 Chromium 웹 엔진을 내장하
였으며, 편의에 따라 C# / F# / VB.NET / HTML / JS 등의 다양한 언어로
개발할 수 있습니다.
• .NET Framework 4.5 환경 • Direct X 그래픽 가속 활용
• Widget 시스템 지원 • Chromium 웹 엔진 내장
• 다중 프로그래밍 언어 지원 • 터치 인터페이스 완벽 대응

26. S/W
위젯 > 구독
RSS 주소를 입력하면 자동으로 최신 소식을 업데이트 합니다.
표준 RSS 포맷을 완벽히 지원하기 때문에, 다양한 소식을 쉽게 접할 수 있습
니다.

27. 위젯 > 구독
RSS 주소를 입력하면 자동으로 최신 소식을 업데이트 합니다.
표준 RSS 포맷을 완벽히 지원하기 때문에, 다양한 소식을 쉽게 접할 수 있습
니다.
• C# 네이티브 개발 • 다국어 콘텐츠 완벽 호환
• 표준 RSS 대응으로 다양한
로드 가능

28. S/W
위젯 > 음악
FMOD 사운드 엔진을 사용하여 강력한 음원 재생을 제공하며,
스펙트럼을 통해 시각적으로 재생 상태를 확인할 수 있도록 설계되었습니다.

29. 위젯 > 음악
FMOD 사운드 엔진을 사용하여 강력한 음원 재생을 제공하며,
스펙트럼을 통해 시각적으로 재생 상태를 확인할 수 있도록 설계되었습니다.
• VB.NET 네이티브 개발 • FMOD EX 사운드 엔진 사용
• 대부분의 미디어 확장자 지원
• 시각적인 스펙트럼
인터페이스 제공

30. S/W
위젯 > 캘린더
한 달 일정을 한 눈에 확인 가능한 달력 위젯.
마이크로소프트가 제공하는 WPF로 제작.
처음 만들어본 게임이 아닌 응용 어플리케이션.

31. 위젯 > 캘린더
한 달 일정을 한 눈에 확인 가능한 달력 위젯.
마이크로소프트가 제공하는 WPF로 제작.
처음 만들어본 게임이 아닌 응용 어플리케이션.
• 구글 캘린더와 연동 • 전체보기 화면 지원
• 첫 인증 후 추가 인증 불필요 • 상세한 일정표 제공

32. S/W
위젯 > 트위터
자신의 타임라인을 계속해서 표시해주는 위젯.
인포메이션 미러용 계정을 만들고 자신이 원하는 계정을 구독/표시 가능.
마이크로소프트가 제공하는 WPF로 제작.

33. 자신의 타임라인을 계속해서 표시해주는 위젯.
인포메이션 미러용 계정을 만들고 자신이 원하는 계정을 구독/표시 가능.
마이크로소프트가 제공하는 WPF로 제작.
위젯 > 트위터
• LINQ to Twitter 라이브러리
사용
• 스트리밍 기능 지원
• 인증키만 등록하면
바로 사용 가능

34. S/W
위젯 > 날씨
AERIS Weather API를 이용하여 날씨 정보를 제공 받았으며,
node.js와 browserify를 사용한 모듈 기반의 웹 앱을 개발하였습니다.

35. 위젯 > 날씨
AERIS Weather API를 이용하여 날씨 정보를 제공 받았으며,
node.js와 browserify를 사용한 모듈 기반의 웹 앱을 개발하였습니다.
• 모듈 기반의 웹 앱 • gulp를 통한 소스코드 빌드
• 단방향 데이터 플로우 아키텍처 • webkit 기반의 웹 앱
• 컴포넌트 단위의 레이아웃 구성

36. 위젯 > 날씨
AERIS Weather API를 이용하여 날씨 정보를 제공 받았으며,
node.js와 browserify를 사용한 모듈 기반의 웹 앱을 개발하였습니다.
페이스북의 단방향 데이터 아키텍처인 Flux를 사용하면서
느낀 문제점들을 프로젝트에 알맞게 적용될 수 있도록 개선
=> FlowingJS(데이터 흐름 제어기)
(http://github.com/seokju-na/FlowingJS)

37. S/W
위젯
갤러리 날씨 명언
시계 캘린더 트위터
구독
음악

38. 프로젝트 관리?

39. 프로젝트에서 사용한 협업 툴

44. 프로젝트에서 사용한 협업 툴

49. 프로젝트에서 사용한 협업 툴

52. 프로젝트를 끝내며…

53. 어려웠던 점
• 위젯 Expand 시에 Blur 처리
• 속도 향상을 위한 Thread Pool 도입
• C#을 하나도 몰라서 처음 배워가면서 개발
• 페이스북 Flux 유틸리티를 본 프로젝트에
맞게 개선한 툴 개발

54. 시장 분석
기존 제품

55. 시장 분석
• 사용자 인터페이스
• 미러(Mirror) 기능
• 위젯 기반의 플랫폼 시스템
• 사용자 정의 위젯 추가 가능
Information Mirror

56. 라즈베리파이 다루기
배운 것들

57. 배운 것들
게임(Unity) 개발이 아닌 응용 프로그램 개발

58. 웹이 아닌 개발 환경 경험
배운 것들

59. 배운 것들
DLL 어셈블리 및 리플렉션 경험

60. 배운 것들
플랫폼 기반의 위젯 시스템 경험

61. 감사합니다