Patent Application Titled "Web Development Environment That Enables a Devel0per to Interact with Run-Time Output Presentation of a Page" Published Online
The assignee for this patent application is
"In a software development environment, a developer may interact with a software development tool for writing code, compiling the code, testing or debugging the code, and packaging the resulting application for deployment in a run-time environment. The software development tool may be implemented as a software application that is stored to a computer-readable medium and executed by a computer processor to perform the tasks associated with aiding a developer in the development of a software application. As one example, an integrated development environment (IDE) is commonly used for developing software applications. In general, an IDE is a programming environment that has been packaged as a software application program, typically including a code editor, a compiler, a debugger, and a graphical user interface (GUI) builder. The IDE may be a stand-alone application or may be included as part of one or more existing and compatible applications. IDEs provide a user-friendly framework for many modern programming languages, such as Visual Basic, Java, and PowerBuilder. IDEs for developing markup language (e.g., HTML, XML, etc.) applications are among the most commonly used.
"Thus, IDEs provide software authoring tools that allow a developer (e.g., a web developer) to create web pages, websites, interactive applications, and the like for use by end users (e.g., visitors to websites). Various IDEs exist in the current marketplace, such as DREAMWEAVER.RTM., available from
"Many software application authoring tools, as may be provided by an IDE, are available today for use by software developers in creating various types of software applications, such as web pages and/or websites, including as examples such software code authoring tools as ADOBE.RTM. DREAMWEAVER.RTM. and MICROSOFT.RTM. FRONTPAGE.RTM.. Certain authoring tools, such as ADOBE.RTM. DEAMWEAVER.RTM., allow a developer to create a document in an environment that includes both a text-based code view and a graphical-based design view. The code view renders the source code (e.g., markup language code, scripting language code, stylesheet code, etc.) as text in a portion of the screen and allows the developer to see and manipulate the source code in the document file. For example, the developer may write and edit HTML or Cascading Style Sheets (CSS) code in the code view.
"The design view (or 'display view'), on the other hand, is a What You See Is What You Get (WYSIWYG) view of the output presentation document (e.g., web page) that is to be generated by an interpreter (e.g., a browser) as a result of interpreting one or more of the source files (e.g., html file, CSS file, etc.), and thus the design view allows the user to visually manipulate the interpreted and graphically laid-out version of the output presentation document, such as, for example, by dragging, dropping, cutting, and pasting visual components. As discussed further herein, the design view may employ techniques similar to those employed by browsers for presenting a mimicked output presentation document, which may be similar but is quite often not identical to an actual output presentation document that will be rendered by a browser at run-time. The design view provides an editable view of the output presentation document, rather than a run-time view of such output presentation document, wherein the developer may manipulate such output presentation within the design view. As the developer works, changes to the document are reflected in both the code view and the design view.
"Once a designer creates source code (which may be referred to as a 'source page' or 'source file'), such source code is typically stored to a web server that is accessible by clients via a communication network, such as the Internet. The clients may access the web server and download the source code, which a browser executing on the client's computer interprets to generate a corresponding run-time output presentation, as is well known in the art.
"As one example, style sheets, such as cascading style sheet ('CSS'), are commonly employed to help readers of web pages (e.g., browsers) to define visual layout of a web page's content, such as colors, fonts, layout, and other aspects of document presentation. In this manner, the style sheet may be designed primarily to enable the separation of document content (written in HTML or a similar markup language, e.g., in a main file) from document presentation (written in CSS). Thus, the main HTML file for a web page may be authored to define certain content and/or reference one or more other related files that provide certain content (e.g., image files) that is desired to be presented in a run-time output presentation document that is to be generated when the web page is interpreted by an interpreter program (such as a client browser), and the main HTML file may reference one or more style sheets that define the visual layout of such content that is desired to be generated within the run-time output presentation document. Such use of style sheets are well known in the art.
"Web authors generally create and edit web pages that comprise a main file (e.g., a main HTML file) with many related files, such as external JS, CSS, XML, and/or other server-side files, such as other HTML files, ColdFusion Markup Language (CFML) files, PHP files, or active server pages (ASP) files. This is the common way to construct web pages to allow sharing and re-use of components, and the authored web pages can thus become fairly complex.
"Thus, when authoring a web page (or website comprising a collection of web pages), a developer often desires to author/edit not only a main file, but also the various related files to arrive at source files that when interpreted by a browser result in a desired run-time output presentation document being generated.
"As mentioned above, some software development environments, such as DREAMWEAVER, provide not only a code view interface, but also provide a design view interface. Traditional design view interfaces present a mimicked view of the output presentation document (e.g., web page) that is to be generated by an interpreter (e.g., a browser) as a result of interpreting one or more of the source files (e.g., html file, CSS file, etc.). Such a mimicked view may be similar, but is quite often not identical, to an actual output presentation document that will be rendered by a browser at run-time.
"One reason why the design view may not present an identical output presentation document as that which is generated at run-time by a browser is because of changes that occur along various points of delivery of the page. That is, the source files may change at various points along delivery of the source files from a hosting server (e.g., web server) to the point of actual run-time output presentation by a browser. For instance, source files that are authored and uploaded to a hosting server may thereafter be modified (e.g., by other files) on the server side before delivery to a requesting client. For instance, one or more of the source files that are authored and uploaded to a hosting server may be modified at the server by PHP, ColdFusion Markup Language (CFML), or active server pages (ASP) files.
"Additionally, after the source files are delivered to a requesting client, further modifications may occur to those files at the client, prior to generating the output presentation document. As an example, certain information may be populated into a page from a file, database, search engine, etc. For instance, a given output presentation page may display a list of hyperlinks to pages that are found on the Web by a search engine in response to a user's search query, wherein the actual list of items that are displayed are supplied during run-time of the page by another source (e.g., a search engine). As another example, information regarding products in a company's inventory, corresponding product prices, and other product information may be dynamically loaded to a run-time output presentation page from a database.
"Generally, a traditional design view provided in a software development environment provides a mimicked output presentation view that is derived based on either original source files that are uploaded to a hosting server (prior to any modifications made, such as by PHP, etc., at the server) or based on the delivered source files that are downloaded from a server to a requesting client (prior to any modifications that occur at the client). Thus, the traditional design view may fail to accurately present a true representation of what the run-time output presentation document will be when generated by a browser (e.g., as result of processing a browser source file that is modified at the client). In some instances, the design view may present certain 'placeholders' in its output presentation for information that is to be supplied at a later time (e.g., after the source files are loaded to the client), such as a placeholder for information that will be populated from a database, search engine, or other data source in response to a user's entered query.
"Additionally, the mimicked view provided by the traditional design view provides an editing preview, rather than a run-time operational view of the output presentation document. For example, if a user clicks on a button presented in the mimicked output presentation document in the design view, the user may be allowed to edit the button, rather than activating the operational functionality of the button as when it is clicked in run-time.
"In view of the above web developers often utilize an external browser application (e.g., separate from the interfaces provided by the web development tool) to analyze the run-time characteristics of an output presentation document that is generated as a result of browser source files. For instance, once the developer authors original source files and uploads them to the hosting server, the developer may use an external browser application, such as Internet Explorer, to access the source files served by the hosting server, and thus analyze/test the resulting output presentation document that is generated by the browser, as a result of the modified browser source files.
"Then, if the user desires to make edits to the original source files that are served by the hosting server, the user must return to the development environment and try to locate the code in the corresponding original source file that is to be changed to effect the desired edit to the generated run-time output presentation document. The appropriate changes to make in the original source files in order to effect the desired changes in the run-time output presentation document may be difficult to recognize/understand by the developer, particularly since in the web development environment the developer is generally not viewing or editing the source files as they exist at the time that the browser is generating the run-time output presentation document. Rather, as mentioned above, the developer is often viewing and editing the original source files in the state at which they have when uploaded to the hosting server (or the delivered source files in the state at which they were served to the requesting client), rather than the browser source files as modified by the client.
"Certain client-side testing environment tools are known in the art, such as FireBug.TM.. Some of these tools may allow for source code to be viewed at a client site, such as run-time source code being used by a browser for generating a given run-time output presentation document. Further, some of these client-side testing environment tools may enable a user to modify the source code for testing of the resulting browser presentation of a nm-time output presentation document. However, any such edits are only effected for the local, client-side document, and do not result in any chances to the server-side source files that are being served by the hosting web server.
"In view of the above, a desire exists for an improved software development environment for enabling a developer to more accurately view source code and output presentation as it exists at run-time. For instance, a desire exists for a software development environment for rendering a run-time output presentation document and corresponding run-time source code of source files from which the output presentation document is generated."
In addition to obtaining background information on this patent application, VerticalNews editors also obtained the inventors' summary information for this patent application: "The present invention is directed generally to a web development environment (including a system in which the web development environment resides and a method employed by the web development environment) that enables a developer to interact with run-time output presentation of a page that is under development. As discussed further herein, according a to certain embodiments a web page authoring tool provides a web developer with quick access to an interactive browser view of a run-time page, browser source code of a run-time page, and tools to easily access and edit corresponding original source code.
"According to certain embodiments, a web page authoring tool includes an embedded browser that supports a 'live preview mode' that enables a run-time page to be viewed. Thus, the run-time output presentation of a page can be viewed within an interface (e.g., a run-time output presentation view) of the web page authoring tool, which presents a view of the page's output just as it would be generated by a client browser. In addition, a run-time code view is provided that enables a developer to view the browser source code during run-time of the page.
"The run-time output presentation page presented in the live preview mode of the web authoring tool, according to embodiments, enables a user to interact with the run-time output presentation generated for the web page, and thereby analyze the functional operability of the page. Thus, the web authoring tool provides a live preview mode that employs an embedded browser to present an operational run-time output presentation, just as would be presented by a client-side browser, and which may present a code view of the run-time source code that is used by the browser to generate such operational run-time output presentation. The run-time output presentation view, thus provides a run-time page that is generated by an embedded browser from browser source code, rather than providing a mimicked design view of a page's output presentation that is generated from original source code, as with the traditional design views discussed above.
"Further, the run-time output presentation view provided by the web page authoring tool remains interoperable with certain authoring support functions of the web page authoring tool. Thus, rather than merely launching a separate browser application that is then disconnected from the web page authoring tool, the run-time output presentation view provided by the web page authoring tool according to embodiments maintains a certain degree of authoring interactivity with the web page authoring tool, thereby aiding a developer's efficiency. For instance, in certain embodiments, the run-time page views provided in the live preview mode are interoperable with certain authoring features provided by the web page authoring tool, such as the web page authoring tool's design-time code view interface and/or editing tools, etc.
"The foregoing has outlined rather broadly the features and technical advantages of the present invention in order that the detailed description of the invention that follows may be better understood. Additional features and advantages of the invention will be described hereinafter which form the subject of the claims of the invention. It should be appreciated by those skilled in the art that the conception and specific embodiment disclosed may be readily utilized as a basis for modifying or designing other structures for carrying out the same purposes of the present invention. It should also be realized by those skilled in the art that such equivalent constructions do not depart from the spirit and scope of the invention as set forth in the appended claims. The novel features which are believed to be characteristic of the invention, both as to its organization and method of operation, together with further objects and advantages will be better understood from the following description when considered in connection with the accompanying figures. It is to be expressly understood, however, that each of the figures is provided for the purpose of illustration and description only and is not intended as a definition of the limits of the present invention.
BRIEF DESCRIPTION OF THE DRAWINGS
"For a more complete understanding of the present invention, reference is now made to the following descriptions taken in conjunction with the accompanying drawing, in which:
"FIGS. 1A-1D show a block diagram of a system illustrating an exemplary web page authoring environment according to an embodiment;
"FIGS. 2A-2D show an exemplary user interface provided by the software development tool according to one embodiment;
"FIGS. 3A-3C further show an exemplary user interface provided by the software development tool according to one embodiment;
"FIG. 4 shows an operational flow diagram of the web authoring tool according to one embodiment; and
"FIG. 5 shows an exemplary system on which embodiments may be implemented."
For more information, see this patent application: Bank, Christopher; Doubek, James W. Web Development Environment That Enables a Devel0per to Interact with Run-Time Output Presentation of a Page. Filed
Keywords for this news article include: Software,
Our reports deliver fact-based news of research and discoveries from around the world. Copyright 2014, NewsRx LLC
Most Popular Stories
- Chobani Counters Competition With Expanded Lineup
- Twitter Offers App Install Ads
- Asia Seeks Obama's Assurance Over Spats
- Nevada Range Showdown Draws Armed Supporters
- What to Expect From an Amazon Smartphone
- Coachella's Young Audience a Marketers Paradise
- Putin: No Blocks to Boosting Relations With West
- NASA's Space Station Robonaut Finally Getting Legs
- National Energy Boom Blurs Political Battle Lines
- Report: Iran VP Says Row Over Reactor Resolved