Woshiadai Dev Notebook

November 11, 2009

set up PHP and Apache on Snow Leopard

Filed under: PHP, Mac

It took me quite some trouble to get imagick working on the snow leopard. 

First, I tried to install xampp and mamp, which are two easy ways to get PHP, apache, mysql up and running. I used to have no issue with xampp, but the snow leopard has problems with locally complied imagick.so in xampp. So, I tried mamp as well, imagick simply does not work and kept getting me "cannot find Imagick class" error.

So, I had to try to use the PHP and apache that ships with snow leopard. I simply followed the instructions in this blog post and it worked out well for the most part.

The only problem I am having is with the userdir apache module. Using the userdir module, you can just drop web applications to /Users/<username>/Sites. But no matter how hard I tried, I just could not get this working and had to give up.

UPDATE: found this post saying the permission denied problem is related to the user permission of _www. Apache runs as _www under _www group that need to have access to /Users/<username>/Sites. I’ve added xr to everyone on that directory, not sure why it is still not working. If you want to give it a try you can do it. 

October 31, 2009

upgrading to snow leopard

Filed under: Apple, Mac

Finally, I decided to do the upgrade. It was not as smooth as it looks, especially that I turned on 64 bit as default. Normally, SL runs in 32 bit mode, you need to hold 6 and 4 keys during the boot process to get into 64 bit mode. But you can also change the config to run it as default, instruction is here.

Most of the applications still runs fine, here is a few exceptions that I encountered and luckily all of them have solutions so far. Here is a list of compatibility check for SL, note that it is not the default 64 bit mode. 

1. menumeter: This is a small monitoring tool that I use every day, to check network, CPU, memory usage. Good thing is it displays info on the menu bar. Old installation not working anymore, just get the latest and reinstall.

2. delicioussafari: This is a plugin for Safari that saves and opens your delicious online bookmarks. To fix the issue, just get the latest and reinstall. The new version even has a new BMW-like button ;-)  

3. macfuse: This is a handy tool to help mount various file systems. Here is the fix for 32 bit SL mode, however it did not work for 64 bit mode. You can use this pre-compiled dmg for 64 bit mode. It runs great for me. You can also roll your own following the instructions here.

4. TextMate: It has lots of issues with SL, especially due to the upgrade of Ruby. First, try to get the latest release possible. But still, I am having issues with ⌘R. Textmate blog has some workarounds and I have not tried them yet, hopefully they will fix the problems in the next release.

5. MacPorts: This is another thing that caused many headache until I found this nice blog that suggests a fresh install. It worked all fine. However, occasionally, some ports will still report error of unmatched architecture. This blog also covers "Upgrading to Snow Leopard Part 1 to 7", talking about python, mysql and other upgrade tips, very handy! He also talks about building 32 bit packages using arch and lipo.

6. VMWare Fusion: The old 2.x version even won’t start in 64 bit and asks you to restart SL in 32 bit. So, you need to get the latest Fusion 3.0. The upgrade is not free.

After a week of being little white mouse running 64 bit SL. I’d say maybe running 64 bit does cause more issues than benefits. But we can debate over it. Here is a good intro if you are interested.

The best part for me is that I got back 12G free space, very interesting. It seems to be a combination of using 1000 for 1024 in calculation and cut the new OS installation size.

 

June 26, 2009

Subversion and SSH setup in Netbeans 6.7 RC3 on Mac OS X

Filed under: Java, PHP, Apple, Mac

Netbeans has been making a lot of progress since version 6 and the latest 6.7 RC3 is even better. For those Eclipse fans, I strongly suggest that you check out Netbeans. It feels much faster and consumes less memory. The plugins are more organized and easy to manage (I think the plugin management in Eclipse is really messy).

The PHP plugin for Netbeans is out of beta and it is quite user friendly and versatile. So, I decided to switch from PDT to Netbeans for my PHP development.

