Because we didn’t need these commands for normal operation, phpize and php-config were still the standard Apple ones.
We now need these commands, so we’ll make sure,just in case, the latest ones are used; open up your terminal and execute the next lines:

sudo mv /usr/bin/phpize /usr/bin/phpize-leopard
sudo ln -s /opt/local/php/bin/phpize /usr/bin/phpize
sudo mv /usr/bin/php-config /usr/bin/php-config-leopard
sudo ln -s /opt/local/php/bin/php-config /usr/bin/php-config

Create a folder to contain the sources for xDebug. It’s fine to use a filder in your userdir, so we’ll be using the ’source’ folder in your homedirectory(if you want you can choose another folder).

mkdir ~/source
cd ~/source

Now you can go along two paths:

1. Download the sources for the stable release(2.0.4) of the xDebug package and extract it to a folder(a folder source/xdebug in your homedirectory is fine). Enter the next commands to download and extract the source:

   curl -C - -O http://xdebug.org/files/xdebug-2.0.4.tgz
   tar xzf xdebug-2.0.4.tgz
   cd xdebug-2.0.4

2. Get the latest version(2.1 unstable) by downloading from CVS. The advantage is you can use several newer features (like errors that contain a link to the file and linenumber, opening in your IDE or editor of choice). Execute the following commands:

   mkdir ~/source
   cd ~/source
   cvs -d :pserver:srmread@cvs.xdebug.org:/repository login

   Then enter the password srmread and issue the next commands;

   cvs -d :pserver:srmread@cvs.xdebug.org:/repository co xdebug
   cd xdebug

Now we have the sources in the source/xdebug folder in our homedirectory(make sure you are in the folder containing the config.m4 file).
Prepare this package for the php version at hand by using the next command:

phpize

Then we need to set some parameters to ensure proper compiling on the mac(this should work on all flavors; Intel and PPC based Macs):

export MACOSX_DEPLOYMENT_TARGET=10.5 CFLAGS="-arch ppc -arch ppc64 -arch i386 -arch x86_64 -g -Os -pipe -no-cpp-precomp" 
export CCFLAGS="-arch ppc -arch ppc64 -arch i386 -arch x86_64 -g -Os -pipe" 
export CXXFLAGS="-arch ppc -arch ppc64 -arch i386 -arch x86_64 -g -Os -pipe" 
export LDFLAGS="-arch ppc -arch ppc64 -arch i386 -arch x86_64 -bind_at_load"

Then we can compile and build the module:

./configure --enable-xdebug
make

We’ll copy the module to the PHP modules folder, because that’s were it’s going to be used

sudo cp modules/xdebug.so /opt/local/php/modules

Add the following to the end of the /opt/local/php/lib/php.ini file:

[xdebug]
zend_extension=/opt/local/php/modules/xdebug.so

Now restart your webserver to incorporate the changes to the php.ini file:

sudo apachectl restart

If you go to the testpage we created in the last blogpost(or if you create a new php file containing phpinfo(); in your webroot), it should then show the following bar at the top:
for version 2.0.4:

and for 2.1 dev:

And almost at the bottom of the page there should be all xDebug parameters.

Now every time we use a var_dump() it looks like this:

And if an error occurs, it shows like this:

At this time we have more advanced error reporting and we have better looking var_dumps() and we can connect a debugger to xDebug and can use xDebug for application profiling.

More on how to do this on MacOSX in the next post.

So, we’ll have to setup a new PHP/Apache2 combo…..
Okay let’s start:

1. Install the Apple Developer tools

If you haven’t done it already, install the Developer Tools(XCode 3) from the OSX DVD

2. Install and update MacPorts

If you haven’t installed MacPorts on your system, do so by downloading it from the MacPorts website and running the installer.
Now open a terminal window and update MacPorts:

 sudo port selfupdate
 sudo port sync

3. Install apache2

Create the following directory and symlink for the correct use of MySQL (the install searches there for libraries):

sudo mkdir /usr/local/mysql/lib/mysql
sudo ln -sf /usr/local/mysql/lib/lib* /usr/local/mysql/lib/mysql/

Install Apache2:

 sudo port install apache2

Let the apache2 process be autostarted by the system:

 sudo launchctl load -w /Library/LaunchDaemons/org.macports.apache2.plist

Move the old Apache stuff out of the way:

 sudo mv /usr/sbin/apachectl /usr/sbin/apachectl-leopard
 sudo ln -s /opt/local/apache2/bin/apachectl /usr/local/bin/apachectl

