Mobile backends with Google Cloud Platform (MBLTDev'14)
201507_NeoHsu_Portfolio
1. Portfolio
Neo, Ting-Fu Hsu
DevNeoHsu@gmail.com
Android Apps
• 10x10 - Sports Squares
• OhMyGod!App
• Sunflower Protest
• COMI (Ubi Care)
• iReading
Android SDK
• Play SDK
• Forgame SDK
Front-End Web
• HTML5 Game - Slap Master
• HTML5 Game - Hatching Power
• Auto Draw Taipei MRT
Back-End Web
• Ball city
• Online data mapping
• Crawler lyrics API from KKBOX
• Helper
Other
• (Blackberry) BSinger
PORTFOLIO 1
2. Android Apps
10x10 - Sports Squares
Google Play Link https://play.google.com/store/apps/details?id=com.tenxten
Website http://www.10x10xu.com
Provide a platform for gambling (NCAA, NFL and NBA). User can guess the game
results and bit with friends.
• Massive Android Fragment interactions.
• Use EventBus to replace traditional message mechanism (Broadcast / Handler).
• Combine Interface and CallBack functions to deal with complex network connection
requirements. (Such as continuous API calling)
PORTFOLIO 2
3. OhMyGod!App
Google Play Link https://play.google.com/store/apps/details?id=tw.macrowell.apps.omg
Provide an account integration app for OMG platform.
• Integrate all game accounts under OhMyGod platform.
• Provide security features to protect accounts included One Time Password and phone
lock.
• Latest game news and events.
• Dynamic UI change in app. App UI can be updated from server-side. (Native Code)
• Use Hybrid (Native + Web) to handle frequent netwrok requests.
PORTFOLIO 3
4. Sunflower Protest
Google Play Link https://play.google.com/store/apps/details?id=tw.neo.fumao
Website http://fumao.herokuapp.com/
App for Sunflower Protest.
• Integrate realtime information of Sunflower Protest, such as realtime text broadcast and
Youtube video streaming and bulletin board in app.
• Use Google Cloud Messaging for Android (GCM) as push service, push all instance
messages to every user.
• The website was deployed to Heroku platform in 3 days, including realtime discussion
billboard, RESTful API ... etc.
PORTFOLIO 4
5. COMI(Ubi Care)
Demo video https://goo.gl/llER2T
A Android intelligence device control system includes contact, remote monitoring,
remote control, instant message and SIP phone ... etc.
• Provide scenarios fro user to control remote appliances.
• Integrate community announcements and notifications from physical distribution
system.
• Scheduling appliances control.
• Use Google Cloud Messaging for Android (GCM) to implement realtime messaging
features.
• Implement SIP phone which support G.711 protocol.
PORTFOLIO 5
7. iReading
Demo video https://goo.gl/B7Nj8v
Android eReader app for reading ePub, txt and comic files. Render and split content
to multiple pages though Android Canvas.
• ePub parser: Extract the TOC (Table of Content) and context from ePub files.
• Display contents in both vertical and horizontal layout. (Chinese/ Japanese books need
vertical display).
• Provide notes taking, bookmark, select to share functions.
• Comic frame extraction. Split whole page to several small comic frames, user can read
comics frame by frame with larger text dialogs.
PORTFOLIO 7
8. Android SDK
Play SDK
Design an SDK with View for developers to integrate floating toolbar, account
information, IAP, Push Notification and App analytics.
• Integrate login of Facebook, Google and Twitter.
• Provide In-App purchase feature.
• Use Google Cloud Messaging for Android (GCM) to implement Push Notification.
• Introduce Google analytics and Facebook tracking to monitor user's operating flow.
• Develop a floating toolbar contains customer service and billing functionalities.
(Floating toolbar is a circle button which stay at the top level of apps, like the thumbnail
in Facebook Messages)
PORTFOLIO 8
9. Forgame SDK
Design an SDK for developers to integrate account information, IAP, Push
Notification and App analytics.
• Integrate login of Facebook, Google and Twitter.
• Provide In-App purchase feature.
• Use Google Cloud Messaging for Android (GCM) to implement Push Notification.
• Introduce Google analytics and Facebook tracking to monitor user's operating flow.
PORTFOLIO 9
10. Front-End Web
HTML5 Game - Slap Master & Hatching Power
A HTML5 game with ReactJS.
• Use ReactJS and flux architecture.
• Use RequestAnimationFrame to implement timeline of this game.
• Fine tune CSS Render Pipeline in order to improve the performance and UI quality.
Slap Master Demo video https://goo.gl/dgGSLZ
Hatching Power Demo video https://goo.gl/S0P6eN
PORTFOLIO 10
11. Auto Draw Taipei MRT
Github Repository https://github.com/NeoHsu/TaipeiMRT
Demo video https://goo.gl/xcFhGa
Use Raphael.js to draw vector map automatically by geolocation of each metro
station.
• Provide auto route planning for Taipei Metro System.
• Draw Taipei MRT maps in SVG format by Raphael.js.
PORTFOLIO 11
12. Back-End Web
Ball city
Website https://www.ballcity.com
A basketball social platform for mobile app.
• Based on NodeJS, Express and MongoDB.
• Design data transfer policy by noSQL database and RESTful API.
Online data mapping (Score LeaderBoard)
Because BlackBerry stop the Scoreloop leaderboard service, I decide to write a
Scoreloop-like system by my own.
• Based on NodeJS, Express and MongoDB
• Collect data from BlackBerry Scoreloop Server for the Game "2048 for BlackBerry 10".
• Mapping data structure and create private online score leaderboard.
• The API functions include data input, data modification and deletion.
• Consider the security issues, hide token inside the header of https requests.
Automatically monitor unusual score modifications in whole system to avoid cheat or
hack.
Crawler lyrics API from KKBOX
A lyric crawler system which grab lyrics from KKBOX website.
• Based on NodeJS, Express and MongoDB
• Use cheerio to parse Html format and grab data.
• User can get multiple lyrics by simply input singer and song name.
PORTFOLIO 12
13. Helper
A simple crash reports system
• Based on NodeJS, Express and MongoDB.
PORTFOLIO 13
14. Other
BSinger
BlackBerry World <Built For BlackBerry Certified>
BlackBerry World Link http://appworld.blackberry.com/webstore/content/36427889/
Team Introduction Video https://goo.gl/MbftbX
A Karaoke voice recording app for BlackBerry10.
• 2013 BlackBerry Dream App of Taiwan.
• Auto-mapping for album cover and lyric of songs.
• Karaoke app, user can choose background music, singing and recording, merge with
background music and save.
PORTFOLIO 14