Discussion About Onsen UI ?

What is Onsen UI?

Onsen UI is relatively new but giving a tough competition to Ionic. It is an open source framework under Apache license. Onsen UI is framework-agnostic UI components, you can choose and switch among the frameworks: Angular, Angular 2, React, Vue.js and Meteor or go pure JavaScript to build your hybrid apps.

Onsen UI features a large collection of ready to use components, responsive out of the box that allows you to build mobile, it allows you to write apps in HTML5 and JavaScript and push through Phonegap and Cordova for building the app.

This framework is very easy to use, flexibility and has semantic markup components and is free to use for commercial projects.

It is open source and designed to deliver native look and feel. Apps are made out of simple HTML tags, thus providing a gentle learning curve.

The core library is written in pure Javascript (on top of Web Components) and is framework agnostic, which means you can use it with your favorite framework and its tools.

Onsen UI is tested with the following browsers and mobile OS.

Android 4.4.4+ (and Android 4.0+ with Crosswalk engine)
iOS 8+
Chrome
Safari

Npm Command

npm install onsenui

Video for Onsen UI

Small Discussion about IBM Mobile First?

What is Mobile First?

IBM MobileFirst Foundation, formerly known as IBM Worklight®, is a suite of software development products that allow developers to build and deliver mobile applications for the enterprise.

The MobileFirst Platform Foundation consists of:

MobileFirst Server – the middleware tier that provides a gateway between back-end systems and services and the mobile client applications.

MobileFirst API - both client and server-side APIs for developing and managing your enterprise mobile applications.

MobileFirst Studio - an optional all-inclusive development environment for developing enterprise apps on the MobileFirst platform. This is based on the Eclipse platform, and includes an integrated server, development environment, facilities to create and test all data adapters/services, a browser-based hybrid app simulator, and the ability to generate platform-specific applications for deployment.

MobileFirst Console – the console provides a dashboard and management portal for everything happening within your MobileFirst applications.

MobileFirst Application Center - a tool to make sharing mobile apps easier within an organization. Basically, it’s an app store for your enterprise.

BM talks about the MobileFirst Platform in two ways, based in its capabilities and also by its components. The capability areas are: Continuously Improve, Secure, Contextualize and Personalize, and Enrich with Data.

Continuously Improve - allows IT to manage application refresh cycles and collect in-app usage analytics.
Secure - provides enterprise mobility management (EMM) capabilities.
Contextualize and Personalize - allows developers to create mobile apps that are location- and context-aware.
Enrich with Data - allows IT to join its mobile apps to internal and external data sources by connecting directly with IBM's Cloudant database as a service (DBaaS).

Video for Mobil First IBM

https://www.youtube.com/watch?v=2H8UKpbOR-M

Small Discussion about Sench Touch?

What is Sench Touch?

Sencha Touch is an enterprise-grade product for building cross-platform end to end mobile web apps with HTML5 and JavaScript. You can call it as the big daddy of mobile application development platforms in the commercial space, mostly enterprises. Sencha has a wide range of products that work hand to hand with Sencha Touch, most of these products carry heavy price tag.

Sencha Touch has been merged with Ext JS, which provides developers with everything they need to build data-intensive web apps.

For individual developers and freelancers, Ionic, Onsen UI or Framework7 will be a better choice but for enterprises application, Sencha Touch leads the way.

Sencha Touch scores highly against its competitors by providing a native look and feel across all of the platforms it supports.

ExtJS, one of the most popular JavaScript frameworks is at the core of Sencha Touch platform which helps create high-performance apps with near native experience. Sencha Touch packs ready to use widgets with native look and feel for all leading platforms including iOS, android, Windows Phone, and Blackberry. Sencha also features a drag and drop HTML5 visual application builder with tons of ready to use templates. Custom components can also be built and added to the library for reuse across apps.

Video for Sench Touch

https://www.youtube.com/watch?v=DWa4OJ4WMmU

What is Ionic Framework ?

