PageRenderTime 51ms CodeModel.GetById 36ms RepoModel.GetById 1ms app.codeStats 0ms

/qooxdoo-2.1.1-sdk/documentation/manual/pages/mobile/deployment.html

https://bitbucket.org/vegansk/test_qooxdoo
HTML | 315 lines | 293 code | 17 blank | 5 comment | 0 complexity | 1ff8efd0b4247ecaeede35d928dce50d MD5 | raw file
    

  1. 

  2. 

  3. <!doctype html>
    4. 

  4. 

  5. 

  6. 

  7. <html xmlns="http://www.w3.org/1999/xhtml">
    8. 

  8.   <head>
    9. 

  9.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    10. 

  10.     
    11. 

  11.     <title>Deployment &mdash; qooxdoo 2.1.1 documentation</title>
    12. 

  12.     
    13. 

  13.     <link rel="stylesheet" href="../../_static/theme.css" type="text/css" />
    14. 

  14.     <link rel="stylesheet" href="../../_static/pygments.css" type="text/css" />
    15. 

  15.     <link rel="stylesheet" href="../../_static/copies/reset.css" type="text/css" />
    16. 

  16.     <link rel="stylesheet" href="../../_static/copies/base.css" type="text/css" />
    17. 

  17.     <link rel="stylesheet" href="../../_static/copies/layout.css" type="text/css" />
    18. 

  18.     
    19. 

  19.     <script type="text/javascript">
    20. 

  20.       var DOCUMENTATION_OPTIONS = {
    21. 

  21.         URL_ROOT:    '../../',
    22. 

  22.         VERSION:     '2.1.1',
    23. 

  23.         COLLAPSE_INDEX: false,
    24. 

  24.         FILE_SUFFIX: '.html',
    25. 

  25.         HAS_SOURCE:  true
    26. 

  26.       };
    27. 

  27.     </script>
    28. 

  28.     <script type="text/javascript" src="../../_static/copies/html5shiv.js"></script>
    29. 

  29.     <script type="text/javascript" src="../../_static/copies/q.js"></script>
    30. 

  30.     <script type="text/javascript" src="../../_static/copies/q.placeholder.js"></script>
    31. 

  31.     <script type="text/javascript" src="../../_static/copies/q.sticky.js"></script>
    32. 

  32.     <script type="text/javascript" src="../../_static/copies/application.js"></script>
    33. 

  33.     <script type="text/javascript" src="../../_static/jquery.js"></script>
    34. 

  34.     <script type="text/javascript" src="../../_static/underscore.js"></script>
    35. 

  35.     <script type="text/javascript" src="../../_static/doctools.js"></script>
    36. 

  36.     <link rel="top" title="qooxdoo 2.1.1 documentation" href="../../index.html" />
    37. 

  37.     <link rel="up" title="qx.Mobile" href="../mobile.html" />
    38. 

  38.     <link rel="next" title="qx.Server" href="../server.html" />
    39. 

  39.     <link rel="prev" title="Debugging" href="debugging.html" />
    40. 

  40. <link rel="shortcut icon" href="http://resources.qooxdoo.org/images/qx-favicon.png" />
    41. 

  41. 

  42.   </head>
    43. 

  43.   <body>
    44. 

  44. <div id="main-wrapper" class="sphinx">
    45. 

  45. <div id="header-wrapper">
    46. 

  46.   <section id="header">
    47. 

  47.     <h1><a href="http://qooxdoo.org/">qooxdoo</a></h1>
    48. 

  48.     <nav>
    49. 

  49.       <ul>
    50. 

  50.         <!--
    51. 

  51.         <li>
    52. 

  52.           <a class="" href="http://qooxdoo.org/">home</a>
    53. 

  53.         </li>
    54. 

  54.         -->
    55. 

  55.         <li>
    56. 

  56.           <a href="http://news.qooxdoo.org">blog</a>
    57. 

  57.         </li>
    58. 

  58.         <li>
    59. 

  59.           <a class="" href="http://qooxdoo.org/demos">demos</a>
    60. 

  60.         </li>
    61. 

  61.         <li>
    62. 

  62.           <a class="" href="http://qooxdoo.org/downloads">downloads</a>
    63. 

  63.         </li>
    64. 

  64.         <li>
    65. 

  65.           <a class="active" href="http://qooxdoo.org/docs">docs</a>
    66. 

  66.         </li>
    67. 

  67.         <li>
    68. 

  68.           <a class="" href="http://qooxdoo.org/community">community</a>
    69. 

  69.         </li>
    70. 

  70.       </ul>
    71. 

  71.     </nav>
    72. 

  72.     <script type="template" id="search-options-template">
    73. 

  73.       <select>
    74. 

  74.         <option value="site">Site</option>
    75. 

  75.         <option value="manual">Manual</option>
    76. 

  76.         <option value="blog">Blog</option>
    77. 

  77.         <option value="bugs">Bugs</option>
    78. 

  78.       </select>
    79. 

  79.     </script>
    80. 

  80.     <script type="template" id="search-site-template">
    81. 

  81.       <form action="http://qooxdoo.org/" id="search-form">
    82. 

  82.         <input type="hidden" name="do" value="search">
    83. 

  83.         <input type="search" name="id" placeholder="Search"></input>
    84. 

  84.       </form>
    85. 

  85.     </script>
    86. 

  86.     <script type="template" id="search-blog-template">
    87. 

  87.       <form method="get" id="searchform" action="http://news.qooxdoo.org/" id="search-form">
    88. 

  88.         <input type="search" class="field" name="s" id="s" placeholder="Search">
    89. 

  89.       </form>
    90. 

  90.     </script>
    91. 

  91.     <script type="template" id="search-manual-template">
    92. 

  92.       <form action="../../search.html" id="search-form">
    93. 

  93.         <input type="search" name="q" placeholder="Search"></input>
    94. 

  94.       </form>
    95. 

  95.     </script>
    96. 

  96.     <script type="template" id="search-bugs-template">
    97. 

  97.       <form action="http://bugs.qooxdoo.org/buglist.cgi" id="search-form">
    98. 

  98.         <input type="search" name="quicksearch" placeholder="Search"></input>
    99. 

  99.       </form>
    100. 

  100.     </script>
    101. 

  101.     <div id="search">
    102. 

  102.     </div>
    103. 

  103.   </section>
    104. 

  104. <div class="decoration"></div>
    105. 

  105. </div>
    106. 

  106.  
    107. 

  107. <section id="main">
    108. 

  108.   <section id="breadcrumb">
    109. 

  109.       
    110. 

  110.   <a href="http://qooxdoo.org">Home</a> &raquo;
    111. 

  111.     <a href="../../index.html">Manual (v2.1.1)</a>
    112. 

  112.        &raquo;
    113. 

  113.       <a href="../mobile.html" accesskey="U">qx.Mobile</a>
    114. 

  114.      &raquo;
    115. 

  115.     <a href="">Deployment</a>
    116. 

  116.     </section>
    117. 

  117.     <section id="content">
    118. 

  118.       <div class="body">
    119. 

  119.         
    120. 

  120.   <div class="section" id="deployment">
    121. 

  121. <span id="pages-mobile-deployment-deployment"></span><h1>Deployment<a class="headerlink" href="#deployment" title="Permalink to this headline"></a></h1>
    122. 

  122. <div class="section" id="deploy-your-qx-mobile-application">
    123. 

  123. <h2>Deploy your qx.Mobile application<a class="headerlink" href="#deploy-your-qx-mobile-application" title="Permalink to this headline"></a></h2>
    124. 

  124. <p>You developed a great qx.Mobile application, and want to use or test it on your mobile device.</p>
    125. 

  125. <p>For this purpose, we propose using <a class="reference external" href="http://incubator.apache.org/cordova/">Apache Cordova</a>.</p>
    126. 

  126. <p>It gives you the possibility to deploy native applications, that run the qooxdoo mobile JavaScript code in an wrapped native browser, in the App Stores or directly on your mobile device. A free distribution of Cordova is also available, it is called &quot;PhoneGap&quot;.</p>
    127. 

  127. <p>On Cordova website you find detailed tutorials available which describe the deployment on different mobile platforms:</p>
    128. 

  128. <p><a class="reference external" href="http://docs.phonegap.com/en/1.6.1/guide_getting-started_index.md.html#Getting%20Started%20Guides">Cordova Getting Started Tutorial</a></p>
    129. 

  129. </div>
    130. 

  130. <div class="section" id="configure-cordova-for-deploying-your-qx-mobile-application">
    131. 

  131. <h2>Configure Cordova for deploying your qx.Mobile application<a class="headerlink" href="#configure-cordova-for-deploying-your-qx-mobile-application" title="Permalink to this headline"></a></h2>
    132. 

  132. <p>After you installed cordova, and followed the introductions of <a class="reference external" href="http://docs.phonegap.com/en/1.6.1/guide_getting-started_index.md.html#Getting%20Started%20Guides">Cordova Getting Started Tutorial</a>, you are able
    133. 

  133. to deploy your qx.Mobile application on your mobile device.</p>
    134. 

  134. <p>Follow these steps:</p>
    135. 

  135. <ol class="arabic simple">
    136. 

  136. <li>Build your application with <tt class="docutils literal"><span class="pre">generate.py</span> <span class="pre">build</span></tt>.</li>
    137. 

  137. <li>Duplicate content of your qx.Mobile build folder, into Cordova deploy folder <tt class="docutils literal"><span class="pre">assets/www</span></tt> including the <tt class="docutils literal"><span class="pre">index.html</span></tt>.</li>
    138. 

  138. <li>Paste the following line in head part of <tt class="docutils literal"><span class="pre">assets/www/index.html</span></tt>:</li>
    139. 

  139. </ol>
    140. 

  140. <blockquote>
    141. 

  141. <div><tt class="docutils literal"><span class="pre">&lt;script</span> <span class="pre">type=&quot;text/javascript&quot;</span> <span class="pre">charset=&quot;utf-8&quot;</span> <span class="pre">src=&quot;cordova-1.6.0.js&quot;&gt;&lt;/script&gt;</span></tt></div></blockquote>
    142. 

  142. <ol class="arabic simple" start="4">
    143. 

  143. <li>Cross-check the version of the &quot;cordova.js&quot; in script tag, against the version you use.</li>
    144. 

  144. </ol>
    145. 

  145. <p>That should do the trick. Now Cordova can deploy your qx.Mobile application on the
    146. 

  146. connected Mobile Device. For executing the deployment, have a look on <a class="reference external" href="http://docs.phonegap.com/en/1.6.1/guide_getting-started_index.md.html#Getting%20Started%20Guides">Cordova Getting Started Tutorial</a>.</p>
    147. 

  147. </div>
    148. 

  148. <div class="section" id="update-application-on-your-mobile-device">
    149. 

  149. <h2>Update application on your mobile device<a class="headerlink" href="#update-application-on-your-mobile-device" title="Permalink to this headline"></a></h2>
    150. 

  150. <p>If you want to update your qx.Mobile application, you just have
    151. 

  151. to copy the folders <tt class="docutils literal"><span class="pre">resource</span></tt> and <tt class="docutils literal"><span class="pre">script</span></tt> into Cordova's deploy folder <tt class="docutils literal"><span class="pre">assets/www/</span></tt>.
    152. 

  152. An update of the <tt class="docutils literal"><span class="pre">assets/www/index.html</span></tt> is not necessary.</p>
    153. 

  153. </div>
    154. 

  154. </div>
    155. 

  155. 

  156. 

  157.       </div>
    158. 

  158.       <div class="bottom-nav">
    159. 

  159.           <a class="prev" href="debugging.html"
    160. 

  160.              title="previous chapter">« Debugging</a>
    161. 

  161.           <span class="separator">|</span>
    162. 

  162.           <a class="next" href="../server.html"
    163. 

  163.              title="next chapter">qx.Server »</a>
    164. 

  164.       </div>
    165. 

  165.     </section>
    166. 

  166.     <section id="sidebar">
    167. 

  167.       <div class="sphinxsidebar">
    168. 

  168.         <div class="sphinxsidebarwrapper">
    169. 

  169.   <ul>
    170. 

  170. <li><a class="reference internal" href="#">Deployment</a><ul>
    171. 

  171. <li><a class="reference internal" href="#deploy-your-qx-mobile-application">Deploy your qx.Mobile application</a></li>
    172. 

  172. <li><a class="reference internal" href="#configure-cordova-for-deploying-your-qx-mobile-application">Configure Cordova for deploying your qx.Mobile application</a></li>
    173. 

  173. <li><a class="reference internal" href="#update-application-on-your-mobile-device">Update application on your mobile device</a></li>
    174. 

  174. </ul>
    175. 

  175. </li>
    176. 

  176. </ul>
    177. 

  177. 

  178.   <h4>» Next topic</h4>
    179. 

  179.   <p class="topless"><a href="../server.html"
    180. 

  180.                         title="next chapter">qx.Server</a></p>
    181. 

  181.   <h4>« Previous topic</h4>
    182. 

  182.   <p class="topless"><a href="debugging.html"
    183. 

  183.                         title="previous chapter">Debugging</a></p>
    184. 

  184. <div id="searchbox" style="display: none">
    185. 

  185.   <h3>Quick search</h3>
    186. 

  186.     <form class="search" action="../../search.html" method="get">
    187. 

  187.       <input type="text" name="q" />
    188. 

  188.       <input type="submit" value="Go" />
    189. 

  189.       <input type="hidden" name="check_keywords" value="yes" />
    190. 

  190.       <input type="hidden" name="area" value="default" />
    191. 

  191.     </form>
    192. 

  192.     <p class="searchtip" style="font-size: 90%">
    193. 

  193.     Enter search terms or a module, class or function name.
    194. 

  194.     </p>
    195. 

  195. </div>
    196. 

  196. <script type="text/javascript">
    197. 

  197.   // $('#searchbox').show(0);
    198. 

  198. </script>
    199. 

  199.         </div>
    200. 

  200.       </div>
    201. 

  201.   </section>
    202. 

  202. </section>
    203. 

  203. </div> 
    204. 

  204. <div id="footer-wrapper">
    205. 

  205.   <footer id="footer">
    206. 

  206.     <div id="supported-by">
    207. 

  207.       <a href="http://1and1.com">
    208. 

  208.         <img src="http://resources.qooxdoo.org/images/1and1.png">
    209. 

  209.       </a>
    210. 

  210.       <p class="claim">
    211. 

  211.         Brought to you by <a href="http://1and1.com">1&amp;1</a>, one of the world's leading web hosts
    212. 

  212.       </p>
    213. 

  213.       <p class="legal">
    214. 

  214.         © 1&amp;1 Internet AG<br>
    215. 

  215.         <a href="http://qooxdoo.org/legal">Legal notice</a>
    216. 

  216.       </a>
    217. 

  217.     </div>
    218. 

  218.     <div id="sitemap">
    219. 

  219.       <div>
    220. 

  220.         <h3><a href="http://qooxdoo.org/">Home</a></h3>
    221. 

  221.         <ul>
    222. 

  222.           <li>
    223. 

  223.             <a href="http://qooxdoo.org/demos">Demos</a>
    224. 

  224.           </li>
    225. 

  225.           <li>
    226. 

  226.             <a href="http://qooxdoo.org/download">Download</a>
    227. 

  227.           </li>
    228. 

  228.           <li>
    229. 

  229.             <a href="http://news.qooxdoo.org">Blog</a>
    230. 

  230.           </li>
    231. 

  231.           <li>
    232. 

  232.             <a href="http://bugs.qooxdoo.org">Bugs</a>
    233. 

  233.           </li>
    234. 

  234.           <li>
    235. 

  235.             <a href="http://qooxdoo.org/license">License</a>
    236. 

  236.           </li>
    237. 

  237.         </ul>
    238. 

  238.       </div>
    239. 

  239.       <div>
    240. 

  240.         <h3><a href="http://qooxdoo.org/docs">Docs</a></h3>
    241. 

  241.         <ul>
    242. 

  242.           <li>
    243. 

  243.             
    244. 

  244.             <a href="http://manual.qooxdoo.org/2.1.1/pages/introduction/about.html">About</a>
    245. 

  245.           </li>
    246. 

  246.           <li>
    247. 

  247.             <a href="http://manual.qooxdoo.org/2.1.1/pages/getting_started.html">Getting Started</a>
    248. 

  248.           </li>
    249. 

  249.           <li>
    250. 

  250.             <a href="http://manual.qooxdoo.org/2.1.1/pages/website.html">Website</a>
    251. 

  251.           </li>
    252. 

  252.           <li>
    253. 

  253.             <a href="http://manual.qooxdoo.org/2.1.1/pages/mobile.html">Mobile</a>
    254. 

  254.           </li>
    255. 

  255.           <li>
    256. 

  256.             <a href="http://manual.qooxdoo.org/2.1.1/pages/desktop.html">Desktop</a>
    257. 

  257.           </li>
    258. 

  258.           <li>
    259. 

  259.             <a href="http://manual.qooxdoo.org/2.1.1/pages/server.html">Server</a>
    260. 

  260.           </li>
    261. 

  261.         </ul>
    262. 

  262.       </div>
    263. 

  263.       <div>
    264. 

  264.         <h3><a href="http://qooxdoo.org/community">Community</a></h3>
    265. 

  265.         <ul>
    266. 

  266.           <li>
    267. 

  267.             <a href="http://qooxdoo.org/community/contribution">Get Involved</a>
    268. 

  268.           </li>
    269. 

  269.           <li>
    270. 

  270.             <a href="http://qooxdoo.org/community/mailing_lists">Mailing List</a>
    271. 

  271.           </li>
    272. 

  272.           <li>
    273. 

  273.             <a href="http://qooxdoo.org/community/real_life_examples">Real Life Examples</a>
    274. 

  274.           </li>
    275. 

  275.           <li>
    276. 

  276.             <a href="http://qooxdoo.org/community/events">Events</a>
    277. 

  277.           </li>
    278. 

  278.           <li>
    279. 

  279.             <a href="http://qooxdoo.org/community/jobs_services">Jobs &amp; Services</a>
    280. 

  280.           </li>
    281. 

  281.           <li>
    282. 

  282.             <a href="http://qooxdoo.org/contrib">Contributions</a>
    283. 

  283.           </li>
    284. 

  284.         </ul>
    285. 

  285.       </div>
    286. 

  286.     </div>
    287. 

  287.     <div id="meta">
    288. 

  288.       <div class="social">
    289. 

  289.         <a href="http://twitter.com/qooxdoo">
    290. 

  290.           <img src="http://resources.qooxdoo.org/images/twitter.png">
    291. 

  291.         </a>
    292. 

  292.         <a href="https://www.facebook.com/pages/qooxdoo/187101324711780">
    293. 

  293.           <img src="http://resources.qooxdoo.org/images/facebook.png">
    294. 

  294.         </a>
    295. 

  295.         <a href="http://feeds.feedburner.com/qooxdoo/news/content">
    296. 

  296.           <img src="http://resources.qooxdoo.org/images/feed.png">
    297. 

  297.         </a>
    298. 

  298.       </div>
    299. 

  299.       <div class="notice">
    300. 

  300.         <p class="source">
    301. 

  301.           <strong>
    302. 

  302.             <a href="../../_sources/pages/mobile/deployment.txt" rel="nofollow">Show Source</a>
    303. 

  303.           </strong>
    304. 

  304.         </p>
    305. 

  305.         <p class="page">
    306. 

  306.               &copy; Copyright 2011-2012, qooxdoo developers.
    307. 

  307.             Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> 1.1.3.
    308. 

  308.         </p>
    309. 

  309.       </div>
    310. 

  310.     </div>
    311. 

  311.   </footer>
    312. 

  312. </div>
    313. 

  313. 

  314.   </body>
    315. 

  315. </html>
    316.