KR20230029491A - 휴대용 전자 기기에서 피드의 좌우 스와이프를 지원하기 위한 방법 및 그 시스템 - Google Patents
휴대용 전자 기기에서 피드의 좌우 스와이프를 지원하기 위한 방법 및 그 시스템 Download PDFInfo
- Publication number
- KR20230029491A KR20230029491A KR1020220028426A KR20220028426A KR20230029491A KR 20230029491 A KR20230029491 A KR 20230029491A KR 1020220028426 A KR1020220028426 A KR 1020220028426A KR 20220028426 A KR20220028426 A KR 20220028426A KR 20230029491 A KR20230029491 A KR 20230029491A
- Authority
- KR
- South Korea
- Prior art keywords
- feed
- widget
- photo
- electronic device
- portable electronic
- Prior art date
Links
- 238000000034 method Methods 0.000 title claims abstract description 20
- 230000014509 gene expression Effects 0.000 claims description 7
- 230000004044 response Effects 0.000 abstract description 8
- 238000004891 communication Methods 0.000 description 19
- 230000000694 effects Effects 0.000 description 16
- 230000006870 function Effects 0.000 description 15
- 230000033001 locomotion Effects 0.000 description 12
- 230000008859 change Effects 0.000 description 8
- 238000006243 chemical reaction Methods 0.000 description 6
- 238000012545 processing Methods 0.000 description 5
- 239000003086 colorant Substances 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 238000001514 detection method Methods 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000001133 acceleration Effects 0.000 description 1
- 230000003321 amplification Effects 0.000 description 1
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 230000015572 biosynthetic process Effects 0.000 description 1
- 230000010267 cellular communication Effects 0.000 description 1
- 230000000295 complement effect Effects 0.000 description 1
- 238000004590 computer program Methods 0.000 description 1
- 238000001914 filtration Methods 0.000 description 1
- 230000005484 gravity Effects 0.000 description 1
- 238000009434 installation Methods 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 229910044991 metal oxide Inorganic materials 0.000 description 1
- 150000004706 metal oxides Chemical class 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000003199 nucleic acid amplification method Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000008447 perception Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000003612 virological effect Effects 0.000 description 1
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04M—TELEPHONIC COMMUNICATION
- H04M1/00—Substation equipment, e.g. for use by subscribers
- H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
- H04M1/724—User interfaces specially adapted for cordless or mobile telephones
- H04M1/72469—User interfaces specially adapted for cordless or mobile telephones for operating the device by selecting functions from two or more displayed items, e.g. menus or icons
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04M—TELEPHONIC COMMUNICATION
- H04M1/00—Substation equipment, e.g. for use by subscribers
- H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
- H04M1/724—User interfaces specially adapted for cordless or mobile telephones
- H04M1/72466—User interfaces specially adapted for cordless or mobile telephones with selection means, e.g. keys, having functions defined by the mode or the status of the device
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04M—TELEPHONIC COMMUNICATION
- H04M2201/00—Electronic components, circuits, software, systems or apparatus used in telephone systems
- H04M2201/34—Microprocessors
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04M—TELEPHONIC COMMUNICATION
- H04M2201/00—Electronic components, circuits, software, systems or apparatus used in telephone systems
- H04M2201/38—Displays
Landscapes
- Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
본 발명은 휴대용 전자 기기에서 위젯(widget)을 이용하여 컨텐츠(contents)를 제공하기 위한 것으로, 휴대용 전자 기기가 타일 위젯(tile widget) 서비스를 제공하기 위한 방법은, 제1 타일에 대응하는 제1 피드의 제1 레이아웃(layout) 및 제2 타일에 대응하는 제2 피드의 제2 레이아웃을 결정하는 단계, 상기 제1 레이아웃에 따라 구성된 제1 피드 및 상기 제2 레이아웃에 따라 구성된 제2 피드를 표시하는 단계, 상기 제1 피드 상에서 좌우 스와이프 입력이 감지되면, 상기 좌우 스와이프 입력의 방향에 따라 상기 제1 피드의 표시 영역을 이동시키는 단계를 포함한다.
Description
본 발명은 휴대용 전자 기기에 관한 것으로, 보다 구체적으로 휴대용 전자 기기에서 피드의 좌우 스와이프를 지원하기 위한 방법 및 그 시스템에 관한 것이다.
2000년대 스마트 폰이 세상에 공개된 이후, 스마트 폰 시장은 급속도로 성장하여, 이제는 현대 사회의 필수품으로 자리매김하였다. 스마트 폰 시장의 성장은 하드웨어의 발전 뿐만 아니라, 관련된 어플리케이션, 서비스 등 다양한 분야에 걸쳐 큰 발전을 이끌어냈다. 특히, 스마트 폰은 인터넷 망에 접근 가능성을 크게 향상시켰으며, 이에 따라 다양한 SNS(social network service)의 출현과 사업적 성공을 가능케 하였다.
SNS는 웹 상에서 사용자들이 인적 네트워크를 형성할 수 있게 해주는 서비스이다. 일반적으로 SNS는 사용자들 간의 관계를 형성하고, 컨텐츠를 공유하게 한다. SNS의 구성요소는 온라인 공간, 대인 관계의 형성 및 유지, 관계망의 구조, 관계망의 파도, 정보의 교류 등을 포함한다. SNS를 통해 사용자들은 상호 작용하면서 소통할 수 있고, 정보를 교환한다. 때때로, SNS는 효과적인 마케팅의 수단으로 활용되기도 한다.
SNS의 효과적인 기능 발휘를 위해, 인터페이스는 직관적이고 쉬운 것이 바람직하다. 직관성, 편리성 등은 사용자들의 인식과 크게 관련되는 개념이며, 사회의 변화에 큰 영향을 받는다. 따라서, 사용자들의 경험과 사회적 인식의 변화에 따라, 전술한 개념들은 계속해서 달라지게 된다. 이에 따라, 지금도 다양한 구조와 기능을 가지는 새로운 SNS들이 지속적으로 개발되고 있다.
본 발명은 휴대용 전자 기기에서 보다 효과적인 인터페이스를 가진 SNS(social network service)를 제공하기 위한 방법 및 그 시스템을 제공한다.
본 발명은 휴대용 전자 기기에서 복수의 사진들을 포함하는 피드의 좌우 스와이프를 지원하기 위한 방법 및 그 시스템을 제공한다.
본 발명은 휴대용 전자 기기에서 좌우 스와이프를 통해 확장(expansion) 기능을 수행하기 위한 방법 및 그 시스템을 제공한다.
본 발명의 실시 예에 따르면, 휴대용 전자 기기에서 타일 위젯(tile widget) 서비스를 제공하기 위한 방법은, 제1 타일에 대응하는 제1 피드의 제1 레이아웃(layout) 및 제2 타일에 대응하는 제2 피드의 제2 레이아웃을 결정하는 단계, 상기 제1 레이아웃에 따라 구성된 제1 피드 및 상기 제2 레이아웃에 따라 구성된 제2 피드를 표시하는 단계, 상기 제1 피드 상에서 좌우 스와이프 입력이 감지되면, 상기 좌우 스와이프 입력의 방향에 따라 상기 제1 피드의 표시 영역을 이동시키는 단계를 포함하며, 상기 제1 레이아웃은, 홈 화면에서 생성되는 위젯(widget)의 표현을 반영한 형식에 따르며, 상기 제1 피드는, 상기 제1 타일에 포함된 복수의 사진들을 포함하며, 상기 복수의 사진들 각각은, 상기 위젯의 모양과 동일한 모양을 가지며, 상기 위젯에서 지원되는 크기들 중 하나로 크롭 또는 리사이징된다.
본 발명의 실시 예에 따른 휴대용 전자 기기는 좌우 스와이프 입력에 대응하여 보다 편리한 사용자 경험(user experience, UX)을 제공할 수 있다.
도 1은 본 발명의 실시 예에 따른 서비스를 제공하는 시스템을 도시한다.
도 2는 본 발명의 실시 예에 따른 휴대용 전자 기기의 구조를 도시한다.
도 3은 본 발명의 실시 예에 따른 서버의 구조를 도시한다.
도 4는 본 발명의 실시 예에 따른 휴대용 전자 기기 및 서버의 기능적 구조를 도시한다.
도 5는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 피드들을 표시하는 절차를 도시한다.
도 6은 본 발명의 실시 예에 따른 휴대용 전자 기기에서 표시되는 피드의 예를 도시한다.
도 7a는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 피드의 구조를 도시한다.
도 7b는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 보드를 구성하는 사진 패턴들의 예를 도시한다.
도 7c는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 스와이프에 의한 표시 영역의 제어를 도시한다.
도 8은 본 발명의 실시 예에 따른 휴대용 전자 기기에서 피드의 표시 영역을 이동하는 절차를 도시한다.
도 9a는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 피드의 확장(expansion)의 개념을 도시한다.
도 9b는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 피드의 확장 명령의 예를 도시한다.
도 10은 본 발명의 실시 예에 따른 휴대용 전자 기기에서 위젯을 생성 및 표시하는 절차를 도시한다.
도 11은 본 발명의 실시 예에 따른 휴대용 전자 기기에서 위젯을 생성하는 인터페이스의 예를 도시한다.
도 12a 및 도 12b는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 표시되는 위젯의 예를 도시한다.
도 13a는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 위젯을 통해 표시되는 사진의 시간에 따른 변화의 예를 도시한다.
도 13b는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 위젯을 통해 표시되는 사진의 시간에 따른 변화의 다른 예를 도시한다.
도 14는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 위젯에 표시되는 댓글의 예를 도시한다.
도 15는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 스와이프 입력에 의해 피드를 탐색하는 개념을 도시한다.
도 2는 본 발명의 실시 예에 따른 휴대용 전자 기기의 구조를 도시한다.
도 3은 본 발명의 실시 예에 따른 서버의 구조를 도시한다.
도 4는 본 발명의 실시 예에 따른 휴대용 전자 기기 및 서버의 기능적 구조를 도시한다.
도 5는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 피드들을 표시하는 절차를 도시한다.
도 6은 본 발명의 실시 예에 따른 휴대용 전자 기기에서 표시되는 피드의 예를 도시한다.
도 7a는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 피드의 구조를 도시한다.
도 7b는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 보드를 구성하는 사진 패턴들의 예를 도시한다.
도 7c는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 스와이프에 의한 표시 영역의 제어를 도시한다.
도 8은 본 발명의 실시 예에 따른 휴대용 전자 기기에서 피드의 표시 영역을 이동하는 절차를 도시한다.
도 9a는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 피드의 확장(expansion)의 개념을 도시한다.
도 9b는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 피드의 확장 명령의 예를 도시한다.
도 10은 본 발명의 실시 예에 따른 휴대용 전자 기기에서 위젯을 생성 및 표시하는 절차를 도시한다.
도 11은 본 발명의 실시 예에 따른 휴대용 전자 기기에서 위젯을 생성하는 인터페이스의 예를 도시한다.
도 12a 및 도 12b는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 표시되는 위젯의 예를 도시한다.
도 13a는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 위젯을 통해 표시되는 사진의 시간에 따른 변화의 예를 도시한다.
도 13b는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 위젯을 통해 표시되는 사진의 시간에 따른 변화의 다른 예를 도시한다.
도 14는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 위젯에 표시되는 댓글의 예를 도시한다.
도 15는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 스와이프 입력에 의해 피드를 탐색하는 개념을 도시한다.
이하 본 발명의 바람직한 실시 예를 첨부된 도면의 참조와 함께 상세히 설명한다. 그리고, 본 발명을 설명함에 있어서, 관련된 공지기능 혹은 구성에 대한 구체적인 설명이 본 발명의 요지를 불필요하게 흐릴 수 있다고 판단된 경우, 그 상세한 설명은 생략한다.
이하 본 발명은 휴대용 전자 기기에서 좌우 스와이프 입력에 반응하는 인터페이스를 제공하기 위한 기술에 대해 설명한다. 구체적으로, 본 발명은 사진 공유를 주된 기능으로 하는 SNS(social network service)를 위한 어플리케이션과, SNS의 피드를 표시하고, 나아가 사용자에 입력에 반응하여 피드를 변화시키기 위한 다양한 실시 예들에 대해 설명한다.
도 1은 본 발명의 실시 예에 따른 서비스를 제공하는 시스템을 도시한다.
도 1을 참고하면, 휴대용 전자 기기(110) 및 서버(120)는 통신망에 접속한다. 통신망을 통해, 휴대용 전자 기기(110) 및 서버(120)는 상호 통신을 수행할 수 있다.
휴대용 전자 기기(110)는 사용자의 장치이며, 본 발명의 실시 예에 따른 서비스를 위한 전용 클라이언트 어플리케이션이 설치될 수 있다. 휴대용 전자 기기(110)는 클라이언트 어플리케이션을 통해 서버(120)에 접속할 수 있고, 서버(120)로 컨텐츠(예: 사진, 댓글, 리액션 등)를 업로드할 수 있고, 서버(120)로부터 컨텐츠를 수신할 수 있다.
서버(120)는 휴대용 전자 기기(110)로부터 업로드된 컨텐츠를 관리하고, 휴대용 전자 기기(110)의 요청에 따라 컨텐츠를 제공한다. 본 발명의 실시 예에 따라, 서버(120)는 사용자에 의해 업로드된 컨텐츠는 물론, 광고주의 광고 컨텐츠를 제공할 수 있다.
도 2는 본 발명의 실시 예에 따른 휴대용 전자 기기(110)의 구조를 도시한다.
도 2를 참고하면, 휴대용 전자 기기(110)는 입출력부(20), 통신부(230), 카메라부(230), 오디오부(240), 센서부(250), 저장부(260), 제어부(270)를 포함한다.
입출력부(210)는 화면을 표시하는 수단 및 외부로부터의 입력을 감지하는 수단을 포함한다. 여기서, 화면을 표시하는 수단은 액정화면 등으로 구현될 수 있다. 입력을 감지하는 수단은 터치패드, 키 버튼, 센서, 카메라 등을 포함하는 의미이다. 입출력부(210)는 액정화면 및 터치패드가 결합된 터치스크린을 포함할 수 있다. 경우에 따라, 입출력부(210)는 물리적으로 분리된 2 이상의 하드웨어 모듈들의 집합으로 해석될 수 있다.
통신부(220)는 외부 통신망에 접속하고, 데이터/신호/정보를 송신 및 수신하기 위한 기능을 수행한다. 예를 들어, 통신부(220)는 인터넷 망, 무선 통신망, 모바일 통신망 등에 접속하는 기능을 수행할 수 있다. 이를 위해, 통신부(220)는 신호의 변복조, 증폭, 필터링 등의 기능을 수행한다. 통신부(220)는 무선 랜 통신(예: 와이파이), 셀룰러 통신(예: LTE, 5G) 등의 통신 기술을 지원할 수 있다.
카메라부(230)는 사진 촬영, 비디오 기록 등의 기능을 수행할 수 있다. 카메라부(230)은 이미지 센서, 렌즈 등을 포함할 수 있다. 이미지 센서로서, CCD(charged coupled device), CMOS(complementary metal-oxide semiconductor) 중 적어도 하나가 사용될 수 있다. 예를 들어, 카메라부(230)는 렌즈를 통해 입력되는 빛을 상기 이미지 센서로 인식하고, 상기 이미지 센서에서 인식된 이미지를 디지털 데이터화한다.
오디오부(240)는 스피커 및 상기 마이크를 포함하며, 오디오의 입력과 출력을 수행한다. 오디오부(240)은 탈부착 가능한 이어폰(ear phone), 헤드폰(head phone) 또는 헤드셋(head set)을 포함하거나, 이어폰, 헤드폰, 헤드셋 등을 연결하기 위한 단자를 포함할 수 있다.
센서부(250)은 외부의 물리적 현상을 검출한다. 센서부(250)는 가속도 센서, 자이로(gyro) 센서, 광(optical) 센서, 지자기 센서, 중력 센서(G-sensor), 온도 센서, 생체 센서, 위치 센서 중 적어도 하나를 포함할 수 있다. 센서부(250)은 움직임, 빛, 기울기, 방위 등을 감지하고, 감지 결과를 나타내는 전기적 신호를 생성할 수 있다.
저장부(260)는 휴대용 전자 기기(110)의 동작을 위해 필요한 데이터, 프로그램, 마이크로 코드, 어플리케이션 등을 저장한다. 저장부(260)는 일시적 또는 비일시적 저장 매체로 구현될 수 있다. 또한, 저장부(260)는 장치에 고정되어 있거나, 또는 분리 가능한 형태로 구현될 수 있다.
제어부(270)는 휴대용 전자 기기(110)의 전반적인 동작을 제어한다. 제어부(270)는 프로세서, 마이크로 프로세서 중 적어도 하나를 포함할 수 있다. 제어부(270)는 입출력부(210)를 통해 사용자에게 시각적으로 정보를 표현하거나, 사용자의 입력을 감지할 수 있다. 제어부(270)는 저장부(260)에 저장된 프로그램을 실행하고, 통신부(220)를 통해 외부 장치와 데이터를 송신 또는 수신할 수 있다. 또한, 제어부(270)는 카메라부(230)를 제어하여 이미지를 획득하고, 오디오부(240)를 제어하여 오디오를 출력하거나 소리를 감지하고, 센서부(250)를 통해 센싱 데이터를 획득할 수 있다. 특히, 제어부(270)는 휴대용 전자 기기(110)가 후술하는 다양한 실시 예들에 따라 동작하도록 제어한다.
도 3은 본 발명의 실시 예에 따른 서버(120)의 구조를 도시한다.
도 3을 참고하면, 서버(120)는 통신부(310), 저장부(320), 제어부(330)를 포함한다.
통신부(310)는 외부 장치와 통신을 수행하기 위한 기능을 수행한다. 통신부(310)는 유선 통신을 지원할 수 있다. 저장부(320)는 서버(120)의 동작을 위해 필요한 데이터, 프로그램, 마이크로 코드, 어플리케이션 등을 저장한다. 저장부(320)는 일시적 또는 비일시적 저장 매체로 구현될 수 있다. 또한, 저장부(320)는 장치에 고정되어 있거나, 또는 분리 가능한 형태로 구현될 수 있다.
제어부(330)는 서버(120)의 전반적인 동작을 제어한다. 제어부(330)는 프로세서, 마이크로 프로세서 중 적어도 하나를 포함할 수 있다. 제어부(330)는 저장부(320)에 저장된 프로그램을 실행하고, 통신부(310)를 통해 외부 장치와 데이터를 송신 또는 수신할 수 있다. 특히, 제어부(330)는 서버(120)가 후술하는 다양한 실시 예들에 따라 동작하도록 제어한다.
도 2 및 도 3을 참고하여 설명한 휴대용 전자 기기(110)는 서버(120)에서 제공하는 서비스를 이용할 수 있다. 본 발명의 실시 예에 따른 서비스는 사용자가 업로드한 컨텐츠, 예를 들어 사진을 게시하고, 공유하고, 사용자들 간 상호 소통을 가능케하는 하는 일종의 SNS이다. 특히, 본 발명의 실시 예에 따른 서비스는 클라이언트 어플리케이션을 실행함으로써 사용되는 방식 외에, 위젯(widget) 형식으로도 사용될 수 있다. 본 발명의 실시 예에 따른 서비스는 '타일 위젯(tile widget)'으로 불리울 수 있다. 이하 타일 위젯 서비스를 제공하기 위한 다양한 실시 예들을 설명한다.
실시 예들의 설명에 앞서, 타일 위젯 서비스에서 사용하는 컨텐츠 단위들을 정의한다. 타일 위젯은 '사진', '타일', '앨범'의 컨텐츠 단위를 정의하며, 구체적인 내용은 이하 <표 1>과 같다.
항목 | 내용 |
사진 | 사용자가 업로드하는 개개의 이미지. 하나의 이미지 파일.(예: 1개 JPG 파일) |
타일 | 사용자의 지정에 따라 하나의 그룹을 이루는 사진(들)의 묶음. 피드에 하나의 게시물로 표현되는 단위이며, 홈 화면 위젯에 노출되는 단위. 타일 위젯 서비스에서, 즐겨찾기 설정 단위, 공개 여부 설정 단위로 사용됨. |
앨범 | 타일의 경계를 넘어 타일들 간 선택된 여러 사진들을 하나의 그룹으로 묶은 단위. 타일에 노출되지 않으며, 웹 URL로 페이지에서 볼 수 있는 형태임. 하나 또는 복수의 타일들 중에서 사용자가 원하는 사진들만 모아서 별도의 그룹을 생성 가능케 하고, 나아가 웹 URL을 통해 웹에서 공유하여 타일 위젯 전용 어플리케이션을 설치하지 않는 환경에서도 사진(들)을 공유 또는 다운로드 가능케 하기 위함. 타일 위젯 서비스에 일종의 바이럴(Viral) 요소를 내재시키기 위한 개념. |
도 4는 본 발명의 실시 예에 따른 휴대용 전자 기기(110) 및 서버(120)의 기능적 구조를 도시한다. 도 4에 도시된 휴대용 전자 기기(110)의 구성요소는 본 발명의 실시 예에 따른 서비스를 위한 어플리케이션의 실행에 따라 휴대용 전자 기기(110)에서 구현되는 기능적 구조의 예이고, 서버(120)의 구성요소는 휴대용 전자 기기(110)의 기능적 구조와 상호 작용하기 위한 기능적 구조의 예이다.
도 4를 참고하면, 휴대용 전자 기기(110)는 컨텐츠 처리부(411), 피드(feed) 출력부(412), 위젯 출력부(413), 위치 추정부(414), 광고 제어부(415)를 포함하고, 서버(120)는 타일 관리부(421), 앨범 관리부(422), 활동 관리부(423), 피드 구성부(424), 위젯 제어부(425), 광고 제공부(426)를 포함한다.
컨텐츠 처리부(411)는 사용자에 의해 생성되거나 외부에 획득된 컨텐츠를 타일 위젯에서 사용 가능한 형식으로 처리한 후, 서버(120)로 송신한다. 예를 들어, 컨텐츠 처리부(411)는 사용자가 카메라로 촬영한 사진 또는 저장된 사진을 송신하거나, 앨범을 형성하기 위한 사진 선택 정보를 송신하거나, 또는 사용자가 입력한 댓글이나 리액션을 데이터화하여 송신할 수 있다. 이때, 이미지는 타일 관리부(421)로 제공되고, 사진 선택 정보는 앨범 관리부(422)로 제공되고, 게시된 사진에 대한 사용자의 활동 정보(예: 댓글, 리액션 등)는 활동 관리부(423)로 제공된다.
타일 관리부(421)는 컨텐츠 처리부(411)로부터 제공된 사진들을 그룹핑하여 적어도 하나의 타일을 구성하고, 해당 사용자의 계정에 타일을 생성하고, 타일 단위로 사진들을 관리한다. 여기서, 타일은 하나의 피드를 구성하는 사진들의 집합으로서, 사용자의 선택에 의해 결정될 수 있다. 앨범 관리부(422)는 컨텐츠 처리부(411)로부터 제공되는 사용자의 선택 정보에 기반하여 적어도 하나의 앨범을 생성한다. 앨범은 적어도 하나의 타일에 포함된 사진들 중 사용자에 의해 지정된 사진들의 묶음이다. 즉, 하나의 앨범은 서로 다른 타일들에 포함된 사진들을 포함할 수 있다. 활동 관리부(423)는 사용자들의 활동 정보를 관리한다. 활동 정보는 사용자가 피드에 대해 입력한 댓글, 리액션 등을 포함한다. 활동 정보는 타일 단위로 관리될 수 있으며, 리액션의 종류별 개수, 댓글 목록 등을 포함할 수 있다.
피드 구성부(424)는 타일 관리부(421) 및 활동 관리부(423)에 의해 관리되는 사진들 및 활동 정보를 조합하여 앱 화면, 즉, 피드들을 구성하고, 휴대용 전자 기기(110)로 제공한다. 피드들 각각은 사용자의 설정에 기반하여 구성될 수 있으며, 해당 사용자의 타일, 다른 사용자의 타일 중 하나를 포함할 수 있다. 피드 출력부(412)는 피드 구성부(424)로부터 제공되는 데이터에 기반하여 피드를 화면에 표시한다. 피드는 타일, 타일에 대응하는 인터페이스 항목(예: 버튼, 링크, 댓글 창 등)을 포함한다.
위젯 출력부(413)는 홈 화면에 타일 위젯 서비스의 위젯이 생성된 경우에 동작한다. 위젯 출력부(413)는 홈 화면에 생성된 위젯에 사진을 표시한다. 위젯의 생성 시, 사용자는 특정 타일을 위젯에 관련지을 수 있으며, 관련지어진 타일 내의 사진이 위젯을 통해 표시된다. 이를 위해, 위젯 제어부(425)는 해당 타일 내의 사진을 위젯 출력부(413)에게 송신한다.
위치 추정부(414)는 휴대용 전자 기기(110)의 위치에 관련된 정보를 서버(120)로 제공한다. 예를 들어, 위치에 관련된 정보는 GPS(global positioning system)를 이용하여 결정된 위치 좌표이거나, IP(Internet protocol)과 같은 위치 유사 정보일 수 있다. 위치에 관련된 정보는 광고 제공부(426)로 제공된다.
광고 제공부(426)는 위치 정보, 위젯에 대한 정보에 기반하여 위젯을 통해 출력할 광고 컨텐츠를 생성한다. 그리고, 광고 제공부(426)는 광고 컨텐츠를 광고 제어부(415)에게 송신한다. 이에 따라, 광고 제어부(415)는 위젯 출력부(413)에게 광고 컨텐츠를 제공하고, 위젯 출력부(413)는 위젯을 통해 광고 컨텐츠를 표시할 수 있다.
도 5는 본 발명의 실시 예에 따른 휴대용 전자 기기(110)에서 피드들을 표시하는 절차를 도시한다.
도 5를 참고하면, 단계 501에서, 휴대용 전자 기기(110)는 복수의 사진들을 타일로 묶는다. 이때, 복수의 타일들이 생성될 수 있다. 타일의 묶음은 서버로부터 제공되는 데이터에 기반하여 수행될 수 있다. 예를 들어, 도 6을 참고하면, 사진#1-1, 사진#1-2, 사진#1-3 등의 복수의 사진들이 제1 타일(610)로 묶이고, 사진#2-1, 사진#2-2, 사진#2-3 등의 복수의 사진들이 제2 타일(620)로 묶일 수 있다.
이어, 단계 502에서, 휴대용 전자 기기(110)는 타일 단위로 피드들을 구성한다. 피드들 각각은 하나의 타일(예: 제1 타일(610), 제2 타일(620)) 내의 사진들을 포함한다. 여기서, 각 피드에 포함되는 타일은 사용자 자신의 타일은 물론 다른 사용자의 타일들 중 사용자가 즐겨찾기한 타일을 포함할 수 있다. 또한, 게시물은 다양한 인터페이스 요소들(예: 즐겨찾기 아이콘, 뷰 횟수, 사진 개수, 댓글 등)을 포함할 수 있다.
이후, 단계 503에서, 휴대용 전자 기기(110)는 피드들을 표시한다. 피드들은 화면에서 세로로 나열될 수 있다. 예를 들어, 도 6과 같이, 화면은 피드 영역(601) 및 메뉴 영역(602)로 나뉘어지고, 피드 영역(610)내에 제1 타일(610)의 사진들을 포함하는 제1 피드(612), 제2 타일(620)의 사진들을 포함하는 제2 피드(614)가 표시되고, 메뉴 영역(602) 내에 공지 사항(622) 및 탭 바(tap bar)(624)가 표시될 수 있다. 다른 실시 예에 따라, 공지 사항(622)는 생략될 수 있다. 이때, 각 게시물에서, 사진들은 균등한 크기로 표시되지 아니하고, 복수의 사이즈들로 표시될 수 있다. 도 6의 예를 살펴보면, 제1 피드(612)는 3개의 사진들을 포함하는데, 하나의 사진은 좌측에 크게 표시되고, 2개의 사진들은 우측에 상대적으로 작게 표시된다. 또한, 제1 피드(612)는 상단이 타일의 제목 항목(612a)(예: 그날의 여행), 하단에 활동 정보 항목(612b) 중 적어도 하나를 더 포함할 수 있다.
도 5 및 도 6을 참고하여 설명한 바와 같이, 하나의 타일에 포함된 사진들이 하나의 피드로서 구성되고, 표시된다. 피드를 표시함에 있어서, 도 6에 예와 같이, 일부 사진이 부분적으로 표시될 수 있다. 이 경우, 일 실시 예에 따라, 사용자의 입력에 따라 부분적으로 표시된 사진의 전체가 표시될 수 있다. 이를 위해, 피드의 구조는 이하 도 7a와 같이 설계될 수 있다.
도 7a는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 피드의 구조를 도시한다. 도 7a를 참고하면, 피드는 타일의 사진들(예: 사진 #1-1 내지 #1-7)을 포함하는 보드(board)(720), 타일의 제목을 표현하는 제목 항목(712a), 해당 피드에 관련된 활동 정보 항목(712b)을 포함한다.
보드(720)는 피드를 통해 표시될 수 있는 사진들을 일정한 레이아웃에 따라 배치한 컨텐츠의 묶음이다. 여기서, 레이아웃은 클라이언트 어플리케이션에 미리 정의되어 있거나, 또는 서버(예: 도 1의 서버(120))에 의해 지시될 수 있다. 일 실시 예에 따라, 보드(720)에 적용되는 레이아웃은 사진들을 복수의 크기들 중 하나로 표현하며, 원본 이미지 그대로가 아닌 가공된 모양으로 표현한다.
예를 들어, 도 7a의 예와 같이, 보드(720) 내에 포함되는 사진들은 3가지 크기들로 배치될 수 있다. 구체적으로, 가장 큰 제1 크기(예: 사진#1-1에 적용된 크기), 중간인 제2 크기(예: 사진#1-2에 적용된 크기), 가장 작은 제3 크기(예: 사진#1-3)에 적용된 크기) 등 3가지 크기들 중 하나가 각 사진에 적용될 수 있다. 또한, 각 사진은 테두리 처리된 모양으로 표시된다. 다시 말해, 도 7a의 예와 같이, 각 사진은, 사각형의 원본 이미지 그대로가 아니라, 이미지(702)의 외곽에 둥근 모서리를 가지는 테두리(704)가 부가된 모양으로 표시된다. 이때, 테두리(740)의 색상은 한가지로 고정되거나 또는 다양한 색상들으로 설정될 수 있다. 다양한 실시 예들에 따라, 피드 별로 다른 색상이 테두리(704)에 적용되거나 또는 하나의 피드 내에서 사진 별로 다른 색상들이 테두리(704)에 적용될 수 있다.
윈도우(730)는 피드에서 표시되는 보드(720)의 영역(이하 '표시 영역'이라 칭함)을 특정한다. 윈도우(730)는 보드(720)보다 큰 높이(세로축 길이)를 가지지만, 보드(720) 보다 작은 너비(가로축 길이)를 가진다. 이에 따라, 한 시점에서, 보드(720)의 전체가 아닌 일부만이 피드에서 표시될 수 있다. 다양한 실시 예들에 따라, 윈도우(730) 또는 보드(720)가 좌우로 슬라이드됨에 따라, 표시 영역이 제어될 수 있다. 표시 영역이 변경되는 과정은 이하 도 7c를 참고하여 보다 구체적으로 설명된다.
제목 항목(712a)은 타일의 제목을 포함한다. 타일의 제목은 타일을 업로드한 사용자가 지정한 문자 정보이다. 활동 정보 항목(712b)은 좋아요 아이콘, 즐겨찾기 아이콘, 뷰 아이콘, 사진 아이콘, 댓글 아이콘을 포함하며, 각 아이콘의 옆에 좋아요 횟수, 즐겨찾기 횟수, 뷰 횟수. 타일에 포함된 사진 개수, 댓글 개수를 지시하는 숫자들을 포함한다. 다른 실시 예들에 따라, 전술한 5개의 아이콘들 중 적어도 하나가 생략되거나, 다른 종류의 아이콘이 추가될 수 있다.
도 7a를 참고하여 설명한 바와 같이, 사진들은 가공된 모양 및 다양한 크기들로 피드에 노출될 수 있다. 여기서, 모양 및 크기는 사진들이 홈 화면에 생성된 위젯의 표현 형식을 반영한다. 다시 말해, 휴대용 전자 기기는 홈 화면에서 생성된 위젯에서 표시되는 사진에 적용되는 표현을 피드에서 표시되는 사진에 적용한다. 이에 따라, 사용자는 위젯을 생성한 경우 각 사진이 홈 화면의 위젯에서 어떻게 표현될지를 피드에서 미리 확인할 수 있다. 즉, 사용자는 좌우 스크롤을 통해 홈화면에 생성될 위젯의 형태를 앱 실행 중 타일 내의 사진들을 이용하여 미리 볼 수 있는 것이다.
홈 화면에서 생성 가능한 위젯의 표현, 즉, 모양 및 크기는 운영체제(operating system, OS)에 의존한다. 구체적으로, 홈 화면 위젯의 모양, 크기, 가로-세로 비율은 제한적일 수 있다. 사용자가 업로드하는 사진 이미지의 크기, 가로-세로 비율의 범위는 상대적으로 더 넓기 때문에, 홈 화면 위젯을 통해 사진을 표시하는 경우, 사진은 원본 이미지와 다르게 표현될 수 있다. 따라서, 전술한 실시 예와 같이 피드에서 미리 위젯의 형식 및 크기를 반영한 상태로 사진들을 표시함으로써, 휴대용 전자 기기는 사용자의 예측 가능성을 높여줄 수 있다. 즉, 도 7a를 참고하여 설명한 보드(720)에 포함된 사진들의 크기 및 모양은 단순 선택에 의한 것이 아니라, 위젯의 표현을 반영한 결과이며, 사용자에게 위젯을 통한 컨텐츠 표시를 미리 체험하게 하는 효과를 가진다.
도 7b는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 보드를 구성하는 사진 패턴들의 예를 도시한다. 도 7b는 사진을 보드(720) 내에 배치하기 위한 패턴들을 예시한다.
도 7b를 참고하면, 보드(720)에 포함되는 사진들은 패턴들의 조합에 따라 배치되며, 각 패턴으로서 사용 가능한 후보 패턴들(721, 722, 723)이 정의된다. 제1 후보 패턴(721)은 가장 큰 사이즈 S1의 사진 하나를 포함한다. 제2 후보 패턴(721)은 중간 사이즈 S2의 사진 하나를 상단에, 가장 작은 사이즈 S3의 사진 2개를 하단에 포함한다. 제3 후보 패턴(723)은 가장 작은 사이즈 S3의 사진 2개를 상단에, 중간 사이즈 S2의 사진 하나를 하단에 포함한다. 3개의 후보 패턴들(723) 중 적어도 하나가 보드에 적용될 수 있다.
일 실시 예에 따라, 제1 후보 패턴(721) 및 제2 후보 패턴(722)가 번갈아가며 보드(720)에 적용될 수 있다. 어느 피드에 대하여, 제1 후보 패턴(721)이 보드(720)의 가장 좌측에, 이어서 제2 후보 패턴(722)이 적용될 수 있다. 다른 피드에 대하여, 제2 후보 패턴(721)이 보드(720)의 가장 좌측에, 이어서 제2 후보 패턴(722)이 적용될 수 있다. 제1 후보 패턴(721)-제2 후보 패턴(722) 순서의 배치 및 제2 후보 패턴(722)-제1 후보 패턴(721) 순서의 배치 중 하나는 랜덤화 알고리즘에 기반하여 랜덤하게 적용될 수 있다. 이 외에도, 다양한 조합으로 후보 패턴들(721, 722, 723)이 적용될 수 있다.
도 7b에서, 패턴을 정의하는 단위 영역의 크기는 사이즈 S1과 동일하게 예시되었다. 하지만, 패턴을 정의하는 단위 영역의 크기를 사이즈 S1의 2배로 이해하는 것도 가능하다. 이 경우, 도 7b에 예시된 3개의 후보 패턴들(721, 722, 723) 중 2개를 조합함으로써 생성 가능한 9개의 패턴들 중 적어도 일부가 사용 가능한 패턴들로 정의될 수 있다. 나아가, 사이즈 S2의 사진의 좌우에 사이즈 S1의 사진들이 배치된 패턴도 정의될 수 있다.
도 7c은 본 발명의 실시 예에 따른 휴대용 전자 기기에서 스와이프에 의한 표시 영역의 제어를 도시한다.
도 7c을 참고하면, 보드(720)는 윈도우(730)를 통해 사용자에게 표시된다. 보드(720) 및 윈도우(730)의 상대적 위치 관계는 변화할 수 있다. 다만, 도 7c에 도시되지 아니하였으나, 제목 항목(712a) 및 활동 정보 항목(712b)은 윈도우(730) 상에 고정된다. 보드(720)의 크기는 윈도우(730)의 크기보다 크며, 이에 따라, 윈도우(730)는 보드(720)의 일부만을 커버할 수 있다. 즉, 보드(720)의 전체 영역 중 윈도우(730)에 의해 커버되는 일부 영역만 표시된다.
따라서, 보드(720) 및 윈도우(730)의 상대적 위치 관계가 변화한다면, 표시 영역이 변경될 수 있다. 다시 말해, 보드(720) 상의 윈도우(730)의 위치가 변화함에 따라 윈도우(730)가 커버하는 영역이 변화하면, 표시 영역이 변경된다. 보드(720)에 대한 윈도우(730)의 상대적인 위치는, 사용자의 터치 입력, 구체적으로, 좌우 스와이프 터치 입력에 의해 제어될 수 있다.
도 7c의 제1 상태(701)의 경우, 보드(720)의 좌측 끝에 윈도우(730)가 위치하므로, 윈도우(730)가 커버하는 좌측 끝 영역이 표시된다. 이는 도 6에 예시된 제1 피드(612)의 표시로 이해될 수 있다. 보드(720)의 좌측 끝 영역이 표시되는 제1 상태(720)는 피드의 초기 상태일 수 있다.
제1 상태(701)에서, 보드(720) 상에서 우에서 좌로의 스와이프 터치 입력이 발생하면, 제2 상태(702)와 같이, 보드(720)가 스와이프 방향과 동일하게 좌측으로 이동한다. 이에 따라, 제2 상태(702)와 같이, 윈도우(730)는 보드(720)의 좌측 끝보다 오른쪽의 영역을 커버하게 된다. 이는 윈도우(730)가 상대적으로 우측으로 이동한 것과 동등한 것으로 이해될 수 있다. 이에 따라, 화면에 표시되는 보드(720)의 일부 영역이 보드(720)의 중간 영역으로 변화한다. 이때, 보드(720)가 이동하는 정도는 좌우 스와이프 입력을 통한 터치 지점의 이동 거리, 이동 속도, 터치 해제 시점 중 적어도 하나에 기반하여 결정될 수 있다.
제2 상태(702)에서, 보드(720) 상에서 우에서 좌로의 스와이프 터치 입력이 다시 발생하면, 제3 상태(703)와 같이, 보드(720)가 스와이프 방향과 동일하게 좌측으로 이동한다. 이에 따라, 제3 상태(703)와 같이, 윈도우(730)는 보드(720)의 우측 끝 영역을 커버하게 된다. 이는 윈도우(730)가 상대적으로 우측으로 이동한 것과 동등한 것으로 이해될 수 있다. 이에 따라, 화면에 표시되는 보드(720)의 일부 영역이 피드(170)의 우측 끝 영역으로 변화한다. 이때, 보드(720)가 이동하는 정도는 좌우 스와이프 입력을 통한 터치 지점의 이동 거리, 이동 속도, 터치 해제 시점 중 적어도 하나에 기반하여 결정될 수 있다.
도 7c를 참고하여 설명한 실시 예에서, 초기 상태인 제1 상태(701)에서, 표시 영역(730)은 사진#1-1의 전체, 사진#1-2의 일부, 사진#1-3의 일부를 커버한다. 이에 따라, 제1 상태(701)에서, 사진#1-1의 전체가 표시되고, 사진#1-2 및 사진#1-3의 일부가 표시된다. 초기 상태에서 사진#1-2 및 사진#1-3의 일부가 표시됨에 따라, 사용자는 좌우 스와이프 터치 입력을 통해 더 볼 수 있는 사진들이 존재함을 인지할 수 있다. 즉, 초기 상태에서 표시 영역(730)의 경계가 일부 사진의 중간에 걸치도록 레이아웃을 설정함으로써, 좌우 스와이프를 통해 현재 표시 영역(730)에 포함되지 아니한, 즉, 가려진 사진들을 볼 수 있음을 사용자가 직관적으로 인지하도록 하는 효과가 발생한다.
도 8은 본 발명의 실시 예에 따른 휴대용 전자 기기(110)에서 피드의 표시 영역을 이동하는 절차를 도시한다.
도 8을 참고하면, 단계 801에서, 휴대용 전자 기기(110)는 위젯의 표현을 반영한 피드의 레이아웃을 결정한다. 즉, 휴대용 전자 기기(110)는 피드에 포함되는 사진들의 개수, 사진들의 크기 및 배치, 각 사진의 모양 등을 결정한다. 여기서, 결정되는 각 사진의 크기는 홈 화면 위젯에서 지원되는 크기들 중 하나이며, 각 사진의 모양(예: 사진의 테두리 모양)은 홈 화면 위젯의 모양과 동일할 수 있다. 예를 들어, 휴대용 전자 기기(110)는 도 7b와 같은 복수의 후보 패턴들을 조합함으로써 사진들의 배치를 결정할 수 있다.
단계 802에서, 휴대용 전자 기기(110)는 결정된 레이아웃에 따라 피드를 구성 및 표시한다. 구체적으로, 휴대용 전자 기기(110)는 타일에서 결정된 개수의 사진들을 선택하고, 선택된 사진들을 레이아웃 내의 각 위치에 할당하고, 할당된 위치에 적용되는 크기에 따라 각 사진을 크롭(crop) 또는 리사이즈(resize)하고, 각 사진의 모양(예: 테두리 모양)을 위젯 표현으로 수정하고, 각 사진을 배치한 후, 피드의 다른 구성 요소들(예: 타일 제목, 활동 정보 등)과 함께 표시한다. 이때, 사진의 크롭 또는 리사이즈에 대한 구체적인 동작은 다양한 실시 예들에 따라 달라질 수 있다. 이때, 피드의 초기 상태에 따라, 표시 영역은 보드의 좌측 끝에 위치한다.
단계 803에서, 휴대용 전자 기기(110)는 피드 상에서 좌우 스와이프 입력이 감지되는지 확인한다. 즉, 휴대용 전자 기기(110)는 피드 상에서 보드의 표시 영역을 변경하고자 하는 사용자의 터치 입력이 발생하는지 확인한다.
좌우 스와이프 입력이 감지되면, 단계 804에서, 휴대용 전자 기기(110)는 스와이프의 방향에 따라 표시 영역을 이동시킨다. 구체적으로, 휴대용 전자 기기(110)는 스와이프 입력의 시작 지점, 터치 지점의 이동 방향, 터치 지점의 이동 속도, 터치의 해제 등을 실시간으로 검출하고, 검출 결과에 따라 표시 영역을 이동시킨다. 이때, 표시 영역은 스와이프의 방향과 반대로 이동될 수 있다. 다시 말해, 윈도우가 고정된 상태에서, 보드가 스와이프의 방향으로 이동될 수 있다.
일 실시 예에 따라, 터치가 유지되는 동안, 표시 영역은 터치 지점의 좌우 이동 거리만큼 이동될 수 있다. 터치가 해제되는 경우, 터치의 해제 시점 또는 해제 시점으로부터 임계 시간 이전부터 해제 시점 까지의 구간 동안의 터치 이동 속도가 임계치 미만이면, 표시 영역은 터치가 해제되는 시점으로 유지될 수 있다. 이 경우, 적어도 하나의 사진이 윈도우의 경계에 걸쳐 있더라도 표시 영역은 유지된다. 반면, 터치의 해제 시점 또는 해제 시점으로부터 임계 시간 이전부터 해제 시점 까지의 구간 동안의 터치 이동 속도가 임계치 이상이면, 표시 영역은 해당 이동 속도에 비례하는 만큼 더 이동될 수 있다.
도 8을 참고하여 설명한 실시 예에서, 휴대용 전자 장치는 피드의 레이아웃을 결정한다. 여기서, 레이아웃은 사진의 개수, 각 사진의 크기, 각 사진의 위치, 각 사진의 모양 등을 포함한다. 본 발명의 실시 예에 따른 피드는 각 사진을 복수의 크기들 중 하나로 표현하므로, 휴대용 전자 장치는 피드에 포함될 사진들 각각의 표시되는 크기(이하 '출력 크기'라 칭함)를 결정해야 한다.
일 실시 예에 따라, 사진들 각각의 출력 크기는 결정된 패턴 조합에 포함되는 출력 크기들의 순서에 따를 수 있다. 피드에서 사용되는 출력 크기들은 도 7b를 참고하여 설명한 바와 같은 패턴들의 조합에 의해 결정된다. 한편, 피드에 포함되는 사진들은 타일에 포함되어 있으며, 각 사진은 타일 내에서 고유의 식별자를 가진다. 따라서, 휴대용 전자 기기는 결정된 패턴 조합에 의해 정해지는 순서(예: S1→S2→S3→S3 또는 S2→S3→S3→S1)에 따라, 식별자 순서대로 사진들의 출력 크기들을 결정할 수 있다(예: ID#1의 사진의 출력 크기는 S1, ID#2의 사진의 출력 크기는 S2, ID#3의 사진의 출력 크기는 S3, ID#4의 사진의 출력 크기는 S3). 이 경우, 피드에서 사진들이 배치되는 순서는 식별자 순서에 따를 것이다.
다른 실시 예에 따라, 사진들 각각의 출력 크기는 사진의 크기 및 가로-세로 비율에 따라 결정될 수 있다. 이 경우, 휴대용 전자 기기는 피드에 포함될 사진들을 결정한 후, 사진들의 크기, 가로-세로 비율에 기반하여 사용 가능한 출력 크기 별로 구분한다. 예를 들어, 도 7b와 같은 3개의 출력 크기들이 사용 가능한 경우, 휴대용 전자 기기는 세로 길이 대비 가로 길이의 비율이 상대적으로 큰 사진들에 사이즈 S2를 적용하고, 나머지들 중 상대적으로 큰 사진들에 사이즈 S1을 적용하고, 나머지 사진들에 사이즈 S3를 적용할 수 있다. 이 경우, 피드에서 사진들이 배치되는 순서는 식별자 순서에 따를지 아니할 수 있다.
또 다른 실시 예에 따라, 사진들 각각의 출력 크기는 서버에 의해 지시될 수 있다. 이 경우, 휴대용 전자 기기는 서버에 의해 지시되는 정보, 다시 말해, 서버로부터 수신되는 정보에 기반하여 각 사진의 출력 크기를 결정할 수 있다. 즉, 서버는 휴대용 전자 기기에게 피드에 포함될 사진들이 어떤 출력 크기로 표시될지를 지시한다. 이때, 서버에 의해 사진들 각각의 출력 크기를 결정하는 동작이 요구되는데, 서버는 전술한 실시 예들과 유사하게 출력 크기를 결정할 수 있다.
도 8을 참고하여 설명한 실시 예에서, 서버로부터 다운로드된 사진이 피드에 포함되기 위해 크롭 또는 리사이즈될 수 있다. 다시 말해, 휴대용 전자 기기는 다운로드된 사진을 피드에 표시되는 크기를 가지도록 픽셀 개수를 줄이거나, 일부를 잘라낼 수 있다. 다양한 실시 예들에 따라, 크롭 또는 리사이즈 중 적어도 하나의 연산은 사진의 크기, 사진의 가로-세로 비율, 사진의 특성 중 적어도 하나에 기반하여 수행될 수 있다.
일 실시 예에 따라, 크롭 또는 리사이즈 중 적어도 하나는 다운로드된 사진에서 표시되는 범위가 최대가 되도록 수행될 수 있다. 일 예로, 휴대용 전자 기기는 선택된 크기의 세로축 또는 가로축의 길이를 기준으로 사진을 리사이즈한 후, 선택된 크기에 맞게 리사이즈된 사진을 크롭할 수 있다. 예를 들어, 서버로부터 다운로드된 W1×H1(W1<H1) 크기의 사진을 D×D(D<W1) 크기로 표시하고자 하는 경우, 휴대용 전자 기기는 사진의 가로-세로 비율을 유지하면서 가로 크기를 D로 리사이즈한 후, D×D 크기로 크롭할 수 있다. 여기서, 다운로드된 사진의 짧은 축 길이가 피드에서 표시되는 크기의 긴 축 길이와 동일하다면, 리사이즈는 생략될 수 있다.
다른 실시 예에 따라, 크롭 또는 리사이즈는 사진의 의미있는 부분이 잘 표현되도록 수행될 수 있다. 구체적으로, 휴대용 전자 기기는 사진의 주요 부분이 포함되도록 크롭을 수행하고, 크롭된 결과를 표시되는 크기에 맞게 리사이즈할 수 있다. 여기서, 주요 부분은 다양하게 정의될 수 있다. 예를 들어, 휴대용 전자 기기는 적어도 하나의 주요 피사체를 식별하고, 식별된 적어도 하나의 주요 피사체를 포함하지 아니하는 영역이 제외되도록 크롭을 수행할 수 있다. 주요 피사체의 식별은 인공 지능 기반의 인식 기술에 기반할 수 있다. 다른 예로, 휴대용 전자 기기는 사진을 복수의 영역들로 구분하고, 각 영역에서의 픽셀 값들에 대한 통계적 정보를 기반으로 주요 영역을 선택하고, 주요 영역이 포함되도록 크롭을 수행할 수 있다. 이때, 주요 부분의 분류는 사진의 한 축에서만 수행되거나 또는 세로 축 및 가로축 모두에서 수행될 수 있다.
구체적인 예로, 크롭은 주요 피사체(예: 인물의 얼굴)이 크롭된 결과에 포함되도록 수행될 수 있다. 이를 위해, 휴대용 전자 기기는 사진에서 주요 피사체가 포함된 주요 영역을 검출하고, 주요 영역 및 크롭 영역이 최대한 많이 중첩되도록 크롭 영역을 결정할 수 있다. 예를 들어, 주요 영역 및 크롭 영역 양자의 중심들(예: 가로축의 중심선, 세로축의 중심선 또는 가로축-세로축 모두 고려한 중심점)이 서로 일치하도록 크롭 영역이 결정될 수 있다. 특히, 가로 길이가 세로 길이보다 큰 사이즈 S2에서 주요 영역을 고려한 크롭 기능이 유용할 수 있다. 따라서, 일 실시 예에 따라, 휴대용 전자 기기는 출력 크기 S2로 사진을 배치하기 위해 크롭을 수행하는 경우 주요 피사체의 영역을 고려하고, 다른 출력 크기로 사진을 배치하는 경우에는 주요 피사체의 범위를 고려하지 아니할 수 있다. 하지만, 다른 실시 예에 따라, 모든 출력 크기에 대하여 주요 피사체의 범위를 고려하는 것도 가능하다.
도 8을 참고하여 설명한 실시 예와 같이, 휴대용 전자 기기가 사진의 리사이즈 및 크롭을 수행할 수 있다. 하지만, 다른 실시 예에 따라, 리사이즈는 서버에 의해, 크롭은 클라이언트에 의해 수행될 수 있다. 이 경우, 서버는 리사이즈된 사진을 클라이언트에게 제공하고, 클라이언트, 즉 휴대용 전자 기기는 다운로드된 사진을 선택된 패턴에 따라 크롭할 수 있다. 또 다른 실시 예에 따라, 리사이즈 및 크롭 모두 서버에서 수행될 수 있다. 즉, 이 경우, 휴대용 전자기기는 리사이즈 및 크롭 연산 없이 다운로드된 사진을 표시할 수 있다.
전술한 바와 같이, 타일에 복수의 사진들이 포함되는 경우, 휴대용 전자 기기는 하나의 피드에 복수의 사진들이 포함시키고, 사용자의 입력에 반응하여 표시 영역을 이동시키면서 복수의 사진들을 표시할 수 있다. 이때, 피드의 초기 상태에서, 타일에 포함된 모든 사진들이 피드에 포함되지 아니할 수 있다. 이 경우, 휴대용 전자 기기는 추가적인 사용자의 입력에 반응하여 나머지 사진들 중 적어도 일부를 피드에 추가할 수 있다. 이러한 기능은 피드의 '확장(expansion)'이라 지칭될 수 있다. 확장은 '더 보기(view more)', '사진 추가' 등으로 불리울 수도 있다. 확장 기능의 개념은 이하 도 9a 및 도 9b와 같다.
도 9a는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 피드의 확장의 개념을 도시한다. 도 9a를 참고하면, 피드에 대응하는 타일은 복수의 사진들을 포함한다. 복수의 사진들은 복수의 서브셋(subset)들로 나누어지며. 서브셋들은 제1 서브셋(910-1) 및 제2 서브셋(910-2)를 포함한다. 도 9a의 예에서, 제1 서브셋(910-1) 및 제2 서브셋(910-2) 각각은 서로 다른 n개의 사진들을 포함한다.
피드의 초기 상태에서, 초기 보드(920a)는 제1 서브셋(910-1) 내의 사진들을 포함하도록 생성된다. 즉, 초기 상태의 초기 보드(920a)는 사진#1 내지 사진#n 등 n개의 사진들을 포함한다. 초기 보드(920a)에 포함된 사진#1 내지 사진#n 중 적어도 일부가 피드에서 표시될 것이며, 휴대용 전자 기기는 사용자의 좌우 스와이프 입력에 응하여 표시 영역을 이동시키면 사진#1 내지 사진#n을 표시할 수 있다.
이때, 사용자의 확장 명령이 발생하면, 제2 서브셋(910-2) 내의 사진들이 초기 보드(920a)에 추가된다. 이에 따라, 확장된 보드(920b)는 사진#1 내지 사진#2n 등 2n 개의 사진들을 포함하게 된다. 초기 보드(920a)에 포함된 사진#1 내지 사진#2n 중 적어도 일부가 피드에서 표시될 것이며, 휴대용 전자 기기는 사용자의 좌우 스와이프 입력에 응하여 표시 영역을 이동시키면 사진#1 내지 사진#2n을 표시할 수 있다. 도 9a의 예에서, 확장된 보드(920b)에 추가된 사진#n+1 내지 사진#2n은 사진#1 내지 사진#n과 동일한 패턴으로 배치되어 있다. 하지만, 다른 실시 예에 따라, 사진#n+1 내지 사진#2n은 사진#1 내지 사진#n과 다른 패턴으로 배치될 수 있다.
확장 명령은 특정한 패턴의 사용자 입력으로 정의될 수 있다. 예를 들어, 확장 명령은 사용자의 터치 입력에 기반하여 정의될 수 있다. 일 실시 예에 따라, 확장 명령을 위한 아이콘이 존재할 수 있다. 다른 실시 예에 따라, 확장 명령은 스와이프 입력으로 정의될 수 있다. 스와이프 입력으로 정의된 확장 명령은 예는 이하 도 9b와 같다.
도 9b는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 피드의 확장 명령의 예를 도시한다. 도 9b는 표시 영역이 보드의 우측 끝 영역에 위치한 상태에서 좌측 방향으로의 스와이프 터치 입력이 확장 명령으로서 사용되는 경우의 예이다.
도 9b를 참고하면, 제1 상태(901)에서, 표시 영역(930)이 보드(910)의 우측 끝 영역에 위치한다. 이 경우, 보드(910)는 더 이상 좌측으로 이동될 수 없다. 이때, 표시 영역 내에서 사용자의 좌측 방향으로의 스와이프 터치 입력이 발생한다.
이에 반응하여, 제2 상태(920)와 같이, 보드(910)가 좌측으로 일정 거리 이동하고, 공백 영역(940)이 표시 영역(930)의 우측에 표시된다. 여기서, 공백 영역(940)은 초기 보드(920a)의 바탕과 동일한 색상이거나 또는 다른 색상으로 채워질 수 있다. 일 실시 예에 따라, 공백 영역(940) 내에 확장을 예고하는 알림(notification)이 표시될 수 있다. 이때, 공백 영역(940)가 표시된 후. 사용자가 터치 입력을 해제하거나 또는 우측으로 스와이프하지 아니하면, 제2 상태(902)는 유지된다.
제2 상태(902)가 임계 시간 이상 유지되면, 제3 상태(903)와 같이, 초기 보드(920a)에 사진들이 추가되도록 갱신된다. 이에 따라, 초기 보드(920a)가 우측으로 확장되고, 초기 보드(920a)에 사진들(예: 사진#n+1, 사진#n+2, 사진#n+3 등)이 추가된다. 이후, 도 9b에 도시되지 아니하였으나, 좌측 방향으로의 스와이프 터치 입력이 발생하면, 초기 보드(920a)가 이동하고, 사진#n+1, 사진#n+2, 사진#n+3 등이 표시 영역(930)에 표시될 수 있다.
전술한 바와 같이, 타일 위젯은 사진을 타일 단위로 관리 및 표시하는 기능들을 제공한다. 사용자는 타일에 대해 리액션(예: 좋아요, 즐겨찾기 등)을 입력하고, 댓글을 쓸 수 있다. 이어 더하여, 타일 위젯은 사용자들이 생성한 앨범을 홈 스크린에 위젯을 통해 표시할 수 있는 기능을 가진다. 운영 체제에서 제공하는 위젯 기능을 통해 타일 위젯의 위젯을 생성하면, 정해진 시간 주기로(예: 15분) 앨범 내의 사진을 주기적으로 갱신하며 볼 수 있는 장점이 있다. 위젯에 관련지어진 앨범의 사용자가 새로운 사진을 업로드 하면, 앱을 실행하여 해당 앨범을 직접 보지 아니하더라도, 위젯에 새로운 사진이 표시된다. 이렇게, 타일 위젯은 온라인 실시간 앨범의 기능을 충실하게 반영하고 있다. 위젯을 이용한 사진 표시 동작들은 도 10과 같다.
도 10은 본 발명의 실시 예에 따른 휴대용 전자 기기(110)에서 위젯을 생성 및 표시하는 절차를 도시한다.
도 10을 참고하면, 단계 1001에서, 휴대용 전자 기기(110)는 위젯을 생성한다. 위젯은 운영 체제에서 제공하는 매커니즘에 의해 생성되며, 사용자의 조작을 필요로 한다. 예를 들어, 사용자가 위젯 생성을 위한 입력(예: 홈 화면 바탕에 대한 프레스(press) 터치 후, 위젯 메뉴 선택) 후, 타일 위젯 어플리케이션을 선택하면, 휴대용 전자 기기(110)는 타일 위젯을 위한 위젯을 생성할 수 있다. 위젯을 생성하기 위한 인터페이스는 이하 도 11을 참고하여 보다 자세히 설명될 것이다.
이어, 위젯을 생성한 후, 단계 1002에서, 휴대용 전자 기기(110)는 생성된 위젯에 대응하는 타일을 확인한다. 여기서, 타일은 사용자가 위젯을 생성할 때 사용자에 의해 지정된다. 즉, 위젯은 하나의 타일 또는 복수의 타일들과 관련지어진다.
이후, 단계 1003에서, 휴대용 전자 기기(110)는 위젯을 통해 타일 내의 사진들 중 하나를 표시한다. 관련지어진 적어도 하나의 타일에 복수의 사진들이 포함되어 있는 경우, 휴대용 전자 기기(110)는 미리 정의된 규칙에 따라 표시할 사진을 선택할 수 있다. 다른 실시 예에 따라, 표시되는 사진은 휴대용 전자 기기(110)가 아닌 서버(120)에 의해 선택된 후, 지시될 수 있다.
도 10과 같이 위젯이 생성될 수 있다. 본 발명의 실시 예에 따라 생성 가능한 위젯은 복수의 타입들로 분류될 수 있다. 위젯의 타입들은 이하 <표 2>와 같다.
타입 | 설명 |
시계 | 현재 시간을 위젯 안에 표시함. 조금 큰 사이즈로 해서 화면에서 가시성 좋게 시간을 표시해주는 타입임. |
D-day | 특정 날짜를 기준으로 D-Day 숫자를 표시함. 87일, 86일 같은 식으로, 여행날짜, 기념일 날짜 등을 사용자가 설정하고 위젯으로 표시함. |
기념일 | D-Day 기능의 광고 기능. 특정 가수의 콘서트가 몇일 남았는지, 특정 연예인 밋업(Meetup), 스케줄 등 사용자가 아닌 광고주의 주문에 따라 제어하는 용도의 타입. |
도 11은 본 발명의 실시 예에 따른 휴대용 전자 기기(110)에서 위젯을 생성하는 인터페이스의 예를 도시한다. 도 11은 사용자가 타일 위젯 서비스의 위젯을 생성할 때 보여지는 인터페이스를 도시한다.
도 11을 참고하면, 홈 화면에 타일 위젯 서비스의 위젯을 생성하고, 생성된 위젯을 선택하면, 홈 화면에 타일 위젯 메뉴(1110)가 오버랩되어 표시된다. 타일 위젯 메뉴(1110)는 홈 스크린 편집 버튼 및 위젯 제거 버튼을 포함한다. 위젯 제거 버튼이 클릭되면, 해당 위젯은 제거된다. 홈 스크린 편집 버튼이 클릭되면, 해당 위젯을 통해 표시될 수 있는 타일들의 목록(1120)이 표시된다. 예를 들어, 목록(1120)은 즐겨찾기 설정된 타일들, 공개 타일들, 나만의 타일들 중 적어도 하나를 포함할 수 있다. 목록(1120)에 포함되는 각 항목은 타일의 제목, 타일의 설명을 포함한다. 목록(1120)에 포함된 어느 하나의 항목, 즉, 어느 하나의 타일이 선택되면, 해당 타일에 대한 상세 정보 창(1130)이 표시된다. 그리고, 상세 정보 창(1130)을 클릭하면, 해당 위젯에 해당 타일이 관련지어진다.
위젯이 생성되고 표시되는 예들은 도 12a 및 도 12b와 같다. 도 12a 및 도 12b는 본 발명의 실시 예에 따른 휴대용 전자 기기(110)에서 표시되는 위젯의 예를 도시한다.
도 12a를 참고하면, 홈 화면에 3개의 위젯들(1202, 1204, 1206)이 생성되어 있다. 도 12a의 예에서, 제1 위젯(1202)는 타일#1에 관련되어, 사진#1-1을 표시한다. 유사하게, 제2 위젯(1204), 제3 위젯(1206) 각각은 타일#2 및 타일#3에 관련되어, 사진#2-1 및 사진#3-1을 각각 표시한다. 사용자의 설정에 따라, 제3 위젯(1206)이 제1 위젯(1202) 및 제2 위젯(1204)보다 크게 설정된다. 3개의 위젯들(1202, 1204, 1206)이 홈 화면의 일 페이지를 가득 채우고 있으므로, 다른 아이콘은 보여지지 아니한다.
도 12b는 타일 위젯의 위젯과 다른 어플리케이션들의 아이콘들이 함께 표시된 예이다. 제1 위젯(1202) 및 제2 위젯(1204)이 상단에 배치되어 있으며, 하단에 아이콘들(1212)이 배치되어 있다. 도 12b와 같이, 타일 위젯의 위젯은 다른 아이콘들과 함께 홈 화면의 페이지를 구성할 수 있다.
도 12a 및 도 12b와 같은 위젯을 통해, 사용자는 어플리케이션의 실행 없이도 편리하게 지정된 타일 내의 사진들을 볼 수 있다. 이때, 사진이 표시되는 동안, 사용자가 위젯의 테두리를 드래그함에 의해 위젯의 크기가 변화할 수 있다. 이 경우, 휴대용 전자 기기(110)는 위젯에 표시 중이던 사진을 위젯의 크기에 맞추어 리사이즈할 수 있다. 또는, 휴대용 전자 기기(110)는 위젯의 크기가 증가하더라도 사진의 크기를 유지하고, 위젯의 크기 증가로 인해 확보된 공간에 동일 타일 내의 다른 적어도 하나의 사진을 더 표시할 수 있다. 이때, 다른 적어도 하나의 사진은 위젯의 크기 증가에 따라 점차 크게 표시될 수 있다.
위젯을 통해 표시되는 사진은 고정적이지 아니하고, 시간의 흐름에 따라 갱신될 수 있다. 사진이 갱신되는 예는 도 13a 또는 도 13b와 같다.
도 13a는 본 발명의 실시 예에 따른 휴대용 전자 기기(110)에서 위젯을 통해 표시되는 사진의 시간에 따른 변화의 예를 도시한다. 도 13a를 참고하면, 시간 t0에서, 위젯(1302)에 사진#3-1이 표시된다. 이후, 시간이 t0+△, t0+2△, t0+3△로 흐름에 따라, 위젯(1302)에 표시되는 사진이 사진#3-2, 사진#3-3, 사진#3-4로 변화한다. 즉, 일정한 시간 간격에 따라, 위젯(1302)에 관련지어진 타일에 포함된 사진들이 순차적으로 표시된다.
도 13b는 본 발명의 실시 예에 따른 휴대용 전자 기기(110)에서 위젯을 통해 표시되는 사진의 시간에 따른 변화의 다른 예를 도시한다. 도 13b를 참고하면, 시간 t0에서, 위젯(1302)에 사진#3-1이 표시된다. 이후, 시간 t1에서, 위젯(1302)에 관련지어진 타일에 새로운 사진이 추가로 업로드된다. 이에 따라, 정해진 시간이 경과함과 무관하게, 시간 t1에서, 위젯(1302)에 표시된 사진이 새로운 사진인 사진#3-5으로 변경된다. 이후, 다시 정해진 시간 간격 △에 따라, 시간 t1+△, t1+2△에서, 위젯(1302)에 표시되는 사진이 사진#3-2, 사진#3-3으로 순차적으로 변화한다. 즉, 새로운 사진의 업로드로 인해, 사진 표시의 시간 오프셋(offset)이 재설정된다. 단, 본 발명의 다른 실시 예에 따라, 새로운 사진이 중간에 표시되더라도, 다음 사진의 갱신 시점은 여전히 t0을 기준으로 결정될 수도 있다.
위젯은 사진 뿐만 아니라 해당 사진 또는 타일에 관련된 댓글을 함께 표시할 수 있다. 즉, 해당 사진에 댓글이 달려 있을 경우, 타일 위젯은 위젯 하단에 사용자의 댓글을 한 줄로 보여줌으로써, 사용자들과의 소통할 수 있는 창구를 제공한다. 댓글이 표시되는 예는 도 14과 같다. 도 14는 본 발명의 실시 예에 따른 휴대용 전자 기기(110)에서 위젯에 표시되는 댓글의 예를 도시한다. 도 14를 참고하면, 위젯(1402)에 사진#3-1이 표시되어 있다. 그리고, 위젯(1402)의 내부 하단에, 사진과 중첩하여, "와 여긴 어디에요? 너무 예뻐요~!"라는 내용의 댓글(1412)이 표시된다. 댓글(1412)은 해당 사진 또는 타일에 사용자가 입력한 것으로서, 어플리케이션을 실행하여 표시되는 앨범에서도 확인 가능한 것이다. 이와 같이, 타일 위젯은, 어플리케이션의 실행 없이도 홈 화면의 위젯에서 댓글까지 확인할 수 있게 한다.
전술한 바와 같이, 본 발명의 실시 예들에 따른 타일 위젯 서비스는 위젯을 통한 컨텐츠의 제공, 위젯 표현을 반영한 피드 제공 등 위젯을 중심으로 한 다양한 UI(user interface)/UX(user experience)를 제공할 수 있다. 특히, 전술한 바와 같이, 타일 위젯 서비스는 세로 방향(즉, 상하 방향)으로 피드들을 나열하고, 각 피드는 가로 방향(즉, 좌우 방향)으로 길게 구성될 수 있다. 이에 따라, 사용자는 화면을 상하로 스와이프하면서 피드들을 탐색하고, 좌우로 스와이프하면서 피드 내 사진들을 탐색할 수 있다. 이러한 피트 탐색은 이하 도 15와 같다.
도 15는 본 발명의 실시 예에 따른 휴대용 전자 기기에서 스와이프 입력에 의해 피드를 탐색하는 개념을 도시한다. 도 15를 참고하면, 제1 피드(1512-1), 제2 피드(1512-2), 제3 피드(1512-3) 등 복수의 피드들이 생성되어 있고, 앱 화면에서 보여지는 영역(1550)은 복수의 피드들의 일부이다. 도 15와 같은 상태에서, 영역(1550) 내에서의 스와이프 터치 입력에 의해 보여지는 영역(1550)이 이동될 수 있다. 예를 들어, 영역(1550) 내에서 상하 스와이프 입력이 발생하면, 피드들이 동시에 상하로 이동됨으로써 영역(1550)이 상대적으로 상하로 이동될 수 있다. 또한, 영역(1550) 내에서 좌우 스와이프 입력이 발생하면, 스와이프 입력의 터치 지점이 속한 피드 내의 보드가 좌우로 이동됨으로써 보드의 다른 부분이 영역(1550) 내로 진입할 수 있다. 구체적으로, 스와이프 터치 입력(1502)이 발생하면, 제1 피드(1512-1)의 보드가 좌우로 이동된다. 유사하게, 스와이프 터치 입력(1504)이 발생하면, 제2 피드(1512-2)의 보드가 좌우로 이동된다. 그리고, 스와이프 터치 입력(1506)이 발생하면, 제1 피드(1512-1), 제2 피드(1512-2), 제3 피드(1512-3) 등 복수의 피드들이 모두 상하로 이동된다.
전술한 본 발명의 다양한 실시 예들에 따른 방법은 하드웨어인 컴퓨터가 결합되어 실행되기 위해 컴퓨터 프로그램 또는 모바일 어플리케이션으로 구현되어 매체에 저장될 수 있다. 또는, 본 발명의 실시 예들과 관련하여 설명된 방법 또는 알고리즘의 단계들은 하드웨어로 직접 구현되거나, 하드웨어에 의해 실행되는 소프트웨어 모듈로 구현되거나, 또는 이들의 결합에 의해 구현될 수 있다. 소프트웨어 모듈은 RAM(Random Access Memory), ROM(Read Only Memory), EPROM(Erasable Programmable ROM), EEPROM(Electrically Erasable Programmable ROM), 플래시 메모리(Flash Memory), 하드 디스크, 착탈형 디스크, CD-ROM, 또는 본 발명이 속하는 기술 분야에서 잘 알려진 임의의 형태의 컴퓨터 판독가능 기록매체에 상주할 수도 있다. 또한, 알고리즘은 설치 파일 형태로 제작되어 온라인 다운로드 형태로 제공되며, 이를 위해 온라인 소프트웨어 마켓을 통해 접속 가능한 서버에 저장될 수 있다.
한편 본 발명의 상세한 설명에서는 구체적인 실시 예에 관해 설명하였으나, 본 발명의 범위에서 벗어나지 않는 한도 내에서 여러 가지 변형이 가능함은 물론이다. 그러므로 본 발명의 범위는 설명된 실시 예에 국한되어 정해져서는 아니 되며 후술하는 특허청구의 범위뿐만 아니라 이 특허청구의 범위와 균등한 것들에 의해 정해져야 한다.
Claims (5)
- 휴대용 전자 기기에서 타일 위젯(tile widget) 서비스를 제공하기 위한 방법에 있어서,
제1 타일에 대응하는 제1 피드의 제1 레이아웃(layout) 및 제2 타일에 대응하는 제2 피드의 제2 레이아웃을 결정하는 단계;
상기 제1 레이아웃에 따라 구성된 제1 피드 및 상기 제2 레이아웃에 따라 구성된 제2 피드를 표시하는 단계;
상기 제1 피드 상에서 좌우 스와이프 입력이 감지되면, 상기 좌우 스와이프 입력의 방향에 따라 상기 제1 피드의 표시 영역을 이동시키는 단계를 포함하며,
상기 제1 레이아웃은, 홈 화면에서 생성되는 위젯(widget)의 표현을 반영한 형식에 따르며,
상기 제1 피드는, 상기 제1 타일에 포함된 복수의 사진들을 포함하며,
상기 복수의 사진들 각각은, 상기 위젯의 모양과 동일한 모양을 가지며, 상기 위젯에서 지원되는 크기들 중 하나로 크롭 또는 리사이징되는 방법.
- 제1항에 있어서,
상기 제1 피드의 표시 영역은, 초기 상태에서 상기 복수의 사진들이 배치된 보드의 좌측 끝 영역에 위치하며,
상기 표시 영역은, 상기 초기 상태에서, 상가 보드에서 가장 좌측에 배치된 적어도 하나의 사진의 전체 및 다른 적어도 하나의 사진의 일부를 커버하는 방법.
- 제1항에 있어서,
상기 표시 영역은, 상기 좌우 스와이프 입력의 반대 방향으로 이동하는 방법.
- 제1항에 있어서,
상기 제1 피드는, 제1 크기로 표시되는 제1 사진, 제2 크기로 표시되는 제2 사진, 제3 크기로 표시되는 제3 사진을 포함하며,
상기 제1 크기는, 가로 및 세로가 모두 제1 길이인 크기이고,
상기 제2 크기는, 가로가 제1 길이, 세로가 제2 길이인 크기로서, 상기 제2 길이는 상기 제1 길이의 절반이며,
상기 제3 크기는, 가로 및 세로가 모두 제2 길이인 크기인 방법.
- 프로세서에 의해 동작되면 제1항 내지 제4항 중의 어느 한 항에 따른 방법을 실행하기 위해 매체에 저장된 어플리케이션 프로그램.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020220028426A KR20230029491A (ko) | 2021-08-23 | 2022-03-05 | 휴대용 전자 기기에서 피드의 좌우 스와이프를 지원하기 위한 방법 및 그 시스템 |
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020210111299A KR102374829B1 (ko) | 2021-08-23 | 2021-08-23 | 휴대용 전자 기기에서 피드의 좌우 스와이프를 지원하기 위한 방법 및 그 시스템 |
KR1020220028426A KR20230029491A (ko) | 2021-08-23 | 2022-03-05 | 휴대용 전자 기기에서 피드의 좌우 스와이프를 지원하기 위한 방법 및 그 시스템 |
Related Parent Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020210111299A Division KR102374829B1 (ko) | 2021-04-30 | 2021-08-23 | 휴대용 전자 기기에서 피드의 좌우 스와이프를 지원하기 위한 방법 및 그 시스템 |
Publications (1)
Publication Number | Publication Date |
---|---|
KR20230029491A true KR20230029491A (ko) | 2023-03-03 |
Family
ID=80937623
Family Applications (2)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020210111299A KR102374829B1 (ko) | 2021-04-30 | 2021-08-23 | 휴대용 전자 기기에서 피드의 좌우 스와이프를 지원하기 위한 방법 및 그 시스템 |
KR1020220028426A KR20230029491A (ko) | 2021-08-23 | 2022-03-05 | 휴대용 전자 기기에서 피드의 좌우 스와이프를 지원하기 위한 방법 및 그 시스템 |
Family Applications Before (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020210111299A KR102374829B1 (ko) | 2021-04-30 | 2021-08-23 | 휴대용 전자 기기에서 피드의 좌우 스와이프를 지원하기 위한 방법 및 그 시스템 |
Country Status (1)
Country | Link |
---|---|
KR (2) | KR102374829B1 (ko) |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140310643A1 (en) * | 2010-12-10 | 2014-10-16 | Yota Devices Ipr Ltd. | Mobile device with user interface |
KR101691478B1 (ko) * | 2011-02-09 | 2016-12-30 | 삼성전자주식회사 | 통합 입력에 따른 단말기 운용 방법 및 이를 지원하는 휴대 단말기 |
KR101968131B1 (ko) * | 2011-11-16 | 2019-04-11 | 삼성전자주식회사 | 다중 어플리케이션을 실행하는 모바일 장치 및 그 방법 |
-
2021
- 2021-08-23 KR KR1020210111299A patent/KR102374829B1/ko active IP Right Grant
-
2022
- 2022-03-05 KR KR1020220028426A patent/KR20230029491A/ko unknown
Also Published As
Publication number | Publication date |
---|---|
KR102374829B1 (ko) | 2022-03-16 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
KR101938667B1 (ko) | 휴대 전자장치 및 그 제어 방법 | |
KR102071579B1 (ko) | 화면 미러링을 이용한 서비스 제공 방법 및 그 장치 | |
US9207902B2 (en) | Method and apparatus for implementing multi-vision system by using multiple portable terminals | |
RU2644145C2 (ru) | Способ и система передачи информации, соответствующее устройство и компьютерно-читаемый носитель записи | |
KR20170105444A (ko) | 컨텐츠 큐레이션을 포함하는 디스플레이 장치들의 구성 및 동작 | |
KR20150017015A (ko) | 이미지 카드 공유 방법 및 이를 위한 전자 기기 | |
KR20180133743A (ko) | 이동 단말기 및 그 제어 방법 | |
US20230328141A1 (en) | Updating an Application at a Second Device Based on Received User Input at a First Device | |
CN111225108A (zh) | 一种通信终端及负屏界面的卡片显示方法 | |
KR20150095538A (ko) | 사용자 단말 장치 및 이의 디스플레이 방법 | |
JP2019508784A (ja) | マルチメディアファイル管理方法、電子デバイス、およびグラフィカルユーザインタフェース | |
KR20170073068A (ko) | 이동단말기 및 그 제어방법 | |
KR20160111756A (ko) | 이동 단말기 및 그의 사진 관리방법 | |
KR20140081220A (ko) | 사용자 단말 장치 및 그 제어 방법 | |
CN105408897A (zh) | 用于收集多媒体信息的方法及其装置 | |
CN103167258A (zh) | 用于选择图像捕获装置上捕获的图像的方法、系统和设备 | |
KR102353392B1 (ko) | 휴대용 전자 기기에서 위젯을 이용하여 컨텐츠를 제공하기 위한 방법 및 그 시스템 | |
CN111176766A (zh) | 一种通信终端及组件显示方法 | |
US11829593B2 (en) | Method for providing contents by using widget in mobile electronic device and system thereof | |
KR101511101B1 (ko) | 스마트폰을 위한 개인화된 쇼핑몰 애플리케이션 제작 시스템, 방법 및 컴퓨터 판독 가능한 기록 매체 | |
KR102374829B1 (ko) | 휴대용 전자 기기에서 피드의 좌우 스와이프를 지원하기 위한 방법 및 그 시스템 | |
CN116974431A (zh) | 一种文档的显示控制方法、装置、电子设备和存储介质 | |
CN113254132B (zh) | 一种应用显示方法及相关装置 | |
CN106462518A (zh) | 用户终端及其控制方法 | |
KR102150961B1 (ko) | 작업 그룹을 이용하는 윈도우 표시 방법 및 장치 |