Posts Tagged ‘Geertjan Wielenga’

image

There are many map components in the world out there—and I have documented how to integrate several of them in an Oracle JET application, e.g., 3DCityDB, Mapbox, Leaflet, and LuciadRIA, as well as Oracle JET’s ojThematicMap component.

However, Oracle has its own map component, as described in detail below, which includes the Oracle Maps Javascript library:

http://www.oracle.com/technetwork/middleware/mapviewer/overview/index.html

Oracle Fusion Middleware MapViewer is a development toolkit for incorporating interactive maps and spatial analyses. It is optimized for use with Oracle Spatial and Graph. (The related Oracle blog is blogs.oracle.com/oracle_maps_blog.) Here below is how it looks when integrated into an Oracle JET application, with many thanks to my colleague Jayant Sharma, who made it happen and provided the instructions that follow, which I have successfully used and I can report that it works.

Instructions for integrating Oracle Fusion Middleware MapViewer with Oracle JET, assuming you have set up an Oracle JET application, e.g., via the Oracle JET QuickStart Basic template:

  1. Add the Oracle Maps V2 kit into js/libs as a folder named ‘oraclemaps’. The kit can be downloaded from here and specifically here: http://download.oracle.com/otn/other/mapviewer/12c/12211/v2_122110_full.zip
  2. Modify "main.js" to include the various Oracle map libraries, in the requires.config "path" and "shim" sections. I.e., add these entries in the "paths" section: Read the complete article here.

WebLogic Partner Community

For regular information become a member in the WebLogic Partner Community please visit: http://www.oracle.com/partners/goto/wls-emea ( OPN account required). If you need support with your account please contact the Oracle Partner Business Center.

Blog Twitter LinkedIn Forum Wiki

image

Here in the Oracle JET Cookbook the Oracle JET Tag Cloud is described. Here’s the JSON file that is used there, which I have put in the "public_html" folder of my project.

What we’ll create is the same as in the Cookbook, except we’ll parse the JSON file with "JSON.parse" and we’ll use a "define" block.

Here’s a ‘define’ block for working with the "ojtagcloud" component: Read the complete article here.

WebLogic Partner Community

For regular information become a member in the WebLogic Partner Community please visit: http://www.oracle.com/partners/goto/wls-emea ( OPN account required). If you need support with your account please contact the Oracle Partner Business Center.

Blog Twitter LinkedIn Forum Wiki

image

Our requirement is to use Oracle JET to show data on a world map, e.g., the number of employees in our organization working in various countries around the world. Below you see an example—three different ranges represented by colors on the map:

To get to the above point, let’s start with the simplest imaginable world map scenario with Oracle JET’s built-in maps for ojThematicMap.

Here’s the view:

    
            component: 'ojThematicMap',
                basemap: 'world',
                areaLayers: layers
        }" 
         style="height:500px;width:100%">
    
</div>

Here's the viewModel: Read the complete article here.

WebLogic Partner Community

For regular information become a member in the WebLogic Partner Community please visit: http://www.oracle.com/partners/goto/wls-emea ( OPN account required). If you need support with your account please contact the Oracle Partner Business Center.

Blog Twitter LinkedIn Forum Wiki

image

In a previous blog entry, I discussed how to create AngularJS applications that access the native resources on devices, such as the camera on Android, via Cordova. Let’s now do the same thing with an Oracle JET application. Start by using Yeoman to scaffold your hybrid (i.e. Cordova-based) Oracle JET application. Now you’re good to go with the instructions that follow.

Take the following steps:

  1. In the "hybrid" folder in your application, you’ll find a file named "config.xml", which is the central configuration file for all your Cordova-related work. Underneath the Cordova Whitelist plugin, add the Cordova Camera plugin, as shown below:
2.       <content src="index.html" />
3.       <plugin name="cordova-plugin-whitelist" spec="1" />
4.       <plugin name="cordova-plugin-camera" spec="1" />
<access origin="*" />

Then build the application, as shown in the earlier YouTube clip on this topic, i.e., "grunt build –platform android" and you’ll find the "cordova-plugin-camera" folder has been added for you:

  1. Open the "incidents.html" file, which is in "src/js/views", and add a button that has its "click" event bound to a function named "takePicture":
6.       <button data-bind="click: takePicture">Take Picture!</button>
  1. Open the "incidents.js" file, which is in "src/js/viewModels", and add the function that you referenced in your HTML file, making use of the Cordova Camera API: Read the complete article here.

WebLogic Partner Community

For regular information become a member in the WebLogic Partner Community please visit: http://www.oracle.com/partners/goto/wls-emea ( OPN account required). If you need support with your account please contact the Oracle Partner Business Center.

Blog Twitter LinkedIn Forum Wiki

