WO2013168963A1

WO2013168963A1 - Method and device for providing n-screen to smart terminals having respectively different screen resolutions

Info

Publication number: WO2013168963A1
Application number: PCT/KR2013/003954
Authority: WO
Inventors: 김정수
Original assignee: (주)블루핀
Priority date: 2012-05-08
Filing date: 2013-05-07
Publication date: 2013-11-14

Abstract

A method and a device for providing an N-screen to smart terminals having respectively different screen resolutions are disclosed. The method comprises the steps of: generating and storing a first resource for an application of a smart terminal; extracting information, from the first resource, for converting the first resource to a second resource; and generating the second resource by using the information extracted from the first resource.

Description

Method and device for providing N-screen to each smart terminal with different screen resolution

The present invention relates to a method and apparatus for providing an N screen to each smart terminal having a different screen resolution, and to a method and apparatus for providing an N screen related to a user interface (UI) and a user experience (UX).

In recent years, mobile terminals have been able to watch TV (Television) (e.g., mobile broadcasting such as DMB (Digital Multimedia Broadcasting) or DVB (Digital Video Broadcasting)) and music playback functions (e.g., It provides various multimedia functions such as MP3 (MPEG Audio Layer-3), photo shooting function, internet access function and dictionary search function.

Also, recently, with the advent of various display devices, a method for providing an intuitive user interface has been developed.

Korean Patent Laid-Open Publication No. 10-2012-0012115 (a user interface providing method and a display device using the same) discloses a method of changing a category of a displayed content list through a simple touch operation.

Korean Patent Laid-Open Publication No. 10-2012-0019603 (a method and apparatus for providing a contact list of a touch device having a touch-based input interface) is provided with an additional function for user convenience in providing a contact list registered in a phone book of a touch device. Is disclosed.

However, the inventions disclosed in the prior arts are difficult to apply to various applications and have limitations in providing only a standardized user interface environment.

App Book is an electronic book that is produced as one application, and each UX and internal programming structure is developed manually by hand in a smart terminal with different screen resolution. This is very expensive and the development period will be considerably longer.

In addition, when developing the App Book using the existing N-screen method, the screen resolution ratio is not matched with each other, so a blank space is left in the left and right areas, and a blank area is generated in black.

The present invention relates to a method of using an area remaining by various resolution ratios of a smart terminal without filling it with shadows.

First, when developing the App Book with iOS version, when the bottom menu is touched,

If you go to the Android version, there is no menu from the bottom, the menu is located on both sides, enabling service without adjusting the resolution ratio.

According to an embodiment of the present invention, a method includes generating and storing a first resource for an application of a smart terminal; Extracting information for converting the first resource into a second resource from the first resource; And generating the second resource using the information extracted from the first resource, wherein the menu configuration image of the first resource is overlapped with the main image on the top or bottom of the main image of the first resource and displayed. The menu configuration image of the second resource may be disposed at left and right sides of the main image.

An apparatus according to an embodiment of the present invention, the storage unit for storing the first resource for the application of the smart terminal; And a controller configured to extract information for converting the first resource into a second resource from the first resource and to generate the second resource using the information extracted from the first resource.

Based on the area of the native resolution (1024x768), the top and bottom areas are filled up and left and right blank areas can be placed left and right in the existing menu bar to see the aesthetic effect that the space is not empty and can effectively experience the user interface and user experience. .

The effect of this design is that if you develop only one iOS version, you can use one resource together without further development.

Therefore, there is no need to develop the iOS version and the Android version separately due to the resolution issue. Therefore, the resource development cost and time are greatly reduced by only developing one resource.

1 and 2 are flowcharts illustrating a method of providing an N screen to each smart terminal having a different screen resolution according to an embodiment of the present invention.

3 illustrates an example of a configuration of an apparatus for providing an N screen to each smart terminal having a different screen resolution according to an embodiment of the present invention.

4 illustrates an example of a screen configuration of an application generated based on the first resource.

5 illustrates an example of a main screen that may be applied to each of a first resource and a second resource.

6 illustrates an example of a screen configuration of an application generated based on the second resource.

Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings.

1 and 1B are flowcharts illustrating a method of providing an N screen to each smart terminal having a different screen resolution according to an embodiment of the present invention.

N-screen is a next-generation computing and network service that can share one content in various digital information devices such as smartphones, PCs, smart TVs, tablet PCs, and automobiles. It is a service that allows users to watch a single content anytime, anywhere, regardless of time, place, or digital device. They can watch movies downloaded from a computer on a TV and watch them on a smartphone on the subway or a tablet PC. N means that multiple digital terminals can be connected with a negative integer, and it can be said to be an expanded concept of '3-screen play' which means that three screens such as a mobile phone, a PC, and a TV can be viewed in succession.

The method shown in FIGS. 1 and 2 may be performed by the apparatus shown in FIG. 3. The apparatus shown in FIG. 3 may be a computer system.

In operation 110, the device 200 generates a first resource for an application of the smart terminal. For example, the first resource may be a resource for an application to be installed on iOS which is an Apple operating system.

On the other hand, the application of the smart terminal may be an app book. App book is not only to implement a variety of multi-interactive features in the form of a single e-book produced as a single application has the advantage that the screen configuration is optimized to fit the e-book. In other words, the App Book is an e-book developed in the form of a unique application, and may include various multimedia elements such as a photo, a voice, a video, and a game.

Therefore, the application of the smart terminal is an app book, the first resource and the second resource includes a source code and various image files, the image file according to the menu configuration image for the operation of the application and the initial or menu selection It may include a provided main image.

The device 200 may download a compressed file from an external server (not shown), decompress the downloaded compressed file, and parse the content xml to generate content constituting the appbook. In this case, the device 200 may generate and store a content effect resource, a content menu resource, a resource for constructing a content screen, and a content xml for generating content by combining the resources.

In operation 120, the device 200 stores the generated first resource.

In operation 130, the apparatus 200 extracts elements necessary for the second resource conversion from the first resource. That is, the device 200 extracts information for converting a first resource into a second resource from the first resource.

For example, the second resource may be a resource for an application to be installed in the Android operating system.

In this case, the difference between the first resource and the second resource may be a difference in image configuration according to the resolution of the device. Accordingly, the elements for converting the first resource into the second resource include "information about the height of the menu bar", "information about various indicators", "information about one width of the menu bar", and "the second resource actually The resolution of the terminal to be installed, screen width "," the resolution of the terminal where the second resource is actually installed, screen height "," the resolution of the terminal where the first resource is actually installed, screen width "," the first resource is actually installed The resolution of the terminal, screen height "," display information of the terminal on which each resource is to be installed "," display information of the terminal in landscape mode and portrait mode "," color information of images included in the resource " It may include.

In operation 140, the device 200 generates the second resource using information extracted from the first resource. That is, the second resource may be generated in consideration of the difference in screen resolution of the installed terminal.

In this case, the menu configuration image of the first resource is displayed overlapping with the main image on the top or bottom of the main image of the first resource, and the menu configuration image of the second resource is disposed on the left and right of the main image. An example of the arrangement of the main images will be described with reference to FIGS. 3 to 5.

In operation 150, the device 200 stores the second resource.

In operation 160, the apparatus 200 may install a second resource on the second device. Of course, in operation 160, the apparatus 200 may transmit the second resource to an external server so that the second resource may be installed in the second device.

That is, the method according to an embodiment may further include providing the second resource to the second device so that the second resource can be installed in the second device.

In one embodiment, the first resource is executed on a first device, and the second resource is executed on a second device using an operating system different from the operating system of the first device, and the display of the first device. The resolution and the display resolution of the second device may be different.

In addition, the resolution of the first device is 1204X768, the resolution of the second device may have a higher resolution than the resolution of the first device. For example, the screen resolution width of the second device may be 1280.

Referring to FIG. 2, in operation 10, the device 200 generates and stores a first resource for an application of a smart terminal. That is, in operation 10, the apparatus 200 generates and stores a first resource for an application of the first device.

At this time, the menu configuration image of the first resource is set to be displayed overlapping with the main image on the top or bottom of the main image of the first resource.

In this case, the first resource may include resolution information of the main configuration image.

In operation 20, the apparatus generates and stores a second resource for a second operating system different from the first operating system of the first device.

Step 20 may include detailed processes of 21 to 25 steps.

In operation 21, the device 200 configures a main image of the second resource using elements that are commonly available from the first resource regardless of an operating system. Thus, according to an embodiment of the present invention, it is possible to greatly reduce the effort and effort of the developer in creating resources for different operating systems.

Here, the "elements commonly available irrespective of the operating system" may include a main image original, types of detailed menus provided, and application providing functions.

In operation 23, the apparatus 200 sets the menu configuration image of the second resource to be arranged to the left and right of the main image of the second resource.

For example, the menu configuration of the second resource may be set to be arranged on the left and right of the main image 510 as shown in FIG. 5.

5 and 6, the detailed menus provided through the menu configuration image of the first resource and the detailed menus provided through the menu configuration image of the second resource may provide the same function.

Referring to FIG. 3, the apparatus 200 includes a control unit 110, an input / output unit 120, a storage unit 130, and a device connection interface 140. Of course, although not shown in FIG. 3, the apparatus 200 may further include a communication module or various sensors for performing wired or wireless communication. The first resource or the second resource may be uploaded to the application market through the communication unit.

The controller 110 may include one or more processors that control the overall operation of the device 200.

The controller 110 extracts information for converting the first resource into a second resource from the first resource and generates the second resource using the information extracted from the first resource.

The controller 110 may generate a second resource for a second operating system different from the first operating system of the first device.

The controller 110 sets the menu configuration image of the first resource to be displayed overlapping with the main image on the top or bottom of the main image of the first resource, and sets the menu configuration image of the second resource to the main of the second resource. It can be set to be positioned left and right of the image.

The controller 110 may set the detailed menus provided through the menu configuration image of the first resource and the detailed menus provided through the menu configuration image of the second resource to provide the same function.

The input / output unit 120 may include an input means, a display means, and an audio input / output means for receiving a user input.

The storage unit 130 stores the first resource for the application of the smart terminal. Of course, the second resource may also be stored in the storage 130.

The device connection interface 140 may include circuitry that may be connected with the first device 201 or the second device 203 through wired communication or wireless communication.

In exemplary embodiments, the resource conversion process may be implemented by performing an instruction as follows.

SetMenuImage: Background image to fit in the left and right areas

-Leftmenu: Create the size of left area

rightMenu-creates the size of the right area

-CreateIconDefault (i)): Create a menu icon and place it in the left and right areas

