{"id":463,"date":"2018-10-11T22:31:00","date_gmt":"2018-10-11T21:31:00","guid":{"rendered":"http:\/\/www.igfasouza.com\/blog\/?p=463"},"modified":"2021-01-04T16:27:24","modified_gmt":"2021-01-04T16:27:24","slug":"odc-appreciation-day-2018-oracle-visual-builder-cloud-and-oracle-jet","status":"publish","type":"post","link":"http:\/\/www.igfasouza.com\/blog\/odc-appreciation-day-2018-oracle-visual-builder-cloud-and-oracle-jet\/","title":{"rendered":"ODC Appreciation Day 2018: Oracle Visual Builder Cloud and Oracle JET"},"content":{"rendered":"

\"\"<\/p>\n

How\u2019s it going horse?<\/b>
\n2018\/10\/11<\/small><\/p>\n

Today it’s #ThanksODC<\/a> day and I decide to join the idea with a post about VBCS (Oracle Visual Builder Cloud).<\/p>\n

This post idea is going to be divided into three parts;<\/p>\n

    \n
  1. A VBCS step by step Dublin Bus app<\/li>\n
  2. Oracle JET step by step Dublin Bus app<\/li>\n
  3. A Comparison of the two projects<\/li>\n<\/ol>\n

    Let’s start.<\/h2>\n

    Create a Mobile Application<\/strong><\/p>\n

      \n
    1. In the web browser, log in to Oracle Visual Builder Cloud Service.<\/li>\n
    2. On the Visual Applications page, click the New button.<\/li>\n

      \"\"<\/a><\/p>\n

    3. In the Create Application dialog box, enter DublinBus in the Application Name field and Tutorial application in the Description field.<\/li>\n
    4. The Application ID text field is automatically populated as you type based on the value you enter in Application Name.<\/li>\n
    5. Click Finish.<\/li>\n
    6. Click + Mobile Application (or click the + sign at the top of the tab).<\/li>\n
    7. In the Application name field add DublinBus and in the Navigation Style choose none.<\/li>\n

      \"\"<\/a><\/p>\n

    8. Go to Service Connections and create a new one, choose “Define by endpoint”\n

      In the field, URL add https:\/\/data.smartdublin.ie\/cgi-bin\/rtpi\/realtimebusinformation<\/strong>
      \nclick next;
      \nGo to request and URL Parameters add one query parameters:
      \nname: stopid, type: string, default Value: 1071, check as required and click in test and send
      \ncopy to response body.\n<\/li>\n

    9. Create a variable “stopid” as string.<\/li>\n
    10. Add an input data go in data and change to stopid.<\/li>\n
    11. Add a button and change the label to “search”.<\/li>\n
    12. Add a table and choose to add data:
      \nchoose Service Connections and choose the get for you rest API<\/p>\n

      \"\"<\/a><\/p>\n

      click on next and choose: route, Duetime and origin for Primary key;
      \nnext and finish.<\/li>\n

    13. Create a variable bus and change the type for Array Data Provider.<\/li>\n
    14. Select the table and go on tab data and change for the variable bus.<\/li>\n
    15. click on the button search and create an event\n

      Add “Call REST Endpoint” and choose the get rest API;
      \nAdd “Reset Variables” and choose bus;
      \nAdd “Assign Variables” and on the Variables assign the REST to bus;<\/p>\n

      \"\"<\/a><\/p>\n<\/li>\n<\/ol>\n

      \n
      \n

      Oracle Visual Builder Cloud Service#VBCS<\/a> #oracle<\/a> DublinBus mobile app pic.twitter.com\/5x3fUwlc0S<\/a><\/p>\n

      — Igor Souza (@Igfasouza) October 11, 2018<\/a><\/p><\/blockquote>\n<\/div>\n

      I put everything in my Github<\/a>, so you can get the code and play with.<\/p>\n","protected":false},"excerpt":{"rendered":"

      How\u2019s it going horse? 2018\/10\/11 Today it’s #ThanksODC day and I decide to join the idea with a post about VBCS (Oracle Visual Builder Cloud). This post idea is going to be divided into three parts; A VBCS step by… Continue Reading →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-463","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/www.igfasouza.com\/blog\/wp-json\/wp\/v2\/posts\/463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.igfasouza.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.igfasouza.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.igfasouza.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.igfasouza.com\/blog\/wp-json\/wp\/v2\/comments?post=463"}],"version-history":[{"count":18,"href":"http:\/\/www.igfasouza.com\/blog\/wp-json\/wp\/v2\/posts\/463\/revisions"}],"predecessor-version":[{"id":944,"href":"http:\/\/www.igfasouza.com\/blog\/wp-json\/wp\/v2\/posts\/463\/revisions\/944"}],"wp:attachment":[{"href":"http:\/\/www.igfasouza.com\/blog\/wp-json\/wp\/v2\/media?parent=463"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.igfasouza.com\/blog\/wp-json\/wp\/v2\/categories?post=463"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.igfasouza.com\/blog\/wp-json\/wp\/v2\/tags?post=463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}