After much hacking around I came up with a solution that works for me. This may or may not solve your particular problem, but it may help get you started in the right direction.

I’ll be using a fairly standard User MVC for this demo.

First, I started in the view. Instead of using the built in cakephp form helpers, I hand coded my inputs. You could easily use the form helpers though. Just make sure to set the value on certain inputs.

<div id="search">
<form id="orderform" action="<?php echo $html->url('/users/search'); ?>" method="post" enctype="multipart/form-data">
<label for="searchuser">Search Users:</label><input type="text" name="searchuser" />
Search By:
<input type="radio" name="searchtype" value="User.id" checked> User ID
<input type="radio" name="searchtype" value="User.email" checked> User Email
<input type="radio" name="searchtype" value="Entity.name"> Entity Name
<?php
echo $form->end('Search');
?> </div>

The code is fairly straight forward. In the form tag I declared which action in the controller to use. The input tags are really straight forward. The only thing to note is in the search type radio buttons, the value is set to the Model.fieldname. This is important later on. But make sure to set them to the models you intend to search.

Now in the controller, it’s time to add the search action.

function search() {
$searchtype = $_POST['searchtype'];
$value = $_POST['searchuser'];
$results = $this->User->find('all', array('fields' => array('User.id', 'User.email', 'Entity.name', 'User.created', 'User.modified'), 'order' => 'User.id ASC', 'conditions' => array($searchtype . ' ' . 'LIKE' => '%'.$value.'%')));
$this->set('results', $results);
}

It’s really a pretty standard find all but the key lies in the conditions. They are set to variables that are posted through the form. So if you selected Order ID as the type and entered 1 in the search box. Your condition would be array(‘Order.id’ => %1%)

One last thing is to create the search.ctp

<div id="search">
<form id="orderform" action="<?php echo $html->url('/users/search'); ?>" method="post" enctype="multipart/form-data">
<label for="searchuser">Search Users:</label><input type="text" name="searchuser" />
Search By:
<input type="radio" name="searchtype" value="User.id" checked> User ID
<input type="radio" name="searchtype" value="User.email" checked> User Email
<input type="radio" name="searchtype" value="Entity.name"> Entity Name
<?php
echo $form->end('Search');
?> </div>
<div id="contentbox">
<h2>Manage Users</h2>
<table>
<thead>
<th>ID</th><th>Email</th><th>Entity Name</th>
</thead>
<?php foreach($results as $user) : ?>
<tr>
<td><?php echo $user['User']['id'] ?></td>
<td><?php echo $user['User']['email'] ?></td>
<td><?php echo $user['Entity']['name'] ?></td>
</tr>
<?php endforeach; ?>
</table>
</div>

It’s just a simple loop through the results. I also added the search box to the top of this page, so the user can run another search if they want.

So it may not be the cleanest solution in the world, but it works well, and is flexible enough so you can tweak it to many different situations.

If you have a better way to search with CakePHP, please let me know in the comments. Or feel free to ask any questions.

I’m just a guy interested in all things design and web related. You should contact me about about this article, for freelance work, or for any reason.

First you need the virtual machine software. Download VirtualBox and install it on your host os. Once installed go download the latest version of Ubuntu. You want the desktop version, not the server. Save the .iso file to your desktop.

VirtualBox Setup & Ubuntu Installation

Launch VirtualBox and create a new machine by clicking the button in the top left corner. Click next on the screen the comes up. Create a name for your new machine, and select Linux as your Operating System, and Ubuntu as you Version. Select a base amount of memory for the virtual machine to use. Use at least the default settings, but use as much as your system can spare. I recommend setting it to no more than 50% of your total RAM, unless you have lots to spare. Hit next. On the next screen select the option to create a new hard disk. This will launch the Create New Virtual Disk Wizard. Hit next. Select dynamically expanding storage and hit next. Select the size of the hard disk you want the virtual machine to have. This does take up real space on you computer. The default of 8 gigs should be sufficient for most. On the next screen hit finish. Then finish again.

Now with your new machine highlighted, click the start button. This will launch two new windows, one of them being the First Run Wizard. Hit next on the first screen. Select CD/DVD ROM Device. Then click the little folder next to the drop down list. Hit add and select the Ubuntu .iso file you save to your desktop. Highlight it and hit select. Hit next on the Select Installation Media page. Finish.

The Ubuntu .iso file will now start to run in the other window. When the install screen comes up select your language and hit the Install button, not the try button. On the next page select your time zone. Then pick your keyboard on the next screen. On the Prepare disk space page select the option to erase and use the entire disk then hit forward. Next fill out your user information. Make sure to set a password. On the next page hit install.

