WO2015093915A1

WO2015093915A1 - Method, server, and computer-readable recording medium for providing program developed or obtained by user to browser

Info

Publication number: WO2015093915A1
Application number: PCT/KR2014/012654
Authority: WO
Inventors: 김우재
Original assignee: 김우재
Priority date: 2013-12-20
Filing date: 2014-12-22
Publication date: 2015-06-25
Also published as: KR101423891B1

Abstract

The present invention relates to a method, a server, and a computer-readable recording medium for providing a program developed or obtained by a user to a browser. According to one embodiment of the present invention, provided is the method for providing the program developed or obtained by a user to the browser, comprising the steps of: (a) the server providing, through a specific browser in a terminal device, a user interface through which the user can input a program code the user has developed or obtained; (b) the server receiving the program code and recording same, when the user inputs the program code through the user interface; and (c) the server displaying the status of execution of the recorded program code through at least a portion of a specific webpage, when access by the user to the webpage through the browser has been detected.

Description

Method, server, and computer-readable recording medium for providing a program developed or acquired by a user in a browser

The present invention relates to a method, a server and a computer readable recording medium for providing a program developed or acquired by a user in a browser. More specifically, when a user provides a user interface through which a user inputs a program code that he / she has developed or obtained through a predetermined browser of the terminal device, and the user detects that the user accesses a predetermined web page through the browser, In addition, the browser may display a program developed or acquired by the user so that the execution state of the program code input by the user through the user interface may be displayed through at least a part of the web page, so that the result of the programming by the user may be easily checked. A method, a server and a computer readable recording medium for providing.

A portfolio is a collection of materials that you have created in the past or related content that you can use to learn about your history, career or skills. Sketches, etc. may be included. People appeal their portfolios to indicate their professional history or the path they have taken. In the past, a portfolio was managed using a binder and a scrapbook, but recently, the trend of managing a portfolio online is due to the development of Internet communication technology, and Korean Patent Publication No. 10-2012-0115101 discloses a user's history. An online human networking banking service system and its service method are described, which enable proof of portfolio data to be entered online. However, even according to Korean Patent Publication No. 10-2012-0115101, it is difficult to manage a portfolio of program codes because only image, video, text, and audio files can be managed online as portfolio data. .

The object of the present invention is to solve all the above-mentioned problems.

In addition, another object of the present invention is to make it easy to check the program developed or acquired by the user online, so that the user can appeal the level of histories or careers in the field of programming development.

In addition, another object of the present invention is to enable a user to easily share a program developed or acquired with other users.

According to a first technical feature of the present invention, in a method for providing a program developed or acquired by a user in a browser, (a) the server may include a user who can input a program code developed or acquired by the user. Providing an interface through a predetermined browser of a terminal device; (b) when the user inputs the program code through the user interface, the server receives and records the program code; and (c) the user If it is detected that a predetermined web page is accessed through the browser, the server proposes a method comprising causing the running state of the recorded program code to be displayed through at least a portion of the web page.

Next, according to a second technical feature of the present invention, in a method for providing a program developed or acquired by a user in a browser, (a) the server may input a program code that the user has developed or acquired. Providing a user interface capable of providing the user interface through a predetermined browser of the terminal device; (b) when the user inputs the program code through the user interface, the server receives and records the program code; Generating and displaying a thumbnail including a function for instructing to display an execution state of the program code; and (c) if it is detected that the user has selected the thumbnail, the server executes the recorded program code. Proposed method comprising the step of causing the status to be displayed .

Next, according to the third technical feature of the present invention, in a server for providing a program developed or acquired by a user in a browser, the user terminal capable of inputting a program code developed or acquired by the user Code input interface providing unit provided through a predetermined browser of the device, a database management unit for receiving and recording the program code when the user enters the program code through the user interface and the user through the browser When it is detected that the web page has been accessed, a server including a program execution state exposure management unit for displaying the execution state of the recorded program code through at least a portion of the web page is proposed.