:

image

Steven Davelaar did an interesting session last week at the AMIS conference about beacons. (Get his excellent slides here.) The world of beacons is split into iBeacons, AltBeacons, and URIBeacons (read here), though there’ll probably be more.

There’s quite a few articles out there about incorporating beacon identifiers into MAF applications:

Of course, would be great to have a similar scenario for Oracle JET applications, especially since there’s a nice Cordova plugin available that provides all the low level technology:

https://github.com/petermetz/cordova-plugin-ibeacon

However, the first stumbling block is that you actually need to HAVE a beacon in order to be able to develop applications for detecting and monitoring them. I mean, how do you test your beacon detecting app if you don’t have a beacon to test with? So, before even setting up an Oracle JET project, you need to get yourself a beacon… or a beacon simulator.

In the Android app store I found a whole bunch of beacon scanners and beacon transmitters. The problem is that you don’t want to simulate beacon transmissions from your phone, since that’s also the place where your app will be installed. You need the transmission to be from a different device to where you’ll be testing/using your beacon detection app. I have yet to find a free beacon transmission simulator for computers, i.e., they’re only available for mobile devices. What I need to be able to do is simulate transmission from a laptop (ideally Windows, since that’s what I’m on, or Mac OSX, which is my wife’s laptop).

In the end, Radius Networks to the rescue. Not free, but hey, sometimes it makes sense to pay. I started out by buying MacBeacon, though didn’t read the instructions and the Mac OSX I’m on (Mavericks) is not supported, though they kindly sent me a version of the app that works on Mavericks too. Here’s how it looks and it works perfectly, though for some reason one cannot simulate more than one beacon at a time: Read the complete article here.

WebLogic Partner Community

For regular information become a member in the WebLogic Partner Community please visit: http://www.oracle.com/partners/goto/wls-emea ( OPN account required). If you need support with your account please contact the Oracle Partner Business Center.

Blog Twitter LinkedIn Forum Wiki

image_thumb[1]

In part 1, yesterday, we deployed a Node.js application, with static resources architected on Orace JET, to the Application Container Cloud Service (ACCS). However, ACCS is also applicable to Java SE applications.

There are several use cases for running Java SE applications on ACCS:

http://docs.oracle.com/cloud/latest/apaas_gs/apaas_tutorials_create_sample_java_se_applications.htm

I followed this scenario:

http://www.oracle.com/webfolder/technetwork/tutorials/obe/cloud/apaas/griz-jersey-intro/Grizzly-Jersey-Intro.html

However, I wanted to serve up JSON, rather than Strings, so I rewrote "getAllCustomers" in "CustomerService" to the following:

@GET
@Produces(MediaType.APPLICATION_JSON)
@Path("/all")
public GenericEntity<list> getAllCustomers() {
    List list = CustomerList.getInstance();
    return new GenericEntity<list>(list) {};
}</list</list

More info in this example for JSON-related scenarios: Read the complete article here.

WebLogic Partner Community

For regular information become a member in the WebLogic Partner Community please visit: http://www.oracle.com/partners/goto/wls-emea ( OPN account required). If you need support with your account please contact the Oracle Partner Business Center.

Blog Twitter LinkedIn Forum Wiki

image

At the AMIS Conference in Katwijk, the Netherlands, I attended a hackathon yesterday and learned a lot from my colleague Shaun Smith, who is the Oracle product manager working on Application Container Cloud Service (ACCS).

What I wanted to achieve was this—create an Oracle JET application that renders data made available by an application running on ACCS. Here’s Shaun and I setting up my environment and deploying an application to it:

In the end, we got everything working:

  • We have a Node.js application running on my instance of ACCS.
  • Using REST, it exposes underlying data.
  • The data is consumed in an Oracle JET application.

Here’s the simple UI of the Oracle JET application. What’s nice about it is that it consists of three different modules and that the table is defined by the Oracle JET "ojTable" component.

Here’s the definition of the HTML view of the JET module that provides the ojTable:

<table id="table"
       data-bind="ojComponent: {
   component: 'ojTable',
      data: datasource,
      columns: [
            {headerText: 'Problem',  field: 'problem'},
            {headerText: 'Description',  field: 'description'},
            {headerText: 'Status',  field: 'status'},
            {headerText: 'Address',  field: 'formattedAddress'}
]}">
</table>

…and here’s the JavaScript side providing the business logic of the HTML view shown above: Read the complete article here.

WebLogic Partner Community

For regular information become a member in the WebLogic Partner Community please visit: http://www.oracle.com/partners/goto/wls-emea ( OPN account required). If you need support with your account please contact the Oracle Partner Business Center.

Blog Twitter LinkedIn Forum Wiki