<![CDATA[Curl Global Community - Code Samples]]> https://communities.curl.com/ Tue, 05 May 2026 09:42:58 +0000 MyBB <![CDATA[Google Translation APIを使って翻訳]]> https://communities.curl.com/showthread.php?tid=104 Thu, 07 Jul 2011 01:54:55 +0000 https://communities.curl.com/showthread.php?tid=104 Google Translation API を使って翻訳をする方法です。

このGoogle Translation APIを利用するには、Google APIs ConsoleからAPI Keyを生成する必要があります。

Code:
{define-proc public {translate
                        version:int = 2,
                        key:String,
                        source:String,
                        source-locale:Locale,
                        target-locale:Locale
                    }:String
    def site =
        {format
            "https://www.googleapis.com/language/translate/v%i",
            version
        }
    def params =
        {format
            "key=%s&q=%s&source=%s&target=%s",
            key,
            {url-encode-string source},
            source-locale.name,
            target-locale.name
        }
    def target-url = {format "%s?%s", site, params}
    {with-open-streams
        tis = {read-open {url target-url}}
     do
        def json-val = {JsonValue-parse tis}
        {return
            || TODO: HTML decode
            {url-decode-string
                json-val["data"]["translations"][0]["translatedText"]
            }
        }
    }
}


.zip   Google Translation API_2.zip (Size: 1.5 KB / Downloads: 1418) ]]> Google Translation API を使って翻訳をする方法です。

このGoogle Translation APIを利用するには、Google APIs ConsoleからAPI Keyを生成する必要があります。

Code:
{define-proc public {translate
                        version:int = 2,
                        key:String,
                        source:String,
                        source-locale:Locale,
                        target-locale:Locale
                    }:String
    def site =
        {format
            "https://www.googleapis.com/language/translate/v%i",
            version
        }
    def params =
        {format
            "key=%s&q=%s&source=%s&target=%s",
            key,
            {url-encode-string source},
            source-locale.name,
            target-locale.name
        }
    def target-url = {format "%s?%s", site, params}
    {with-open-streams
        tis = {read-open {url target-url}}
     do
        def json-val = {JsonValue-parse tis}
        {return
            || TODO: HTML decode
            {url-decode-string
                json-val["data"]["translations"][0]["translatedText"]
            }
        }
    }
}


.zip   Google Translation API_2.zip (Size: 1.5 KB / Downloads: 1418) ]]> <![CDATA[Google サジェストから候補データを取得し、オートコンプリートを作る]]> https://communities.curl.com/showthread.php?tid=105 Thu, 07 Jul 2011 01:49:53 +0000 https://communities.curl.com/showthread.php?tid=105
以下のようにhttp://suggestqueries.google.comにリクエストを投げれば、JSONが返ってくるので、それを解析するだけでOK。

Code:
{define-proc {find-google-suggestions
                 word:String,
                 host-locale:Locale = {get-host-locale}
             }:{Array-of String}
    def query =
        "http://suggestqueries.google.com/complete/search?hl=%s&qu=%s&json=t"
    def suggestions = {{Array-of String}}
    def qu = {url-encode-string word}
    {with-open-streams
        tis = {read-open {url {format query, host-locale.name, qu}}}
     do
        def results = {JsonValue-parse tis} asa JsonArray
        {for v in results[1] asa JsonArray do
            {suggestions.append v asa String}
        }
    }
    {return suggestions}
}

{define-class public open GoogleSuggestionProvider
  {inherits AutocompleteProvider}

  {method public open {refresh acf:AutocompleteMixin}:void
    def word = acf.text-field.value
    {if word.size > 0 then
        {acf.populate-from-strings
            {find-google-suggestions word}
        }
    }
  }

  {constructor public {default max-results:int = 10}
    {construct-super max-results}
  }
}

{value
    {AutocompleteTextField
        height = 1cm,
        width = 10cm,
        font-size = 14px,
        {GoogleSuggestionProvider},
        {on FocusIn at acf:AutocompleteTextField do
            {acf.provider.refresh acf}
        }
    }
}

この中では、Curl External LibraryのAutoCompleteTextFieldコントロールを使っています。


.zip   Google Suggestion API.zip (Size: 8.9 KB / Downloads: 1270) ]]>
以下のようにhttp://suggestqueries.google.comにリクエストを投げれば、JSONが返ってくるので、それを解析するだけでOK。

Code:
{define-proc {find-google-suggestions
                 word:String,
                 host-locale:Locale = {get-host-locale}
             }:{Array-of String}
    def query =
        "http://suggestqueries.google.com/complete/search?hl=%s&qu=%s&json=t"
    def suggestions = {{Array-of String}}
    def qu = {url-encode-string word}
    {with-open-streams
        tis = {read-open {url {format query, host-locale.name, qu}}}
     do
        def results = {JsonValue-parse tis} asa JsonArray
        {for v in results[1] asa JsonArray do
            {suggestions.append v asa String}
        }
    }
    {return suggestions}
}

{define-class public open GoogleSuggestionProvider
  {inherits AutocompleteProvider}

  {method public open {refresh acf:AutocompleteMixin}:void
    def word = acf.text-field.value
    {if word.size > 0 then
        {acf.populate-from-strings
            {find-google-suggestions word}
        }
    }
  }

  {constructor public {default max-results:int = 10}
    {construct-super max-results}
  }
}

{value
    {AutocompleteTextField
        height = 1cm,
        width = 10cm,
        font-size = 14px,
        {GoogleSuggestionProvider},
        {on FocusIn at acf:AutocompleteTextField do
            {acf.provider.refresh acf}
        }
    }
}

この中では、Curl External LibraryのAutoCompleteTextFieldコントロールを使っています。


.zip   Google Suggestion API.zip (Size: 8.9 KB / Downloads: 1270) ]]> <![CDATA[Order Entry Sample Application]]> https://communities.curl.com/showthread.php?tid=103 Fri, 01 Jul 2011 01:31:48 +0000 https://communities.curl.com/showthread.php?tid=103 Order Entry Sample Application

NOTE: This version of the Order Entry Sample Application requires release 6.0 of the Curl RTE.

Objective
This document is intended to guide you through the process of evaluating the Curl technology, including the Curl language, runtime, and development tools. A sample application provides a concrete example that will help you appreciate various elements of the Curl platform. When you are done you will see why Curl is the best choice for developing rich, complex, data-intensive, web applications.

Initialization
In order to run the Order Entry Sample Application that serves as a medium for exploring and evaluating the Curl platform, please follow these simple, preliminary steps:

  1. Check the System Requirements for the Curl platform.
  2. Download the Curl Integrated Development Environment (IDE) and Runtime Environment (RTE).
  3. Install the RTE and IDE.
    • NOTE: On Windows, the RTE is installed automatically by the IDE installer.
  4. Download the Order Entry Sample Application
    • #
  5. Install the Order Entry Sample Application
    • To install the Order Entry sample application, just unzip the distribution to any drive on your machine. It will create a directory named OrderEntry and contain a file named start.curl therein.


Exploration
Integrated Development Environment
Start by exploring the Curl development tools.

  1. Launch the IDE.
  2. Launch the Curl Documentation Viewer.
    • The Curl help system is readily accessible from the Curl IDE via the 'Help' menu.

You might have noticed by now that the Curl RTE is running. That is because the Curl IDE, Documentation Viewer, and RTE are all Curl applications, that is, they are written in Curl!

Take some time to look at the Curl Documentation Viewer. You will notice, in the table of contents, that there are 4 main sections.
  • Curl Developer's Guide
  • Curl IDE User's Guide
  • Curl VLE User's Guide
  • API Reference

NOTE: You can even install your own Curl applications' documentation in the Curl Documentation Viewer!

The IDE & Visual Layout Editor (VLE) User's Guides provide detailed help on using the Curl development tools. The Curl Developer's Guide presents a narrative guide for learning about the Curl language and the libraries provided by the Curl RTE. The API Reference documents the classes, procedures, primitives, packages, etc. that make up the Curl language API.

The Curl Developer's Guide is a good place to start learning all about Curl, beginning with a quick description of how to most productively use the Curl Documentation Viewer's features (contents, index, search).

You will notice right away that the Curl Documentation Viewer is different than other documentation viewers. In particular, the Curl Developer's Guide and API Reference contain interactive examples. Since the documentation viewer is, itself, a Curl application, developers can write and test live Curl code in a Curl example box. This facilitates the learning of various Curl language concepts, and provides a convenient scratch pad for testing code snippets.
  • In the "Look for:" field of the Curl Documentation Viewer's Index type "examples" and hit Enter to see this interactive feature displayed and described.

The Curl Developer's Guide presents material for a tremendous variety of Curl language elements, including:
  • the core language syntax, types, and libraries
  • formatted text presentations and graphical user interfaces
  • data management and display
  • charting
  • graphics programming
  • how to work with external resources
  • packaging and deploying your Curl applications on the web

The API Reference describes over 100 separate libraries built into the Curl RTE, including IO, graphics, GUI, data access, and charting libraries, even IDE-related libraries to help document your applications, and profile and monitor your applications' performance characteristics.

Evaluation
Sample Application
Continue evaluating the Curl platform using the Order Entry Sample Application. You might have seen the Order Entry sample on the Curl website, or perhaps in an individual demonstration, but here is your chance to get your hands dirty, look at the code, play with the development tools, and get a feel for working with the Curl platform.

The Order Entry sample application demonstrates:
  • how to build rich, complex, data-intensive web applications that leverage the computing power of your clients' machines using familiar design patterns such as Model-View-Controller (MVC)
  • how to obtain data from web resources, then model and manage them on the client
    • transformation
    • summary
    • aggregation
    • modification
    • change propagation
    • submission
  • how to build visually appealing textual, form-based, tabular, and graphical presentations laid out in a cohesive user interface
    • standard components
      • RecordGrid
      • Tree
      • charts
      • forms
    • specialized reports
      • tabular report
    • extensions beyond the standard Curl components
      • MinMax display pane
  • how to customize your application's appearance using Curl stylesheets
  • how to coordinate the interactivity of your applications, including:
    • management of user gestures
    • control of application workflow
    • processing actions and GUI changes
    • management of communication between application components