Netbeans comes with Subversion support. However, it is not so smooth to set up Subversion over SSH on Mac OS X due to the ssh-askpass problem. This is a Mac OS X issue, not a Netbeans issue.

  1. Download and install Netbeans 6.7 RC3 (as of June 25, 2009).
  2. The subversion that comes with Mac OS X (/usr/bin/svn, 1.4.4 (r25188)) is quite outdated and it has problems working with newer versions of the SVN server, probably due to different format of the metadata. You need to use MacPorts to install a more recent subversion (if you don’t know how to install MacPorts, check out this). Just type this in your terminal: port install subversion, it might take a white. The subversion from MacPorts is installed in /opt/local/bin, so make sure you put /opt/local/bin before /usr/bin in your PATH environment variable.
  3. Add SVNROOT and SVN_SSH environment variables to your .bashrc:

    export SVNROOT=svn+ssh://your_svn_server/
    export export SVN_SSH=/usr/bin/ssh
  4. Launch Netbeans, go to preferences->Miscellaneous->Versioning->Subversion, for “path to SVN executable file”, enter /opt/local/bin
  5. Now, it seems like everything is ready. However, when you try to do update/diff and other operations, you get error: ssh_askpass: exec(/usr/libexec/ssh-askpass): No such file or directory. I did some Yahoo! search and the problem is that Netbeans wants to communicate with SVN server over ssh without asking your password using ssh-askpass, but it is not available. This is a general ssh issue on Mac OS X.

    I found two solutions: solution 1 and solution 2. I only tried solution 2 and it worked perfectly for me. Here are the simple steps:

    a) download script from here (note that I had to add .jpg since blogsome only supports image upload) and save it in /usr/libexec. Change ssh-askpass script to executable:
    wget wget http://woshiadai.blogsome.com/images/sshaskpass.jpg -O ssh-askpass
    sudo cp ssh-askpass /usr/libexec/ssh-askpass
    sudo chmod a+x /usr/libexec/ssh-askpass

    b) add two more environment variables:

    export SSH_ASKPASS=macos-askpass
    export DISPLAY=:0

  6. Finally, you can use subversion actions from inside Netbeans. You will be asked for password for the first time, then it will be remembered for future activities.

    Enjoy the Netbeans! ;-)

June 19, 2009

Screen Sharing

Filed under: Apple, Mac

I have been using Mac for quite a while, but did not have much time to explore many of its features. Today, I managed to find how to do easy VNC to my linux box using Screen Share application, a hidden treasure.

First, follow the instructions here to set up the Screen Share application. Somehow I could get the advanced toolbar working.

Second, you need to set up the VNC server on your linux box. In my case, Redhat Enterprise comes with VNC server installed already. All I need is to configure it properly. Follow this nicely written tutorial to start your VNC server. There are two ways in this tutorial: use the build-in remote desktop setup, or the DIY configuration. I chose the 2nd option since it is much flexible and the first one did not really worked for me.

Third, connect to your VNC server. In my case, I just typed in hostname:5091 and clicked connect in Screen Sharing, then it starts working, really cool!

I think you should be able to do the same with a Windows machine running VNC server, but I did not try that.

June 18, 2009

ICO image processing with Imagick

Filed under: PHP, Image Processing

Used to have an issue with Imagick when I convert ICO image into png. Somehow when I create the Imagick object from image content string, the final result is a crappy image. But when I create the Imagick object directly from a file, it works fine, with only the problem of a different size.

So, I filed a bug (http://pecl.php.net/bugs/bug.php?id=15701), but still got no resolution.

Got some time recently and did a bit research, found that the problem is with the ICO format: it may contain the same image with different sizes. So, when you convert the format directly, it will not work. It is similar in the case when you try to convert an animated GIF image into JPG or PNG, you get one of the frames instead of an animated image.

There are two solutions:

1. use foreach($ico as $im) loop to get one image and just convert that image
2. use flattenImages function before the format conversion

Note that after the format conversion, the image dimensions might be different from when you directly open the ICO image from a browser or image viewer. You probably need to resize the image manually.

The bug report has some code snippets if you want to try it out.

May 19, 2009

cachegrind for Mac

Filed under: PHP

Start to learn how to do profiling and optimization for PHP code. Found Kcachegrind is handy to visualize XDebug data. There are other similar cachegrind tools:

1. Kcachegrind: you can get it from Macports, check out this if you don’t know how to get started with Macports. Note this might take a long time to install. In my case, I also need to install graphviz to see the call graph.

2. MacCallGrind: this displays the data in a table structure.

3. cachegrindvisualizer: this is a google code project, installed/coded using Adobe AIR, fairly cool UI. If you only need to see the call graph, you probably don’t need Kcachegrind anymore.

4. webgrind: a Web UI for the cachegrind data, also shows a table-like structure.

April 9, 2009

Transparent gif with smooth edge using Imagick

Filed under: PHP, Image Processing

If you have a PNG with transparency and then you want to convert it to a GIF with transparency preserved. Since GIF has only 1-bit transparency, the edge will look jacky. However, if you know a color that will be used as solid background color or an average color for a gradient background, you can still achieve a smooth edge for the transparent gif.

Here is how (assuming the original PNG is circle.png, the edge antialias color is RED):

< ?php
$red = new ImagickPixel('red');
$transparent = new ImagickPixel('transparent');
$im = new Imagick('circle.png');
$im->setImageBorderColor($red);
$im->frameImage($red, 0, 0, 0, 0);
$im->paintOpaqueImage($red, $transparent, 0.0); //replacing RED color with transparent color
$im->setImageFormat(’gif’);
header(’Content-Type: image/gif’);
echo $im;
?>

April 3, 2009

Use Imagick to create images with transparent canvas

Filed under: PHP, Image Processing

update: just found an easier way to create a transparent canvas ;-)
so, you can pretty much ignore all these options listed below now


$im = new Imagick();
$im->newImage(100, 200, new ImagickPixel('transparent')); // use this predefined transparent color string
$im->setImageFormat('png32');
//$im->setImageFormat('gif');
//$im->setImageFormat('jpg'); // note that jpg does not support transparency, so you see a default black background

