Just unzip and copy the .qlgenerator files to /Library/QuickLook

Screencaps :

One iPhone was packing the 1.1.1 firmware, with the 04.01.13_G modem firmware (BL 3.9), whilst the other iPhone was a 1.1.2 firmware, with the brand new 4.6 bootloader, which -until this point- has not been cracked yet.

The process to jailbreak, activate and unlock the 1.1.1 loaded iPhone ?
Basically the whole procedure has already been described on iphone.unlock.no, and works like a charm. So no need to rewrite that, but lets just sum up the major steps :

• Check if you have the 04.01.13_G firmware
• Add a contact with the jailbreak specs + adjust general settings and enable wifi connection
• Jailbreak using the jailbreakme.com method
• Install anySIM 1.1 (download here) and follow the instructions (make sure you own SIM card is in the phone, not the AT&T one)
• Apply some tweaks if necessary

The second iPhone we had was a problem (partially anyways). So far there is no proven software method to unlock this phone, just activate/ jailbreak… well we had to start somewhere !

• Download the 1.1.1 firmware from the Apple website
• Open iTunes and connect the iPhone, click the restore button holding your option key
• Now the iPhone is in recovery mode, you can select the 1.1.1 downloaded firmware to restore from
• After the downgrade to the 1.1.1 firmware, follow the jailbreak procedure as described on iphone.unlock.no
• If your iPhone gets stuck in DFU mode, use iNdependence to free

Good, we now have an iPhone the can be used as an iPod touch,.. while people from iphone-elite are still working on the bootloader 4.6, there is an alternative to software unlocking : the use of a TurboSim (available here). It copies the IMEI and ICCID codes from you AT&T simcard. If you use it afterwards with your own SIM, the iPhone thinks it’s dealing with an AT&T account (simplified explanation). For this procedure I suggest you follow these detailed steps
For some visual aid, here a UK user doing the hack with a O2 and Vodafone card on Youtube

Unfortunately, we still didn’t have any carrier connection. That’s until you do an upgrade to the 1.1.2 firmware !!

• Install Oktoprep
• Download the 1.1.2 firmware from Apple (link) and Upgrade (not Restore)
• Download Jailbreak-1.1.2 and proceed with the Jailbreak procedure. (for Windows & Mac)

Additional useful resources ::
- Guide to unlocking your iPhone with a Turbo SIM (Jason Madigan - link)
- A Muppet’s Guide to TurboSIM (Hackintosh - link)

If your sill not satisfied with the look and feel of your Dock, you can also replace the texture of the shelf, take a look at LeopardDocks.com
Then there is the tanslucent effect in the menubar, which offers a glance at the wallpaper. Some tricks to alter include :

• Install the OpaqueMenuBar ultitly from Eternal Storms Software
• The easy solution - if you can live without a stylish wallpaper - is :

    (A) to edit you wallpaper of choice an and a 21px high white strip at the top … read about it or
    (B) to choose a solid color as background, preferably the darkgray one :

Last but not least, some changes within Finder. I’m not really fond of the default Leopard icons, but I guess it’s a question of getting used to it. (besides once CandyBar 3 is launched, I’ll customize them anyways). The use of alternating colors (white and babyblue) if the List view is choosen is also a new one, perhaps we’ll be able to change it to plain white sooner or later….

I started with going through some webpages explaining some of the features I was looking for. On the dhtmlgoodies website I found a piece in dynamic list, which shows you a list of options based on what you type into a text input.
Other items on the list : webserver, MySQL server with database to store the user information and some css to tie it all together.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61