Copy the sample conf file and make it the default

 sudo cp /opt/local/apache2/conf/httpd.conf.sample /opt/local/apache2/conf/httpd.conf

Now you can modify your apache settings to your liking, but remember to use only the ones in the /opt/local/apache2/conf directory; the old configs(/etc/apache2/conf) are not used anymore.

4. Install the additional stuff needed

Then make sure we have everything installed we want in there; I want: GD libraries, iconv, PDO_MySQL, curl

sudo port install jpeg
sudo port install libpng
sudo port install freetype
sudo port install libmcrypt
sudo port install tidy
sudo port install libiconv

Rename the default iconv.h because it generates errors while compiling PHP

 sudo mv /usr/include/iconv.h /usr/include/iconv.h.leo_orig
 sudo ln -s /opt/local/include/iconv.h /usr/include/iconv.h

5. Download, configure and install PHP

Download the php5.2.8.tar.gz file from the PHP website.
go to your download directory and run

tar xvzf php-5.2.8.tar.gz

Then move this folder to the /opt/local/php-5.2.8 folder

  sudo mv php-5.2.8 /opt/local/

Then create a symlink that you can compile against:

 sudo ln -s /opt/local/php-5.2.8 /opt/local/php

Go into the newly created ‘folder’:

cd /opt/local/php/

Now configure PHP:

 './configure' \
 '--prefix=/opt/local/php' \
 '--with-apxs2=/opt/local/apache2/bin/apxs' \
 '--with-xsl=/usr' \
 '--with-tidy=/opt/local' \
 '--with-ldap=/usr' \
 '--with-kerberos=/usr' \
 '--enable-mbregex' \
 '--enable-ftp' \
 '--with-iodbc=/usr' \
 '--with-curl=/usr' \
 '--enable-mbstring' \
 '--with-gd' \
 '--with-jpeg-dir=/opt/local' \
 '--with-png-dir=/opt/local' \
 '--with-zlib-dir' \
 '--enable-sockets' \
 '--enable-exif' \
 '--with-mcrypt=/opt/local' \
 '--enable-soap' \
 '--with-mysql=/usr/local/mysql' \
 '--with-mysqli=/usr/local/mysql/bin/mysql_config' \
 '--with-pdo-mysql=/usr/local/mysql/bin/mysql_config' \
 '--with-mysql-sock=/tmp/mysql.sock' \
 '--with-freetype-dir=/opt/local' \
 '--with-openssl=/opt/local' \
 '--with-iconv=/usr' \
 '--with-libxml-dir=/usr' \
 '--with-xmlrpc' \
 '--enable-cli'

Then make and install php:

 sudo make
 sudo make install

And rename the old PHP and create a symlink to the new binary:

 sudo mv /usr/bin/php /usr/bin/php-leopard
 sudo ln -s /opt/local/php/bin/php /usr/bin/php

copy the new php.ini file and edit it to your liking:

sudo cp php.ini-dist lib/php.ini

Note: The new php.ini file in use is the one located at: /opt/local/php/lib/php.ini

6. Restart the webserver

Up until now the old webserver was running. Shut it down and then start the new apache2:

 sudo apachectl-leopard stop
 sudo apachectl start

If all went well, Apache is running and PHP scripts get executed. Please check the installed features by calling a page with the following code on it, to ensure everything is installed.

<?php
 phpinfo();
?>

In the next post we will add xDebug to the stack and later on the debugging environment is setup for different IDEs.
Part2: Installing xDebug on OSX

The easiest way to differentiate between local and remote sessions or different remote sessions is changing the background-color. When switching terminal, you immediately see/know where you are, without looking at the prompt or the window-title. So how do we implement this in the standard OSX Leopard Terminal.app ?

I like the terminal in OSX Leopard a lot but it doesn’t have support for some simple things like opening themed tabs or use the bookmark function like in iTerm. Because I prefer Terminal over iTerm, I tried hacking some scripts together

First I pick a theme I’d like to use on a daily basis from the Preferences - Settings window. In my case it’s “IR Black“.
Then I select the theme and duplicate it by pressing the small “cog” icon and selecting “Duplicate Settings”.

Rename the duplicated theme to something useful; I’m using one to connect to a server named “Pentagon”, so I name it this way.
Note that the duplicated theme automatically gets the Default theme being used when pressing ⌘T. You can select another theme and then click the “Default” button to set the original “IR Black” as default again.