You will be running the sample application from the filesystem. The Order Entry sample uses a special Curl technique for managing application resources - a manifest - so when running from the local filesystem, the applet requires privilege.

  1. Launch the Curl Control Panel
  2. Click on the "Security" tab of the Curl Control Panel
  3. Click on "This Computer" to open the section for local directories
  4. Click on "Add Privileged Directory..."
  5. In the "Add Privileged Directory" dialog, enter the directory in which you unzipped the Order Entry sample application, then click "OK"
    • For example, C:\OrderEntry
    • Note, you can browse to the directory using the "Browse..." button
  6. To learn more about privilege and manifests, see the Curl Documentation Viewer.

Running the Sample Application
Now you may launch the Order Entry sample Curl application.

  1. Using a web browser, such as Internet Explorer, open the start.curl file located in the OrderEntry directory where you unzipped the OrderEntry.zip file.
  2. The browser feeds the Curl source code to the RTE which, in turn, compiles the Curl source code into high performance, native machine code. The sample application is launched and presented in the browser. The initial tab, labeled "Edit", is for data entry. Select an order from the tree to see the master/detail view for Create, Read, Update, and Delete operations
  3. The second tab, labeled "Data", is for data visualization. It presents derived results, in chart, tabular, and data grid form. Notice the dynamic visual feedback. Because Curl runs on the client machine, it is easy to provide complex feedback in immediate response to user gestures. Click on the "Data" tab.
  4. Click on a bar in the bar chart to popup a different view of the data.
  5. Move the pointer over the pie chart to see a complex tooltip.
  6. Double-click a title bar to maximize the pane.
  7. Double-click the title bar again to restore the pane to its original size.
  8. Notice how the presentations update immediately when a different order is selected from the index.
The Project File
Take a look at the implementation. It highlights some important aspects of the Curl platform.
  • Open the project in the IDE. On Windows you can accomplish this by double-clicking on the project.cprj file found in the directory in which you unzipped the Order Entry sample application, or selecting File-&gt;Open Project... from the IDE's "File" menu.
    • For example, double-click or select C:\OrderEntry\project.cprj
Modeling Data on the Client
One of the most powerful attributes of Curl's rich Internet application platform is the ability to model and manipulate data on a client machine. Curl applications can obtain data from local or external resources using accepted web standards such as HTTP, SOAP, and TCP sockets. The applications can then consume data structured using well-known formats such as CSV or XML, as well as others, including proprietary formats.

