Sunday, April 6, 2014

PhoneGap Tutorial - Develop Mobile Application

Hi All,

Today I want to show u how to use PhoneGap. (Windows User)

First u need this
1) Download and install node.js  from http://nodejs.org/
2) Download android sdk from http://developer.android.com/sdk/index.html?hl=sk and extract/put to ur C:\Program Files\adt-bundle
3) Download jdk and install from http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html
4) Download Ant from https://ant.apache.org/bindownload.cgi and extract to C:\Program Files\ant

Ok! Let's Start!

ok u need set up ur pc before develop your app
1) Start > Right Click on Computer > Properties
2) Click Change settings..system properties will appear
3) Click on Advanced Tab > Click Environment Variable...
4) On the user variables for user click New...

  • Variable Name : ANT_HOME
  • Variable Path : C:\Program Files\ant
5) Click new again and add Java Path
  • Variable Name : JAVA_HOME
  • Variable Path : C:\Program Files\Java\jdk1.7.0_45
6) On System variables find PATH and click Edit and add this path
  • C:\Program Files\nodejs\;C:\Program Files\ant\bin;C:\Program Files\adt-bundle\sdk\platform-tools;C:\Program Files\adt-bundle\sdk\tools

Ok Now Let's Develop the Sample App

1) Start > Open Node js Command Prompt
2) In command prompt type
  • npm install phonegap
3) after finish create phonegap folder by following this command
  • phonegap create my-app
  • cd my-app
  • phonegap build android
4) WALLA...ur first app inside this folder C:\Users\user\Desktop\my-app\platforms\android\ant-build

HTML 5 Media - Video

Hi All,

Today I want to show u how to use HTML 5 to play your video in website

Here the example --

<!DOCTYPE html>
<html>
<body>

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

</body>
</html>