Ionic is an HTML5 mobile app development framework targeted at building hybrid mobile apps. Hybrid apps are essentially small websites running in a browser shell in an app that have access to the native platform layer. Hybrid apps have many benefits over pure native apps, specifically in terms of platform support, speed of development, and access to 3rd party code.

Since Ionic is an HTML5 framework, it needs a native wrapper like Cordova or PhoneGap in order to run as a native app. We strongly recommend using Cordova proper for your apps, and the Ionic tools will use Cordova underneath.

Ionic is focused mainly on the look and feel, and UI interaction of your app. onic currently requires AngularJS in order to work at its full potential. While you can still use the CSS portion of the framework, you'll miss out on powerful UI interactions, gestures, animations, and other things.

Video for Iconic

https://www.youtube.com/watch?v=Gym1QEsdHI0

What is Hybrid App?

Hybrid apps, like native apps, run on the device, and are written with web technologies (HTML5, CSS and JavaScript). Hybrid apps run inside a native container, and leverage the device's browser engine (but not the browser) to render the HTML and process the JavaScript locally.

Benefits

-Developer can use existing web skills
-One code base for multiple platforms
-Reduced development time and cost
-Easily design for various form factors (including tablets) using responsive web design
-Access to some device and operating system features
-Advanced offline capabilities
-Increased visibility because the app can be distributed natively (via app stores) and to mobile browsers (via search engines)

Top Frameworks for Hybrid App

1)IONIC
2)Mobile Angular UI
3)Intel XDK
4)Appcelerator Titanium
5)Sencha Touch
6)Kendo UI
7)PhoneGap

Video for Hybrid App

https://www.youtube.com/watch?v=HDnNEKtBkBE

Small Discussion About Conversational UI?

What is Conversational UI?

A conversational interface is any UI that mimics chatting with a real human. The idea here is that instead of communicating with a computer on its own inhuman terms

Conversational UI is simply a chatbot experience that processes language in a natural way as if you were texting or speaking with another human being. A typical experience with technology, this included computers, websites and mobile apps, is conducted in a way that requires people to click on different icons or links in order to get the computer to do anything. It’s neither natural nor human-like communication, even if by now we are pretty used to it and expect it.

Conversational UI makes the switch to a human form of communication as if a human were to have a normal conversation with another person. Currently, the two popular ways of engaging with conversational UI is through actual speech, think Amazon’s Alexa or through chatting and typing with a chatbot, think Facebook’s Messenger. We’ll focus on the latter type in this post.

A Conversational UI gives the privilege of interacting with the computer on human terms. It is a paradigm shift from the earlier communications achieved either by entering syntax-specific commands or clicking icons. Conversational interface allows a user to tell the computer what to do. Conversational UI is more social in the way the user “contacts”, “invites” and “messages” than the traditional apps that are technological in nature where the user downloads and installs.

The interface is platform-agnostic working well across desktop, smartphone and smartwatch. Conversational UI also work well in devices that do not have screens, as that of Amazon Echo. The most alluring feature of conversational interfaces is the way they facilitate frictionless experiences for a user working with a computer.

Video for Conversational UI

https://www.youtube.com/watch?v=sikBUIoFTMM

Small Discussion About Angualr UI Bootstrap?

What is UI Bootstrap?

UI Bootstrap is an extended bootstrap framework in an angular way.

Bootstrap components written in pure AngularJS by the AngularUI Team

These are built by the AngularUI team that adds many components to extend Angular. The UI Bootstrap doesn't use jQuery and are directives built from the ground up for each of the Bootstrap JS components.

This repository contains a set of native AngularJS directives based on Bootstrap's markup and CSS. As a result no dependency on jQuery or Bootstrap's JavaScript is required,

UI Bootstrap Directive List

Accordion
Alert
Buttons
Carousel
Collapse
Datepicker
Dropdown
Modal
Pagination
Popover
Progressbar
Rating
Tabs
Timepicker
Tooltip
Typeahead

Steps to Installation to Angular

angular.module('myModule', ['ui.bootstrap']);

Read More : https://angular-ui.github.io/bootstrap/#/getting_started

Video for UI Bootstrap

https://www.youtube.com/watch?v=DEWIlo8IS8E