Teamitup – Mobile & Api

View Github Repository Open presentation in a new window

BeRMaNyA

See all presentation from BeRMaNyA

Teamitup – Mobile & Api

0 0

teamitup-mobile-presentation

On Github BeRMaNyA / teamitup-mobile-presentation

Teamitup

Mobile & Api

Created by Berna Castro

Teamitup Mobile

Our mobile version will allow users to share their lacrosse updates with their friends and make new coaches connection.

Goals for Api v1

This first version will be released in 5-6 weeks and will have implemented:

API for users authentication API for fetching/creating/deleting updates

API for fetching users information (basic info/teams/followings/followers)

API for fetching teams information (basic info/members/fans)

Goals for Mobile app v1

  • User Authentication:
  • Username/Email & Password
  • Facebook
  • Home Feed
  • Profile Page
  • Team Profile Page
  • Post Updates
  • Menu
  • Clean and nice Design

Technologies

I will describe the technologies that will be used by our mobile app

Phonegap

PhoneGap is a mobile development framework produced by Nitobi, purchased by Adobe Systems in 2011. It enables software programmers to build applications for mobile devices using JavaScript, HTML5, and CSS3, instead of relying on platform-specific APIs like those in iOS or Android

Pros

  • Support for all major mobile platforms
  • You only write HTML/CSS/Javascript
  • Support for various API's like:
  • Accelerometer, Geo-Location, Media, Network, Notifications, Camera, etc
  • It's very quick to prototype
  • Cordova is guided by a plugin architecture, meaning that access to native device APIs can be extended in a modular way (developers love this). There are a lot Cordova/PhoneGap plugins to choose from – enabling developers to focus on the web-based skills they already have. (This is a weakness as well, more on this under cons)
  • The performance of Cordova/PhoneGap apps has often been criticized. Native UI will always outperform a hybrid solution, but improvements in device hardware and WebView implementations have narrowed the gap. Web developers will need to pay close attention to performance, which means their knowledge of profiling tools as well as which web UI frameworks are mobile-friendly is essential.

Ionic Framework

Ionic is the open source HTML5 Mobile Framework for building amazing, cross-platform hybrid native apps with HTML, JavaScript, and CSS.

We built Ionic because we wanted a framework that focused on building hybrid native apps, rather than mobile websites. We wanted this framework to be obsessive about great design and performance. A framework that left the past behind and focused on the future where mobile devices could make HTML5 feel native.

Performance obsessed Speed is important. So important that you only notice when it isn't there. Ionic is built to perform and behave great on the latest mobile devices. With minimal DOM manipulation, zero jQuery, and hardware accelerated transitions, one thing is for sure: You'll be impressed.
AngularJS & Ionic A match made in heaven. Ionic utilizes AngularJS in order to create a framework most suited to develop rich and robust applications. Ionic not only looks nice, but its core architecture is for serious app development, and AngularJS ties in perfectly.
Native Focused Ionic is modeled on popular native mobile development SDKs, making it easy to understand for anyone that has built a native app for iOS or Android. Just drop it in your code to get going, and push through Cordova when it's ready. Develop once, deploy everywhere.
Beautifully designed Clean, simple, and functional. Ionic has been designed to work and display beautifully on all current mobile devices. With tons of popular mobile components, typography, interactive paradigms, and a gorgeous (yet extensible) base theme, you'll wonder how you lived without it.
Built by nerds Built and maintained by developers and designers passionate about web technologies. Ionic focuses on standards compliant code, is forward thinking, and is managed through Github. We're making mobile development with HTML5 awesome and simple.

Why do I choose Phonegap + Ionic?

I don't need to learn Objetive C nor Java I have a strong knowdledge of Html/Css/Javascript It's more fun and there are tons of tutorials/docs Phonegap supports iOS and Android The phusion of Phonegap, Ionic, AngularJS, will give a highly interaction to our app. I love the beauthiful design and the strong orientation on native apps Rormix has convinced me to use these technologies Because we are building an app with sensible defaults and best practices

Showcase

  • Rormix - Discover Emerging Music Videos With the Rormix app you can watch music videos, search for music based on your unique taste, and discover new emerging artists on your iOS device for free. Access a vast catalog of new undiscovered artists from around the world in a beautiful video app.
  • Mallzee - Personal Fashion Shopping Meet Mallzee, the personal stylist in your pocket. Pulling together over 2 million products from 100 big name fashion brands, Mallzee finds must have clothes suited to you. Get search specific with our unique Style Feeds, never miss a bargain again with price drop alerts and stay ahead of the fashion elite with interactive inspiration from top fashion bloggers and personal stylists.
  • Sprout at Work Sprout is revolutionizing corporate wellness and employee engagement globally and now you can access it from anywhere! Set health goals, track your activities and compete against your colleagues on the go!

Project Management

We will use Pivotal Tracker for User Stories

The US will be created like this:

Every US will have an estimation time and will be updated with the time taken when the story is completed and accepted

TestFlight (Beta Testing on the fly)

Fortune 500 companies, investors, top publishers, independents, students... from experts to beginners, they’re all here. Most of the world's developers rely on the TestFlight platform for beta testing, crash reporting and analytics.

  • Over-The-Air Send your beta apps over the air with ease. It's simple, painless, and magical.
  • Team Management Manage devices and create custom distribution lists to selectively send builds over the air.
  • Reports The Black Box of beta Testing. Beta testing transparency. No longer wonder which testers received your apps & keep track of feedback.

Conclusion

We are in the right moment of building a mobile application. I think Phonegap & Ionic are good options since we can give to users all they need in a practical-simple-beauthiful way, quickly and multiple platform.

As you can see in the showcase, those apps were built with Phonegap & Ionic and they can handle thousand of users and there is no performance issues.