<script type="text/javascript" src="ajax.js"></script>
<script type="text/javascript" src="dynamic-list.js"></script>
<script type="text/javascript" language="javascript">
var url = "getDetails.php?param=";
function handleHttpResponse() {
  if (http.readyState == 4) {
    if (http.responseText.indexOf('invalid') == -1) {
      // Use the XML DOM to unpack the phone and fax data
      var xmlDocument = http.responseXML;
      var phone = xmlDocument.getElementsByTagName('phone').item(0).firstChild.data;
      var fax = xmlDocument.getElementsByTagName('fax').item(0).firstChild.data;
      var mobile = xmlDocument.getElementsByTagName('mobile').item(0).firstChild.data;
      var email = xmlDocument.getElementsByTagName('email').item(0).firstChild.data;
      var funct = xmlDocument.getElementsByTagName('funct').item(0).firstChild.data;
      document.getElementById('phone').value = phone;
      document.getElementById('fax').value = fax;
      document.getElementById('mobile').value = mobile;
      document.getElementById('email').value = email;
      document.getElementById('funct').value = funct;
      isWorking = false;
    }
  }
}
var isWorking = false;
function updatePhoneFax() {
  if (!isWorking && http) {
    var nameValue = document.getElementById("UserName").value;
    http.open("GET", url + escape(nameValue), true);
    http.onreadystatechange = handleHttpResponse;
    isWorking = true;
    http.send(null);
  }
}
function getHTTPObject() {
  var xmlhttp;
  /*@cc_on
  @if (@_jscript_version >= 5)
    try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
        xmlhttp = false;
      }
    }
  @else
  xmlhttp = false;
  @end @*/
  if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
    try {
      xmlhttp = new XMLHttpRequest();
	  xmlhttp.overrideMimeType("text/xml");
    } catch (e) {
      xmlhttp = false;
    }
  }
  return xmlhttp;
}
var http = getHTTPObject(); // We create the HTTP Object
</script>

MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer

Whereas moo.fx is a javascript effects library :

moo.fx is a superlightweight, ultratiny, megasmall javascript effects library, to be used with prototype.js or the mootools framework

To see what the MooTools javascript framework can do for you, I’ll take one example from the demo page (make sure to check it out) and apply it to this website.
I’ll illustrate the “Tips” effect, which you can use to display additional information in fields, pictures, etc…
First head over to the download page, and download the mootools.js library.
Include the javascript into your page :

1
2
3
4
5
6

<script type="text/javascript" src="http://yourdomain.com/js/mootools.js"></script>
<script type="text/javascript">
			window.addEvent('domready', function(){
			    var commentfx = new Tips($$('.commentfx'));
			    });
</script>

Then refer to your css file or add the css code (specific for this effect) to your existing css file.

<link rel="stylesheet" href="http://yourdomain.com/css/moofx.css" type="text/css" media="screen" />

Almost there,… the only thing left is to add some code to the objects on your page that require the effect, for example:

alt="mooCow" class="commentfx" title="Email :: Type your email address"

I’ve added the effect to the input fields on my “leave a comment” sections, and it looks like this :

Other implementations of mootools and/or moo.fx include :

• Nyokiglitter has some nice moo.fx tutorials and samples.
• The Idiot’s Guide to moo.fx by Avinash Vora, speaks for itself.
• JonDesign uses MooTools v1.11 for his SmoothGallery (gallery and slideshow)
• Andrew Sellick shows us how to create a sliding side bar menu using mootools.
• Devthought created Fancy Menu, an awesome css & mootools based menu.
• MooMonth is a full calendar application written in javascript.

• Flickr Toolbox: 100+ tools for Flickr addicts - link
• Craziest ways to browse Flickr photos - link

First on the list FlickrStorm by zoo-m.com : it provides a clean and interactive way to search for photographs. Put in a keyword and hit the search button, your results will appear as a thumbnailgrid in the left side on the page. You can then get an additional preview on the right side of the page (uses ajax, no page reload). Some extra’s feature ‘Your Tray’ and ‘Your History’. The Tray one allows you to pick out the best pictures from the grid, add them to the tray and later on download them with a single click. History on the other hand keeps track of the pictures you selected from the grid.

Next, Flickr Leech. Simple and straight forward search engine, in which you can choose from seven pre-defined topics. Enter you keyword and all search results will appear on the page, also in the form of a picture-grid. If you click of the pictures, you’ll be redirected to the actual page on Flickr.

Then there is FlickSLiDR, an online tool which can be used to generate slideshows. Text from the site describes it as :

…allows you to easily embed the classic flickr slideshows on your website or blog. All you need to do is enter the flickr URL address of the user, photo set or group you would like to embed along with some options. You’ll receive the HTML embed code in return.

As mentioned above, I used the MainMenu app to do some of the cleaning: Deep Clean System & User Cache,..etc
Because this is my first OSX upgrade ever, I’ll backup some additional data to my external drive. This includes user data in Documents, Movies, Photos and Music + my Firefox and Thunderbird profile directory in respectively Users/yourprofile/Library/Thunderbird/ and Users/yourprofile/Library/Application Support/Firefox

