Desktop Apps with PHP and Titanium (ZendCon 2010)

Ben Ramsey • Zend/PHP Conference & Expo • 2 Nov
2010 Desktop Apps with PHP and Titanium

What Is Titanium?

Desktop Apps with PHP and Titanium • Ben Ramsey Four
main parts… ‣HTML/CSS/JavaScript ‣APIs ‣Language-OS bridge ‣Run-time shell 5

$9M in funding from Sierra Ventures and eBay!

Using Titanium Developer

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 ﬁx, do this after installing Titanium Developer: ‣cd ~/.titanium/runtime/linux/1.0.0 ‣rm libgobject* libgthread* libglib* libgio* 19

“Hello, World!”

<html> <head> <title>Hello, World!</title> </head> <body> <h1>Hello, World!</h1> </body> </html>

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;

Desktop Apps with PHP and Titanium • Ben Ramsey Titanium
has APIs! ‣API ‣Analytics ‣App ‣Codec ‣Database ‣Desktop ‣Filesystem ‣JSON ‣Media ‣Network ‣Notiﬁcation ‣Platform ‣Process ‣UI 27

PHP in Titanium

<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>

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 deﬁned in .php into runtime code with include/ require 36

The client-server relationship does not exist.

Planet PHP Demo

Wrapping up…

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

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.

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 Scientiﬁc 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

Desktop Apps with PHP and Titanium (ZendCon 2010)

Desktop Apps with PHP and Titanium (ZendCon 2010)

Ben Ramsey
PRO

More Decks by Ben Ramsey

Other Decks in Programming

Featured

Transcript

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

What Is Titanium?

Desktop Apps with PHP and Titanium • Ben Ramsey Four

$9M in funding from Sierra Ventures and eBay!

Using Titanium Developer

Desktop Apps with PHP and Titanium • Ben Ramsey Installation

“Hello, World!”

<html> <head> <title>Hello, World!</title> </head> <body> <h1>Hello, World!</h1> </body> </html>

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

Desktop Apps with PHP and Titanium • Ben Ramsey Titanium

PHP in Titanium

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

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

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

<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',

Desktop Apps with PHP and Titanium • Ben Ramsey PHP

The client-server relationship does not exist.

Planet PHP Demo

Wrapping up…

Desktop Apps with PHP and Titanium • Ben Ramsey Questions?

Desktop Apps with PHP and Titanium Copyright © 2010 Ben

Desktop Apps with PHP and Titanium • Ben Ramsey Photo