Srishti innovative perspective on angular ionic-bootstrap

22

Transcript of Srishti innovative perspective on angular ionic-bootstrap

Page 1: Srishti innovative   perspective on angular ionic-bootstrap
Page 2: Srishti innovative   perspective on angular ionic-bootstrap

Our point of View on Angular, Ionic and Bootstrap

17-Feb-2015

Page 3: Srishti innovative   perspective on angular ionic-bootstrap

•Perspective on technologies involved (Angular.js, HTML, CSS etc)

• Case studies of some of our past work

• About Srishti Innovative (www.srishtis.com)

Content

Page 4: Srishti innovative   perspective on angular ionic-bootstrap

Perspective on technologies involved (Angular.js, HTML, CSS etc)

Page 5: Srishti innovative   perspective on angular ionic-bootstrap

• Powerful front-end framework for faster and easier web development.• HTML and CSS based design templates with optional JavaScript extensions

5

Advantages • Save time — with Bootstrap’s attractive , professional predefined design templates .

• Responsive features —web pages appropriately designed for different devices and screen resolutions without any change in markup.

 • Consistent design — All Bootstrap components share the same design templates and

styles through a central library,

• Compatible with browsers — Twitter Bootstrap is created with modern browsers in mind and it is compatible with all modern browsers such as Mozilla Firefox, Google Chrome, Safari, Internet Explorer, and Opera.

Page 6: Srishti innovative   perspective on angular ionic-bootstrap

6

Advantages

• Angular.js supports MVS pattern

• Can do two ways data binding using Angular.js

• It has pre-defined form validations

• Supports both client server communications

• Supports animations

Page 7: Srishti innovative   perspective on angular ionic-bootstrap

• Focus on building hybrid native apps, rather than mobile websites.

• Orientation to great design and performance. 

• Focus on the future where mobile devices could make HTML5 feel native.

7

Pairing with AngularJS:

• Ionic and AngularJS form a great fit for several reasons.

• Ionic gives free and open source native-style UI kit complete with AngularJS features.

• Building Apps with Angular JS yields a solid code that affords high scalability to pile on additional features. But with Ionic , one can reuse the application logic on multiple devices on multiple platforms and still customize the UI for each platform.

 Ionic is an open source front-end framework for developing amazing cross-platform hybrid native apps with HTML, JavaScript and CSS.

Key Features

Page 8: Srishti innovative   perspective on angular ionic-bootstrap

Case Studies

Page 9: Srishti innovative   perspective on angular ionic-bootstrap

9

Case Study : FresHires

Client Profile FresHires, promoting the self brand of rising young professionals and connecting them with highly experienced professionals .Opportunity It is a service platform with a mission to help college, university students and graduates showcase their competitiveness for potential job opportunities, market their skills, and mutually trade their skills. Our platform includes recruiter, profiles, mentors, educators, life coaches, career coaches, counselors, companies, blogs, groups, real time chat engine and a customized (API) job search engine.

TechnologyPhp with Bootstrap ,HTML CSS

Challenges Key challenge faced in chat engine

1

Page 10: Srishti innovative   perspective on angular ionic-bootstrap

10

Case Study : SAME JEANS

Client Profile Same, started when designer and tech entrepreneur, Chachi Prasad making some custom design for his friends. He realized that the access he was giving them should be a larger network of people – people who share the SAME view that owing quality clothing can be exclusive without expensive.

Opportunity Same gets high end denim and apparel into the hands of the customers by eliminating the retail markups and utilizing wearable technology. SAME jeans for the individuals appreciate the quality and fit at an exclusive price traditionally available through a friend in the business

TechnologyPhp with Bootstrap ,HTML CSS

ChallengesKey challenge in generating a promotion code

2

Page 11: Srishti innovative   perspective on angular ionic-bootstrap

11

Case Study : How To Be A Slim Girl

Client Profile How to be a Slim Girl, we offer the How To Be A Slim Girl weight loss program.

Opportunity How to be a Slim Girl , will reprogram the associations in your mind so you experience pleasure in doing the things you need to do to lose weight and pain for not doing those things. This will help you to keep on your weight loss track and you will enjoy the journey

TechnologyPhp with Bootstrap ,HTML CSS

ChallengesKey challenge for email generation to mail id ‘s with different domains

3

Page 12: Srishti innovative   perspective on angular ionic-bootstrap

12

Case Study : AB Festival

Client Profile ARLO Entertainment, LLC is a special events and entertainment consulting company .