Now there are a couple of proven methods to upgrade, the most popular consist of either using the installation DVD’s or use a .dmg file. I’ll do the last one, because it involes some more action in regards to the installation process. My configuration consists of a 20″iMac 2.4Ghz Intel Core 2 Duo with 1Gb 667 DDR2 SDRAM, running OS X version 10.4.10. The disk space is partitioned into 3 parts : a 50Gb System directory hosting the OS, a 30 GB Workspace directory for daily use and a 200 Gb Storage directory for all static data.

• moved all workfiles from the Workspace to the Storage partition.
• started Disk Utility and restored the content of the .dmg installation file to the Working space.
• after the content was copied, the Workspace partition became my “Mac OS X Install DVD” alternative.
• in System Preferences, goto Startup Disk and select the the “Mac OS X Install DVD” + restart.

After restart the Leopard installation began… not much difference in comparison to the Tiger installation :

• accept the license agreement.
• choose a destination & !important! : in the option section select either ‘Upgrade’ or ‘Erase and install’ depending on your own choice.
• the next screen allows you to customize the installation (I didn’t care much for X11 and Printer Drivers)

Hit the install button, sit back and enjoy your refreshment for the next 10 minutes (which I actually timed using the stopwatch on my iPod Touch)

That’s right, 10 minutes for a full OS upgrade !!

After the upgrade, the Software Update was nervous to install 2 additional updates : ‘Remote Desktop Client’ & ‘Login & Keychain Update’

So is there anything that went wrong ? Nothing really,… all applications are still working, I was able to delete all backups I made prior to the installation.
[Update] There’s one application not working after the upgrade : Candybar, doesn’t seem to be ready for Leopard. Candybar version 3 should be coming soon according to their website

Items used for this configuration :
- Apache 2.2.3 (httpd-2.2.3.tar.gz) from http://httpd.apache.org
- PHP 5.6.1 (php-5.1.6.tar.gz) from http://www.php.net
- MySQL 5.0.26 (mysql-standard-5.0.26-osx10.4-i686.dmg) from http://www.mysql.com

For an Apache2 installation from source, you’ll need the Apple Developer Tools (Xcode) as a pre-requisite (needed for its compiler software). The software should be included on your Mac OS X cd’s, perhaps already installed on you system. If you don’t have a copy, no worries, you can always download a copy from http://developer.apple.com/tools/ Note: you need ADC membership (Apple Developer Connection), but everybody is free to register.

Step 1, install Apache2. First download the Apache2 Unix source from the website to a directory and extract the content (open Terminal, change path to the download directory and type tar xzf httpd-2.2.3.tar.gz
Enter the created directory with cd httpd-2.2.3
Install the Apache2 in the /usr/local/Apache2 directory using the following commands from the command line :
/configure --prefix=/usr/local/apache2 --enable-so --enable-mods-shared=all
make install
sudo make install
You’ve just installed an Apache2 server. Now you’ll need to start it first before checking out the result in your browser. Make sure the Apache1 configuration is not running (System Preferences, Sharing, Personal Web Sharing: stop the service first). Then from the command line type : sudo /usr/local/apache2/bin/apachectl start
Check out the result on http://localhost
Your personal html files are located in /usr/local/apache2/htdocs
And if you which to alter your Apache2 configuration, edit the httpd.conf file in /usr/local/apache2/conf/httpd.conf. (restart Apache after changes !)

Step 2, install the MySQL server. Nothing hard realy, just start up the installer package and follow the instruction. Make sure to include the MySQL preference pane at the end of the installation, it will allow you to start and stop the MySQL service from the System Preference pane.

Step 3, add PHP support. Download the Unix Source and extract (using the directory in Step 1) Now type switch to the newly created directory with cd php-5.6.1 from the command line and type :
./configure --prefix=/apache2/php --with-zlib --with-xml --with-ldap=/usr --enable-cli --with-zlib-dir=/usr --enable-exif --enable-ftp --enable-mbstring --enable-mbregex --enable-dbx --enable-sockets --with-iodbc=/usr --with-curl=/usr --with-mysql=/usr/local/mysql --with-apxs2=/apache2/bin/apxs
make
make install


Resources