Select the newly created “Pentagon” theme, go to the “window” tab and press the “Background Color” selector. Pick a color of your liking here. Because I like a darker background, I choose a very subtle tint of red in my black; just enough to notice it when in the terminal.

Right now we can manually open a new terminal window by going into the “Shell” “New Tab” menu and select the “Pentagon” theme there. If you like you can tweak the background color with the theme selected to see the changes immediately applied to your terminal screen.

Right now you have a different background-color, so you can start an ssh connection with the pentagon server, but I don’t like to use the mouse first and then start the ssh session manually.

While looking around I came across a modification of Marc Liyanage’s “open terminal here” plugin, by Geoff using an applescript by Jacob Rus to open the menus and submenus from OSX apps programmatically.

I’ve mixed-and-matched the scripts and the ttterm (Themed Tab Terminal) script is the result. For the script to work, you need to enable “Access for assistive devices” on the “Universal Access” screen in “System Preferences”.

If this script is placed in your path, it can be called in two ways:

1) Opens a new tab with the selected <themename>

ttterm <themename>

2) Opens a new tab with the selected <themename> and runs the command in the new terminal.

ttterm <themename> <command>

So if I want an ssh connection with pentagon, I can call:

ttterm Pentagon ssh max@pentagon

This is still quite long, so I add an alias to my .bashrc file and off we go.

On Saturday morning I traveled to Amsterdam and took a flight to London. From London I then had a flight to San Francisco, where I arrived on Saturday evening. Ivo told me to take the BART instead of a cab for traveling down-town; this would only cost around five bucks instead of forty for a cab. When exiting the BART, I headed over to 3rd street (I thought), but I went the wrong way. After about 10 minutes of walking and looking at street-names I finally started Google Maps from my mobile phone to look up where I was and what directions to follow to my hotel. After walking 15 minutes the other way, I arrived at the Westin, checked in and went out to get some food. Around the corner was a DelTaco, where I had some tacos, before taking a bath and going to bed.

I left the curtains open, because of the great view of the city skyline by night, from the 33rd floor, so when I woke up the next morning, I was greeted with the following view:

After setting up my wifi first, and later on fixed-ethernet because of the bad reception, I checked on my mail and did a web cam session with the kids. Then I went looking for something to eat. After wandering around for a couple of hours I saw a big line of waiting people in front of Mel’s drive-in. This either had to mean the food was for free or it was good, so I queued up.
The lunch (it was that late then) was very good and the coffee was terrible. Especially if you’re used to strong European coffee. Because I was around the corner of the Moscone Center, I decided to pre-register and pickup my badge and conference guide. As you can see there were only a handful of people there, so it only took 2 minutes.

I had some time to spare, the dinner meeting was at six thirty, so I walked over to the Apple store to look at all nice toys at hand. After playing with the iPod Touch for a while, I bought one, and went back to the hotel to play with it, until it was time for dinner.
We met in the lobby at six thirty and walked to restaurant Lulu, were we had a very nice dinner and conversation on who we were, what we do and what interests us, both work and private. I had some very nice talks with Zeke Koch, Adrian Ludwig, Paul Reinheimer and Larry Ullman.

Tuesday evening was reserved for the customer appreciation event, that was held in The Academy of Sciences and de Young Museum. At first Larry and I thought of skipping it, having a dinner together and then go to the hotel to get some sleep. On the way to the hotel we ran into Aaron Conran and we got into a nice conversation on the corner of 4th and mission street. After standing talking there for about an hour we decided to go with Aaron to the Customer Appreciation Event. We got on the bus around the corner of the Moscone Center, that took us to the de Young Museum. When we entered the museum, there were bars, buffets and musicians playing.
We tried to get some food first, but there were only sweet desserts, so we attacked. Then we walked around and saw there were buffets with different food types scattered around. Eventually we had some very good food. It was very cool to be able to walk around in the evening, eating and drinking between old skulls and the Haute Couture from Yves Saint Laurent. Around 22:30 the museum closed and we were transported back to the Moscone Center. When we were in the bus, we passed another building, that spit out a lot of people too, we then realized that was the Academy of Sciences; we didn’t even get that far. Hearing all stories and seeing the pictures of the Academy of Sciences, I felt sorry that we didn’t pay a visit to that too.