Next, according to a fourth technical feature of the present invention, in a server for providing a program developed or acquired by a user in a browser, the user terminal may input a program code developed or acquired by the user. A code input interface providing unit provided through a predetermined browser of the device; When the user inputs the program code through the user interface, a thumbnail is generated that includes the function of instructing the server to receive and record the program code, and to display the execution status of the program code when selected later. Database management unit to support; And if the user senses that the thumbnail is selected, the server proposes a server including a program execution state exposure management unit for displaying the execution state of the recorded program code.

According to the present invention, it is possible to easily check the program developed or acquired by the user online, thereby measuring the level of the user's history or career in the field of programming development.

In addition, according to the present invention, a program developed or acquired by a user can be easily shared with other users.

1 is a view showing a schematic configuration of an entire system for providing a program developed or acquired by a user in a browser according to an embodiment of the present invention.

2 is a diagram illustrating in detail the internal configuration of the server according to an embodiment of the present invention.

FIG. 3 is a diagram provided to explain a user interface in which a user may input a program code as provided in a terminal device of a user according to an embodiment of the present invention.

4 is a diagram for exemplarily describing thumbnails displayed according to another embodiment of the present invention.

5A to 5C are diagrams for exemplarily illustrating that a state in which program code is executed is displayed according to another embodiment of the present invention.

DETAILED DESCRIPTION The following detailed description of the invention refers to the accompanying drawings that show, by way of illustration, specific embodiments in which the invention may be practiced. These embodiments are described in sufficient detail to enable those skilled in the art to practice the invention. It should be understood that the various embodiments of the present invention are different but need not be mutually exclusive. For example, certain shapes, structures, and characteristics described herein may be embodied in other embodiments without departing from the spirit and scope of the invention with respect to one embodiment. In addition, it is to be understood that the location or arrangement of individual components within each disclosed embodiment may be changed without departing from the spirit and scope of the invention. The following detailed description, therefore, is not to be taken in a limiting sense, and the scope of the present invention, if properly described, is defined only by the appended claims, along with the full range of equivalents to which such claims are entitled. Like reference numerals in the drawings refer to the same or similar functions throughout the several aspects.

Hereinafter, preferred embodiments of the present invention will be described in detail with reference to the accompanying drawings so that those skilled in the art can easily implement the present invention.

As shown in FIG. 1, the entire system according to an embodiment of the present invention may include a communication network, a terminal device of a user, and a server.

First, the communication network 100 according to an embodiment of the present invention may be configured in the form of wired or wireless communication, and may include various communication networks such as wide area network (LAN), local area network (LAN), mobile communication network, and satellite communication network. Can be configured. More specifically, the communication network 100 according to the present invention includes IEEE 802.11, Code Division Multiple Access (CDMA), Wideband Code Division Multiple Access (WCDMA), Global System for Mobile communications (GSM), Long Term Evolution (LTE), and the like. It may also include a wireless communication network implemented by the technology. However, the communication network 100 may include, at least in part, a known wired / wireless data communication network, a known telephone network, or a known wired / wireless television communication network without being limited thereto.

Next, the server 200 according to an embodiment of the present invention performs a function of providing a user interface for obtaining a program code from the user terminal device 300 to the user terminal device 300 through a communication network. can do. In addition, when it is detected that the user accesses a predetermined web page through a predetermined browser, a function of displaying a state in which a program code obtained from the user terminal device 300 is executed is displayed through at least a part of the web page. It can also be done. Here, the program code is for making a predetermined execution program, but may be text described in a human-readable programming language, but is not limited thereto.

The configuration and function of the server 200 according to the present invention will be described in detail through the following detailed description.

On the other hand, the user terminal device 300 according to an embodiment of the present invention is a digital device including a function that can communicate after connecting to the server, desktop computer, notebook computer, workstation, PDA, Web pad, mobile phone As long as it is a digital device having a memory means and a microprocessor equipped with a computing power, it can be adopted as the user terminal device 300 according to the present invention. In particular, the user terminal device 300 inputs a program code developed or acquired by the server 200 to the server 200, and causes a browser related program to display the execution state of the program code through at least a part of a web page. This may be included.