==== ignore the rest of the post ====

According to ImageMagick Examples canvas page, there are multiple ways to create a transparent canvas.

It is a pity that Imagick PHP library lacks enough documentation, so I had to try my luck with it. For example, I want to create a transparent background, then copy an image with transparency on top of it.


< ?php
try
{
$icon = new Imagick('play.png');

$im = new Imagick();

// put code here to create the transparent canvas, use options below

$im->compositeImage($icon, Imagick::COMPOSITE_COPY, 0, 0);

header(’Content-Type: image/png’);
echo $im;
}
catch (Exception $ex)
{
echo ‘Exception: ‘ . $ex->getMessage() . “\n”;
echo $ex->getTraceAsString();
}
?>

a) setImageOpacity

$im->newImage(200, 200, '#000000', 'png');
$im->setImageOpacity(0.0);

b) paintTransparentImage

$transparent = new ImagickPixel('#000000');
$im->newImage(200, 200, '#000000', 'png');
$im->paintTransparentImage($transparent, 0, 10);

c) matteFloodfillImage

$transparent = new ImagickPixel('#000000');
$im->newImage(200, 200, '#000000', 'png');
$im->setImageBorderColor($transparent);
$im->matteFloodfillImage(0.0, 0.0, $transparent, 200, 200);

d) thresholdImage

$im->newImage(200, 200, '#000000', 'png');
$im->thresholdImage(-1, Imagick::CHANNEL_ALPHA);

e) fxImage

$im->newImage(200, 200, '#000000', 'png');
$im = $im->fxImage('0', Imagick::CHANNEL_ALPHA);

For ImageMagick 6.2.9 12/17/07 Q16, Imagick 2.2.2RC1
a) does not work at all
e) gives the correct result, transparent background for play.png and transparent background for the whole image
others give transparent background for play.png, but black background for the whole image

For ImageMagick 6.4.9-6 2009-03-25 Q16, Imagick 2.2.2
a) b) gives transparent background for play.png and whole image
c) gives an exception
others give white background for play.png, black background for whole image

Images (note that you may want to save the images and open it in a viewer with non-white background to see the difference, especially the last two):

1. Desired ouptput: transparent play button background and transparent canvas:
desired output
2. White play button background and black canvas
white play bg, black canvas
3. Transparent play button background and black canvas
transparent play bg, black canvas

March 21, 2009

iPhone

Filed under: Uncategorized

Getting interested in iPhone development after I hacked a 2G iPhone recently. Just ordered Programming in Objective-C 2.0 from Amazon, Objective-C seems to be a quite difficult yet powerful language with a lot of nice OO features.

Here are two nice tutorials from Cocoa Dev Central:

1. C Language Tutorial for Cocoa
2. Learn Objective-C

December 27, 2008

imagick for XAMPP on Mac Leopard

Filed under: Web Prog.

There are different options to install/use PHP on Mac Leopard: use the default installation, use MacPort to install, or use XAMPP.

I like the all-in-one bundle XAMPP, it is easy to manage and includes most commonly used options. So, I use it for the most of the time. However, when I need to install imagick, a PHP wrapper for ImageMagick, I got into some troubles.

First, this package is not available via PEAR or PECL (PECL got into some errors). So, I end up manually compile imagick and copy the imagick.so into XAMPP extension directory. Here is what I did:

  1. change PATH to use default Leopard PHP installation, i.e. put /usr/bin ahead of XAMPP bin directory in PATH setting
  2. use MacPort to install ImageMagick (assume you have MacPort installed, Yahoo! it if you did not know how to)
  3. go to http://pecl.php.net/package/imagick, and find out the latest release
  4. manually build imagick and copy to XAMPP PHP extension directory (assuming using PHP5)

    curl -O http://pecl.php.net/get/imagick-2.2.2RC1.tgz
    tar xvfz imagick-2.2.2RC1
    cd imagick-2.2.2RC1
    phpize
    ./configure --with-imagick=/opt/local
    make
    sudo make install (we are using /usr/bin/php, so the imagick.so is created in /usr/lib/php/extensions/no-debug-non-zts-20060613/)
    sudo cp /usr/lib/php/extensions/no-debug-non-zts-20060613/imagick.so /Applications/xampp/xamppfiles/lib/php/php5/extensions/no-debug-non-zts-20060613/imagick.so
  5. edit /Applications/xampp/etc/php.ini, find “Dynamic Extensions” block, add
    extension=imagick.so
    6. testing, add this test.php file to /Applications/xampp/htdocs and try it at http://localhost/test.php, you will see this jpg turned 45 degree clockwise (get santa-claus.jpg from here)

    < ?php
    $img = new Imagick('santa-claus.jpg');
    $img->rotateImage(’#fff’, 45);
    header(’Content-type: image/jpeg’);
    echo $img;
    ?>

Reference:






















Get free blog up and running in minutes with Blogsome
Theme designed by Ben de Groot