Opportunity AB Festival App is a cross platform application available on Android , iPhone and iPad. The App promotes and provides information on the Annual Atlantic Beach Bike Festival, featuring motorcycle stunt shows, live entertainment and film screenings. With AB Festival App you get to know about the events, artists, schedules, locations and the latest buzz on the social media all at one place.

TechnologyIonic with Angular JS

Challenges Special focus required when developing the architecture for the Admin Panel to ensure proper Management and organization of information without affecting the design at the user end

4

Page 13: Srishti innovative   perspective on angular ionic-bootstrap

13

Client Profile Al Shamali Al Ahliea General Trading & Contracting is a well-diversified, multi-services companybased out of Kuwait.

Opportunity

The Client wanted to develop Kuwait’s one of its kind local resource directory bringing together businesses and utility services that are open 24X7 at a tap of your fingers - from plumbers to doctors, pharmacies to restaurants

TechnologyJquery mobile, HTML 5, Angular JS, CSS3

ChallengesKey challenge was with the language

5Case Study : KWI 24 X 7

Page 14: Srishti innovative   perspective on angular ionic-bootstrap

14

Client Profile Rate My Ridez is a social platform where automobile aficionados can congregate and discuss their hobby. Users can join the site by registering and creating a profile. These personalized profiles can be outfitted with pictures, videos, bios and more to help other members get to know more about the user, bout their cars and the love they share for them.

Opportunity The Client was looking at Technology Services Partner to develop an application to complement the website .

Technology Ionic , Angular JS

ChallengesManaging the WordPress backend and the Leaderboard Management was a key challenge. Client wanted many sliders in the home page with different patterns which would have made the app slow.

6Case Study : Rate My Ridez

Page 15: Srishti innovative   perspective on angular ionic-bootstrap

15

Client Profile Babylon is the oldest and largest jewelry store in El Cajon, CA

Opportunity The store wanted to develop an app to complement their website and explore the wonderful Babylon Diamonds on the go. The app makes it possible to browse the entire Babylon catalog, search for the jewelry of your choice using the App’s search engine, add products to your wish list and jewelry list and login into your "Babylon Club" directly.

TechnologyIonic , Angular JS

ChallengesSome of the issues faced were in Array Sorting, Language Translation with Refreshing, Making Flip Effect and Slider Management

7Case Study : Babylon

Page 16: Srishti innovative   perspective on angular ionic-bootstrap

16

Client Profile DOVE TV is the official TV Station of The Redeemed Christian Church of God.

Opportunity Dove Television App provides information on the official television of the Redeemed Christian Church of God (RCCG) - a channel dedicated for entertainment, education and spiritual growth of viewers worldwide.

TechnologyIonic , Angular JS

Challenges Video Streaming key function of the application and proved to be challenging . iFrame was used to resolve the issues . .

Results Upto 5000 within the first 3 months , Rated as 4.6

8Case Study : Dove Television

Page 17: Srishti innovative   perspective on angular ionic-bootstrap

17

Client Profile That Cooked By is an online meal planning and recipes portal ,

Opportunity The Client was looking at Technology Services Partner to develop a cross platform application to complement the website . With this App, one can discover loads of delicious tried and rated recipes from across the web. It helps search recipes catered to one’s taste, choice of cuisine, diet, nutrition, calorie count, etc. One can easily create meal plans and grocery lists that allow the whole family to enjoy delicious healthy recipes each day of the week.

TechnologyIonic with Angular JS

ChallengesThe website was done in the Drupal. Issues where faced in retrieving data and Facebook integration. The key challenges were resolved by using Drupal Gap.

9 Case Study : That’s Cooked By Meal Planner & Recipes

Page 18: Srishti innovative   perspective on angular ionic-bootstrap

About Srishti Innovative (www.srishtis.com)

Page 19: Srishti innovative   perspective on angular ionic-bootstrap

Awards and Recognition

19

Page 20: Srishti innovative   perspective on angular ionic-bootstrap

Corporate Fast Facts

• 8+ years in Mobile and Web Development.• 120 + industry experienced developer force.• 1700 + successful projects completed.• 850+ strong client base in 10 countries.• 96% client retention.• Agile Work Flow – time tested project management expertise.• Leadership Team that is accessible, experienced and inspired.• ISO 9001:2008 Certified Applications Development Company.

Company Overview

We are Technology Services Partner to Leading Business.

We build Smart Applications For Web, Mobile and Cloud.

Page 21: Srishti innovative   perspective on angular ionic-bootstrap

Projects

Page 22: Srishti innovative   perspective on angular ionic-bootstrap

Thank You