Hereinafter, the internal structure of the server according to the present invention and the function of each component will be described.

2 is a diagram illustrating in detail the internal configuration of the server 200 according to an embodiment of the present invention.

As shown in FIG. 2, the server 200 according to an embodiment of the present invention may include a code input interface providing unit 210, a database managing unit 220, a program execution state exposure managing unit 230, a database 240, It may be configured to include a communication unit 250 and the control unit 260. Here, the code input interface providing unit 210, the database management unit 220, the program execution state exposure management unit 230, the database 240, the communication unit 250 and the control unit 260 should all be included in the server 200. Not to do, it may be located outside the server 200 in conjunction with. Meanwhile, according to an embodiment of the present invention, the code input interface providing unit 210, the database manager 220, the program execution state exposure manager 230, the database 240, the communicator 250, and the controller 260 may be At least some of them may be program modules that communicate with the terminal device 300 of the user. Such program modules may be included in the server 200 in the form of operating systems, application modules, or other program modules, and may be physically stored in various known storage devices. In addition, the program module may be stored in a remote storage device that can communicate with the user's terminal device 300. On the other hand, such program modules include, but are not limited to, routines, subroutines, programs, objects, components, data structures, etc. that perform particular tasks or execute particular abstract data types, described below, in accordance with the present invention.

First, the code input interface providing unit 210 according to an embodiment of the present invention provides a user interface through which a user can input a program code developed or acquired by the user through a predetermined browser of the terminal device 300. Function can be performed. Here, the predetermined browser means an overall application program that enables the server 200 according to the present invention to view the service provided (for example, Explorer, Chrome, Safari, etc.), and the type thereof is not limited.

FIG. 3 is a diagram provided to illustrate a user interface provided to a user terminal device 300 according to an embodiment of the present invention, in which a user may input a program code.

Referring to FIG. 3, the user interface provided by the code input interface providing unit 210 may include an area where a program code can be input, as indicated by reference numeral 310. The user may input a program code developed or acquired by the user in an area corresponding to the reference numeral 310. The program code input by the user may be displayed by the program execution state exposure management unit 230, which will be described later, as one execution program instead of the program code itself.

For reference, the user interface provided by the code input interface providing unit 210 may include a title of the program code, a description of the program code, or other details, in addition to an area in which a program code may be input, such as the reference numeral 310. It may further include an area for inputting.

Next, the database manager 220 according to an embodiment of the present invention may perform a function of receiving a program code input through a user interface provided by the code input interface providing unit 210 and recording it in a predetermined database. In particular, in receiving and recording the program code, the identifier of the program code and the information about the web page on which the execution state of the program code is displayed may be recorded in association. According to the present invention, the identifier of the program code and the execution state of the program code are recorded in association with each other, so that when a predetermined web page is accessed by the user or another user later, The execution status for the recorded program code can be displayed.

According to another exemplary embodiment of the present invention, the database manager 220 may display a web of displaying an identifier of a program code and an execution state of the program code with respect to a program code input through a user interface provided by the code input interface providing unit 210. In performing a function of interlocking information about a page and recording the data in a predetermined database, a thumbnail having a predetermined function may be generated and displayed to be displayed. In detail, when the thumbnail is selected by a user or another user later, a function of managing the execution state of a program code managed corresponding to the thumbnail may be further displayed through the web page. Referring to FIG. 4, it can be seen that thumbnails are arranged to indicate that execution states of program codes corresponding to respective programs are displayed when selected by a user or another user, and refer to any one of a plurality of thumbnails. It is indicated by the number 410. Selecting each thumbnail will access a web page that displays the execution status for that program code. In this case, the accessed web page may be a separate web page from the screen of FIG. 4, or as described later, a subordinate browser may be displayed on the web page while basically maintaining the web page displayed in the screen of FIG. 4. It may be a web page displayed on such a subordinate browser.

