A cloud based solution for enterprise mobility: Putting Windows Phone 7 into context

Transcription

1 A cloud based solution for enterprise mobility: Putting Windows Phone 7 into context Dr. Mícheál Ó Foghlú CTO Microsoft: Developer Developer Developer Digital Hub, Dublin October

2 CTO FeedHenry Executive Director Research TSSG ( ) Prolog, Lisp, Pascal, C, C++, Java, Perl, Python, JavaScript Networking: IPv6, routing Services: Composed Services, Web Services Mícheál Ó mofoghlu-at-feedhenry.com 2

3 About FeedHenry A spin-out company from the TSSG in Waterford Institute of Technology A hosted enterprise service supporting the development of cross-platform mobile apps 3

4 WIT Telecommunications Software & Systems Group 154 projects, 73% led by TSSG, 40 active each year Avg project size $500k, Total budget >$80M total funding ( ) 150 researchers and developers Convergence of Internet technologies and telecommunications 4

5 FeedHenry App Philosophy Plain old HTML, JavaScript and CSS No proprietary languages or formats See your changes right away Small footprint JavaScript API Client and Server-side JavaScript Create your own database tables Access external web services without browser cross-domain restrictions Use JavaScript JSON format: {foo: bar } 5

6 FeedHenry Platform 6

7 App Big Picture JSON request sent by FeedHenry API Web service request sent by FeedHenry API Application FeedHenry Server External Web Service HTML, CSS and JavaScript Server-side JavaScript Your website 7

8 App API JavaScript API exposes underlying HTTP/JSON REST-based API Functions are provided by the $fh object Use the act method on the client-side to call server-side methods ( actions ). Use the ent method to load and save data ( entities ) from your database tables 8

9 A Spell Check App Put your HTML in index.html Put your CSS in index.css Put your client-side JavaScript in index.js Put your server-side JavaScript in /ext/server/private/main.js Use a server-side spell function 9

10 Client-side: index.html Plain old HTML Use a link tag to pull in index.css Use a script tag to pull in index.js <link href="index.css" rel="stylesheet" type="text/css"> <h1>spell Check</h1> <input id="spell" value="" ></input> <input id="button" type="button" value="spell"></input> <div id="suggest"></div> <script src="index.js"></script> 10