If you find you cant get your mouse back out of the virtual machine, look in the bottom right corner of the window. It should give you a short cut or a ket on your keyboard that when pressed will return your mouse to the host os.

When the installation is complete you will need to restart the computer. When it says, Please remove the disc and close the tray (if any) then press enter:, pull your mouse back out of the virtual machine and look at the bottom of the window. There should be an icon that looks like a CD. Click it and select unmount CD/DVD Device. Now click back in the Ubuntu window and hit enter. When the computer finishes restarting you will now have a working Ubuntu copy installed on your host os.

You may or may not be able to connect to the internet through your virtual machine by default. Check by launching Firefox and seeing if you have a connection. If you do not. Close the virtual machine. You can select shutdown from the system options or just close the window and choose power down. In the virtual box window select your virtual machine from the list on the left hand side and select Settings. Select Network from the top menu. Under Adapter 1 make sure Enable Network Adapter is checked, but change the Attached To drop down list from NAT to bridged adapter. Hit OK and restart the machine. You should now be able to connect to the internet.

Now that Ubuntu is installed and working it’s time to start installing the LAMP stack. For those who don’t know, LAMP stands for Linux, Apache, MySQL, and PHP. This is a common setup among web developers, but you could also install Ruby or any other language. This one will focus just on the LAMP stack. (which is what you want if you use, wordpress, joomla, drupal, cakephp, or any of the other fine php packages)

Install Apache 2

Now open up Terminal (Applications > accessories > Terminal). Type in the following,

sudo apt-get install apache2

Terminal will prompt for your password. Enter it in.(Terminal does not show your password as you type, so just type it in and hit enter).

Install PHP 5

Apache should now be installed on your system. Now it’s time to install PHP 5. In terminal type,

sudo apt-get install php5 libapache2-mod-php5

Install MySQL

Now you have PHP 5 installed. To install MySQL type,

sudo apt-get install mysql-server

Enter in a password when the install prompts you to.

Install phpMyAdmin

Now install phpMyAdmin by typing

sudo apt-get install libapache2-mod-auth-mysql php5-mysql phpmyadmin

When phpmyadmin asks which server to use select apache. It will then ask to create a database. Tell it to do so and enter in the password you set when installing MySQL.

After installing all this you need to restart apache. To do so type

sudo /etc/init.d/apache2 restart

Test Installation

You should now have a working LAMP stack installed. To test everything is working, type in Terminal

gksudo gedit /var/www/info.php

When the new window opens add

<?php phpinfo(); ?>

Save and close the window. Now open Firefox and go to http://localhost/

You should see “It Works!”, if you do, apache is working, then go to http://localhost/info.php

If you see a long list of information about PHP 5 then it works as well.

Now everything is working as it should, but the default setup isn’t the best thing. We’re going to do a little bit more to make it a development dream come true.

Fix Domain Name Error

First you may have noticed when we restarted apache that it gave an error about not being able to determine the fully qualified domain name. To fix this error open the terminal and type,

gksudo gedit /etc/apache2/httpd.conf

Add to the file

ServerName localhost

Save and exit. Now restart again. You should no longer see an error.

Install mod_rewrite

Now lets add an important PHP 5 module. mod_rewrite. Many systems use this to turn ugly urls like,

example.com/?dkjfodocas223 into example.com/about/

You can enable the module by typing in the Terminal

sudo a2enmod rewrite

Enable PHP 5 Error Displaying

Another helpful feature not enabled by default is error displaying in PHP. Now on a production server it is good to turn these off, but when developing, they can be handy to have on. To enable type

gksudo gedit /etc/php5/apache2/php.ini

Make sure the following lines read as follows
display_errors = On
display_startup_errors = On
log_errors = On
error_log = /pickadirectorytostoreerrors/phperror.log
error_reporting = E_ALL & E_STRICT

Setup Virtual Hosts

After errors are turned on, let’s setup an example virtual host. Virtual hosts are what allow you to host multiple websites on one server. This will allow example.com and test.com to point to two different sites.

To begin setting this up create two separate folders in /var/www/. Name one example.com and the other test.com. Create a simple index.html file in each, creating content that makes them easy to tell apart. Now cd to /etc/apache2/sites-enabled. Once there, type the following in Terminal

gksudo gedit example.com

Inside the file paste the following,