Next, the program execution state exposure management unit 230 according to an embodiment of the present invention, if it is detected that the user accesses a predetermined web page through a browser, the program code recorded and managed by the database manager 220 is Perform a function of instructing to execute and causing the executed state to be displayed through at least a portion of the webpage. If a thumbnail is generated according to another embodiment of the present invention, the program execution state exposure manager 230 may detect that a predetermined webpage is accessed when the thumbnail or the like is selected (for example, a mouse click). have.

Meanwhile, the database manager 220 records the identifier of the program code and information about a web page on which the execution state of the program code is to be displayed in association with each other. According to an embodiment of the present invention, the program execution state exposure manager 230 is recorded. When the user detects that the user accesses a predetermined web page, the program code corresponding to the identifier is obtained by referring to the identifier of the program code recorded in association with the predetermined web page. The executed state may be displayed through at least a portion of the predetermined web page.

According to another embodiment of the present invention, if a thumbnail including a function capable of instructing to display the execution state of the program code is generated and the corresponding thumbnail is selected, the program execution state exposure management unit 230 is configured between the thumbnail and the surrounding thumbnail. The space may be spaced apart from each other so that a space for inserting the dependent browser may be generated, and the execution state of the program code may be displayed through the dependent browser. Here, the dependent browser refers to a browser having a feature inserted into and dependent on the original browser, an example of which is illustrated in FIGS. 5A to 5C.

More specifically, referring to FIG. 5A, when a specific thumbnail corresponding to the reference number 510 is selected, the reference number is spaced apart from a row immediately below the row where the specific thumbnail is disposed and the row where the specific thumbnail is disposed. A space such as 520 can be created. Of course, the form of the thumbnail array is not limited to this.

In a space, such as reference number 520, a dependent browser can be inserted in which the running state of the program code is displayed, and the running state of the program code is in at least a portion of the dependent browser, i. It can be displayed in the area. For reference, the dependent browser may further include an area in which information on a user who inputs a program code, information on details of the program code, etc., is displayed in addition to the area such as the reference number 530. Meanwhile, in the present specification, when a thumbnail is selected, an area for inserting a dependent browser is created while being spaced apart from a row where a plurality of thumbnails are arranged and another row, but if a region capable of inserting a dependent browser can be generated, It can be spaced apart in form.

Next, the program execution state exposure management unit 230 is configured to change the state in which the program code is executed in response to the user's input when the input by the user is detected on the area of the web page on which the program code execution state is displayed. You can also perform a function. The input of the user may include all inputs by a predetermined input device, such as when a mouse is clicked, when a mouse cursor is hovered on a predetermined web page.

Referring to FIG. 5B, a state in which a program code is executed may be displayed in an area corresponding to reference number 530, and the mouse cursor is positioned at a specific point 540 among a plurality of points displayed as a specific program code is executed. When hovering, a name of a person corresponding to the specific point may be displayed. Alternatively, when a specific point is selected and dragged to another position, the arrangement state of the plurality of points may change according to the movement of the specific point. 5B and 5C, it can be seen that the positions of the plurality of points displayed as the program code is executed are changed.

In the present specification, the program code is executed as illustrated in FIGS. 5B and 5C as an example, but the present invention is not limited thereto. The program code may be changed according to the state and type of the input of the program code as defined in the input program code. Content may vary. That is, if the program code relates to a game, whereby the game is executed on a web page, the user may try to play the game through a predetermined input device (for example, a mouse or a keyboard).

Meanwhile, in FIG. 5A, when the user clicks the right button and selects “view element” after over a region of the reference number 530 in the subordinate browser 520, the reference number 530 is executed. You can also look at the code for a program that is exposing its state, but from the developer's point of view, it's hard to assume that other users have the opportunity to look at the program code.