Once the data exists on the client, it can be modeled, analyzed, aggregated, or otherwise processed for use in the application. Here are some examples in the Order Entry sample implementation:

  1. To see an example of some source code, find the {ct-read-orders-recordset} procedure. It is called from a ctBaseTrainingApplicationModel constructor in the file model/ctBaseTrainingApplicationModel.scurl (use the IDE's Edit-&gt;Go to Line... menu to go to line 29).
  2. {ct-read-orders-recordset} is implemented in model/ct-orders-recordset.scurl (use the IDE's Search-&gt;Find... menu and search for "ct-read-orders-recordset". Some key data access and modeling features exploited by the Order Entry sample include:
    • reading data from a resource
    • RecordSets - organize data as a set of records with named fields
Client-side modeling of data is good because it allows for highly interactive user interfaces and minimizes server trips. Curl is good for this because Curl compiles to native machine code, meaning Curl applications perform at very high levels, even with very large datasets.

Take this opportunity to look at some documentation using the IDE's context-sensitive access to the Curl Documentation Viewer. While you are in the documentation viewer, do not be shy about poking around. The documentation is one of Curl's strengths, due in part to the volume, and in part because the live, interactive examples (executing right inside the viewer) provide a convenient place to try out code and facilitate the understanding of the Curl concepts they exemplify.
  • In the IDE's Editor pane, place the cursor on the "RecordSet" data type for the orders variable in {ct-read-orders-recordset} and hit the F1 key. The Curl Documentation Viewer will launch and display the documentation for RecordSet.

Presenting the Data
Once the data is available to the Curl application, it can be presented to the user in a variety of ways. An example of some presentation source code can be found here:
  • {ct-totals-bar-chart}
    • Called at line 293 of view/ctBaseTrainingApplicationLayout.curl
    • Implemented at line 121 of view/ct-charts.scurl

{ct-totals-bar-chart} takes RecordView (a kind of RecordSet) data, manipulates the data for display, then creates and returns a chart.

The presentation components in the Order Entry sample demonstrate several standard Curl features, including:
  • Charts
  • RecordView
  • ChartDataSeries
  • Event handling
  • Exception handling

You can easily find chart documentation:
  • In the IDE's Editor pane, place the cursor on the "LayeredChart" data type for the chart variable where {ct-totals-bar-chart} is called in view/ctBaseTrainingApplicationLayout.curl, and hit the F1 key. The Curl Documentation Viewer will launch and display the documentation for LayeredChart.

A variety of presentations is good because it is the mark of a truly rich user interface. Curl is good for this because Curl offers a wealth of built-in presentation classes:
  • charts
  • data grids
  • forms
  • graphical objects
  • enhanced text

Curl is extensible, so new presentations are only a {define-class } away!

Styling the Application
The presentation objects can be styled using Curl StyleSheets. Styling is implemented using a styling library provided by Curl. The library is included, in pcurl format, with the Order Entry Sample Application.
  • The pcurled format is a compressed, pre-processed format which is useful for hiding code and improving delivery speed.

The library is incorporated into the sample as follows:

  1. identify the library to the sample
    • see line 28 of the OrderEntry/manifest.mcurl file
  2. import the library where you wish to use it
    • see line 15 of start.curl or line 38 of view/load.scurl
  3. install the stylesheet for use by calling {install-style-sheet}
    • see line 17 of start.curl
    Notice how the default style sheet is augmented with user-defined StyleRules in the call to {install-style-sheet}.

NOTE: The IDE has features that make it easy to start a project that uses the styling library.

Stylability is good because you can customize the look of GUI controls, and provide themes or branding to your application. Curl is good for this because the Curl stylesheets are separate from application source code. This allows designers and developers to work independently.

Coordinated Layout and Change Management
The presentations have been connected to the data, so they can now be placed in a coordinated layout. Interactivity needs to be handled, and data changes need to be managed. The primary controller for the Order Entry application is ctBaseTrainingApplication. It is located in the controller package, in, predictably, the controller/ctBaseTrainingApplication.scurl file. This class handles layout management as well as data management.
  • Look at the code in the controller/ctBaseTrainingApplication.scurl file.

The Order Entry sample's RecordForm demonstrates data binding using Curl's macro.

  1. Open the view/LineItemForm.scurl.file.
  2. Search for "{bind".
    As you review the code, you will learn how the application makes use of:
    • Curl's graphical layout system
    • Coordination techniques
      • Enqueue and handle events to provide a high-quality user experience
      • Change management, including data binding, to update the data model in response to user manipulation
      • Synchronizing presentation components with the updated model

Check out the documentation for various features:

  1. In the "Look for:" field of the Curl Documentation Viewer's Index type "graphical containers" and hit Enter. You will find a wealth of information on the building blocks of Curl's GUI subsystem.
  2. In the "Look for:" field of the Curl Documentation Viewer's Index type "events" and hit Enter. Read through the section on "Events".
  3. In the "Look for:" field of the Curl Documentation Viewer's Index type "DataBinding" and hit Enter. Read through the section on "Forms and Bound Data".
Coordination is good because a coordinated layout makes for a cohesive user interface and facilitates functionality such as maximizing individual presentations (click on the "Data" tab and double-click on a chart's title bar), drill-down (click on a bar in a bar chart), mouseovers (move the pointer over a pie chart), and drag-and-drop (not implemented in the sample). Curl is good for this because you can use event handling, a familiar programming technique, as a way to add interactivity to an application. Curl also allows you to define your event handlers dynamically, as arguments to the constructor of the event target.
This facilitates declarative creation of user interface objects along with the handlers of events that might be fired at those objects.

Proper change management is good because it allows different presentations to remain synchronized, so if data changes are made in one presentation (e.g., in the line item editor on the "Edit" tab) all the presentations (e.g., those on the "Data" tab) reflect the change. Toward that end, Curl has given significant attention to data binding making it a powerful, yet easy to use way of managing changes to your data.

Some More IDE Features
Now is a good time to take a look at some other IDE features and components. For example:

  1. Ctrl-right-click the "Curl Order Entry Sample" title at the top of the sample.
  2. Select the "Graphic Hierarchy for []" to launch Curl's graphical hierarchy tool.
  3. You can also select "Inspect []" to inspect an object's members and options.
Another convenient feature is code completion.
  • Somewhere in the start.curl file, start typing "{ct-rec" then hit Ctrl-Space to see the possible completions.
Of course a very powerful feature is the debugger, which is tightly integrated with the rest of the IDE. Try setting a breakpoint:
  • Set a breakpoint by clicking in the vertical, gray column along the left-hand side of the Editor panel in start.curl.
    • Try setting it next to the constructor of the ctBaseTrainingApplication class (line 112 of start.curl).

The next time the demo is run during this IDE session, the debugger will stop execution at this point. Refresh the browser containing the OrderEntry sample to see it in action.

Deploying Curl Applications
You have seen a sample Curl application, taken some time to explore the tools used to build such an application, and now you can take a look at how Curl addresses the matter of deploying your applications. Curl does not require any special kind of server; a typical web server, simply configured to server Curl content, is all you need.
  • In the "Look for:" field of the Curl Documentation Viewer's Index type "configure Web servers" and hit Enter to learn the configuration basics.

Curl allows developers to compress and obfuscate their Curl source code in a pre-processed format called pcurl for fast delivery of applications to client machines in a format not easily read by humans. Illustrating the compression aspect of the pcurl format, ~115kB of source code in the Order Entry sample pcurls down to ~18kB.
  • In the "Look for:" field of the Curl Documentation Viewer's Index type "pcurl files" and hit Enter to learn the about pcurl.

NOTE: The pcurl feature in the IDE is considered a professional feature, thus is not immediately available in the free version of the IDE.

The Curl IDE has many other features aimed at simplifying application deployment. For example:
  • In the "Look for:" field of the Curl Documentation Viewer's Index type "projects" then double-click on the sub-entry "deploying" for a comprehensive discussion of deployment.

Visual Development Using the Visual Layout Editor
Curl provides a visual development environment called the Visual Layout Editor (VLE) which you can use to develop the user interfaces for your Curl applications. The VLE is integrated with the IDE, making it easy to switch between environments as appropriate for the code you are working on. This is particularly useful when adding behaviors (using, for example, event handlers) to your user interface.

One of the great features of the VLE is its extensibility. The VLE supports a tremendous number of Curl objects by default, but imagine you have your own component that is not included in the default VLE palette. Is it possible to place such a component into the visual development environment? Yes. You can define your own objects and add them to the VLE palette, thereby extending the capabilities of the VLE. Curl even provides a tool, the VLE Extension Editor, to help you do exactly this. Once the extension is installed, the VLE will load it during startup, making your component available each time you launch the VLE.

Refer to the Curl VLE User's Guide to learn more about how to use and extend the VLE.

Summary
The Order Entry sample application showed you that:
  • Curl is the right platform for building web applications that consume moderate to large volumes of data and require high performance from visually appealing, rich user interfaces.
  • Curl can obtain data from local or external resources using accepted web standards such as HTTP, SOAP, and TCP sockets.
  • Curl applications can consume data structured using well-known formats such as CSV or XML, as well as others, including proprietary formats.
  • The Curl platform encourages you to model your data on the client to leverage the processing power of the user's machine. With data modeled on the client, performance and user experience are maximized while server trips are limited to incremental data requests or occasional code updates. Contrast that with conventional thin client technologies!

While the Order Entry sample application is relatively small in size, it is representative of a typical Curl application because
  • it has a rich user interface which is executed on the client
  • it uses libraries that are built-in to the RTE
  • it creates new classes and libraries, and extends existing classes and libraries to augment the Curl RTE
  • it uses Curl's styling library to customize the appearance of the GUI controls and the application
  • it consumes relational data
  • it transforms, sorts, filters, and presents data
  • application logic (e.g., aggregation and summary) is performed on the client
  • it allows the user to operate on the data and submit changes
  • it implements a change management mechanism using data binding

The Order Entry sample uses CSV data read from a local file for the sake of simplicity. Any structured data will do, and other web-standard formats and mechanisms such as XML, HTTP, SOAP, and TCP sockets can also be used to obtain data from external resources. Your applications will be different, but the approach will be largely the same.

Order Entry Sample Application

NOTE: This version of the Order Entry Sample Application requires release 6.0 of the Curl RTE.

OrderEntry.zip
]]> Order Entry Sample Application

NOTE: This version of the Order Entry Sample Application requires release 6.0 of the Curl RTE.

Objective
This document is intended to guide you through the process of evaluating the Curl technology, including the Curl language, runtime, and development tools. A sample application provides a concrete example that will help you appreciate various elements of the Curl platform. When you are done you will see why Curl is the best choice for developing rich, complex, data-intensive, web applications.

Initialization
In order to run the Order Entry Sample Application that serves as a medium for exploring and evaluating the Curl platform, please follow these simple, preliminary steps:

  1. Check the System Requirements for the Curl platform.
  2. Download the Curl Integrated Development Environment (IDE) and Runtime Environment (RTE).
  3. Install the RTE and IDE.
    • NOTE: On Windows, the RTE is installed automatically by the IDE installer.
  4. Download the Order Entry Sample Application
    • #
  5. Install the Order Entry Sample Application
    • To install the Order Entry sample application, just unzip the distribution to any drive on your machine. It will create a directory named OrderEntry and contain a file named start.curl therein.


Exploration
Integrated Development Environment
Start by exploring the Curl development tools.

  1. Launch the IDE.
  2. Launch the Curl Documentation Viewer.
    • The Curl help system is readily accessible from the Curl IDE via the 'Help' menu.

You might have noticed by now that the Curl RTE is running. That is because the Curl IDE, Documentation Viewer, and RTE are all Curl applications, that is, they are written in Curl!

Take some time to look at the Curl Documentation Viewer. You will notice, in the table of contents, that there are 4 main sections.
  • Curl Developer's Guide
  • Curl IDE User's Guide
  • Curl VLE User's Guide
  • API Reference

NOTE: You can even install your own Curl applications' documentation in the Curl Documentation Viewer!

The IDE & Visual Layout Editor (VLE) User's Guides provide detailed help on using the Curl development tools. The Curl Developer's Guide presents a narrative guide for learning about the Curl language and the libraries provided by the Curl RTE. The API Reference documents the classes, procedures, primitives, packages, etc. that make up the Curl language API.

The Curl Developer's Guide is a good place to start learning all about Curl, beginning with a quick description of how to most productively use the Curl Documentation Viewer's features (contents, index, search).

You will notice right away that the Curl Documentation Viewer is different than other documentation viewers. In particular, the Curl Developer's Guide and API Reference contain interactive examples. Since the documentation viewer is, itself, a Curl application, developers can write and test live Curl code in a Curl example box. This facilitates the learning of various Curl language concepts, and provides a convenient scratch pad for testing code snippets.
  • In the "Look for:" field of the Curl Documentation Viewer's Index type "examples" and hit Enter to see this interactive feature displayed and described.

The Curl Developer's Guide presents material for a tremendous variety of Curl language elements, including:
  • the core language syntax, types, and libraries
  • formatted text presentations and graphical user interfaces
  • data management and display
  • charting
  • graphics programming
  • how to work with external resources
  • packaging and deploying your Curl applications on the web

The API Reference describes over 100 separate libraries built into the Curl RTE, including IO, graphics, GUI, data access, and charting libraries, even IDE-related libraries to help document your applications, and profile and monitor your applications' performance characteristics.

Evaluation
Sample Application
Continue evaluating the Curl platform using the Order Entry Sample Application. You might have seen the Order Entry sample on the Curl website, or perhaps in an individual demonstration, but here is your chance to get your hands dirty, look at the code, play with the development tools, and get a feel for working with the Curl platform.

The Order Entry sample application demonstrates:
  • how to build rich, complex, data-intensive web applications that leverage the computing power of your clients' machines using familiar design patterns such as Model-View-Controller (MVC)
  • how to obtain data from web resources, then model and manage them on the client
    • transformation
    • summary
    • aggregation
    • modification
    • change propagation
    • submission
  • how to build visually appealing textual, form-based, tabular, and graphical presentations laid out in a cohesive user interface
    • standard components
      • RecordGrid
      • Tree
      • charts
      • forms
    • specialized reports
      • tabular report
    • extensions beyond the standard Curl components
      • MinMax display pane
  • how to customize your application's appearance using Curl stylesheets
  • how to coordinate the interactivity of your applications, including:
    • management of user gestures
    • control of application workflow
    • processing actions and GUI changes
    • management of communication between application components

You will be running the sample application from the filesystem. The Order Entry sample uses a special Curl technique for managing application resources - a manifest - so when running from the local filesystem, the applet requires privilege.

  1. Launch the Curl Control Panel
  2. Click on the "Security" tab of the Curl Control Panel
  3. Click on "This Computer" to open the section for local directories
  4. Click on "Add Privileged Directory..."
  5. In the "Add Privileged Directory" dialog, enter the directory in which you unzipped the Order Entry sample application, then click "OK"
    • For example, C:\OrderEntry
    • Note, you can browse to the directory using the "Browse..." button
  6. To learn more about privilege and manifests, see the Curl Documentation Viewer.

Running the Sample Application
Now you may launch the Order Entry sample Curl application.

  1. Using a web browser, such as Internet Explorer, open the start.curl file located in the OrderEntry directory where you unzipped the OrderEntry.zip file.
  2. The browser feeds the Curl source code to the RTE which, in turn, compiles the Curl source code into high performance, native machine code. The sample application is launched and presented in the browser. The initial tab, labeled "Edit", is for data entry. Select an order from the tree to see the master/detail view for Create, Read, Update, and Delete operations
  3. The second tab, labeled "Data", is for data visualization. It presents derived results, in chart, tabular, and data grid form. Notice the dynamic visual feedback. Because Curl runs on the client machine, it is easy to provide complex feedback in immediate response to user gestures. Click on the "Data" tab.
  4. Click on a bar in the bar chart to popup a different view of the data.
  5. Move the pointer over the pie chart to see a complex tooltip.
  6. Double-click a title bar to maximize the pane.
  7. Double-click the title bar again to restore the pane to its original size.
  8. Notice how the presentations update immediately when a different order is selected from the index.
The Project File
Take a look at the implementation. It highlights some important aspects of the Curl platform.
  • Open the project in the IDE. On Windows you can accomplish this by double-clicking on the project.cprj file found in the directory in which you unzipped the Order Entry sample application, or selecting File-&gt;Open Project... from the IDE's "File" menu.
    • For example, double-click or select C:\OrderEntry\project.cprj
Modeling Data on the Client
One of the most powerful attributes of Curl's rich Internet application platform is the ability to model and manipulate data on a client machine. Curl applications can obtain data from local or external resources using accepted web standards such as HTTP, SOAP, and TCP sockets. The applications can then consume data structured using well-known formats such as CSV or XML, as well as others, including proprietary formats.

Once the data exists on the client, it can be modeled, analyzed, aggregated, or otherwise processed for use in the application. Here are some examples in the Order Entry sample implementation:

  1. To see an example of some source code, find the {ct-read-orders-recordset} procedure. It is called from a ctBaseTrainingApplicationModel constructor in the file model/ctBaseTrainingApplicationModel.scurl (use the IDE's Edit-&gt;Go to Line... menu to go to line 29).
  2. {ct-read-orders-recordset} is implemented in model/ct-orders-recordset.scurl (use the IDE's Search-&gt;Find... menu and search for "ct-read-orders-recordset". Some key data access and modeling features exploited by the Order Entry sample include:
    • reading data from a resource
    • RecordSets - organize data as a set of records with named fields
Client-side modeling of data is good because it allows for highly interactive user interfaces and minimizes server trips. Curl is good for this because Curl compiles to native machine code, meaning Curl applications perform at very high levels, even with very large datasets.

Take this opportunity to look at some documentation using the IDE's context-sensitive access to the Curl Documentation Viewer. While you are in the documentation viewer, do not be shy about poking around. The documentation is one of Curl's strengths, due in part to the volume, and in part because the live, interactive examples (executing right inside the viewer) provide a convenient place to try out code and facilitate the understanding of the Curl concepts they exemplify.
  • In the IDE's Editor pane, place the cursor on the "RecordSet" data type for the orders variable in {ct-read-orders-recordset} and hit the F1 key. The Curl Documentation Viewer will launch and display the documentation for RecordSet.

Presenting the Data
Once the data is available to the Curl application, it can be presented to the user in a variety of ways. An example of some presentation source code can be found here:
  • {ct-totals-bar-chart}
    • Called at line 293 of view/ctBaseTrainingApplicationLayout.curl
    • Implemented at line 121 of view/ct-charts.scurl

{ct-totals-bar-chart} takes RecordView (a kind of RecordSet) data, manipulates the data for display, then creates and returns a chart.

The presentation components in the Order Entry sample demonstrate several standard Curl features, including:
  • Charts
  • RecordView
  • ChartDataSeries
  • Event handling
  • Exception handling

You can easily find chart documentation:
  • In the IDE's Editor pane, place the cursor on the "LayeredChart" data type for the chart variable where {ct-totals-bar-chart} is called in view/ctBaseTrainingApplicationLayout.curl, and hit the F1 key. The Curl Documentation Viewer will launch and display the documentation for LayeredChart.

A variety of presentations is good because it is the mark of a truly rich user interface. Curl is good for this because Curl offers a wealth of built-in presentation classes:
  • charts
  • data grids
  • forms
  • graphical objects
  • enhanced text

Curl is extensible, so new presentations are only a {define-class } away!

Styling the Application
The presentation objects can be styled using Curl StyleSheets. Styling is implemented using a styling library provided by Curl. The library is included, in pcurl format, with the Order Entry Sample Application.
  • The pcurled format is a compressed, pre-processed format which is useful for hiding code and improving delivery speed.

The library is incorporated into the sample as follows:

  1. identify the library to the sample
    • see line 28 of the OrderEntry/manifest.mcurl file
  2. import the library where you wish to use it
    • see line 15 of start.curl or line 38 of view/load.scurl
  3. install the stylesheet for use by calling {install-style-sheet}
    • see line 17 of start.curl
    Notice how the default style sheet is augmented with user-defined StyleRules in the call to {install-style-sheet}.

NOTE: The IDE has features that make it easy to start a project that uses the styling library.

Stylability is good because you can customize the look of GUI controls, and provide themes or branding to your application. Curl is good for this because the Curl stylesheets are separate from application source code. This allows designers and developers to work independently.

Coordinated Layout and Change Management
The presentations have been connected to the data, so they can now be placed in a coordinated layout. Interactivity needs to be handled, and data changes need to be managed. The primary controller for the Order Entry application is ctBaseTrainingApplication. It is located in the controller package, in, predictably, the controller/ctBaseTrainingApplication.scurl file. This class handles layout management as well as data management.
  • Look at the code in the controller/ctBaseTrainingApplication.scurl file.

The Order Entry sample's RecordForm demonstrates data binding using Curl's macro.

  1. Open the view/LineItemForm.scurl.file.
  2. Search for "{bind".
    As you review the code, you will learn how the application makes use of:
    • Curl's graphical layout system
    • Coordination techniques
      • Enqueue and handle events to provide a high-quality user experience
      • Change management, including data binding, to update the data model in response to user manipulation
      • Synchronizing presentation components with the updated model

Check out the documentation for various features:

  1. In the "Look for:" field of the Curl Documentation Viewer's Index type "graphical containers" and hit Enter. You will find a wealth of information on the building blocks of Curl's GUI subsystem.
  2. In the "Look for:" field of the Curl Documentation Viewer's Index type "events" and hit Enter. Read through the section on "Events".
  3. In the "Look for:" field of the Curl Documentation Viewer's Index type "DataBinding" and hit Enter. Read through the section on "Forms and Bound Data".
Coordination is good because a coordinated layout makes for a cohesive user interface and facilitates functionality such as maximizing individual presentations (click on the "Data" tab and double-click on a chart's title bar), drill-down (click on a bar in a bar chart), mouseovers (move the pointer over a pie chart), and drag-and-drop (not implemented in the sample). Curl is good for this because you can use event handling, a familiar programming technique, as a way to add interactivity to an application. Curl also allows you to define your event handlers dynamically, as arguments to the constructor of the event target.
This facilitates declarative creation of user interface objects along with the handlers of events that might be fired at those objects.

Proper change management is good because it allows different presentations to remain synchronized, so if data changes are made in one presentation (e.g., in the line item editor on the "Edit" tab) all the presentations (e.g., those on the "Data" tab) reflect the change. Toward that end, Curl has given significant attention to data binding making it a powerful, yet easy to use way of managing changes to your data.

Some More IDE Features
Now is a good time to take a look at some other IDE features and components. For example:

  1. Ctrl-right-click the "Curl Order Entry Sample" title at the top of the sample.
  2. Select the "Graphic Hierarchy for []" to launch Curl's graphical hierarchy tool.
  3. You can also select "Inspect []" to inspect an object's members and options.
Another convenient feature is code completion.
  • Somewhere in the start.curl file, start typing "{ct-rec" then hit Ctrl-Space to see the possible completions.
Of course a very powerful feature is the debugger, which is tightly integrated with the rest of the IDE. Try setting a breakpoint:
  • Set a breakpoint by clicking in the vertical, gray column along the left-hand side of the Editor panel in start.curl.
    • Try setting it next to the constructor of the ctBaseTrainingApplication class (line 112 of start.curl).

The next time the demo is run during this IDE session, the debugger will stop execution at this point. Refresh the browser containing the OrderEntry sample to see it in action.

Deploying Curl Applications
You have seen a sample Curl application, taken some time to explore the tools used to build such an application, and now you can take a look at how Curl addresses the matter of deploying your applications. Curl does not require any special kind of server; a typical web server, simply configured to server Curl content, is all you need.
  • In the "Look for:" field of the Curl Documentation Viewer's Index type "configure Web servers" and hit Enter to learn the configuration basics.

Curl allows developers to compress and obfuscate their Curl source code in a pre-processed format called pcurl for fast delivery of applications to client machines in a format not easily read by humans. Illustrating the compression aspect of the pcurl format, ~115kB of source code in the Order Entry sample pcurls down to ~18kB.
  • In the "Look for:" field of the Curl Documentation Viewer's Index type "pcurl files" and hit Enter to learn the about pcurl.

NOTE: The pcurl feature in the IDE is considered a professional feature, thus is not immediately available in the free version of the IDE.

The Curl IDE has many other features aimed at simplifying application deployment. For example:
  • In the "Look for:" field of the Curl Documentation Viewer's Index type "projects" then double-click on the sub-entry "deploying" for a comprehensive discussion of deployment.

Visual Development Using the Visual Layout Editor
Curl provides a visual development environment called the Visual Layout Editor (VLE) which you can use to develop the user interfaces for your Curl applications. The VLE is integrated with the IDE, making it easy to switch between environments as appropriate for the code you are working on. This is particularly useful when adding behaviors (using, for example, event handlers) to your user interface.

One of the great features of the VLE is its extensibility. The VLE supports a tremendous number of Curl objects by default, but imagine you have your own component that is not included in the default VLE palette. Is it possible to place such a component into the visual development environment? Yes. You can define your own objects and add them to the VLE palette, thereby extending the capabilities of the VLE. Curl even provides a tool, the VLE Extension Editor, to help you do exactly this. Once the extension is installed, the VLE will load it during startup, making your component available each time you launch the VLE.

Refer to the Curl VLE User's Guide to learn more about how to use and extend the VLE.

Summary
The Order Entry sample application showed you that:
  • Curl is the right platform for building web applications that consume moderate to large volumes of data and require high performance from visually appealing, rich user interfaces.
  • Curl can obtain data from local or external resources using accepted web standards such as HTTP, SOAP, and TCP sockets.
  • Curl applications can consume data structured using well-known formats such as CSV or XML, as well as others, including proprietary formats.
  • The Curl platform encourages you to model your data on the client to leverage the processing power of the user's machine. With data modeled on the client, performance and user experience are maximized while server trips are limited to incremental data requests or occasional code updates. Contrast that with conventional thin client technologies!

While the Order Entry sample application is relatively small in size, it is representative of a typical Curl application because
  • it has a rich user interface which is executed on the client
  • it uses libraries that are built-in to the RTE
  • it creates new classes and libraries, and extends existing classes and libraries to augment the Curl RTE
  • it uses Curl's styling library to customize the appearance of the GUI controls and the application
  • it consumes relational data
  • it transforms, sorts, filters, and presents data
  • application logic (e.g., aggregation and summary) is performed on the client
  • it allows the user to operate on the data and submit changes
  • it implements a change management mechanism using data binding

The Order Entry sample uses CSV data read from a local file for the sake of simplicity. Any structured data will do, and other web-standard formats and mechanisms such as XML, HTTP, SOAP, and TCP sockets can also be used to obtain data from external resources. Your applications will be different, but the approach will be largely the same.

Order Entry Sample Application

NOTE: This version of the Order Entry Sample Application requires release 6.0 of the Curl RTE.

OrderEntry.zip
]]> <![CDATA[3D Bar Chart]]> https://communities.curl.com/showthread.php?tid=102 Fri, 01 Jul 2011 01:24:18 +0000 https://communities.curl.com/showthread.php?tid=102
To run the 3D bar chart click on the link below.

3D Bar Chart

Download the zip file attachment below to get the source code for the 3D Bar Chart application.

You will also need the to download and unzip the Styled Controls package from the link below. The
unzipped contents should be placed alongside the unzipped 3D Bar Chart demo source.

Styled Controls Package Zip File

bar-chart-3d.zip]]>
To run the 3D bar chart click on the link below.

