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>

Tuesday, November 19, 2013

HTML5 ?

HTML5?

HTML5 is designed to deliver almost everything you want to do online without requiring additional plugins. It does everything from animation to apps, music to movies, and can also be used to build complicated applications that run in your browser.

HTML5 is also cross-platform
-smartphone
-a netbook
-notebook
-Smart TV

HTML5 is still a work in progress.

References: http://www.w3schools.com/html/html5_intro.asp

{ HTML5 is The New HTML Standard }


HTML5

  • New Elements
  • New Attributes
  • Full CSS3 Support
  • Video and Audio
  • 2D/3D Graphics
  • Local Storage
  • Local SQL Database
  • Web Applications

HTML5 Multimedia

With HTML5, playing video and audio is easier than ever.

HTML5 Graphics

With HTML5, drawing graphics is easier than ever:

HTML5 Applications

With HTML5, web application development is easier than ever.
  • Local data storage
  • Local file access
  • Local SQL database
  • Application cache
  • Javascript workers
  • XHTMLHttpRequest 2

Semantic Elements

New elements for headers, footers, menus, sections and articles.

HTML5 Forms

New form elements, new attributes, new input types, automatic validation.

HTML5 uses CSS3

  • New Selectors
  • New Properties
  • Animations
  • 2D/3D Transformations
  • Rounded Corners
  • Shadow Effects
  • Downloadable Fonts