To this end, program code for performing functions such as encryption may be additionally inserted into the source code associated with the subordinate browser 520 to prevent program code viewing of content displayed in the subordinate browser 520. As another example, program code for implementing a region itself of the reference number 530 in the subordinate browser 520 as a secondary subordinate browser and performing a function such as encryption in the source code associated with the secondary subordinate browser 530. By inserting into the program, viewing of the program code for the content displayed in the secondary subordinate browser 530 may be prevented.

Next, in addition to the information managed by the database manager, information about the user may be further stored in the database 240 according to an embodiment of the present invention. Although the database 240 is illustrated as being included in the server 200 in FIG. 2, the database 240 may be configured separately from the server 200 according to the needs of those skilled in the art for implementing the present invention. . On the other hand, the database 240 in the present invention is a concept that includes a computer-readable recording medium, and may be a broad database including not only a negotiated database but also a data record based on a file system. If the set can be retrieved to extract data, it can be the database 240 in the present invention.

Next, the communication unit 250 according to an embodiment of the present invention transmits and receives data to and from the code input interface providing unit 210, the database managing unit 220, the program execution state exposure managing unit 230, and the database 240. Alternatively, a function of enabling communication between the user terminal device 300 and the server 200 may be performed.

Finally, the controller 260 according to an embodiment of the present invention is provided between the code input interface providing unit 210, the database manager 220, the program execution state exposure manager 230, the database 240, and the communication unit 250. Can control the flow of data. That is, the controller 260 according to the present invention controls the data flow from / to the outside of the server 200 or the data flow between each component of the server 200, thereby providing a code input interface providing unit 210 and a database manager. In operation 220, the program execution state exposure manager 230, the database 240, and the communicator 250 may perform a unique function.

Embodiments according to the present invention described above may be implemented in the form of program instructions that may be executed by various computer components, and may be recorded in a computer-readable recording medium. The computer-readable recording medium may include program instructions, data files, data structures, etc. alone or in combination. Program instructions recorded on the computer-readable recording medium may be those specially designed and configured for the present invention, or may be known and available to those skilled in the computer software arts. Examples of computer-readable recording media include magnetic media such as hard disks, floppy disks and magnetic tape, optical recording media such as CD-ROMs, DVDs, and magneto-optical media such as floptical disks. 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 may be configured to operate as one or more software modules to perform the process according to the invention, and vice versa.

Although the present invention has been described by specific embodiments such as specific components and the like, but the embodiments and the drawings are provided to assist in a more general understanding of the present invention, the present invention is not limited to the above embodiments. For those skilled in the art, various modifications and variations can be made from these descriptions.

Therefore, the spirit of the present invention should not be limited to the embodiments described above, and all of the equivalents or equivalents of the claims, as well as the claims below, are included in the scope of the spirit of the present invention. I will say.

Claims

In a method for providing a program developed or acquired by a user in a browser,

(a) the server, providing a user interface through which a user inputs a program code developed or acquired by the user through a predetermined browser of the terminal device;

(b) when the user inputs the program code through the user interface, the server receives and records the program code; And

(c) if it is detected that the user accesses a predetermined web page through the browser, the server causes the execution state of the recorded program code to be displayed through at least part of the web page.

How to include.
The method of claim 1,

In step (b),

And receiving and recording the program code, wherein the server records the identifier of the program code and information about a web page on which the execution state of the program code is to be displayed.
The method of claim 2,

In step (c),

When it is detected that the user accesses the predetermined web page, the server acquires the program code with reference to an identifier of the program code recorded in association with the predetermined web page, and the obtained program. And cause an execution state of the code to be displayed through at least a portion of the predetermined web page.
The method of claim 1,

In the step (c),

And when an input by the user is detected on an area of a web page on which the state of executing the program code is displayed, changing the state of executing the program code in response to the input of the user.
In a method for providing a program developed or acquired by a user in a browser,

(a) the server, providing a user interface through which a user inputs a program code developed or acquired by the user through a predetermined browser of the terminal device;