3D Bar Chart

Download the zip file attachment below to get the source code for the 3D Bar Chart application.

You will also need the to download and unzip the Styled Controls package from the link below. The
unzipped contents should be placed alongside the unzipped 3D Bar Chart demo source.

Styled Controls Package Zip File

bar-chart-3d.zip]]> <![CDATA[Image Filters]]> https://communities.curl.com/showthread.php?tid=101 Fri, 01 Jul 2011 01:22:45 +0000 https://communities.curl.com/showthread.php?tid=101
Description
Each of the filters presented here can be used and applied to any graphical element in your application.

By selecting one of the available filters from the drop-down list and then altering the configurable parameter using the slide bar, it is easy to see the generated effect.

While demonstrating and teaching the various graphics filters, this demo also shows:
  • Client-side processing performing an operation on a graphic without any server interaction.
  • Utilization of the same graphic file being rendered in multiple ways, reducing the overall page download size.
It is easy to imagine having these filters applied to images using programmatic methods to create simple animation effects.

This sample code also shows how custom controls for Web applications are created using the same technology as the image processing, highlighting the flexible nature of Curl.

Instructions
Very simply:
  • click on the drop down list and select an image filter to apply
  • slide the scroll bar to alter the magnitude of the effect
  • to use the effect in your application, highlight the line of code generated, then copy and paste it into your program.


