title: Running a Hello World program (basic) in Sencha touch
body: <p>I have 2 questions, regarding <code>Sencha touch</code> and <code>phone gap</code> ;</p>
  
  <p>I am reading SenchaTouch CookBook by Ajith kumar. I am following the example programs given in the 1st chapter. So according to that i did the following.</p>
  
  <p>THis is my <code>index.html</code>    </p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
      &lt;html&gt;
          &lt;head&gt;
              &lt;title&gt;Yapps! - Your daily applications!&lt;/title&gt;
              &lt;link rel="stylesheet" href="sencha-
                  touch/resources/css/sencha-touch.css" type="text/css"&gt;
                  &lt;link rel="stylesheet" href="sencha-
                      touch/resources/css/yapps-all.css" type="text/css"&gt;
                  &lt;script type="text/javascript" charset="utf-8"
                      src="phonegap.1.0.0.js"&gt;&lt;/script&gt;
                  &lt;script type="text/javascript" charset="utf-8" src="sencha-
                      touch/sencha-touch.js"&gt;&lt;/script&gt;
                  &lt;script type="text/javascript" charset="utf-8"
                      src="ch01/ch01_03.js"&gt;&lt;/script&gt;
                  &lt;script type="text/javascript" charset="utf-8" src="sencha-
                      touch/yapps-all.js"&gt;&lt;/script&gt;
  
  
  
          &lt;/head&gt;
          &lt;body&gt;&lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>The <code>ch01_03.js</code> file. The told to add these .JS files inside the WWW folder, but i am unable to add any files inside that folder therefore i added it out of the folder.</p>
  
  <pre><code>Ext.setup({
            onReady: function() {
            ￼￼￼￼￼￼￼￼￼￼￼￼￼￼￼￼￼￼￼var supportedFeatures = "Ext.supports.AudioTag : " +
            (Ext.supports.AudioTag ? "On" : "Off");
            supportedFeatures += "\nExt.supports.CSS3BorderRadius : " +
            (Ext.supports.CSS3BorderRadius ? "On" : "Off");
            supportedFeatures += "\nExt.supports.CSS3DTransform : " +
            (Ext.supports.CSS3DTransform ? "On" : "Off");
            supportedFeatures += "\nExt.supports.CSS3LinearGradient : " +
            (Ext.supports.CSS3LinearGradient ? "On" : "Off");
            supportedFeatures += "\nExt.supports.Canvas : " +
            (Ext.supports.Canvas ? "On" : "Off");
            supportedFeatures += "\nExt.supports.DeviceMotion : " +
            (Ext.supports.DeviceMotion ? "On" : "Off");
            supportedFeatures += "\nExt.supports.Float : " +
            (Ext.supports.Float ? "On" : "Off");
            supportedFeatures += "\nExt.supports.GeoLocation : " +
            (Ext.supports.GeoLocation ? "On" : "Off");
            supportedFeatures += "\nExt.supports.History : " +
            (Ext.supports.History ? "On" : "Off");
            supportedFeatures += "\nExt.supports.OrientationChange : " +
            (Ext.supports.OrientationChange ? "On" : "Off");
            supportedFeatures += "\nExt.supports.RightMargin : " +
            (Ext.supports.RightMargin ? "On" : "Off");
            supportedFeatures += "\nExt.supports.SVG : " +
            (Ext.supports.SVG ? "On" : "Off");
            supportedFeatures += "\nExt.supports.Touch : " +
            (Ext.supports.Touch ? "On" : "Off");
            supportedFeatures += "\nExt.supports.Transitions : " +
            (Ext.supports.Transitions ? "On" : "Off");
            supportedFeatures += "\nExt.supports.TransparentColor : " +
            (Ext.supports.TransparentColor ? "On" : "Off");
            supportedFeatures += "\nExt.supports.VML : " +
            (Ext.supports.VML ? "On" : "Off");
            Ext.Msg.alert("INFO", supportedFeatures);
            }
            });
  </code></pre>
  
  <p>1.) The problem is that i am only seeing a blank screen when i run it on my iPhone and Stimulator. What is this happening, and what should i do to get the Alert displayed on the view ?</p>
  
  <p>2.) I need to detect if the device i am running the application. In the book it shows how to detect an iPad, Android application and Blackberry. But not an iPhone. How can i detect an iPhone ?</p>
  
  <pre><code>Ext.setup({
            onReady: function() {
  
            if (Ext.is.Android)
            Ext.Msg.alert("INFO", "Welcome Android user!");
            if (Ext.is.Blackberry)
            Ext.Msg.alert("INFO", "Welcome Blackberry user!");
            if (Ext.is.iPad)
            Ext.Msg.alert("INFO", "Welcome iPad user!");
  
            } });
  </code></pre>