Wednesday evening, after the last session on the “next version of Flex Builder”, I went back to my hotel, just to walk into Larry again. I wanted to have a dinner and Larry could use a bite before taking his plane too, so we wandered a bit around the financial district, until we found a nice thai restaurant. We had some very good food there, before we walked back to the hotel. On our way back we had a nice coffee from Pete’s. Pitty it was only half a cup, because they were closing and it was the last they had . Larry left to the airport and I packed up too. I had to leave the next day at one.

On my last day in SF I got up late, packed my stuff, and went down to check out. Thanks again Mike ! That was a nice surprise!
I then went back to the Apple store to return my iPod Touch; I really enjoyed it, but hated the lack of internet if no public wifi was around, so I decided to get an iPhone instead! With that taken care of, I could use some food before having a trip that would take almost 25 hours, so I checked out the hotel restaurant. They had some expensive pasta, that turned out to be very small portion, but at least it tasted good.
I took the BART back to SFO and left SF with a temperature of 15°C. When I arrived home it was 16°C colder… brrr

As told on my company blog: It was an awesome experience and I’ve learned a lot.
I’ve learned lots of new stuff on AIR and FLEX and I’ve learned it’s wise to not over-plan your schedule, but leave some holes in which you can socialize and network or just write up some of the things you need to remember for blog-posts like this.

More pictures I took in SF:	More pictures by Justin Korn:

Adobe invited Ivo, but since he was already occupied and I was already developing in Flex and AIR, Ivo asked if I liked to go…. YEAH of course ! ;).

There’s a real cool session/lab selector, that you can use to schedule your days and afterwards export the schedule to a VCF file for importing in your calendar, or exporting to PDF for printing. Since they didn’t include an export to blogging software, I’ll have to enter that by hand.

My main focus will be Flex and AIR in relation to back-end development with PHP. I also want to have a look at the “Thermo” product, that will get a new name during MAX, because it’s one of the core concepts in bringing the developer and the designer together.

The schedule I most certainly will follow:
Monday: 17 nov 2008
09:30-11:00 - Max 2008 Opening General Session
11:30-12:30 - Looking ahead to the next version of Flex
12:30-15:30 - Adobe meetup
15:30-16:30 - Introduction to Thermo and the next generation of Flex
17:00-18:00 - Hybrid Applications: Where javascript and Flash play together

Tuesday: 18 nov 2008
09:00-10:00 - Developer best practices with Flex
10:30-12:00 - General Session
13:30-17:00 - Adobe AIR Bootcamp
18:00-19:30 - Sneak Peeks

Wednesday: 19 nov 2008
09:30-10:30 - Working with data in Flex
11:00-12:30 - Using Flex and Adobe AIR to automate CS4 Workflows
14:00-15:00 - Flex in the city: A single developer diary
15:30-16:30 - Building web-to-print Applications using Flex, AIR and Indesign Server
17:00-18:00 - Looking ahead to the next version of Flex Builder

• We finally completed the garden… Yay !
• We had a very nice holiday in France
• The girls are growing like crazy and it’s hard to keep up with their development.
• We think one of the girls has mild “Selective Mutism” and we’re now trying to stimulate her and her school in getting her trust back and letting go of her fear.
• I switched to a new employer; the best PHP development firm in The Netherlands and the UK: Ibuildings. I’m working for the team in Sittard and work there two days a week and telecommute the other three. Having lunch with the kids is a real plus !

Watch this space… more updates will follow…

Afgelopen zomer is er een introductietour door Noord-Amerika en Canada geweest om de Beta versie van AIR te promoten. Een team van Adobe personeel, enthousiastelingen en ‘early adopters’ reden per bus van stad naar stad, om geïnteresseerde webontwikkelaars met behulp van seminairs, demo’s en hands-on sessies te laten zien wat er met AIR mogelijk is.

Nu komt de On AIR Tour ook naar Europa! Vanaf 31 maart tot en met 13 juni doet het team 13 plaatsen in Europa aan, om ook hier webdevelopers te laten zien wat er mogelijk is met Adobe AIR; schrijf je nu in om erbij te zijn op bijvoorbeeld vrijdag 4 april in Amsterdam of op maandag 7 april in Brussel.

SameGame v1.23 - SIS
SameGame v1.23 - ZIP
SameGame v1.23 - Readme File

Today Trac was offline for a couple of hours and when it came back looked like this:

Would this be the redesign for the CakePHP 1.2 release ??