To run the Image Filter application click on the link below.

Image Filters

Download the zip file attachment below to get the complete source for the Image Filter application.

You will also need the to download and unzip the Styled Controls package from the link below. The
unzipped contents should be placed alongside the unzipped Image Filters demo source.

Styled Controls Package Zip File

filters.zip]]>
Description
Each of the filters presented here can be used and applied to any graphical element in your application.

By selecting one of the available filters from the drop-down list and then altering the configurable parameter using the slide bar, it is easy to see the generated effect.

While demonstrating and teaching the various graphics filters, this demo also shows:
  • Client-side processing performing an operation on a graphic without any server interaction.
  • Utilization of the same graphic file being rendered in multiple ways, reducing the overall page download size.
It is easy to imagine having these filters applied to images using programmatic methods to create simple animation effects.

This sample code also shows how custom controls for Web applications are created using the same technology as the image processing, highlighting the flexible nature of Curl.

Instructions
Very simply:
  • click on the drop down list and select an image filter to apply
  • slide the scroll bar to alter the magnitude of the effect
  • to use the effect in your application, highlight the line of code generated, then copy and paste it into your program.


To run the Image Filter application click on the link below.

Image Filters

Download the zip file attachment below to get the complete source for the Image Filter application.

You will also need the to download and unzip the Styled Controls package from the link below. The
unzipped contents should be placed alongside the unzipped Image Filters demo source.

Styled Controls Package Zip File

filters.zip]]> <![CDATA[Water Picture]]> https://communities.curl.com/showthread.php?tid=100 Fri, 01 Jul 2011 01:15:32 +0000 https://communities.curl.com/showthread.php?tid=100
Description
One of our favorite demonstrations.
  • procedural graphics, image processing functionality
  • high level constructs - displacement mesh example
  • efficient specialized iterations
  • exploits processing capacity on the client machine

Make existing static images come to life using Curl.
Instructions
  • Move the pointer across the picture. It changes, just as if you'd dragged your finger through the water.
  • Try rain mode, too, and adjust the scales for changing effects.
  • You can use Curl to develop imaginative ways to make the user experience more interactive.
  • The power of client-side computing lets you simulate the properties of water (or anything else procedurally feasible) in real time and present eye-catching animation with both quality and speed.

To run the water simulation applet on your computer click on the link below.

Water Picture

You can also get the source code to this application by downloading the zip file attachment below.

You will also need the to download and unzip the Styled Controls package from the link below. The
unzipped contents should be placed alongside the unzipped Water Picture demo source.

Styled Controls Package Zip File

water-picture.zip]]>
Description
One of our favorite demonstrations.
  • procedural graphics, image processing functionality
  • high level constructs - displacement mesh example
  • efficient specialized iterations
  • exploits processing capacity on the client machine

Make existing static images come to life using Curl.
Instructions
  • Move the pointer across the picture. It changes, just as if you'd dragged your finger through the water.
  • Try rain mode, too, and adjust the scales for changing effects.
  • You can use Curl to develop imaginative ways to make the user experience more interactive.
  • The power of client-side computing lets you simulate the properties of water (or anything else procedurally feasible) in real time and present eye-catching animation with both quality and speed.

To run the water simulation applet on your computer click on the link below.

Water Picture

You can also get the source code to this application by downloading the zip file attachment below.

You will also need the to download and unzip the Styled Controls package from the link below. The
unzipped contents should be placed alongside the unzipped Water Picture demo source.

Styled Controls Package Zip File

water-picture.zip]]> <![CDATA[Rotating Teapot]]> https://communities.curl.com/showthread.php?tid=99 Fri, 01 Jul 2011 01:13:17 +0000 https://communities.curl.com/showthread.php?tid=99
Description
Curl's 3-D graphics engine rotates a surface model created from a table of coordinates.

You'll have to check out the code to believe it. Definitely no animated .GIF files here, the model is created and then rotated. Simple in theory, but not so easy with other technologies.

See the instructions so you don't miss anything.
  • procedural graphics
  • 3D visualization of surface model
  • realtime rendering
  • camera angle adjustments
Instructions
For you purists out there: sorry, this teapot does have a bottom.

Run this one full screen if you can't see the whole thing in your browser.

Click on "Run/Stop", then sit back and watch the teapot spin. Couldn't be simpler (or much more impressive).

But if you want to see ultra-cool, try this:
  • Click and drag your mouse to zoom around the teapot. This changes the camera angle for viewing the teapot, and the reference points for the calculations.
  • Try the left and right buttons to see the difference.
  • Slide the bar at the bottom to the left to decrease the resolution.
  • Slide the bar to the right to increase the resolution. There are lots of calculations going on here, so it might slow down a bit.
If you are good, you can zoom inside the teapot, and watch it spin from the inside!

To run the rotating teapot applet application click on the link below.

Rotating Teapot

Download the zip file attachment below to get the complete source code for this application.

You will also need the to download and unzip the Styled Controls package from the link below. The
unzipped contents should be placed alongside the unzipped Rotating Teapot demo source.

Styled Controls Package Zip File

teapot.zip]]>
Description
Curl's 3-D graphics engine rotates a surface model created from a table of coordinates.

You'll have to check out the code to believe it. Definitely no animated .GIF files here, the model is created and then rotated. Simple in theory, but not so easy with other technologies.

See the instructions so you don't miss anything.
  • procedural graphics
  • 3D visualization of surface model
  • realtime rendering
  • camera angle adjustments
Instructions
For you purists out there: sorry, this teapot does have a bottom.

Run this one full screen if you can't see the whole thing in your browser.

Click on "Run/Stop", then sit back and watch the teapot spin. Couldn't be simpler (or much more impressive).

But if you want to see ultra-cool, try this:
  • Click and drag your mouse to zoom around the teapot. This changes the camera angle for viewing the teapot, and the reference points for the calculations.
  • Try the left and right buttons to see the difference.
  • Slide the bar at the bottom to the left to decrease the resolution.
  • Slide the bar to the right to increase the resolution. There are lots of calculations going on here, so it might slow down a bit.
If you are good, you can zoom inside the teapot, and watch it spin from the inside!

To run the rotating teapot applet application click on the link below.

Rotating Teapot

Download the zip file attachment below to get the complete source code for this application.

You will also need the to download and unzip the Styled Controls package from the link below. The
unzipped contents should be placed alongside the unzipped Rotating Teapot demo source.

Styled Controls Package Zip File

teapot.zip]]> <![CDATA[Fire Simulator]]> https://communities.curl.com/showthread.php?tid=98 Fri, 01 Jul 2011 01:11:49 +0000 https://communities.curl.com/showthread.php?tid=98
Description
This demo shows the combination of high level programming constructs for graphical events with fast, pixel-level graphics control. It also demonstrates how high-level constructs can be created by the programmer if they are needed and don't currently exist.

The fire itself combines:
  • Random number generator
  • Spectrum
  • Displacement Mesh
  • Blur Algorithm
The algorithm contains:
  • A distortion field to swirl the fire
  • A blur that spreads the flame
  • A flame generator
  • A dispersion filter
Note that any user modifications are handled at the user machine, without server interaction.

Instructions
  • Select and de-select the various checkboxes that relate to the algorithm for drawing / animating the fire. Alterations of these boxes change the dynamics of the fire without needing to transmit or receive any additional instructions or pictures from the network server.
  • You can use the check boxes to turn on and off the convection and dispersion, replace the jets with a checkerboard pattern, and turn the animation on and off.

To run the Fire Simulator application click on the link below.

Fire Simulator

Download the zip file attachment below to get the complete source for the Fire Simulator.

You will also need the to download and unzip the Styled Controls package from the link below. The
unzipped contents should be placed alongside the unzipped fire simulator demo source.

