4.6 WebSocket model
6.0.1 Future Directions
The development of the application continues with the intention to deploy the application to a broader set of global locations. The team of developers has recently grown as we are plan-ning to incorporate more features such as personal recommendation system, event gamifica-tion, LinkedIn integragamifica-tion, whiteboard collaboragamifica-tion, or integration with cognitive systems available on IBM Watson Developer Cloud1.
Personal recommendation system would recommend research projects to attendees based on their personal profile. It would take into account industry, job role, and other relevant data. For example a CEO of a company from banking industry would be provided with different recommendations when compared to an IT Architect from agriculture industry.
In terms of event gamification, we would like to focus on the scavenger hunt type of a game, when attendees would be provided with a list of specific actions, that when accom-plished, would transform into points and unlocked badges. Actions could be social activities such as taking a picture with a colleague, connecting with other people, answering questions raised by other attendees, or making geolocation check-ins at particular places in the lab.
This would deliver an unique event experience and motivate attendees to work together.
LinkedIn integration would help us to ease the process of registration as well as network-ing, as attendees wouldn’t have to exchange business cards nor e-mail addresses since the application would allow them to connect directly through their LinkedIn accounts. When the event is finished, they would also be provided with a list of people they met, so they could easily follow-up on their discussions.
We are also planning to enrich the application with some of the research capabilities pro-vided through IBM Watson Developer Cloud. For example, the Personality Insights project would allow us to discover attendees’ cognitive and social characteristics based on their
lin-1. http://www.ibm.com/smarterplanet/us/en/ibmwatson/developercloud
6. CONCLUSION
guistic analysis. That would help us to enhance the recommendation system and understand what projects are favorited by people with certain characteristics. Another project, Concept Insights, could help to reveal underlying concepts of user-input words. This would allow us to enrich the way how the searching in research projects works. For example, when an attendee searches for the keyword "Scrum", the search results would also include projects associated with the keyword "Agile Development".
[1] IBM. IBM Research. URL: http : / / www . research . ibm . com / labs / watson/
(visited on 03/30/2015).
[2] IBM. IBM Research : History of Progress.URL: http://www.research.ibm.com/
featured/history/(visited on 03/30/2015).
[3] T. Danova. The Future Of Mobile. URL: http : / / www . businessinsider . com / the-future-of-the-mobile-industry-2014-11#-1(visited on 03/30/2015).
[4] Crowd Compass. Feeling is believing: The 5 emotions of successful event apps. URL: http : / / www . crowdcompass . com / pdf / feeling is believing five -emotions-of-successful-event-apps.pdf(visited on 03/30/2015).
[5] Guidebook. Mobile Conference & Event Apps. URL: https : / / guidebook . com / event-apps/(visited on 03/30/2015).
[6] Doubledutch. Mobile Event App, Plus Powerful Analytics. URL: http : / / doubledutch.me/event-app.html(visited on 03/30/2015).
[7] CrowdCompass. Mobile Apps for Events.URL: http://www.crowdcompass.com/
app-features/(visited on 03/30/2015).
[8] Bizzabo. Event App & Networking Platform for Events. URL: https : / / www . bizzabo.com/event-experience(visited on 03/30/2015).
[9] H. Phan. Full-stack Mobile App With Ionic Framework. Hoc Phan, 2014.
[10] S. Truman. App Development: Learn Androids & iPhone App Development FAST!
Az Elite Publishing Inc., 2014.ISBN: 973-332-00389-3.
[11] A. Charland and B. LeRoux. “Mobile Application Development: Web vs. Native”. In:
Data 9.4 (2011).URL: https://queue.acm.org/detail.cfm?id=1968203.
[12] B. Lawson. HTML5: The Facts And The Myths. 2010. URL: http : / / www . smashingmagazine.com/2010/09/23/html5-the-facts-and-the-myths/
(visited on 03/30/2015).
[13] E. Bidelman. Capturing Audio & Video in HTML5. 2013. URL: http : / / www . html5rocks . com / en / tutorials / getusermedia / intro/ (visited on 03/30/2015).
[14] W3C. Device APIs Working Group. 2015. URL: http://www.w3.org/2009/dap/
(visited on 03/30/2015).
[15] M. Mahemoff. HTML5 vs Native: The Mobile App Debate. 2011.URL: http://www.
html5rocks.com/en/mobile/nativedebate/(visited on 03/30/2015).
[16] K. Millikin and F. Schneider. A New Crankshaft for V8. 2010. URL: http://blog.
chromium . org / 2010 / 12 / new - crankshaft - for - v8 . html (visited on 03/30/2015).
[17] P. Chandna. Hardware-Accelerated Chrome 7 60x Faster than Previous Versions.
2010. URL: http : / / www . maximumpc . com / article / news / hardware -accelerated _ chrome _ 7 _ 60x _ faster _ previous _ versions (visited on 03/30/2015).
BIBLIOGRAPHY [18] Primate Labs. iPhone, iPad, and iPod Benchmarks. 2014. URL: http://browser.
primatelabs.com/ios-benchmarks(visited on 03/30/2015).
[19] AreWeFastYet: tracking performance of popular JavaScript engines. URL: http : / / arewefastyet.com/#machine=11(visited on 03/30/2015).
[20] TJ VanToll. Why iOS 8’s WKWebView is a Big Deal for Hybrid Development. 2014.
URL: http : / / developer . telerik . com / featured / why ios 8s -wkwebview - is - a - big - deal - for - hybrid - development/ (visited on 03/30/2015).
[21] M. Firtman. Android 4.4 KitKat, the browser and the Chrome WebView. 2013. URL: http : / / www . mobilexweb . com / blog / android 4 4 kitkat browser -chrome-webview(visited on 03/30/2015).
[22] R. Coles. Beta Channel for the Android WebView. 2015. URL: http : / / blog . chromium . org / 2015 / 02 / beta - channel - for - android - webview . html (visited on 03/30/2015).
[23] Xamarin. Introduction to Mobile Development. URL: http : / / developer . xamarin . com / guides / cross - platform / getting _ started / introduction_to_mobile_development/(visited on 03/30/2015).
[24] A. Dallera. Why you should stay away from Appcelerator’s Titanium. 2011. URL: https : / / usingimho . wordpress . com / 2011 / 06 / 14 / why you should -stay-away-from-appcelerators-titanium/(visited on 03/30/2015).
[25] K. Whinnery. Comparing Titanium and PhoneGap. 2012. URL: http : / / www . appcelerator.com/blog/2012/05/comparing-titanium-and-phonegap/
(visited on 03/30/2015).
[26] M. Pronschinske. The State of Native vs. Web vs. Hybrid. 2014.URL: http://java.
dzone . com / articles / state - native - vs - web - vs - hybrid (visited on 03/30/2015).
[27] A. Freeman. Pro AngularJS. 1st ed. Expert’s Voice in Web Development. Apress, 2014.
ISBN: 1430264489.
[28] Apache Cordova.URL: https://cordova.apache.org/ (visited on 03/30/2015).
[29] Plugin APIs. URL: http://cordova.apache.org/docs/en/4.0.0/cordova_
plugins_pluginapis.md.html#Plugin%20APIs(visited on 03/30/2015).
[30] M. Lynch. The Last Word on Cordova and PhoneGap. 2014. URL: http : / / blog . ionic.io/what-is-cordova-phonegap/(visited on 03/30/2015).
[31] Comparing Titanium and PhoneGap. 2012. URL: http://phonegap.com/2012/
03/19/phonegap- cordova- and- what%E2%80%99s- in- a- name/(visited on 03/30/2015).
[32] C. Dunn. Why Trigger.io doesn’t use PhoneGap – 5x faster native bridge. 2012. URL: http://trigger.io/cross-platform-application-development-blog/
2012 / 02 / 24 / why trigger io doesnt use phonegap 5x faster -native-bridge/(visited on 03/30/2015).
[33] Trigger.io Modules.URL: https://trigger.io/modules/_/featured/ (visited on 03/30/2015).
[34] P. Rudolph. Hybrid Mobile Apps: Providing A Native Experience With Web Tech-nologies. 2014. URL: http : / / www . smashingmagazine . com / 2014 / 10 / 21 / providing - a - native - experience - with - web - technologies/ (visited on 03/30/2015).
[35] jQuery.URL: https://jquery.com/ (visited on 03/30/2015).
[36] jQuery Introduction. URL: http : / / www . w3schools . com / JQuery / jquery _ intro.asp(visited on 03/30/2015).
[37] jQuery Mobile.URL: https://jquerymobile.com/ (visited on 03/30/2015).
[38] jQuery UI.URL: https://jqueryui.com/ (visited on 03/30/2015).
[39] AngularJS - Superherois JavaScript MVW Framework.URL: https://angularjs.
org/(visited on 03/30/2015).
[40] D. Lamb. jQuery vs. AngularJS: A Comparison and Migration Walkthrough. 2014.
URL: https://www.airpair.com/angularjs/posts/jquery- angularjs-comparison-migration-walkthrough(visited on 03/30/2015).
[41] E. Marcotte. Responsive Web Design. A Book Apart, 2011.ISBN: 978-0-9844425-8-4.
[42] D. Cederholm. Sass for Web Designers. A Book Apart, 2013.ISBN: 978-1-937557-13-3.
[43] Sass Basics.URL: http://sass-lang.com/guide (visited on 03/30/2015).
[44] H. Giraudel. Sass Frameworks: Compass or Bourbon? 2014. URL: http : / / www . sitepoint . com / compass - or - bourbon - sass - frameworks/ (visited on 03/30/2015).
[45] J. Hixon. An Introduction To LESS, And Comparison To Sass. 2011. URL: http : / / www .smashingmagazine . com/ 2011 /09 / 09/ an- introduction- to- less-and-comparison-to-sass/(visited on 03/30/2015).
[46] G. Grisogono. 5 Best Mobile Web App Frameworks: Ionic (AngularJS). 2014. URL: http://moduscreate.com/5-best-mobile-web-app-frameworks-ionic-angulalrjs/(visited on 03/30/2015).
[47] All About Ionic.URL: http://ionicframework.com/docs/guide/preface.
html(visited on 03/30/2015).
[48] A. Bradley. Ionic + AngularJS: Superpowers for Mobile App Development. 2015.URL: http://adamdbradley.github.io/ionic-present/(visited on 03/30/2015).
[49] A. Bradley. Where does the Ionic Framework fit in? 2013. URL: http : / / blog . ionic . io / where - does - the - ionic - framework - fit - in/ (visited on 03/30/2015).
[50] Ionic: Advanced HTML5 Hybrid Mobile App Framework. URL: http : / / ionicframework.com/(visited on 03/30/2015).
[51] A. Bradley. Ionic and Angular Superpowers for Mobile App Development - Adam Bradley. 2015. URL: https://www.youtube.com/watch?v=wvr11fvCeu4 (vis-ited on 03/30/2015).
BIBLIOGRAPHY [52] S. Perez. Drifty Grabs $2.6 Million To Turn Web Developers Into Mobile App Makers.
2015. URL: http : / / techcrunch . com / 2015 / 03 / 30 / drifty grabs 2 6 -million-to-turn-web-developers-into-mobile-app-makers/(visited on 03/30/2015).
[53] damo.us.URL: http://famo.us/ (visited on 03/30/2015).
[54] T. Gleichger. Hybrid UI framework shootout: Ionic vs. Famo.us vs. F7 vs. OnsenUI.
URL: https://www.airpair.com/ionic-framework/posts/hybrid-apps-ionic-famous-f7-onsen(visited on 03/30/2015).
[55] Onsen UI - A Custom Elements-Based HTML5 UI Framework.URL: http://onsen.
io/(visited on 03/30/2015).
[56] IBM Bluemix - Next-generation Cloud App Development Platform. URL: https://
console.ng.bluemix.net/(visited on 03/30/2015).
[57] What is non-blocking or asynchronous I/O in Node.js? URL: http : / / stackoverflow.com/questions/10570246/what- is- non- blocking- or-asynchronous-i-o-in-node-js(visited on 03/30/2015).
[58] A. Mardan. Practical Node.js: Building Real-World Scalable Web Apps. Apress, 2014.
ISBN: 1430265957.
[59] About Node.js.URL: https://nodejs.org/about/ (visited on 03/30/2015).
[60] T. Capan. Why The Hell Would I Use Node.js? A Case-by-Case Tutorial.URL: http:
//www.toptal.com/nodejs/why-the-hell-would-i-use-node-js(visited
[63] IBM Bluemix. Getting started with Push. 2015. URL: https://www.stage1.ng.
bluemix . net / docs / #services / push / index . html # gettingstarted (vis-ited on 03/30/2015).
[64] M. Havlena. iBeacons – How do they (technically) work? 2014.URL: http://www.
havlena . net / en / location technologies / ibeacons how do they -technically-work/(visited on 03/30/2015).
2.1 Business Insider: The Future Of Mobile [3] 3 3.1 Use Case Diagram 10
3.2 Guidebook Configurator [5] 11 3.3 Doubledutch Configurator [6] 12 3.4 Bizzabo Management System [8] 13
4.1 Benchmark of mobile devices – scores are calibrated against a baseline score of 2500, which is the score of an Intel Core i5-2520M @ 2.50 GHz (higher scores are better) [18] 16
4.2 Performance of popular JavaScript engines based on Octane benchmark (lower scores are better) [19] 17
4.3 Architecture of a hybrid application 18
4.4 AngularJS is well-suited to single-page and complex web applications [27] 24
4.5 Compilation of styles from preprocessor syntax to plain CSS 26 4.6 Example of Sass partials 27
4.7 Ionic’s goal is to deliver the missing web SDK [48] 30 4.8 Multilayer architecture of Ionic applications 30 4.9 Frontend architecture 32
4.10 Design mockup of the Your Feed page 34
4.11 Comparison between request handling in Node.js and a traditional server [60] 37
4.12 Backend architecture built on top of the IBM Bluemix cloud platform 39 4.13 Overall system architecture 40
4.14 Entity-relationship model 41
5.1 Client management in the Administration Application 51 5.2 User management in the Administration Application 52 5.3 Event management in the Administration Application 53 5.4 Data analytics in the Administration Application 54 5.5 iBeacon micro-location – communication schema 55
5.6 Real-time multi-user collaboration in the Event Application 56 5.7 Voting in the collaboration space 57
5.8 SocialWall Application 58
A.1 Oblong Mezzanine, Source: oblong.com 69 A.2 Galaxy Application, Source: Twitter 69 B.1 Design mockup of the Agenda page 70 B.2 Design mockup of the Projects page 71 B.3 Design mockup of a particular project 72 B.4 Design mockup of the People page 73 B.5 Design mockup of the Messages page 74 B.6 Design mockup of the Collaboration page 75 B.7 Design mockup of the About Us page 76 B.8 Design mockup of the Survey page 77
LIST OF FIGURES B.9 Design mockup of the SocialWall application 78
2.1 Project risks 5 2.2 Probability levels 5
4.1 Native vs. Web vs. Hybrid: 7 factors of comparison [26] 19 4.2 Comparison of jQuery and AngularJS capabilities [40] 24
Listings
5.1 GET method that retrieves a list of users from the database . . . 50
5.2 Example of a JSON object returned by the REST service . . . 50
5.3 POST method that creates a new user . . . 50
5.4 Subscription to native push notifications by tag name . . . 52
5.5 Example of a callback function that handles delivered notifications . . . 52
5.6 Example a code that sends push notifications . . . 53
5.7 Example of a code that implements iBeacon ranging . . . 55
5.8 Code snippet that tracks tweets and fires WebSocket events in real-time . . . 57
Figure A.1: Oblong Mezzanine, Source: oblong.com
Figure A.2: Galaxy Application, Source: Twitter
B Design Mockups
Figure B.1: Design mockup of the Agenda page
Figure B.2: Design mockup of the Projects page
B. DESIGNMOCKUPS
Figure B.3: Design mockup of a particular project
Figure B.4: Design mockup of the People page
B. DESIGNMOCKUPS
Figure B.5: Design mockup of the Messages page
Figure B.6: Design mockup of the Collaboration page
B. DESIGNMOCKUPS
Figure B.7: Design mockup of the About Us page
Figure B.8: Design mockup of the Survey page
B. DESIGNMOCKUPS
The following data is attached to the thesis:
• text of the thesis in LATEX and PDF format;
• images and diagrams used in the text.