Google for Developers Korea Blog: HackFair 출품작 소개 1탄! - 스마트 브라우저

Google for Developers Korea Blog

한국의 개발자들을 위한 Google for Developers 국문 블로그입니다.

HackFair 출품작 소개 1탄! - 스마트 브라우저

2012년 12월 4일 화요일

김태우1. 제목 : 스마트 브라우저

2. 개발배경/목적

기존의 모바일 브라우저는 PC 브라우저와 같은 패러다임에서 개발되어 모바일 디바이스의 특징 (크기, 개인화, 터치스크린 등)에 최적화 되어 있지 않다고 생각했습니다.

갤럭시노트가 인기를 끈 것은 화면의 크기 때문이라고 생각합니다. 그러나 화면크기가 5인치가 넘어가다보니 발생한 문제가 한손으로 쥐었을때 엄지손가락으로 닿지 않는 영역이 생긴다는 것이었고 이를 해결하기 위해 스마트 브라우저에서는 리모콘이라는 개념을 도입하여 원하는 위치에 둘 수 있도록 했습니다.

작년에 특허가 한창 이슈가 되었을 때부터 회사에 특허를 꽤 많이 냈는데, 회사 서비스와 전혀 상관없는 특허가 상당수 있고 이를 실제로 만들어보자는 취지에서 개인적으로 개발하게 되었습니다. (스마트 브라우저에 앞서 노룩 키보드와 피아노 키보드를 만들어서 구글 플레이에 등록하여 서비스 중입니다.)

읽기 편하고, 찾기 편하고, 나에게 최적화 된, 고정관념을 깨는 인터넷 브라우저를 만드는 것이 목적입니다.

3. 사용한 구글 관련 기술 : 안드로이드, 구글 앱엔진4. 구성
(1) 안드로이드 앱

메인 화면 : 즐겨찾기한 항목과 웹페이지 조각, 그리고 저장내용이 토글 됩니다.

웹페이지 화면

리모콘 레이어 : 브라우저 사용을 위한 도구 모음

본문 읽기 화면 : 웹페이지의 본문을 추출하여 읽기 편한 환경에서 읽을 수 있도록 하고, 단어 선택 및 검 색/번역 기능을 제공합니다.

소스 보기 화면 : 웹페이지의 html 소스를 볼 수 있습니다.

설정 화면 : 리모콘 환경 설정, 분문 읽기 환경 설정 ( 배경, 폰트컬러 등 ), 공유하기 기능 제공

잠금 화면 : 웹페이지 본문 및 시계로 구성

(2) 웹

개인 페이지 : 사용자별 개인 페이지로서 스마트 브라우저 메인 페이지에 즐겨찾기 한 링크들로 구성되며, 타인에게 공유할 수 있습니다.

5. 기능/특징
(1) 이동가능한 리모콘(도구모음)

기존 브라우저의 상단에 있던 주소 입력부, 이동 버튼 그리고 스마트 브라우저의 추가적인 기능버튼들이 리모콘에 들어갑니다.
리모콘의 좌측상단 드래그 영역을 터치하여 리모콘의 위치이동 및 숨김/노출을 할 수 있습니다.
설정에서 리모콘의 투명도를 조정하여 리모콘 노출시 기존 내용을 보는데에 방해되지 않는 정도로 설정할 수 있습니다.
입력영역에 URL 형식을 입력하면 해당 주소로 이동하고, URL이 아니면 구글 검색 결과로 이동합니다.
입력영역 우측의 이동버튼 자리에는 구글/새로고침/중지의 세가지 버튼이 각 상태에 맞게 노출됩니다.
그 외 기능 버튼들은 각 기능별로 설명하겠습니다.

(2) 메인화면의 즐겨찾기 항목과 웹페이지 조각

즐겨찾기 항목 : 메인화면에 즐겨찾기 항목을 추가/삭제/순서변경 할 수 있습니다.
웹페이지 조각 : 웹페이지의 일부를 추출하여 메인화면에서 그 부분만 보여줍니다. ( 데모 동영상 참조 )

(3) 메인화면의 저장내용 : 웹페이지의 내용을 저장하여 오프라인 상태에서도 볼 수 있습니다.

(4) 화면 추가 : 새 창 띄우기 기능과 같으며, 메인 화면과 웹페이지 화면은 독립적입니다.

(5) 본문 읽기 환경

웹페이지를 로드한 상태에서 본문 읽기 환경으로 변경하면 본문 내용을 추출하여 사용자가 정의가능한 읽기 환경에서 읽을 수 있습니다.
단어 검색 및 번역 기능을 제공합니다.
설정 화면에서 배경, 폰트컬러, 폰트크기, 줄간격, 여백을 설정할 수 있습니다.

(6) 소스 보기 환경 : 웹페이지의 html 소스를 보는 기능을 제공합니다.

(7) 잠금 화면 : 웹페이지 본문을 볼 수 있는 잠금 화면을 제공합니다.

(8) 개인 페이지 제공 : 스마트 브라우저의 메인화면에 추가된 즐겨찾기 링크들을 개인 페이지로도 제공해 줌으로써 즐겨찾기한 내용을 타인에게 공유할 수 있습니다. 설정화면의 동기화 버튼을 통해 개인페이지의 즐겨찾기 목록을 현재의 그것으로 갱신할 수 있습니다.

(9) 설정 화면은 전체 화면의 우측 하단에 엄지 손가락이 닿을 수 있는 범위의 레이어로 출력됩니다.

6. 설치 URL : https://play.google.com/store/apps/details?id=com.teuskim.sbrowser

7. 동영상 URL : http://www.youtube.com/watch?v=1CeJXAUfhVw

8. 관련 특허 ( 발명의 명칭 / 출원번호 / 설명 )

사용자 단말의 디스플레이 제어 방법, 이를 수행하는 사용자 단말 및 기록 매체 / 10-2012-0114932 / 이동 가능한 리모콘 활용 기술
웹페이지의 문서처리방법 및 장치 / 10-2011-0145918 / 웹페이지의 본문 추출 기능

Contents

ML/Tensorflow
Android
Flutter
Web/Chrome
Cloud
Google Play
Community
Game
Firebase

검색

Tag

Archive

2024
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2023
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2022
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2021
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2020
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2019
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2018
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2017
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2016
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2015
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2014
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2013
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 4월
- 3월
- 2월
- 1월

2012
- 12월
- 11월
- 10월
- 9월
- 8월
- 7월
- 6월
- 5월
- 3월
- 2월
- 1월

2011
- 12월
- 11월

Feed

Google
Privacy
Terms