Styled Controls Package Zip File

fire.zip]]>
Description
This demo shows the combination of high level programming constructs for graphical events with fast, pixel-level graphics control. It also demonstrates how high-level constructs can be created by the programmer if they are needed and don't currently exist.

The fire itself combines:
  • Random number generator
  • Spectrum
  • Displacement Mesh
  • Blur Algorithm
The algorithm contains:
  • A distortion field to swirl the fire
  • A blur that spreads the flame
  • A flame generator
  • A dispersion filter
Note that any user modifications are handled at the user machine, without server interaction.

Instructions
  • Select and de-select the various checkboxes that relate to the algorithm for drawing / animating the fire. Alterations of these boxes change the dynamics of the fire without needing to transmit or receive any additional instructions or pictures from the network server.
  • You can use the check boxes to turn on and off the convection and dispersion, replace the jets with a checkerboard pattern, and turn the animation on and off.

To run the Fire Simulator application click on the link below.

Fire Simulator

Download the zip file attachment below to get the complete source for the Fire Simulator.

You will also need the to download and unzip the Styled Controls package from the link below. The
unzipped contents should be placed alongside the unzipped fire simulator demo source.

Styled Controls Package Zip File

fire.zip]]> <![CDATA[Ray Tracing]]> https://communities.curl.com/showthread.php?tid=97 Fri, 01 Jul 2011 01:08:42 +0000 https://communities.curl.com/showthread.php?tid=97
If it's hard to believe that ray tracing can be done in real time by a plug-in, you can use the mouse to move the light and watch the shadows change, or turn the lake to plastic.

To learn more, read The Coolest Interactive Ray Tracing Tutorial on the Web, which is totally written in Curl and contains a nice gallery of ray traced Curl procedural graphics.

To run the Ray Tracing application click on the link below.

Ray Tracing

Download the zip file attachment below to get the complete source for the Ray Tracing application.

You will also need the to download and unzip the Styled Controls package from the link below. The
unzipped contents should be placed alongside the unzipped raytracing source.

Styled Controls Package Zip File

raytrace.zip]]>
If it's hard to believe that ray tracing can be done in real time by a plug-in, you can use the mouse to move the light and watch the shadows change, or turn the lake to plastic.

To learn more, read The Coolest Interactive Ray Tracing Tutorial on the Web, which is totally written in Curl and contains a nice gallery of ray traced Curl procedural graphics.

To run the Ray Tracing application click on the link below.

Ray Tracing

Download the zip file attachment below to get the complete source for the Ray Tracing application.

You will also need the to download and unzip the Styled Controls package from the link below. The
unzipped contents should be placed alongside the unzipped raytracing source.

Styled Controls Package Zip File

raytrace.zip]]> <![CDATA[Molecule Viewer]]> https://communities.curl.com/showthread.php?tid=96 Fri, 01 Jul 2011 01:07:29 +0000 https://communities.curl.com/showthread.php?tid=96
To run the Molecule Viewer click on the link below.

Molecule Viewer

Download the zip file attachment below to get the complete source code for the Molecule Viewer.

molecules.zip]]>
To run the Molecule Viewer click on the link below.

Molecule Viewer

Download the zip file attachment below to get the complete source code for the Molecule Viewer.

molecules.zip]]> <![CDATA[TreeControl with Draggable Nodes and Json Data]]> https://communities.curl.com/showthread.php?tid=95 Fri, 01 Jul 2011 01:05:56 +0000 https://communities.curl.com/showthread.php?tid=95
The test applet shows the tree at the left and a TextArea at the right. Both are bound to the "data" field of the same RecordSet, so editing either one will affect the other one. As you drag nodes around in the tree, you'll see the string value change in the TextArea. If you edit in the TextArea (tab away to "finish" the edit), the tree will be updated to match. If you create bad JSON, it will throw an exception, of course, so do something simple like changing a + to a -!

When you drop a node, the JsonTreeItem.move method is invoked. This rearranges the nodes as appropriate and updates the data value. This causes the control to rebuild the UI as needed.

There can be improved but it is a good start. One thing I haven't done yet is to recognize when the item is dropped at some amount of indent. In that case, the dropped node should go in as a child node.

jsontree.zip]]>
The test applet shows the tree at the left and a TextArea at the right. Both are bound to the "data" field of the same RecordSet, so editing either one will affect the other one. As you drag nodes around in the tree, you'll see the string value change in the TextArea. If you edit in the TextArea (tab away to "finish" the edit), the tree will be updated to match. If you create bad JSON, it will throw an exception, of course, so do something simple like changing a + to a -!

When you drop a node, the JsonTreeItem.move method is invoked. This rearranges the nodes as appropriate and updates the data value. This causes the control to rebuild the UI as needed.

There can be improved but it is a good start. One thing I haven't done yet is to recognize when the item is dropped at some amount of indent. In that case, the dropped node should go in as a child node.

jsontree.zip]]> <![CDATA[CDBC Database Explorer]]> https://communities.curl.com/showthread.php?tid=94 Fri, 01 Jul 2011 01:04:27 +0000 https://communities.curl.com/showthread.php?tid=94
The applet shows both the power and the limitations of the CDBC BasicConnection. We chose the name BasicConnection because this was released in the spirit of a beta: it is useful, but it has some limitations. We want to hear from developers that use it or even decide not to use it. We are currently working on more powerful middleware solutions under the umbrella of our CDK open source project.

One thing to note is that the security of the connection is established by the server. The CDBC servlet connects to the database server using one fixed set of credentials. Anyone with access to a BasicConnection has the access privileges granted by those credentials. Used in this way, CDBC is suitable for prototyping, experimental, or even small office uses, where access is limited to a small group of machines that are behind a firewall. An added level of security is available if the server is configured for HTTP basic authentication at the connection URL. A client will then have to provide a username and password in order to establish the connection. If you use https in combination with basic authentication then the connection should be secure.

This applet is pretty simple. First select a connection (the only choice is localhost, but you can easily modify the code add more if you set up more servers). When the connection is selected, the other controls are populated with the available databases and tables. When you change the selection, the selected table is shown below in a RecordGrid. If an error occurs, the stack trace is shown. Uncheck the Trap Errors checkbox if you'd rather the exception be thrown so you can debug it. A panel at the bottom shows the events that are fired at the underlying RecordSet.

Buttons are also provided to add a record or delete the current record. You can reload the data from the server, revert your changes, or commit them with the Save button.

Finally, there is an area where you can enter SQL statements. Press the Execute button if you don't expect any results when the statements are executed. Press the Query button if the statement is a query and you want the results to be shown in the RecordGrid.

db-explorer-sample.curl]]>
The applet shows both the power and the limitations of the CDBC BasicConnection. We chose the name BasicConnection because this was released in the spirit of a beta: it is useful, but it has some limitations. We want to hear from developers that use it or even decide not to use it. We are currently working on more powerful middleware solutions under the umbrella of our CDK open source project.

One thing to note is that the security of the connection is established by the server. The CDBC servlet connects to the database server using one fixed set of credentials. Anyone with access to a BasicConnection has the access privileges granted by those credentials. Used in this way, CDBC is suitable for prototyping, experimental, or even small office uses, where access is limited to a small group of machines that are behind a firewall. An added level of security is available if the server is configured for HTTP basic authentication at the connection URL. A client will then have to provide a username and password in order to establish the connection. If you use https in combination with basic authentication then the connection should be secure.

This applet is pretty simple. First select a connection (the only choice is localhost, but you can easily modify the code add more if you set up more servers). When the connection is selected, the other controls are populated with the available databases and tables. When you change the selection, the selected table is shown below in a RecordGrid. If an error occurs, the stack trace is shown. Uncheck the Trap Errors checkbox if you'd rather the exception be thrown so you can debug it. A panel at the bottom shows the events that are fired at the underlying RecordSet.

Buttons are also provided to add a record or delete the current record. You can reload the data from the server, revert your changes, or commit them with the Save button.

Finally, there is an area where you can enter SQL statements. Press the Execute button if you don't expect any results when the statements are executed. Press the Query button if the statement is a query and you want the results to be shown in the RecordGrid.

db-explorer-sample.curl]]> <![CDATA[Style Designer]]> https://communities.curl.com/showthread.php?tid=93 Fri, 01 Jul 2011 01:03:19 +0000 https://communities.curl.com/showthread.php?tid=93 Note 22 May 2009: Another update for 7.0 Added a ScrollBox to improve the appearance if the window is small.

The Style Designer is a Curl applet that allows you to create a skin and style sheet for the styled controls that were introduced with Version 6.0 of the Curl RTE. Use this applet to create your own unique look for the Curl styled controls.

The left side of the applet is a collection of properties for the the skinnable Curl controls. Adjust the colors, highlighting, and other attributes to design a look that you like. The sample dialogs on the right hand side of the window show you what the controls look like when your skin is installed.

The Style Designer maintains a collection of styles in a file. Use New Style or Clone Style to create a new style. Use the drop down list in the upper right to select the style you want to work with. You can export and import one style at a time to a text file. This is useful if you want to share or exchange one or a few styles with others.

When you create a new style all colors are shades of gray. The Clone Style operation will create a new style that looks just like the current style. This makes it easy to experiment with variations on a style without losing the original. When you are happy with a style you've created you can write out a style sheet file that you can use in any Curl applets you develop. Choose Write Style Sheet... from the File menu to write out a Curl style sheet.

Some sample styles are provided in the file sample-styles.csv (right-click to download).

The Style Designer is designed to run as a Curl detached applet, meaning that it can run from the web but without a web browser. To launch the Style Designer as a detached applet. Due to limitations in the markup for user-created content on this web site, please paste this link into your browser: curl://launch/http://communities.curl.com/demos/style-...gner.dcurl

The applet works like a traditional desktop application. The styles you design are stored in a file which is saved on your local disk drive or network. Choose New from the File menu to create a new file. Choose Save or Save As... to save the file. (It happens to use csv "comma separated value" files, mainly because it was easy to do in Curl.)