4 illustrates an example of a screen configuration of an application generated based on the first resource. 5 illustrates an example of a main screen that may be applied to each of a first resource and a second resource. 6 illustrates an example of a screen configuration of an application generated based on the second resource.

4 illustrates a menu screen 320 as shown in FIG. 4 when the lower part of the screen is touched in the iOS version. Referring to FIG. 4, the menu screen 320 may include various detailed menus 321 ˜ 327.

Referring to FIG. 5, the main screen 310 may be commonly used in the first resource and the second resource.

Figure 6 shows an example in which the menu is arranged on both sides in the Android version.

As shown in FIG. 4, the menu configuration 320 coming from the bottom is changed to the left and right 520 and 530 as shown in FIG. 6, so that all elements constituting the screen of the second resource are included in the first resource. Only the contents of the menu can be arranged left and right to effectively use the left and right blank areas. If no menu is inserted, the screen will show black areas due to resolution issues.

Therefore, the top and bottom areas are filled up and the left and right blank areas are positioned left and right on the basis of the area of the native resolution (1024x768), so that the aesthetic effect of the space is not empty and the user interface and user experience can be effectively experienced. Can be.

In addition, according to an embodiment, the main image of the second resource may be configured by using elements that are commonly available from the first resource regardless of the operating system, and may effectively provide different user interfaces to different operating systems.

