src/SETUP.html

   1 <!DOCTYPE html>
   2 <head>
   3 <style>
   4 h1 {font-family: Calibri; font-size: 18pt;}
   5 h2 {font-family: Calibri; font-size: 14pt;}
   6 h3 {font-family: Calibri; font-size: 12pt;}
   7 body {font-family: Calibri; font-size: 11pt;}
   8 </style>
   9 </head>
  10
  11 <body style="width: 700px">
  12         <a href="http://sencha.com"><span style="left: 50px"></span><img src="SenchaLogo.png" width="110" height="40" /></a>
  13 <h1>Sencha Touch Setup Guide</h1>
  14 <p><b>Topics:</b></p>
  15 <ul>
  16         <li><a href="Intro">Introduction</a></li>
  17         <li><a href="Install">Installing Sencha Touch</a></li>
  18         <li><a href="Info">Sencha Touch Information</a></li>
  19 </ul>
  20 <a name="Intro"></a>
  21 <h2>Introduction</h2>
  22 <p>Sencha Touch, a high-performance HTML5 mobile application framework, is the cornerstone
  23         of the Sencha HTML5 platform. Built for enabling world-class user experiences,
  24         Sencha Touch is the only framework that enables developers to build powerful apps
  25         that work on iOS, Android, BlackBerry, Windows Phone, and Internet Explorer 10.
  26         <br>Learn more at <a href="http://docs.sencha.com/touch/#!/guide/whats_new">What's New</a>.
  27         <br>Learn about new APIs in the "New in this version"
  28         section near the end of the <a href="http://docs.sencha.com/touch/#!/api">API page</a>.</p>
  29
  30 <a name="Install"></a>
  31 <h2>Installing Sencha Touch</h2>
  32 <p>To install Sencha Touch:</p>
  33 <ol>
  34         <li>Download <a href="http://www.sencha.com/products/sencha-cmd/download">Sencha Cmd</a>.
  35                 Sencha Cmd enables you to publish, package, and simulate an application, as well as to upgrade Sencha software.
  36                 Sencha Cmd also installs Apache Ant, Compass, and Sass.</li>
  37         <li>Download <a href="http://www.ruby-lang.org/en/downloads/">Ruby</a>
  38                 <ul>
  39                 <li><b>Mac OS</b>: Ruby is pre-installed. You can verify
  40                 it with the <b>ruby -v</b> command.</li>
  41                 <li><b>Windows</b> Download the open source <a href="http://www.7-zip.org">7-Zip</a> archiver.
  42                 Download Ruby (any version) from <a href="http://rubyinstaller.org/downloads/">rubyinstaller.org</a>.
  43                 Set the Path environment variable to point to the directory in which you unzip the installer file.</li>
  44                 <li><b>Ubuntu</b>: Use <b>sudo apt-get install ruby2.0.0</b> to download and install Ruby.</li>
  45                 </ul>
  46         </li>
  47         <li>Start your web server.
  48                 If using the Sencha Cmd web server, change directory to where you want to serve
  49                 your application, open a new command line window and start the server with the
  50                 <b>sencha&nbsp;web&nbsp;start</b> command. You can stop the server by typing
  51                 CTRL+c or opening another command line and typing the <b>sencha&nbsp;web&nbsp;stop</b> command.
  52                 You can access the Sencha Cmd web server using
  53                 the <code>http://localhost:1841/&lt;app_name&gt;</code> URL.</li>
  54         <li>If you are using Windows and running the IIS web server, add "application/x-json"
  55                 as a MIME type; otherwise, IIS returns the JSON file with an error when you preview
  56                 your project. In Windows, enable IIS from the add/remove programs or programs and features dialog
  57                 (add/remove windows features), you can also add extra functionality by downloading the web platform
  58                 toolkit to make config of IIS features extra simple.
  59                 For information on adding this MIME type, see this
  60                 <a href="http://stackoverflow.com/a/1121114/273985">Stackoverflow article</a>.</li>
  61         <li>Use a modern web browser such as
  62                 <a href="https://www.google.com/intl/en/chrome/browser">Chrome</a>
  63                 or <a href="http://www.apple.com/safari/">Safari</a>.</li>
  64 </ol>
  65
  66 <a name="Info"></a>
  67 <h2>Sencha Touch Information</h2>
  68 <ul>
  69 <li><a href="http://sencha.com/">Sencha.com</a></li>
  70 <li><a href="http://docs.sencha.com/">Sencha Documentation</a></li>
  71 <li><a href="release-notes.html">Sencha Touch Release Notes</a></li>
  72 <li><a href="examples/">Sencha Touch Examples</a></li>
  73 <li><a href="http://www.sencha.com/products/touch-bundle/">Sencha Touch Bundle</a></li>
  74 <li><a href="http://www.sencha.com/training/">Sencha Training</a></li>
  75 <li><a href="http://www.sencha.com/support/">Sencha Support</a></li>
  76 </ul>
  77 </body>
  78 </html>