The style designer source code is attached. You may want to make your own improvements, or you may just want to read the code to see how it works. Once you have unzipped the files you can run the applet from your local hard disk. However, note that you will need to grant the applet permission to run locally via the Curl Control Panel.

To launch the applet from your hard disk, navigate to the style-designer folder and double-click on style-designer.dcurl. If you haven't already granted privileges to the style-designer directory, the applet will fail because it cannot read from a local drive without permission. Once you have granted privileges, double clicking this file will launch the application.

Here's how to give the applet permission to read and write local files. When the Curl RTE is running, click the Curl RTE icon on the Windows task bar to bring up the Curl control panel. Select the Security tab, then click the This Computer section heading to open the security settings for your computer. Click the Add Privileged Directory... link and enter the directory where you unzipped the Style Designer (or a parent directory). Click OK. From now on, any Curl applet launched from this directory will have full access to the local machine. Double-click on style-designer.dcurl to launch it from your local drive.

style-designer-screen.png
style-designer-1.0.0-src.zip
style-designer-R7.0-V1.0.5-src.zip]]> Note 22 May 2009: Another update for 7.0 Added a ScrollBox to improve the appearance if the window is small.

The Style Designer is a Curl applet that allows you to create a skin and style sheet for the styled controls that were introduced with Version 6.0 of the Curl RTE. Use this applet to create your own unique look for the Curl styled controls.

The left side of the applet is a collection of properties for the the skinnable Curl controls. Adjust the colors, highlighting, and other attributes to design a look that you like. The sample dialogs on the right hand side of the window show you what the controls look like when your skin is installed.

The Style Designer maintains a collection of styles in a file. Use New Style or Clone Style to create a new style. Use the drop down list in the upper right to select the style you want to work with. You can export and import one style at a time to a text file. This is useful if you want to share or exchange one or a few styles with others.

When you create a new style all colors are shades of gray. The Clone Style operation will create a new style that looks just like the current style. This makes it easy to experiment with variations on a style without losing the original. When you are happy with a style you've created you can write out a style sheet file that you can use in any Curl applets you develop. Choose Write Style Sheet... from the File menu to write out a Curl style sheet.

Some sample styles are provided in the file sample-styles.csv (right-click to download).

The Style Designer is designed to run as a Curl detached applet, meaning that it can run from the web but without a web browser. To launch the Style Designer as a detached applet. Due to limitations in the markup for user-created content on this web site, please paste this link into your browser: curl://launch/http://communities.curl.com/demos/style-...gner.dcurl

The applet works like a traditional desktop application. The styles you design are stored in a file which is saved on your local disk drive or network. Choose New from the File menu to create a new file. Choose Save or Save As... to save the file. (It happens to use csv "comma separated value" files, mainly because it was easy to do in Curl.)

The style designer source code is attached. You may want to make your own improvements, or you may just want to read the code to see how it works. Once you have unzipped the files you can run the applet from your local hard disk. However, note that you will need to grant the applet permission to run locally via the Curl Control Panel.

To launch the applet from your hard disk, navigate to the style-designer folder and double-click on style-designer.dcurl. If you haven't already granted privileges to the style-designer directory, the applet will fail because it cannot read from a local drive without permission. Once you have granted privileges, double clicking this file will launch the application.

Here's how to give the applet permission to read and write local files. When the Curl RTE is running, click the Curl RTE icon on the Windows task bar to bring up the Curl control panel. Select the Security tab, then click the This Computer section heading to open the security settings for your computer. Click the Add Privileged Directory... link and enter the directory where you unzipped the Style Designer (or a parent directory). Click OK. From now on, any Curl applet launched from this directory will have full access to the local machine. Double-click on style-designer.dcurl to launch it from your local drive.

style-designer-screen.png
style-designer-1.0.0-src.zip
style-designer-R7.0-V1.0.5-src.zip]]> <![CDATA[Curl Version 7 Sample Application: Sales Dashboard]]> https://communities.curl.com/showthread.php?tid=92 Fri, 01 Jul 2011 01:00:38 +0000 https://communities.curl.com/showthread.php?tid=92 Perceptual Edge, and author of Information Dashboard Design.

Design is important. This dashboard design features compact, effective display of crucial information for a regional sales manager. Every area and component of the display is designed to clearly communicate the information contained therein.

The underlying data is obtained from a subset of the standard Salesforce.com data schema. This set of coherent, tractable, business-critical information can be sensibly transformed, aggregated, and presented by a Curl client application.

The dashboard illustrates several important aspects of rich client data visualization.

Local Data Storage
The data is stored locally using SQLite, allowing rich clients to leverage the computing power of the client machine. This highly scalable architecture minimizes the latency associated with wire transfers, while freeing server resources to handle data\[-only\] requests from more clients.

Client-side Computation and Presentation
Rich Internet applications really prove their worth when it comes to performance and usability. The Curl Sales Dashboard leverages the power of today's client machines to perform simple and complex data transformations and aggregations, then presents the data in appealing ways, while avoiding superfluous server round-trips.

Specialized Display Components
The dashboard uses several standard Curl display components, but it also demonstrates the use of custom components. People familiar with Stephen Few's designs will recognize his signature sparklines and bullet graphs. These specialized components were built specifically for this dashboard with relatively few lines of code. They readily consume the data and present them, quickly, in sophisticatedly simple ways.

Flexible User Interface
The bar for usability in rich client applications is set high, so it is important to be able to offer users flexibility with regard to things like
  • Layout
  • Styling
  • Visual Feedback (for example, tooltips)
  • Drilldown (for example, popups)

as applied to their data. The extent of flexibility in these aspects is governed by the designer of the application, not the technology used to build it.

The legend in the lower right-hand corner of the dashboard applies to all data presented in bar charts. Some individual presentations also include presentation-specific legends where appropriate.

The dashboard employs some interactive features such as tooltips and drilldowns. Hovering the pointer over a data point or bar pops up a tooltip displaying the exact value. The Regional Breakdown presentation offers drilldown functionality in the Current Quarter Sales chart. When a hand cursor is present over the bars a user may click on the bar to drilldown into the region for more data. The Key Metrics and Regional Breakdown presentations also contain alert graphics indicating a metric or region is performing below a certain level.

Buttons at the top right of the dashboard provide access to Help and detailed information About the dashboard.

The data presented in the dashboard covers just one well-defined example. Specific metrics, rollups, content transformations, etc. will vary for every organization. Your competitive advantage is embodied in the information you make available. You are encouraged to take the code and apply your data to it, with the caveat that the existing code was not intended to be suitable for arbitrary datasets. You might need to modify the code in some ways to support your specific case(s).

Installation Notes

The URL for installing the Sales Dashboard application directly from the Curl Developer Center is

curl://offline/curl://launch/http://communities.curl.com/demos/nitro/SalesDashboard/occ-start.dcurl

Limitations in the infrastructure of this Web site prevent making the above link directly clickable, but if you paste the above URL into the address field of your browser, you can install the Sales Dashboard application on your system. You will need to have the current Curl Version 7 RTE installed on your machine first. (If you are running Firefox, you may see a popup window asking whether to run the Curl RTE File Loader. After you authorize this operation, the installation window for the Sales Dashboard application will be displayed.)

This demo requires Curl Version 7. If you're using earlier, beta releases, you will get a "This library is not compatible with early beta releases" error.

Source Code

If you want to see how the Sales Dashboard sample works, please download the attached zip file, which contains all the source files used to build the application. You can modify these source files to create your own variations.

Other Notes
The dashboard is best viewed at a resolution of 1024x768 pixels or greater. Note that locales other than 'en' might yield unexpected display artifacts.

SalesDashboard090126.zip]]> Perceptual Edge, and author of Information Dashboard Design.

Design is important. This dashboard design features compact, effective display of crucial information for a regional sales manager. Every area and component of the display is designed to clearly communicate the information contained therein.

The underlying data is obtained from a subset of the standard Salesforce.com data schema. This set of coherent, tractable, business-critical information can be sensibly transformed, aggregated, and presented by a Curl client application.

The dashboard illustrates several important aspects of rich client data visualization.

Local Data Storage
The data is stored locally using SQLite, allowing rich clients to leverage the computing power of the client machine. This highly scalable architecture minimizes the latency associated with wire transfers, while freeing server resources to handle data\[-only\] requests from more clients.

Client-side Computation and Presentation
Rich Internet applications really prove their worth when it comes to performance and usability. The Curl Sales Dashboard leverages the power of today's client machines to perform simple and complex data transformations and aggregations, then presents the data in appealing ways, while avoiding superfluous server round-trips.

Specialized Display Components
The dashboard uses several standard Curl display components, but it also demonstrates the use of custom components. People familiar with Stephen Few's designs will recognize his signature sparklines and bullet graphs. These specialized components were built specifically for this dashboard with relatively few lines of code. They readily consume the data and present them, quickly, in sophisticatedly simple ways.

Flexible User Interface
The bar for usability in rich client applications is set high, so it is important to be able to offer users flexibility with regard to things like
  • Layout
  • Styling
  • Visual Feedback (for example, tooltips)
  • Drilldown (for example, popups)

as applied to their data. The extent of flexibility in these aspects is governed by the designer of the application, not the technology used to build it.

The legend in the lower right-hand corner of the dashboard applies to all data presented in bar charts. Some individual presentations also include presentation-specific legends where appropriate.

The dashboard employs some interactive features such as tooltips and drilldowns. Hovering the pointer over a data point or bar pops up a tooltip displaying the exact value. The Regional Breakdown presentation offers drilldown functionality in the Current Quarter Sales chart. When a hand cursor is present over the bars a user may click on the bar to drilldown into the region for more data. The Key Metrics and Regional Breakdown presentations also contain alert graphics indicating a metric or region is performing below a certain level.

Buttons at the top right of the dashboard provide access to Help and detailed information About the dashboard.