Referring to FIG. 6, step 140 of FIG. 1 may include disposing detailed menus 321 ˜ 327 included in the menu screen 320 on the second resource menu screens 520 and 530.

That is, the

detailed menus

321, 322, 323, and 324 may be set to be arranged on the left menu screen 520 of the second resource. That is, the left menu screen 520 may include

detailed menus

521, 522, 523, and 524 extracted from the detailed menus 321 ˜ 327 of the first resource.

In addition, the

detailed menus

325, 326, and 327 may be set to be arranged on the right menu screen 530 of the second resource. That is, the right menu screen 530 may include

detailed menus

535, 536, and 537 extracted from the detailed menus 321 ˜ 327 of the first resource.

In this case, the left menu screen 520 and the right menu screen 530 are set to be always displayed unlike the menu screen 320. Therefore, the aesthetic effect that the space is not empty can be seen.

The apparatus described above may be implemented as a hardware component, a software component, and / or a combination of hardware components and software components. For example, the devices and components described in the embodiments may be, for example, processors, controllers, arithmetic logic units (ALUs), digital signal processors, microcomputers, field programmable arrays (FPAs), It may be implemented using one or more general purpose or special purpose computers, such as a programmable logic unit (PLU), microprocessor, or any other device capable of executing and responding to instructions. The processing device may execute an operating system (OS) and one or more software applications running on the operating system. The processing device may also access, store, manipulate, process, and generate data in response to the execution of the software. For convenience of explanation, one processing device may be described as being used, but one of ordinary skill in the art will appreciate that the processing device includes a plurality of processing elements and / or a plurality of types of processing elements. It can be seen that it may include. For example, the processing device may include a plurality of processors or one processor and one controller. In addition, other processing configurations are possible, such as parallel processors.

