SAP InnoJam

Providing developers an access to SAP Developer Center and making sure, they have the best experience with the system; reaching out to student developers and make them excided on SAP technologies, Crew member of SAP InnoJam teams

How to reach me:
email: rocky.ongkowidjojo@sap.com

- twitter: @rocky-ong

Websites: Developer Center on SCN

Gigi Read

My responsibilities:

Bring fun, excitement, simplicity, and focus to everything we do to engage developers - InnoJam events, Developer Center

How to reach me:
email: gigi.read@sap.com

twitter: @ggread

Websites: SAP Developer Center

SAP InnoJam

Ingo Sauerzapf

My responsibilities:

SUP Developer Center, InnoJam Landscapes and Technical Infrastructure, Technology Evangelism and whatever comes around the corner

How to reach me:
email: ingo.sauerzapfATsap.com

twitter: <don't have one any more>

facebook: <don't want one any more>

Websites: Developer Center on SCN

Karin Schattka

My responsibilities:

communicate about new technologies and events, using social media tools, create and maintain developer center, maintain Technology Innovation page on SCN, run InnoJams, write and distribute SAP Technology Vision Paper

How to reach me:
email: karin.schattka@sap.com

twitter: @schattka

facebook: http://www.facebook.com/karin.schattka

linked-in: http://de.linkedin.com/in/karinschattka

Websites: Developer Center on SCN

Technology Innovation on SCN
Technology Innovation on Facebook

Juergen Schmerder

Katrin Staehr

Alvaro Tejada Galindo (Blag)

My responsibilities:

Developer Center, SAP InnoJam, Blogging.

How to reach me:
email: a.tejada.galindo@sap.com

twitter: @Blag

linked-in: http://ca.linkedin.com/in/atejada

blog: http://scn.sap.com/people/alvaro.tejadagalindo3/blog

Websites: Developer Center on SCN

Technology Innovation on SCN
Technology Innovation on Facebook

Julien Vayssière

My responsibilities:

Tools and Market Research for nurturing developer ecosystems. Understanding the Future of Work. Raising awareness of Open Innovation in the SAP ecosystem. Organizing InnoJams and DemoJams.

How to reach me:
email: julien.vayssiere@sap.com

twitter: @jvayssiere

linked-in: http://de.linkedin.com/in/julienvayssiere

Sebastian Wieczorek

My responsibilities:

Supporting the team on Open Innovation, Future of Work and whatever else is capable of temporarily surviving my goodwill.

How to reach me:
email: sebastian.wieczorek@sap.com

web: http://sebastian-wieczorek.de

Using Neo and SAPUI5 - Part 2 - Hi SAP UI5, may I introduce you to Neo?

Tue, 24 Apr 2012 08:40:50 +0000

In my first blog of this series we've prepared the development environment to be able to start developing with Neo and SAP UI5. In this blog post we'll create our first SAP UI5 app and will deploy it on Neo. We'll not create a "Hello world" app, but try to be a bit more sophisticated. This app will be the ground for the next blog posts where we'll add persistence to our app and secure it properly.

Ok. Let's go.

The Tweets Persistence App

One of the most important goals I have with this blog series is also to address some issues you might face during your day-to-day work with SAP UI5 and Neo. For that the app needs to fulfill certain requirements. The app needs to

look good :-)
read and write data into the persistence layer of Neo
be able to handle asynchronous events
be secured in a way that only certain users can access it
use both JPQL and native SQL queries

Therefore we'll build an app that will persist tweets messages for specific search terms. The user will have two tables, where the first contains the a list of search terms and the second table the corresponding tweets for it.

So first of all we'll create the UI in SAP UI 5.

Setting up the project

Let's use the project that you've created in the first part of this blog series. Rigth-click on the project name, click on "Refactor", "Rename" and give it another name. We'll use the name "tweetsApp".

After that we delete some files that we don't need for our project. Let's switch to the Java perspective (Eclipse menu "Window", "Open Perspective", "Java") and delete the following files:

WebContent/index.jsp
WebContent/resources (all files and the resources directory itself)
WebContent/test-resources (all files and the resources directory itself)