<VirtualHost *:80>
ServerAdmin your@email.com
ServerAlias www.example.com
DocumentRoot /var/www/example.com
<Directory />
Options FollowSymLinks
AllowOverride All
</Directory>
<Directory /var/www/example.com/>
Options Indexes FollowSymLinks MultiViews
AllowOverride All
Order allow,deny
allow from all
</Directory>
ErrorLog /var/www/example.com/logs/example-error.log
# Possible values include: debug, info, notice, warn, error, crit,
# alert, emerg.
LogLevel warn
CustomLog /var/www/example.com/logs/example-access.log combined
</VirtualHost>

Now create a link to the file in sites-available.

sudo ln -s /etc/apache2/sites-available/example.com

Next let’s create one for test.com

gksudo gedit test.com

Inside the file paste the following,

<VirtualHost *:80>
ServerAdmin your@email.com
ServerAlias www.test.com
DocumentRoot /var/www/test.com
<Directory />
Options FollowSymLinks
AllowOverride All
</Directory>
<Directory /var/www/test.com/>
Options Indexes FollowSymLinks MultiViews
AllowOverride All
Order allow,deny
allow from all
</Directory>
ErrorLog /var/www/test.com/logs/example-error.log
# Possible values include: debug, info, notice, warn, error, crit,
# alert, emerg.
LogLevel warn
CustomLog /var/www/test.com/logs/example-access.log combined
</VirtualHost>

Now create a link to the file in sites-available.

sudo ln -s /etc/apache2/sites-available/test.com

Now your virtual hosts are ready to go, but first we need to tell the computer to listen for the addresses. To do that type the following,

cd /etc/

Then

gksudo gedit hosts

Create a new line under the first. In it add

127.0.0.1 localhost www.example.com

Create another line and this time add

127.0.0.1 localhost www.test.com

Save and close the file. Restart apache

sudo /etc/init.d/apache2 restart

Now open Firefox and go to www.example.com. You should see your example.com index.html file. Now try www.test.com. If you see your test.com index.html file everything works as it should. Just repeat this process for any additional domains you would like to add.

If you want to be able to view your virtual machine sites in a browser on your host os you need to do a similar thing as the last step. First find the local IP address of the virtual machine. You can find this by going to System > Administration > Network Tools. Select your Network Device from the drop down and look for the Ipv4 IP Address. Let’s say mine is 192.168.10.4

Now move back to your host os. Open a terminal session in it. Find your hosts file. In OSX it is /etc/ just like Linux. Now add lines like so,

192.168.10.4 www.example.com
192.168.10.4 www.test.com

You should now be able to view your example sites in a browser on your host os.

Change Webroot Permissions

Everything is starting to work quite well for development but there are still a few extras worth setting up. The first is changing permissions of your web root. To make you the owner of the /var/www directory type this in Terminal

sudo chown youruser:youruser /var/www

Install Git

This will now allow your user to easily create new folders and files. Next lets install my favorite version control system Git. To install type this into Terminal

sudo apt-get install git-core

Install FTP

You can now use git to control the code you develop on the machine. Next let’s add ftp support to make moving files between your host and guest operating systems a little easier. To install ftp support type,

sudo apt-get install proftpd

You can now open your favorite ftp application in your host os and connect to your virtual machine. Just use the IP (mine in this example is 192.168.10.4) and enter in your user name and password. Ta-da!

There you go. You now have a complete and awesome new development virtual machine. If there are any questions, or if you know a better way to do something, please let me know in the comments.

I’m just a guy interested in all things design and web related. You should contact me about about this article, for freelance work, or for any reason.

I try to make my content cross browser compatible, but for this one I have no choice. You must use Firefox or Chrome to fully view this post. The newer the version the better.

Anyway, back to the post. I started with a small clip from the 720p version of Elephants Dream. It’s a cool little short and I suggest going and watching it if you haven’t already.

So with this clip in hand I ran it through 6 different compressors.

ffmpeg2theora (6.10 MB)

• lots of settings
• smallest file
• moderate quality
• moderate ease of use

FFmpeg (6.19 MB)

• same as ffmpeg2theora
• no sound (can have sound if you encode separately and then combine)
• has to be a size divisible by 16

FireFogg (18.87 MB)

• decent settings
• fairly easy to use
• good quality at large size

Miro Video Converter (22.20 MB)

• largest size
• best quality
• easy to use
• can’t resize
• no settings for anything

QuickTime (17.37 MB)

• good quality large size
• same export as any other qt
• moderate amounts of video settings, no audio settings

VLC (21.94 MB)

• large size
• serious streaming issues
• small amount of settings

and for comparison

h264 (6.22 MB)