The software may include a computer program, code, instructions, or a combination of one or more of the above, and configure the processing device to operate as desired, or process it independently or collectively. You can command the device. Software and / or data may be any type of machine, component, physical device, virtual equipment, computer storage medium or device in order to be interpreted by or to provide instructions or data to the processing device. Or may be permanently or temporarily embodied in a signal wave to be transmitted. The software may be distributed over networked computer systems so that they may be stored or executed in a distributed manner. Software and data may be stored on one or more computer readable recording media.

The method according to the embodiment may be embodied in the form of program instructions that can be executed by various computer means and recorded in a computer readable medium. The computer readable medium may include program instructions, data files, data structures, etc. alone or in combination. The program instructions recorded on the media may be those specially designed and constructed for the purposes of the embodiments, or they may be of the kind well-known and available to those having skill in the computer software arts. Examples of computer-readable recording media include magnetic media such as hard disks, floppy disks, and magnetic tape, optical media such as CD-ROMs, DVDs, and magnetic disks, such as floppy disks. Magneto-optical media, and hardware devices specifically configured to store and execute program instructions, such as ROM, RAM, flash memory, and the like. Examples of program instructions include not only machine code generated by a compiler, but also high-level language code that can be executed by a computer using an interpreter or the like. The hardware device described above may be configured to operate as one or more software modules to perform the operations of the embodiments, and vice versa.

Although the embodiments have been described by the limited embodiments and the drawings as described above, various modifications and variations are possible to those skilled in the art from the above description. For example, the described techniques may be performed in a different order than the described method, and / or components of the described systems, structures, devices, circuits, etc. may be combined or combined in a different form than the described method, or other components. Or even if replaced or substituted by equivalents, an appropriate result can be achieved.

Therefore, other implementations, other embodiments, and equivalents to the claims are within the scope of the claims that follow.

Claims

Creating and storing a first resource for an application of the first device;

Generating a second resource for a second operating system different from the first operating system of the first device,

The menu configuration image of the first resource is set to be displayed overlapping with the main image on the top or bottom of the main image of the first resource,

Generating the second resource,

Constructing a main image of the second resource using elements commonly available from the first resource regardless of an operating system; And

Setting the menu configuration image of the second resource to be disposed to the left and right of the main image of the second resource;

How to provide N screen to each smart terminal with different screen resolution.
The method of claim 1,

Detailed menus provided through the menu configuration image of the first resource and detailed menus provided through the menu configuration image of the second resource provide the same function.

How to provide N screen to each smart terminal with different screen resolution.
The method of claim 1,

The display resolution of the first device and the display resolution of the second device are different from each other.

How to provide N screen to each smart terminal with different screen resolution.
The method of claim 2,

The resolution of the first device is 1204X768, and the resolution of the second device has a higher resolution than that of the first device.

How to provide N screen to each smart terminal with different screen resolution.
The method of claim 1,

The application is an appbook,

The first resource and the second resource include source code and various image files,

The image file includes a menu configuration image for operating an application and a main image provided according to an initial execution or menu selection.

How to provide N screen to each smart terminal with different screen resolution.
The method of claim 1,

Providing the second resource to the second device such that the second resource is installable on the second device.

A room that provides N screens for each smart terminal with different screen resolutions.
A storage unit which stores a first resource for an application of the first device; And

A control unit for generating a second resource for a second operating system different from the first operating system of the first device,

The control unit sets the menu configuration image of the first resource to be displayed overlapping with the main image on the top or bottom of the main image of the first resource, and sets the menu configuration image of the second resource to the left and right of the main image of the second resource. To be placed in

Device that provides N screen to each smart terminal with different screen resolution.
The method of claim 7, wherein

The control unit

Setting the detailed menus provided through the menu configuration image of the first resource and the detailed menus provided through the menu configuration image of the second resource to provide the same function.

Device that provides N screen to each smart terminal with different screen resolution.
The method of claim 7, wherein

And a device connection interface connected with the first device or the second device in a wireless communication or a wired communication.

The display resolution of the first device and the display resolution of the second device are different from each other.

Device that provides N screen to each smart terminal with different screen resolution.
The method of claim 7, wherein

The resolution of the first device is 1204X768 and the resolution of the second device is higher than the resolution of the first device.

Device that provides N screen to each smart terminal with different screen resolution.
The method of claim 7, wherein

The application is an appbook,

The first resource and the second resource include source code and various image files,

The image file includes a menu configuration image for operating an application and a main image provided according to an initial execution or menu selection.

Device that provides N screen to each smart terminal with different screen resolution.
The method of claim 7, wherein

And a communication unit for providing the second resource to the second device so that the second resource can be installed in the second device.

The first resource or the second resource may be uploaded to the application market via the communication unit

Device that provides N screen to each smart terminal with different screen resolution.