SlideShare a Scribd company logo
1 of 14
Download to read offline
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
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
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
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
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
PORTFOLIO 6
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
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
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
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
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
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
Helper
A simple crash reports system
• Based on NodeJS, Express and MongoDB.
PORTFOLIO 13
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

More Related Content

Similar to 201507_NeoHsu_Portfolio

Mobile Web Applications using HTML5 [IndicThreads Mobile Application Develop...
Mobile Web Applications using HTML5  [IndicThreads Mobile Application Develop...Mobile Web Applications using HTML5  [IndicThreads Mobile Application Develop...
Mobile Web Applications using HTML5 [IndicThreads Mobile Application Develop...IndicThreads
 
Mobile game architecture on GCP
Mobile game architecture on GCPMobile game architecture on GCP
Mobile game architecture on GCP명근 최
 
Bring Your Android Apps to BlackBerry 10 in minutes
Bring Your Android Apps to BlackBerry 10 in minutesBring Your Android Apps to BlackBerry 10 in minutes
Bring Your Android Apps to BlackBerry 10 in minutesDr. Ranbijay Kumar
 
Google's serverless journey: past to present
Google's serverless journey: past to presentGoogle's serverless journey: past to present
Google's serverless journey: past to presentwesley chun
 
Cross platform mobile app
Cross platform mobile appCross platform mobile app
Cross platform mobile appHong Liu
 
Exploring Google APIs with Python
Exploring Google APIs with PythonExploring Google APIs with Python
Exploring Google APIs with Pythonwesley chun
 
Sinergija 12 WP8 is around the corner
Sinergija 12 WP8 is around the cornerSinergija 12 WP8 is around the corner
Sinergija 12 WP8 is around the cornerCatalin Gheorghiu
 
Google Developer Group(GDG) DevFest Event 2012 Android talk
Google Developer Group(GDG) DevFest Event 2012 Android talkGoogle Developer Group(GDG) DevFest Event 2012 Android talk
Google Developer Group(GDG) DevFest Event 2012 Android talkImam Raza
 
iOS-iPhone documentation
iOS-iPhone documentationiOS-iPhone documentation
iOS-iPhone documentationRaj Dubey
 
[English] Create Mobile LBS Application Using Maps API
[English] Create Mobile LBS Application Using Maps API[English] Create Mobile LBS Application Using Maps API
[English] Create Mobile LBS Application Using Maps APIGoogle Cloud Platform - Japan
 
Supriya Saha Resume
Supriya Saha ResumeSupriya Saha Resume
Supriya Saha Resumesupriya saha
 
Mobile Web Apps and the Intel® XDK
Mobile Web Apps and the Intel® XDKMobile Web Apps and the Intel® XDK
Mobile Web Apps and the Intel® XDKIntel® Software
 
Tiggr Mobile Apps Builder at Silicon Valley HTML5 Group Meetup
Tiggr Mobile Apps Builder at Silicon Valley HTML5 Group MeetupTiggr Mobile Apps Builder at Silicon Valley HTML5 Group Meetup
Tiggr Mobile Apps Builder at Silicon Valley HTML5 Group MeetupMax Katz
 
Big Data And HTML5 (DevCon TLV 2012)
Big Data And HTML5 (DevCon TLV 2012)Big Data And HTML5 (DevCon TLV 2012)
Big Data And HTML5 (DevCon TLV 2012)Ido Green
 
2014 HTML5 총정리
2014 HTML5 총정리2014 HTML5 총정리
2014 HTML5 총정리Wonsuk Lee
 
Developing Windows Phone 8 apps using PhoneGap
Developing Windows Phone 8 apps using PhoneGapDeveloping Windows Phone 8 apps using PhoneGap
Developing Windows Phone 8 apps using PhoneGapAmar Mesic
 
Narender Soni Resume - Updated
Narender Soni Resume - UpdatedNarender Soni Resume - Updated
Narender Soni Resume - UpdatedNarender Soni
 
Mobile backends with Google Cloud Platform (MBLTDev'14)
Mobile backends with Google Cloud Platform (MBLTDev'14)Mobile backends with Google Cloud Platform (MBLTDev'14)
Mobile backends with Google Cloud Platform (MBLTDev'14)Natalia Efimtseva
 

Similar to 201507_NeoHsu_Portfolio (20)

Mobile Web Applications using HTML5 [IndicThreads Mobile Application Develop...
Mobile Web Applications using HTML5  [IndicThreads Mobile Application Develop...Mobile Web Applications using HTML5  [IndicThreads Mobile Application Develop...
Mobile Web Applications using HTML5 [IndicThreads Mobile Application Develop...
 
Mobile game architecture on GCP
Mobile game architecture on GCPMobile game architecture on GCP
Mobile game architecture on GCP
 
Bring Your Android Apps to BlackBerry 10 in minutes
Bring Your Android Apps to BlackBerry 10 in minutesBring Your Android Apps to BlackBerry 10 in minutes
Bring Your Android Apps to BlackBerry 10 in minutes
 
Google's serverless journey: past to present
Google's serverless journey: past to presentGoogle's serverless journey: past to present
Google's serverless journey: past to present
 
Cross platform mobile app
Cross platform mobile appCross platform mobile app
Cross platform mobile app
 
Google Developers Overview Deck 2015
Google Developers Overview Deck 2015Google Developers Overview Deck 2015
Google Developers Overview Deck 2015
 
Exploring Google APIs with Python
Exploring Google APIs with PythonExploring Google APIs with Python
Exploring Google APIs with Python
 
Sinergija 12 WP8 is around the corner
Sinergija 12 WP8 is around the cornerSinergija 12 WP8 is around the corner
Sinergija 12 WP8 is around the corner
 
Google Developer Group(GDG) DevFest Event 2012 Android talk
Google Developer Group(GDG) DevFest Event 2012 Android talkGoogle Developer Group(GDG) DevFest Event 2012 Android talk
Google Developer Group(GDG) DevFest Event 2012 Android talk
 
iOS-iPhone documentation
iOS-iPhone documentationiOS-iPhone documentation
iOS-iPhone documentation
 
[English] Create Mobile LBS Application Using Maps API
[English] Create Mobile LBS Application Using Maps API[English] Create Mobile LBS Application Using Maps API
[English] Create Mobile LBS Application Using Maps API
 
Gwt Deep Dive
Gwt Deep DiveGwt Deep Dive
Gwt Deep Dive
 
Supriya Saha Resume
Supriya Saha ResumeSupriya Saha Resume
Supriya Saha Resume
 
Mobile Web Apps and the Intel® XDK
Mobile Web Apps and the Intel® XDKMobile Web Apps and the Intel® XDK
Mobile Web Apps and the Intel® XDK
 
Tiggr Mobile Apps Builder at Silicon Valley HTML5 Group Meetup
Tiggr Mobile Apps Builder at Silicon Valley HTML5 Group MeetupTiggr Mobile Apps Builder at Silicon Valley HTML5 Group Meetup
Tiggr Mobile Apps Builder at Silicon Valley HTML5 Group Meetup
 
Big Data And HTML5 (DevCon TLV 2012)
Big Data And HTML5 (DevCon TLV 2012)Big Data And HTML5 (DevCon TLV 2012)
Big Data And HTML5 (DevCon TLV 2012)
 
2014 HTML5 총정리
2014 HTML5 총정리2014 HTML5 총정리
2014 HTML5 총정리
 
Developing Windows Phone 8 apps using PhoneGap
Developing Windows Phone 8 apps using PhoneGapDeveloping Windows Phone 8 apps using PhoneGap
Developing Windows Phone 8 apps using PhoneGap
 
Narender Soni Resume - Updated
Narender Soni Resume - UpdatedNarender Soni Resume - Updated
Narender Soni Resume - Updated
 
Mobile backends with Google Cloud Platform (MBLTDev'14)
Mobile backends with Google Cloud Platform (MBLTDev'14)Mobile backends with Google Cloud Platform (MBLTDev'14)
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