The data presented in the dashboard covers just one well-defined example. Specific metrics, rollups, content transformations, etc. will vary for every organization. Your competitive advantage is embodied in the information you make available. You are encouraged to take the code and apply your data to it, with the caveat that the existing code was not intended to be suitable for arbitrary datasets. You might need to modify the code in some ways to support your specific case(s).

Installation Notes

The URL for installing the Sales Dashboard application directly from the Curl Developer Center is

curl://offline/curl://launch/http://communities.curl.com/demos/nitro/SalesDashboard/occ-start.dcurl

Limitations in the infrastructure of this Web site prevent making the above link directly clickable, but if you paste the above URL into the address field of your browser, you can install the Sales Dashboard application on your system. You will need to have the current Curl Version 7 RTE installed on your machine first. (If you are running Firefox, you may see a popup window asking whether to run the Curl RTE File Loader. After you authorize this operation, the installation window for the Sales Dashboard application will be displayed.)

This demo requires Curl Version 7. If you're using earlier, beta releases, you will get a "This library is not compatible with early beta releases" error.

Source Code

If you want to see how the Sales Dashboard sample works, please download the attached zip file, which contains all the source files used to build the application. You can modify these source files to create your own variations.

Other Notes
The dashboard is best viewed at a resolution of 1024x768 pixels or greater. Note that locales other than 'en' might yield unexpected display artifacts.

SalesDashboard090126.zip]]> <![CDATA[Curl Version 7 Sample Application: Timeline Viewer]]> https://communities.curl.com/showthread.php?tid=91 Fri, 01 Jul 2011 00:59:27 +0000 https://communities.curl.com/showthread.php?tid=91
This application was inspired by a browser-based, AJAX timeline viewer built by the SIMILE project at MIT. This Curl viewer is driven by the same XML timeline files that were created in association with that project.

The URL for installing the timeline viewer directly from the Curl Developer Center is

curl://offline/curl://launch/http://developers.curl.com/demos/nitro/timeline/start.dcurl
Limitations in the infrastructure of this Web site prevent making the above link directly clickable, but if you paste the above URL into the address field of your browser, you can install the timeline viewer on your system. You will need to have the Curl Version 7 RTE installed on your machine first. (If you are running Firefox, you may see a popup window asking whether to run the Curl RTE File Loader. After you authorize this operation, the installation window for the timeline viewer will be displayed.)

Once you have the application installed and running, you can click the Help button to read the operating instructions.

The Curl capabilities demonstrated by this program are useful in many interactive data visualization applications. In business and science, there are many instances of time-based data including server logs and transaction histories. Many data sets are provided as XML files similar to the timeline files used by this viewer. The clickable links that are included in the viewer's pop-up information windows illustrate how Curl can be used not only to display a data set, but to present that data set in a way that serves as a starting point for exploring other, related resources and information. Finally, the application can run offline as well as online.

If you want to see how this timeline viewer works, please download the attached zip file, which contains all the source files used to build the application. You can modify these source files to create your own variations of this viewer.

timeline.zip]]>
This application was inspired by a browser-based, AJAX timeline viewer built by the SIMILE project at MIT. This Curl viewer is driven by the same XML timeline files that were created in association with that project.

The URL for installing the timeline viewer directly from the Curl Developer Center is

curl://offline/curl://launch/http://developers.curl.com/demos/nitro/timeline/start.dcurl
Limitations in the infrastructure of this Web site prevent making the above link directly clickable, but if you paste the above URL into the address field of your browser, you can install the timeline viewer on your system. You will need to have the Curl Version 7 RTE installed on your machine first. (If you are running Firefox, you may see a popup window asking whether to run the Curl RTE File Loader. After you authorize this operation, the installation window for the timeline viewer will be displayed.)

Once you have the application installed and running, you can click the Help button to read the operating instructions.

The Curl capabilities demonstrated by this program are useful in many interactive data visualization applications. In business and science, there are many instances of time-based data including server logs and transaction histories. Many data sets are provided as XML files similar to the timeline files used by this viewer. The clickable links that are included in the viewer's pop-up information windows illustrate how Curl can be used not only to display a data set, but to present that data set in a way that serves as a starting point for exploring other, related resources and information. Finally, the application can run offline as well as online.

If you want to see how this timeline viewer works, please download the attached zip file, which contains all the source files used to build the application. You can modify these source files to create your own variations of this viewer.

timeline.zip]]> <![CDATA[Curl Version 7 Sample Application: Curl eyeDecide]]> https://communities.curl.com/showthread.php?tid=90 Fri, 01 Jul 2011 00:58:01 +0000 https://communities.curl.com/showthread.php?tid=90 Involution Studios, it features complex visual analysis of global data from Gapminder.org, and demonstrates the value of visualization in the analysis of complex data. Curl eyeDecide provides visual analysis of population, economic, environmental, and health indicators to give insight into global trends. With Curl eyeDecide, users will be able to examine the cause and effect of metrics such as income per capita, and life expectancy. By offering multiple linked views of different data sets, and visualizing the data as it changes over time, Curl eyeDecide enables key causes and effects to be easily spotted.

Curl eyeDecide highlights several features in Curl Version 7:
  • As a detached applet, it runs independently of the browser, in its own view, and is accessible from desktop and start menu.
  • As an "occasionally connected computing" (OCC) applet, it is installed on the local machine, so as to be available for use when disconnected. Like any web delivered application however, it is automatically updated whenever is is launched when connected.
  • It uses an embedded SQLite database for local data storage.
  • It demonstrates Curl's new SplashScreen API.

Once you have installed and launched the application, you can immediately start exploring its features. To learn more about the application, click on the "Curl eyeDecide" text at the top right corner of the window. There you will also find a help document to guide you through the various features.

Installation Notes

The URL for installing the Curl eyeDecide application directly from the Curl Developer Center is

curl://offline/curl://launch/http://developers.curl.com/demos/nitro/eyeDecide/occ-start.dcurl
Limitations in the infrastructure of this Web site prevent making the above link directly clickable, but if you paste the above URL into the address field of your browser, you can install the Curl eyeDecide application on your system. You will need to have the current Curl Version 7 RTE installed on your machine first. (NOTE: If you are running Firefox, you may see a popup window asking whether to run the Curl RTE File Loader. After you authorize this operation, the installation window for the Curl eyeDecide application will be displayed.)

This demo requires Curl Version 7. If you're using earlier, beta releases, you will get a "This library is not compatible with early beta releases" error.

Release Notes

The release notes are available here.

Source Code

If you want to see how the Curl eyeDecide sample works, please download the attached zip file, which contains all the source files used to build the application. You can modify these source files to create your own variations.

Curl-eyeDecide-1.0.2.zip]]> Involution Studios, it features complex visual analysis of global data from Gapminder.org, and demonstrates the value of visualization in the analysis of complex data. Curl eyeDecide provides visual analysis of population, economic, environmental, and health indicators to give insight into global trends. With Curl eyeDecide, users will be able to examine the cause and effect of metrics such as income per capita, and life expectancy. By offering multiple linked views of different data sets, and visualizing the data as it changes over time, Curl eyeDecide enables key causes and effects to be easily spotted.

Curl eyeDecide highlights several features in Curl Version 7:
  • As a detached applet, it runs independently of the browser, in its own view, and is accessible from desktop and start menu.
  • As an "occasionally connected computing" (OCC) applet, it is installed on the local machine, so as to be available for use when disconnected. Like any web delivered application however, it is automatically updated whenever is is launched when connected.
  • It uses an embedded SQLite database for local data storage.
  • It demonstrates Curl's new SplashScreen API.

Once you have installed and launched the application, you can immediately start exploring its features. To learn more about the application, click on the "Curl eyeDecide" text at the top right corner of the window. There you will also find a help document to guide you through the various features.

Installation Notes

The URL for installing the Curl eyeDecide application directly from the Curl Developer Center is

curl://offline/curl://launch/http://developers.curl.com/demos/nitro/eyeDecide/occ-start.dcurl
Limitations in the infrastructure of this Web site prevent making the above link directly clickable, but if you paste the above URL into the address field of your browser, you can install the Curl eyeDecide application on your system. You will need to have the current Curl Version 7 RTE installed on your machine first. (NOTE: If you are running Firefox, you may see a popup window asking whether to run the Curl RTE File Loader. After you authorize this operation, the installation window for the Curl eyeDecide application will be displayed.)

This demo requires Curl Version 7. If you're using earlier, beta releases, you will get a "This library is not compatible with early beta releases" error.

Release Notes

The release notes are available here.

Source Code

If you want to see how the Curl eyeDecide sample works, please download the attached zip file, which contains all the source files used to build the application. You can modify these source files to create your own variations.

Curl-eyeDecide-1.0.2.zip]]> <![CDATA[Source code for COM.CURL.IO.JSON]]> https://communities.curl.com/showthread.php?tid=89 Fri, 01 Jul 2011 00:56:37 +0000 https://communities.curl.com/showthread.php?tid=89
Here is a trivial applet that uses the package:

Code:
{curl 5.0 applet}
{curl-file-attributes character-encoding = windows-latin-1}
{applet ||manifest = manifest.mcurl,
    {compiler-directives
        allow-import-locations? = true,
        careful? = true
    }
}

{import * from COM.CURL.IO.JSON,
    location = json-src/load-json.scurl
}

{let x:JsonObject = {JsonObject a, 33}}

{value x[a]}

com-curl-io-json.zip]]>
Here is a trivial applet that uses the package:

Code:
{curl 5.0 applet}
{curl-file-attributes character-encoding = windows-latin-1}
{applet ||manifest = manifest.mcurl,
    {compiler-directives
        allow-import-locations? = true,
        careful? = true
    }
}

{import * from COM.CURL.IO.JSON,
    location = json-src/load-json.scurl
}

{let x:JsonObject = {JsonObject a, 33}}

{value x[a]}

com-curl-io-json.zip]]>