Now double-click the index.html file under the WebContent folder, delete all the text in it and substitute it with the following code and save the index.html file.

<!DOCTYPE HTML>
<html>
<head>
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <title>Tweets Persistence App</title>

     <script
       src="./resources/sap-ui-core.js"
       type="text/javascript"
       id="sap-ui-bootstrap"
       data-sap-ui-libs="sap.ui.ux3, sap.ui.commons, sap.ui.table"
       data-sap-ui-theme="sap_goldreflection">
     </script>
     <script type="text/javascript">
            var aContent = {};
            // Create a SAP UI5 shell element
            var oShell = new sap.ui.ux3.Shell("tweetAppShell", {
              appIcon : "http://www.sap.com/global/images/SAPLogo.gif",
              appTitle : "Tweets Persistence App",
          });

        // And now add so called WorksetItems to the shell
        // Each WorksetItem consists in our case of a NavigationItem
        // Notice that each Navigation Item is accessible via a unique key!
            var WI = sap.ui.ux3.NavigationItem;
        oShell.addWorksetItem(new WI({key : "wi_home",   text : "All Tweets"}));
        oShell.addWorksetItem(new WI({key : "wi_tweets", text : "Tweets per hashtag"}));

        // Just take the shell and place it in the html area called shellArea
        oShell.placeAt("shellArea");
       </script>
</head>

<body class="sapUiBody" >
     
     <div id="shellArea"></div>
</body>
</html>

Let's deploy it and see what happens.

Open your browser and enter the address http://localhost:8080/tweetsApp/index.html (or another port than 8080).

You should now see something like this

The SAP UI5 library generate a lot of things for you without having to write a lot of code. For example you can click on the two navigation tabs and you'll get a nice transition animation. Additionally SAP's "gold reflection" theme has been applied to our app. There are other themes you can try out, but I like the gold reflection theme a lot so I'll stay with it for now.

The app still looks very empty because we haven't any elements assigned to the navigation items. We'll change that now.

Adding UI Elements

Our app will show in the "All Tweets" tab a list of all tweets that have been persisted in our database.

The tab "Tweets Per Hashtag" will show a list of hashtags we want to monitor and another list with the tweets for a selected hashtag.

To make it as easy as possible, we'll use the DataTable element of SAP UI5.

Tools like the one I'm using here tend to grow a lot once you find them useful. You add a feature here, a nice goodie there and suddenly you have a code monster in front of you that is hard to maintain. Therefore we'll take care from the very beginning to keep our code as maintainable and readable as possible.

Firstly we'll create a separate JavaScript file to handle the creation of tables in our app. For that we'll create a new folder in our WebContent folder called "tools" and a file called "buildTable.js".

The directory should look now like this:

To be able to access this JavaScript code in our app we'll have to add the reference to it at the beginning of our index.html file.

<script type="text/javascript" src="tools/buildTable.js"></script>

We'll first take care of the smalest element of the DataTable: a column. We want to have column elements that just show text, another one that shows text with a link in it and another column where we can show a picture. Let's add the following code to our buidlTable.js file:

var buildLinkedColumn = function (title,value,link, width){
    var field;
    if (link){
        field = new sap.ui.commons.Link();
        field.bindProperty("text",value);
        field.bindProperty("href",link);
        field.setTarget("_blank");
    } else {
        var fieldValue = "{" + value + "}";
        field = new sap.ui.commons.TextField({value:fieldValue});
    }

    return     new sap.ui.table.Column().
    setLabel(new sap.ui.commons.Label({text: title})).
    setTemplate(field).
    setWidth(width).
    setSortProperty(value).
    setFilterProperty(value);
}

var buildPlainColumn = function (title,value,width){

    var fieldValue = "{" + value + "}";

    return new sap.ui.table.Column({
        label: new sap.ui.commons.Label({text: title}),
        template: new sap.ui.commons.TextArea({value:fieldValue}),
        sortProperty: value,
        filterProperty: value,
        width: width});
}
var buildColumnWithPic = function (title,piclink,width){

    oImage = new sap.ui.commons.Image().bindProperty("src", piclink);
    oImage.setWidth(width);
    oImage.setHeight(width);

    return new sap.ui.table.Column({
        label: new sap.ui.commons.Label({text: title}),
        template: oImage,
        width: "60px"});
}