11 Client-side: index.js Use $fh.act to call server-side spell action. Send this JSON: {word: ffood } $('#button').click(function() { $fh.act( { act:'spell', req:{word:$('#spell').val()} }, } ); }); function(res) { var suggest = 'Suggestion: '+res.suggest+'.'; $('#suggest').text(suggest); Get this JSON back: {suggest: food } 11

12 Server-side: main.js Write a spell function that calls Google Get the word from the $params object Use $fh.web for the web-service function spell() { var word = $params.word; } var res = $fh.web( { (XML not shown) url: ' contenttype: 'text/xml', method: 'POST', body: < >{word}</ > } ); var suggest = res.body.descendants("c").tostring(); return { suggest: suggest }; Send this JSON back: {suggest: food } Make an XML webservice call to Google 12

13 App Preferences Preferences let users customize Apps Google needs an API key Define a preference Users can edit this var prefs var sendxml = < > = $fh.loadprefs(); Load as JSON: {key: GQ } <key xsi:type='xsd:string'>{prefs.key}</key> </ > Use the key preference value 13

14 App Data Storage We always have to wait for Google Letʼs cache the suggestions! Create an entity to store them: Use the ent method to load and save them 14

15 App Entity API No saved Suggestion? Go to Google, and save result Otherwise, just return saved result List entities using query criteria var savedsugs = $fh.ent('suggest/list', {'list-type':'criteria', criteria:[{field:'spell',type:'eq',value:word}]}); if( savedsugs.list.length == 0 ) { go to Google $fh.ent('suggest/create', {fields:{spell:word,suggest:suggest}}); } else { suggest = savedsugs.list[0].fields.suggest; } Create entities by passing in fields 15

16 Entity Operation Parameters Create: Read: Update: Delete: List: {fields:{product: apple,price:10}} {guid: ABC } {guid: ABC, {fields:{product: apple,price:20}} {guid: ABC } {'list-type':'criteria', criteria: [{field: price',type: le',value:30}] } 16

17 Device Capabilities Go with the emerging standards: Device meta tags: <meta name="viewport" content="user-scalable = no"> Device APIs: window.orientation HTML5 Use FeedHenry API for cross-platform needs: $fh.contacts access contact list $fh.send send s, SMS, etc $fh.geolocation get location see API documentation for full list 17

18 Getting the Contacts List Use the 'list' action; your callback function will get the list of contacts on the device $fh.contacts( {act:'list'}, function(res) { var ul = document.createelement('ul'); for( var i in res.list ) { var li = document.createelement('li'); li.innerhtml = '<i>'+res.list[i].name+'</i>'; ul.appendchild(li); } document.getelementbyid('contacts').appendchild(ul); } ); 18

19 Windows Phone 7 Export to source from FeedHenry platform Compile and deploy using MS tools on Windows 7 machine Customers using Windows Mobile export today Plan to allow binary export in product roadmap 19

20 Feed Henry Customers End-to-end Apps that integrate with business systems Server-side Logic and Security in the Cloud Cloud - Platform-as-a-Service Pay-as-you-Go Model Scalability, Reliability and Performance Management Cross-platform Build once, Available everywhere 20

21 Sample Apps 21

22 developer.feedhenry.com 22

23 h"p://appchallenge.ie Microso' are looking for the best Windows Phone 7 apps in Ireland, so if you re a developer you ve hit the jackpot! Register your interest to be eligible to win some great prizes: Grand Prize 5,000 Audience Choice 2,500 Best Student App Best Professional App 1,000 All winners also receive a brand new Xbox 360 Elite plus a 12 month Xbox Live Gold Membership For more info visit hvp://appchallenge.ie and/or Dave daven@microso'.com

24 Microso' are looking for the best Windows Phone 7 apps in Ireland, so if you re a developer you ve hit the jackpot! h"p://appchallenge.ie Great Prizes for the best apps For more info Dave Northey daven@microsob.com

25 h"p://appchallenge.ie 1. Register yourself as a Windows Phone 7 developer 2. Download the FREE tools you ll need 3. Learn about building Windows Phone 7 apps 4. Build your app and upload it to the Marketplace 5. Watch the money roll in Oh, and maybe win 5000

26 Thanks Mícheál Ó mofoghlu-at-feedhenry.com 26

27 Appendix Samples of use of client phone features: Accelerometer Camera Map Notify 27

28 FH API: accelerometer function getcurrentaccel(){ $('#accelerometer.wait_message').show(); $fh.acc({interval: 0}, function(accel){ var resulthtml = ""; for(var key in accel){ resulthtml += "<p>" + key + " : " + accel[key] + "</p>"; } $('#accelerometer.wait_message').hide(); $('#accelerometer.result').html(resulthtml).show(); }, function(msg){ alert("error: " + msg); }) } 28

29 FH API: camera function getcamera(type){ var sources = ['camera', 'photo']; $fh.cam({act:'picture', source:sources[type]}, function(picdata){ var resulthtml = "<img src='data:image/"+picdata.format +";base64,"+picdata.b64+"' width='300px' height='300px' ></img>"; $('#cam.result').html(resulthtml).show(); }, function(msg){ alert('error: ' + msg); }) } 29

30 FH API: map function showcurrentlocationinmap(){ $fh.geo({interval: 0}, function(res){ $fh.map({target: '#maps_div', lat: res.lat, lon: res.lon, zoom: 9}, function(res){ }, function(error){ alert(error); }); })} 30

31 FH API: notify function notify(method){ var methods = ['vibrate', 'beep', 'blink']; $fh.notify({type: methods[method]}, function(){}, function(msg){ alert("error : " + msg); }) } 31