(b) when the user inputs the program code through the user interface, the server receives and records the program code, and instructs the server to display an execution state of the program code when selecting later. Generating and displaying thumbnails; And

(c) if it is detected that the user has selected the thumbnail, the server displaying the execution state of the recorded program code.

How to include.
The method of claim 5,

In step (b),

When there are a plurality of generated thumbnails, the thumbnails may be arranged,

In step (c),

When a particular thumbnail of the arranged thumbnails is selected, the space between the specific thumbnail and the surrounding thumbnail is generated to create a space for the subordinate browser to be inserted, wherein the subordinate browser is inserted into the browser and has a subordinate feature. Is configured to display a running state of the recorded program code via the subordinate browser.
The method of claim 6,

In step (c),

The execution state of the program code is displayed through the subordinate browser, and the state being executed through the subordinate browser is displayed by the program code which performs an encryption function additionally inserted into the source code associated with the subordinate browser. Preventing code viewing of the program code being generated.
The method of claim 6,

A secondary subordinate browser subordinate to the subordinate browser,

In step (c),

The execution status of the program code is displayed through the secondary subordinate browser, but by the program code performing an encryption function additionally inserted into the source code associated with the secondary subordinate browser, through the secondary subordinate browser. Preventing the viewing of code for the program code being displayed in which state is being executed.
In the server for providing a program developed or acquired by the user in a browser,

A code input interface providing unit for providing a user interface through which a user inputs a program code developed or acquired by the user through a predetermined browser of the terminal device;

A database manager configured to receive and record the program code when the user inputs the program code through the user interface; And

If it is detected that the user accesses a predetermined web page through the browser, a program execution state exposure management unit for displaying the execution state of the recorded program code through at least a part of the web page.

Server comprising.
The method of claim 9,

The database manager,

Receiving and recording the program code, characterized in that for recording the program code identifier and the execution status of the program code linked to the information on the web page to be displayed.
The method of claim 10,

The program execution state exposure management unit,

When it is detected that the user has accessed the predetermined web page, the program code is obtained by referring to an identifier of the program code recorded in association with the predetermined web page, and the obtained program code is executed. Wherein the status is displayed via at least a portion of the predetermined web page.
The method of claim 9,

The program execution state exposure management unit,

And when an input by the user is detected on an area of a web page on which the program code execution state is displayed, changing the execution state of the program code in response to the user input.
In the server for providing a program developed or acquired by the user in a browser,

A code input interface providing unit for providing a user interface through which a user inputs a program code developed or acquired by the user through a predetermined browser of the terminal device;

When the user inputs the program code through the user interface, a thumbnail is generated that includes the function of instructing the server to receive and record the program code, and to display the execution status of the program code when selected later. Database management unit to support; And

When it is detected that the user has selected the thumbnail, the server displays a program execution state exposure management unit for displaying the execution state of the recorded program code.

Server comprising.
The method of claim 13,

When a plurality of thumbnails are generated and the thumbnails are arranged, a specific thumbnail of the arranged thumbnails is selected.

The program execution state exposure management unit,

Spacing between the particular thumbnail and the surrounding thumbnail to create a space into which a subordinate browser is to be inserted, wherein the subordinate browser is inserted into and dependent on the subordinate browser; Server for displaying the running status.
The method of claim 14,

The program execution state exposure management unit,

The execution state of the program code is displayed through the subordinate browser, and the state being executed through the subordinate browser is displayed by the program code which performs an encryption function additionally inserted into the source code associated with the subordinate browser. Server for preventing the viewing of the code for the program code that is being.
The method of claim 14,

A secondary subordinate browser subordinate to the subordinate browser,

The program execution state exposure management unit,

The execution status of the program code is displayed through the secondary subordinate browser, but by the program code performing an encryption function additionally inserted into the source code associated with the secondary subordinate browser, through the secondary subordinate browser. A server, characterized in that preventing the viewing of code for program code in which a running state is displayed.
A computer readable medium for recording a computer program for executing the method according to any one of claims 1 to 8.