So we have now three variables called buildPlainColumn, buildColumnWithPic and buildLinkedColumn. Each of these variables will return an object of the type sap.ui.table.Column that is calculated in a function. The parameters provided to these functions will be used to bind the result of a JSON object to the table data. I'll explain this later in this blog.

Now let's add the creation of the DataTable itself to the code. We'll have three tables in our app. One showing a list of all tweets that have been persisted in our app, another one with a list of all hashtags and another one showing a list of tweet for a selected hashtag. We'll create another variable called buildTable that you give the table name as parameter. After that our buildTable.js file looks like this:

var buildTable = function(tableName){

// Only run through the code if a table name has been provided as parameter
if (tableName) {

      // table with a list of all tweets
      if (tableName === "allTweets" || tableName === "tweetsForHashtag") {
          var oTable = new sap.ui.table.DataTable("table" + tableName, {
            title : "Tweets",
            width : "100%",
            visibleRowCount : 5,
            expandedVisibleRowCount : 10,
            selectionMode : sap.ui.table.SelectionMode.Single,
            editable : false
        });
        oTable.setRowHeight("50px");
        oTable.addColumn(buildColumnWithPic("Picture","icon","48px"));
        oTable.addColumn(buildLinkedColumn("Author","author","linkauthor","180px"));
        oTable.addColumn(buildLinkedColumn("Tweet","tweet","linktweet"));

        if (tableName === "allTweets") {
                 oTable.bindRows("allTweets");
        }
        if (tableName === "tweetsForHashtag") {
                oTable.bindRows("tweetsForHashtag");
        }
        return oTable;
     }

    if (tableName === "allHashtags") {
        var oTable = new sap.ui.table.DataTable("table" + tableName, {
            title : "All Hashtags",
            width : "150px",
            visibleRowCount : 5,
            expandedVisibleRowCount : 10,
            selectionMode : sap.ui.table.SelectionMode.Single,
            editable : false
        });

    oTable.addColumn(buildPlainColumn("Hashtag","hashtag","90px"));
    oTable.bindRows("allHashtags");
    return oTable;
   }

   return null;

}
else {
    return null;
}
};

var buildLinkedColumn = function (title,value,link, width){
    var field;
    if (link){
        field = new sap.ui.commons.Link();
        field.bindProperty("text",value);
        field.bindProperty("href",link);
        field.setTarget("_blank");
    } else {
        var fieldValue = "{" + value + "}";
        field = new sap.ui.commons.TextField({value:fieldValue});
    }

    return     new sap.ui.table.Column().
    setLabel(new sap.ui.commons.Label({text: title})).
    setTemplate(field).
    setWidth(width).
    setSortProperty(value).
    setFilterProperty(value);
}

var buildPlainColumn = function (title,value,width){

    var fieldValue = "{" + value + "}";

    return new sap.ui.table.Column({
        label: new sap.ui.commons.Label({text: title}),
        template: new sap.ui.commons.TextArea({value:fieldValue}),
        sortProperty: value,
        filterProperty: value,
        width: width});
}
var buildColumnWithPic = function (title,piclink,width){

    oImage = new sap.ui.commons.Image().bindProperty("src", piclink);
    oImage.setWidth(width);
    oImage.setHeight(width);

    return new sap.ui.table.Column({
        label: new sap.ui.commons.Label({text: title}),
        template: oImage,
        width: "60px"});
}

As the table for all tweets and the table of tweets for a specific hashtag provide the same columns, we only need on if-statement for both cases.

The code will first test which table name has been provided as a parameter. Depending on the parameter it will build a DataTable element that is returned from the calling instance.

We are ready with the preparations of our UI elements.

It's time to include the logic into our index.html file to make the UI elements show up in our app.

Show The UI Elements In Our App

There is not much we'll have to do. We need to be able to set the content for each of the tabs separately and need to ensure that the content for the first tab is pre-filled. So we'll have to add a little bit more code into our index.html file. This is how the index.html file looks like after adding that additional functionality. I've marked the added code in bold:

