한국의 개발자들을 위한 Google for Developers 국문 블로그입니다.
HackFair 출품작 소개 1탄! - 스마트 브라우저
2012년 12월 4일 화요일
얼마전 개최되었던 구글 HackFair에서 많은 개발자들의 반짝반짝 빛나는 다양한 아이디어들이 소개되었습니다. 구글 개발자 블로그를 통해서, 보다 많은 분들과 공유하기 위해서 출품작들을 소개해드리고자 합니다. 앞으로 업데이트 되는 내용들을 기대하세요!
우선, HackFair 출품작 소개 1탄! - 스마트 브라우저입니다!
작성자:
김태우
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
인디게임페스티벌
정책 세미나
창구프로그램
AdMob
AI
Android
Android 12
Android 12L
Android 13
Android 14
Android Assistant
Android Auto
Android Games
Android Jetpack
Android Machine Learning
Android Privacy
Android Studio
Android TV
Android Wear
App Bundle
bootcamp
Business
Chrome
Cloud
Community
compose
Firebase
Flutter
Foldables
Game
gdg
GDSC
google
Google Developer Student Clubs
Google Play
Google Play Games
Interview
Jetpack
Jetpack Compose
kotlin
Large Screens
Library
ma
Material Design
Material You
ML/Tensorflow
mobile games
Now in Android
PC
Play Console
Policy
priva
wa
wear
Wearables
Web
Web/Chrome
Weeklyupdates
WorkManager
Archive
2024
12월
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