Add Speech recognition to your HTML web pages || Web Speech API

HTML 5 Web Speech API || Speech recognition Using HTML pages

  The new HTML 5 Web Speech API gives speech recognition power to your html web pages. This specification defines a JavaScript API by using this api developers can add speech recognition in to HTML pages. Eg: we can make Spoken password inputs. This is not a W3C Standard and this specification was given by Speech API Community Group This speech recognition capabilities now found only in Chrome browser (version 25 or above).

 

Speech API 

How to Check browser supports the Web Speech API or Not ? 

-  by checking if the webkitSpeechRecognition object exists  or not. check the code given below.

if (!('webkitSpeechRecognition' in window)) {
  upgrade();
} else {
  var recognition = new webkitSpeechRecognition();
  recognition.continuous = true;
  recognition.interimResults = true;

  recognition.onstart = function() { ... }
  recognition.onresult = function(event) { ... }
  recognition.onerror = function(event) { ... }
  recognition.onend = function() { ... }
 

 More About Speech API by W3C Community  click Here
 Peanutgalleryfilms  Provides a demonstration.

DEMO

Read More

How to install Yii ,Yii beginners guide , Yii Tutorial ,

Why yii?

Yii   (Yes It Is) is a next generation PHP framework ,  a high-performance PHP framework best for developing Web 2.0 applications.

Yii is pronounced as Yee or [ji:], and is an acroynym for "Yes It Is!". 

This is often the accurate, and most concise response to inquires from those new to Yii.

Is it fast? ... Is it secure? ... Is it professional? ... Is it right for my next project? ... Yes, it is!

The main features that makes Yii on top is its features , faster than Codeigniter and Zend framework. . Yii also comes with a range of features for common tasks like CRUD (creating, reading, updating and deleting).

How to instal Yii  | Simple Yii configuration. (in linux)

Step1:

Download a copy of the Yii release file  from http://www.yiiframework.com  and unpack it to the web acces directory like /www/ (in xammp htdocs folder).and rename the unpacked  folder as "yii" .

Step2:

Go to URL http://localhost/yii/requirements/index.php. if yii is installed correctly then then requrement page will show then status.

Step3:

How to Create Yii application , Creating Yii  Application

Go to “www” directory in terminal then type following cammand.

sudo php yii/framework/yiic.php webapp /var/www/yii/appName

following message appears

“sudo php yii/framework/yiic.php webapp /var/www/yii/appName

Create a Web application under '/var/www/yii/appName'? (yes|no) [no]:”

type “y” hit Enter.

following message appears

“Your application has been created successfully under /var/www/yii/appName. ”

if not working then open terminal then change path to web accessable directory.

eg: cd /var/www/yii/

set the folder acces to full level using

sudo chmod -R 777 appName/

Step4:

Go to

http://localhost/yii/appName/index.php

Step5:

How to  configure Database in Yii .

1.create data base and table.

Go to the folder

 /var/www/yii/appName/protected/config/main.php

Uncomment db componenent

Give the username , password, and db name

// uncomment the following to use a MySQL database

       /*

       'db'=>array(

           'connectionString' => 'mysql:host=localhost;dbname=testdrive',

           'emulatePrepare' => true,

           'username' => 'root',

           'password' => '”',   //  enter pass word

           'charset' => 'utf8',

       ),

       */

and

'modules'=>array(

       // uncomment the following to enable the Gii tool

       /*

       'gii'=>array(

           'class'=>'system.gii.GiiModule',

           'password'=>'Enter Your Password Here',  // enter pass for admin

           // If removed, Gii defaults to localhost only. Edit carefully to taste.

           'ipFilters'=>array('127.0.0.1','::1'),

       ),

       */

   ),

go to web browser and type

http://localhost/yii/appName/index.php?r=gii

login using   password.

then appeare a window like this

thats all about config Enjoy!!!!!!!!!!.

The content of -Yii Tutorial ,

How to install Yii

,

Yii beginners guide

, How to write Yii application

Yii sample application

,

How to install Yii in windows

,

How to install Yii in linux

, ,

How to install Yii in ubuntu

in Kerala Techies  has taken from Various Sources  and Analysis of our Team. This Information given by Kerala Techies.

Read More

Adobe Phonegap - Apache Cordova- part 1

What you mean by Adobe Phonegap  ?

  
PhoneGap is an open source framework for quickly building cross-platform mobile apps using HTML5, Javascript and CSS.List of Phonegap Application
  
History.
 Nitobi was the original creator and is one of the primary contributors to the PhoneGap framework. In October 2011, Adobe acquired Nitobi enabling the team to focus solely on the PhoneGap project and continue its work on efficient development across mobile platforms and also vast global community that contributes to the project, including many from IBM, RIM, Microsoft .

 
What You Mean by Apache Cordova ?


Adobe PhoneGap is a distribution of Apache Cordova.  Apache Cordova is the technology that powers a PhoneGap application ie  Apache Cordova as the engine that powers PhoneGap, similar to how WebKit is the engine that powers Chrome or Safari. PhoneGap distribution may contain additional tools that tie into other Adobe services, which would not be appropriate for an Apache project. For example, PhoneGap Build and Adobe Shadow  .PhoneGap is free, open source software and   a free distribution of Apache Cordova.

Is Phonegap === Native Application Development (IOS, Android etc..) ?

Original image source: wiki.phonegap.com

 In phonegap cannot able to do all thing that Native Developers can. phonegap support most of the features.

 we cannot develop all type of cross platform apllication using core phonegap eg: barcode scanner. for these type we need some plugin. in phonegap we can write our own plugin ( need to write native code , js and connect them using power of phonegap) but the fact is that each platform (ios, android etc...)
need their own Native code.


How to create Your First Phonegap Project flllow these Steps http://docs.phonegap.com/en/2.0.0/guide_getting-started_index.md.html

 UI development.

After creating Your First hello world application by above link now start with the UI. for UI development just create web page using HTML 5(That give most of the power) and CSS3, Javascript. Many Javascript frameworks help us eg : jquerymobile .

Read More