<!DOCTYPE HTML>
<html>
    <head>
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <title>Tweets Persistence App</title>

         
         <script
           src="./resources/sap-ui-core.js"
           type="text/javascript"
           id="sap-ui-bootstrap"
           data-sap-ui-libs="sap.ui.ux3, sap.ui.commons, sap.ui.table"
           data-sap-ui-theme="sap_goldreflection">
         </script>

        <script type="text/javascript" src="tools/buildTable.js"></script>

         <script type="text/javascript">

            // Create a SAP UI5 shell element
            var oShell = new sap.ui.ux3.Shell("tweetAppShell", {
                  appIcon : "http://www.sap.com/global/images/SAPLogo.gif",
                  appTitle : "Tweets Persistence App",
            });

            // And now add so called WorksetItems to the shell
            // Each WorksetItem consists in our case of a NavigationItem
            // Notice that each Navigation Item is accessible via a unique key!
            var WI = sap.ui.ux3.NavigationItem;
            oShell.addWorksetItem(new WI({key : "wi_home",   text : "All Tweets"}));
            oShell.addWorksetItem(new WI({key : "wi_tweets", text : "Tweets Per Hashtag"}));

            // Initialize the content variable
            var aContent = {};

            // Initialize the content for the first visible tab
            oShell.setContent(getContent("wi_home"));

            // Whenever a tab is selected in the sheet, set the content accordingly
            oShell.attachWorksetItemSelected(function(oEvent) {
                // get the key of the selected navigation item (built-in into the WorksetItem)
                var itemKey = oEvent.getParameter("key");
                oShell.setContent(getContent(itemKey));
            });

            // Just take the shell and place it in the html area called shellArea
            oShell.placeAt("shellArea");

            // content generation and buffering
            function getContent(id) {

                    if (id == "wi_home") {
                        if (!aContent[id]){
                            aContent[id] = [buildTable("allTweets")];
                        }
                    }
                    if (id == "wi_tweets") {
                        if (!aContent[id]){
                            aContent[id] = [buildTable("allHashtags"), buildTable("tweetsForHashtag")];
                        }
                    }

                return aContent[id];
            }

         </script>

    </head>

    <body class="sapUiBody" >
         
         <div id="shellArea"></div>
    </body>
</html>

The first line that is bold loads the buildTable.js file into the memory so that we can use the code of it.

<script type="text/javascript" src="tools/buildTable.js"></script>

The next one initializes a variable that will contain the content we want to assign to each of the tab

// Initialize the content variable
var aContent = {};

To pre-load the content for the first tab we need this:

// Initialize the content for the first visible tab
oShell.setContent(getContent("wi_home"));

That code line calls a function called getContent that you give the unique key of the navigation tab. Depending on the id the getContent function will then return the corresponding content:

// content generation and buffering

function getContent(id) {

                    if (id == "wi_home") {
                        if (!aContent[id]){
                            aContent[id] = [buildTable("allTweets")];
                        }
                    }
                    if (id == "wi_tweets") {
                        if (!aContent[id]){
                            aContent[id] = [buildTable("allHashtags"), buildTable("tweetsForHashtag")];
                        }
                    }

      return aContent[id];
}

The content is assigned only once to the tab. That's what the if statement takes care of that starts with if (!aContent[id]). Only if the content for a specific id (in our case the key of the navigation element) is not available, yet, it will be built. If you don't do that you'd re-create the same content again. This would lead into errors as the SAP UI5 library would notice that e.g. a table with the unique id tableallTweets is already available.

Filling the content variable has become pretty easy as we can re-use the function buildTable we've defined in buidlTable.js. We just say buildTable("xxx") and the table for xxx is created. The content of that table needs to be defined in one of the if statements of the function in the buildTable variable. That's all.

Finally we need another method to ensure that the content is really switched whenever the user selects an entry of the navigation bar. That's what this code here is for:

// Whenever a tab is selected in the sheet, set the content accordingly
oShell.attachWorksetItemSelected(function(oEvent) {
   // get the key of the selected navigation item (built-in into the WorksetItem)
   var itemKey = oEvent.getParameter("key");
   oShell.setContent(getContent(itemKey));
});

