Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Desktop Apps with PHP and Titanium (ZendCon 2010)

Desktop Apps with PHP and Titanium (ZendCon 2010)

Appcelerator Titanium is an open source platform for developing native desktop and mobile applications using the web technologies you're familiar with. Web developers can use their skills to develop for both the Web and desktop/mobile apps. Ben Ramsey will demonstrate a simple application in Titanium Desktop, showing examples using JavaScript and PHP to power dynamic desktop applications.


Ben Ramsey

November 03, 2010


  1. Ben Ramsey • Zend/PHP Conference & Expo • 2 Nov

    2010 Desktop Apps with PHP and Titanium
  2. What Is Titanium?

  3. None
  4. None
  5. Desktop Apps with PHP and Titanium • Ben Ramsey Four

    main parts… ‣HTML/CSS/JavaScript ‣APIs ‣Language-OS bridge ‣Run-time shell 5
  6. None
  7. None
  8. None
  9. $9M in funding from Sierra Ventures and eBay!

  10. None
  11. Using Titanium Developer

  12. None
  13. None
  14. None
  15. None
  16. None
  17. None
  18. None
  19. Desktop Apps with PHP and Titanium • Ben Ramsey Installation

    on Linux ‣There is a known issue with the GTK libraries for Titanium Developer on Linux ‣Until there is a fix, do this after installing Titanium Developer: ‣cd ~/.titanium/runtime/linux/1.0.0 ‣rm libgobject* libgthread* libglib* libgio* 19
  20. “Hello, World!”

  21. None
  22. <html> <head> <title>Hello, World!</title> </head> <body> <h1>Hello, World!</h1> </body> </html>

  23. None
  24. None
  25. var mainMenu = Titanium.UI.createMenu(); mainMenu.appendItem(Titanium.UI.createMenuItem("File")); var menu = Titanium.UI.createMenu(); menu.appendItem(Titanium.UI.createMenuItem("Quit",

    function() { if (confirm("Are you sure you want to quit?")) { Titanium.App.exit(); } })); mainMenu.getItemAt(0).setSubmenu(menu); Titanium.UI.currentWindow.menu = mainMenu;
  26. None
  27. Desktop Apps with PHP and Titanium • Ben Ramsey Titanium

    has APIs! ‣API ‣Analytics ‣App ‣Codec ‣Database ‣Desktop ‣Filesystem ‣JSON ‣Media ‣Network ‣Notification ‣Platform ‣Process ‣UI 27
  28. None
  29. None
  30. PHP in Titanium

  31. <script type="text/php"> // PHP code goes here </script>

  32. <script type="text/javascript"> var heading = document.getElementById("title"); heading.innerHTML = "Hello, World!";

  33. <script type="text/php"> $heading = $document->getElementById("title"); $heading->innerHTML = "Hello, World!"; </script>

  34. None
  35. <html> <head> <title>PHP Info</title> <script type="text/php"> date_default_timezone_set('America/Chicago'); ini_set('default_charset', 'utf8'); ini_set('display_errors',

    'Off'); function getPhpInfo() { ob_start(); phpinfo(); return ob_get_clean(); } </script> </head> <body style="background-color: white; padding: 10px;"> <script type="text/php"> $document->write('<pre>' . getPhpInfo() . '</pre>'); </script> </body> </html>
  36. Desktop Apps with PHP and Titanium • Ben Ramsey PHP

    caveats ‣echo does not work as expected ‣Titanium state transitions (links) do not send requests ‣Pre-processed scripts (.php) are processed at compile/build time ‣Cannot inject classes defined in .php into runtime code with include/ require 36
  37. The client-server relationship does not exist.

  38. Planet PHP Demo

  39. Wrapping up…

  40. Desktop Apps with PHP and Titanium • Ben Ramsey Questions?

    ‣I blog at benramsey.com. ‣I tweet at @ramsey. ‣Please rate this presentation at joind.in/2259. ‣Get the source code for my examples at GitHub. ‣Find out more about Titanium at appcelerator.com. ‣My company is Moontoast. Check us out at moontoast.com. Follow us on Twitter and like us on Facebook. 40
  41. Desktop Apps with PHP and Titanium Copyright © 2010 Ben

    Ramsey. Some rights reserved. Presented on November 2, 2010 at Zend/PHP Conference and Expo, Hyatt Regency Hotel, Santa Clara, CA. This work is licensed under a Creative Commons Attribution- Noncommercial-No Derivative Works 3.0 United States License. For uses not covered under this license, please contact the author.
  42. Desktop Apps with PHP and Titanium • Ben Ramsey Photo

    Credits ‣Titan-crystal bar from Wikimedia Commons ‣Titanium-cylinder from Wikimedia Commons ‣Apollo 17 full Earth photograph from NASA/Goddard Space Flight Center Scientific Visualization Studio ‣titanium cylinder, GRADE 2 quality from Wikimedia Commons ‣Surface of a compressed cylinder of titanium from High-Res Images of Chemical Elements ‣Guggenheim Museum Bilbao from Wikimedia Commons 42