If not already done save not the index.html and the buildTable.js file and republish your changes to your local Neo instance. Et voila:

Pre-Fill Tables With Dummy-Data

We don't have any persistence, yet, in our app, but let's put some dummy data into our tables.

We'll add another function to our code that ensure the right data is available for each of our tabs. In this blog series I'll use JSON as data format, but you can easily change the code to make it also run with oData.

After adding the new function getTheRightModelData and adding some dummy data into the function our index.html file looks like this:

<!DOCTYPE HTML>
<html>
    <head>
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <title>Tweets Persistence App</title>

         
         <script
           src="./resources/sap-ui-core.js"
           type="text/javascript"
           id="sap-ui-bootstrap"
           data-sap-ui-libs="sap.ui.ux3, sap.ui.commons, sap.ui.table"
           data-sap-ui-theme="sap_goldreflection">
         </script>

        <script type="text/javascript" src="tools/buildTable.js"></script>

         <script type="text/javascript">

            // Create a SAP UI5 shell element
            var oShell = new sap.ui.ux3.Shell("tweetAppShell", {
                  appIcon : "http://www.sap.com/global/images/SAPLogo.gif",
                  appTitle : "Tweets Persistence App",
            });

            // And now add so called WorksetItems to the shell
            // Each WorksetItem consists in our case of a NavigationItem
            // Notice that each Navigation Item is accessible via a unique key!
            var WI = sap.ui.ux3.NavigationItem;
            oShell.addWorksetItem(new WI({key : "wi_home",   text : "All Tweets"}));
            oShell.addWorksetItem(new WI({key : "wi_tweets", text : "Tweets Per Hashtag"}));

            // Initialize the content variable
            var aContent = {};

            // Initialize the content for the first visible tab
            oShell.setContent(getContent("wi_home"));
            getTheRightModelData("wi_home");

            // Whenever a tab is selected in the sheet, set the content accordingly
            oShell.attachWorksetItemSelected(function(oEvent) {
                var itemKey = oEvent.getParameter("key");
                oShell.setContent(getContent(itemKey));
                getTheRightModelData(itemKey);
            });

            // Just take the shell and place it in the html area called shellArea
            oShell.placeAt("shellArea");

            // content generation and buffering
            function getContent(id) {

                    if (id == "wi_home") {
                        if (!aContent[id]){
                            aContent[id] = [buildTable("allTweets")];
                        }
                    }
                    if (id == "wi_tweets") {
                        if (!aContent[id]){
                            aContent[id] = [buildTable("allHashtags"), buildTable("tweetsForHashtag")];
                        }
                    }

                return aContent[id];
            }

            function getTheRightModelData(itemKey){
                if (itemKey == "wi_home"){
                    var oModel = new sap.ui.model.json.JSONModel();
                   oModel.setData({
                       "allTweets":
                       [
                             {"icon": "http://scn.sap.com/people/rui.nogueira/avatar/46.png?a=1392", "author":"ruinogueira", "linkauthor":"https://twitter.com/#!/ruinogueira", "tweet": "Just started my blog series around #SAPUI5 and #Neo http://t.co/DIwHXsu8 #innojam", "linktweet":"http://twitter.com/#!/ruinogueira/status/192606455688474624"},
                             {"icon": "https://twimg0-a.akamaihd.net/profile_images/1281299036/portrait_reasonably_small.jpg", "author":"steinermatt", "linkauthor":"https://twitter.com/#!/steinermatt", "tweet": "@rhirsch @simondsap oh 'they' know for sure and we are working on it - won't be long - btw, lets go for #sapnwneo as hashtag", "linktweet":"https://twitter.com/#!/ruinogueira/status/194863564442443776"},
                             {"icon": "http://scn.sap.com/people/rui.nogueira/avatar/46.png?a=1392", "author":"ruinogueira", "linkauthor":"https://twitter.com/#!/ruinogueira", "tweet": "Working on my second blog post around #sapnwneo and #sapui5. Hope to get it done by end of this week.", "linktweet":"https://twitter.com/#!/ruinogueira/status/194863564442443776"},
                       ]
                   });

                    if (itemKey == "wi_tweets"){
                        var oModel = new sap.ui.model.json.JSONModel();
                       oModel.setData({
                           "allHashtags" :
                           [
                                {"hashtag":"innojam"},
                               {"hashtag":"sapnwneo"},
                               {"hashtag":"sapui5"}
                           ],
                           "tweetsForHashtag" :
                           [
                               {"icon": "http://scn.sap.com/people/rui.nogueira/avatar/46.png?a=1392", "author":"ruinogueira", "linkauthor":"https://twitter.com/#!/ruinogueira", "tweet": "Just started my blog series around #SAPUI5 and #Neo http://t.co/DIwHXsu8 #innojam", "linktweet":"http://twitter.com/#!/ruinogueira/status/192606455688474624"},
                               {"icon": "http://scn.sap.com/people/rui.nogueira/avatar/46.png?a=1392", "author":"ruinogueira", "linkauthor":"https://twitter.com/#!/ruinogueira", "tweet": "Working on my second blog post around #sapnwneo and #sapui5. Hope to get it done by end of this week.", "linktweet":"https://twitter.com/#!/ruinogueira/status/194863564442443776"},
                           ]
                       });


                   sap.ui.getCore().setModel(oModel);
                }

           }


         </script>

    </head>

    <body class="sapUiBody" >
         
         <div id="shellArea"></div>
    </body>
</html>

In the function getTheRightModelData you can see how the JSON data fields connect to the fields we've used in our buildTable.js file.E.g. with oTable.bindRows("allTweets") in the buildTable function you tell the DataTable that it gets its datasets from the JSON variable "allTweets" we've defined in the getTheRightModelData function. The actual columns of our tables connect to the field names in the corresponding JSON object.

Pretty straight forward.

At the end we just need to ensure that whenever we select another tab we get the corresponding data. That's what we need the other two lines for I've added to the code for attachWorksetItemSelected

            // Whenever a tab is selected in the sheet, set the content accordingly
            oShell.attachWorksetItemSelected(function(oEvent) {
                var itemKey = oEvent.getParameter("key");
                oShell.setContent(getContent(itemKey));
                getTheRightModelData(itemKey);
            });

and after setting the content for the first visible tab:

            // Initialize the content for the first visible tab
            oShell.setContent(getContent("wi_home"));
            getTheRightModelData("wi_home");

Enjoying The First Results

Let's republish our code again to the local Neo instance and we finally see some data in our app

The End Of Blog Number 2

Of course there is still a lot to do in order to get a really functional app. We haven't talked about persistence, yet, and the table to show the related datasets for a hashtag is not working, too.

But you've learned how easy it is to create a nice looking prototype for an SAP UI5 app. You've also learned how to map a DataTable object to JSON data read-in by the SAP UI5 dataModel and also how you can use different UI elements withing such tables.

With the code for the buildTable.js file and index.html file in this blog you can easily try out this blog yourself. Have fun.

To be continued

In my next blog series I'll show you how to use the persistence layer of Neo and how to access the data from within our app. We'll not only read data, but also write data back to the persistence layer.

I hope you've enjoyed this blog and where able to follow it with some "aha" moments. For me those moments are the most important ones because they motivate to try out more and to suddenly have another idea on how to leverage other technologies and other know-how, too.

In case you find out something is wrong or would do things different, just post as a comment to this blog.

This is useful for the community and highly appreciated by me.

You can also ping me directly via my Twitter user ruinogueira.

Oh! One more thing: don't forget to rate this blog (and all the others coming in the next weeks and months) so that I can see if you find it helpful or not.

Best,

Rui

City of Boston InnoJam - Summary

Mon, 23 Apr 2012 22:47:27 +0000

SAP HANA InnoJam Online Contest - The Recap

Mon, 16 Apr 2012 22:51:28 +0000

HANA 2012 InnoJam – The Finals

Fri, 13 Apr 2012 06:03:24 +0000

Pre-DKOM SAP InnoJam 2012 in St. Leon Rot powered by Design Thinking

Rui Nogueira — Wed, 04 Apr 2012 08:50:47 +0000

The Pre-DKOM 2012 InnoJam in Palo Alto Rocked!

Gigi Read — Mon, 02 Apr 2012 23:01:24 +0000

SAP Tech. Innovation Podcast Episode 013: Design Thinking

Mon, 02 Apr 2012 19:40:02 +0000

Listen to the interview with my SAP colleague Martina Schuh at DKOM Karlsruhe 2012 after the pre-DKOM InnoJam. At the pre-DKOM InnoJam in St. Leon Rot we've tried out the Design Thinking methodology which led to some amazing results provided by the InnoJam teams.

SAP HANA InnoJam Online Contest - Meet the finalist

Mon, 02 Apr 2012 10:48:11 +0000

Pre-DKOM 2012 InnoJam in Bangalore: Design Thinking takes InnoJam to the next level!

Fri, 30 Mar 2012 09:26:39 +0000

And the winner is... pre-DKOM InnoJam 2012 Rot is over now!

Tue, 27 Mar 2012 20:54:09 +0000

News from pre-DKOM InnoJam 2012 in Rot (Germany)

Tue, 27 Mar 2012 19:39:39 +0000

Very first time: InnoJam Winner won DemoJam San Jose 2012!

Mon, 26 Mar 2012 10:58:45 +0000

Video: InnoJam Madrid 2011 - Feedback from Tim Guest

sapruinogueirahttp://gdata.youtube.com/feeds/api/users/sapruinogueira — Wed, 14 Dec 2011 00:00:00 +0000

Listen to Tim Guest and what he had to say about the SAP InnoJam 2011 in Madrid

SAP HANA InnoJam Online Contest - Wake up call

Alvaro Tejada Galindo — Sat, 03 Dec 2011 03:18:40 +0000

Video: SAP InnoJam Madrid 2011 - Team Carbon TNT

karinschattkahttp://gdata.youtube.com/feeds/api/users/karinschattka — Tue, 15 Nov 2011 00:00:00 +0000

InnoJammers Phil Loewen and Ole Jedrzejczyk talking about the project Carbon TNT - Efficient and easy to use mobile time, travel and expense tracking resulting in carbon impact reporting for employees and managers.

InnoJam Madrid 2011: and the winner is carbonTNT

Ivan Femia — Mon, 14 Nov 2011 23:49:21 +0000

Video: SAP InnoJam Madrid 2011 - Team British Airways

karinschattkahttp://gdata.youtube.com/feeds/api/users/karinschattka — Mon, 14 Nov 2011 00:00:00 +0000

This video shows Patrick F Davis talking about the project "Aviation Safety" with real British Airways Data and SAP InnoJam Madrid 2011 in general.

Video: SAP InnoJam Madrid 2011 - Team Green Cloud Controller

karinschattkahttp://gdata.youtube.com/feeds/api/users/karinschattka — Mon, 14 Nov 2011 00:00:00 +0000

This video shows Christian Braukmüller and Otto Gold talking about their project and SAP InnoJam Madrid 2011 in general.

SAP Tech. Innovation Podcast Episode 002: The SAP InnoJam events

Tue, 18 Oct 2011 14:57:05 +0000

Talking about the SAP InnoJam event series that SAP runs all over the world.

Video: SAP InnoJam Walldorf 2011 Sybase Unwired Platform

karinschattkahttp://gdata.youtube.com/feeds/api/users/karinschattka — Mon, 26 Sep 2011 00:00:00 +0000

This video shows a review of SAP InnoJam Walldorf 2011 Sybase Unwired Platform.

Video: SAP InnoJam2011 Las Vegas - summary

sapruinogueirahttp://gdata.youtube.com/feeds/api/users/sapruinogueira — Fri, 16 Sep 2011 00:00:00 +0000

SAP InnoJam2011 Las Vegas

Video: InnoJam2011 Las Vegas

sapruinogueirahttp://gdata.youtube.com/feeds/api/users/sapruinogueira — Wed, 14 Sep 2011 00:00:00 +0000

SAP InnoJam2011 Las Vegas

Video: What is SAP InnoJam?

sapruinogueirahttp://gdata.youtube.com/feeds/api/users/sapruinogueira — Thu, 01 Sep 2011 00:00:00 +0000

SAP InnoJam Promo

Video: SAP InnoJam 2011 Sydney - Team 4