Michael Ong | On9 Systems

Fix for Dreamweaver CS 4 : Server Model SSI.htm: has configuration information that is invalid

michael — Thu, 13 May 2010 03:21:57 +0000

Came back from a CS 5 Roadshow and Dreamweaver CS 4 decides to go a bit wonky.

The following translators were not loaded due to errors:
Server Model SSI.htm: has configuration information that is invalid.

Fixing it with these steps (thanks to Sachin (link))

Close Dreamweaver, if it is already open.
Open this folder: “C:\Documents and Settings\[username]\Application Data\Adobe\Dreamweaver CS4\en_US\Configuration”
Delete the file “WinFileCache-7A9586CB.dat“
Start Dreamweaver

Installing iPhone OS 4.0 beta on the iPhone 3GS

michael — Sat, 10 Apr 2010 04:53:45 +0000

The recent announcement of iPhone OS 4.0 beta brought some interested features for developers. I’m still pretty new to iPhone development and was trying to figure out how to update my phone. Below are the instructions once you’ve downloaded the IPSW file to update the firmware.

Installing iPhone 4.0 beta on the iPhone

Make sure to have downloaded the iPhone 4.0 beta firmware that relates to your iPhone (e.g. 3GS).
Extract the firmware IPSW to a folder.
Connect the iPhone to your computer.
Get the UDID registered on the iPhone Developer program. Provisioning Portal > Devices > Add Devices
Open iTunes and click Restore while holding the Shift key (for Windows) or Option key (for Mac).
Locate or browse to the firmware IPSW.
Wait for iTunes to unpackage and install the firmware.

UDID can be view in 2 ways:

In Xcode, navigate to the ‘Window’ drop down menu and select
‘Organizer’. The 40 hex character string in the Identifier field is your
device’s UDID.
OR In iTunes, select your device in the ‘Devices’ section and navigate to
the Summary tab. Click on the Serial Number label to reveal the
Identifier field and the 40 character UDID. Press Command+C to copy the
UDID to your clipboard.

Quick way to create patch files based on modified date with xcopy

michael — Thu, 08 Apr 2010 02:38:45 +0000

Recent projects and deployment method made it difficult to simply publish changes to a web server. Had been doing it manually (check for modified files, copy and transfer) and thought it was wasting too much time each day when change requests occur. After some quick research, I realized that the simplest method would just be to use the good old “xcopy” command in windows. (this is why command prompt tools should be taught in schools). For a quick refresher on batch commands, read http://www.computerhope.com/batch.htm.

I realize that a proper source control (like Git or Subversion) would be nicer but in my case, a simple batch file is just easier to work with.

Copy and paste the following code in your deployment folder that will create a patch folder based on last modified dates of working files.

[START EVENT.BAT]

@echo off
REM – http://www.computerhope.com/batch.htm
ECHO Usage : events [patch-num] [m-d-y]

SET SRC=c:\xampp\htdocs\events
SET DEST=c:\deployment\events

IF (%1)==() GOTO END
IF (%2)==() GOTO TODAYDATE

ECHO Copying files modified on %2
xcopy %SRC% %DEST%%1 /D:%2 /S /C /I /Y
GOTO END

:TODAYDATE
FOR /F “tokens=1-5 delims=/ ” %%a in (“%date%”) DO SET year=%%c
FOR /F “tokens=1-5 delims=/ ” %%a in (“%date%”) DO SET month=%%b
FOR /F “tokens=1-5 delims=/ ” %%a in (“%date%”) DO SET day=%%a

SET TODAY=%month%-%day%-%year%
ECHO Copying files modified on %TODAY%

xcopy %SRC% %DEST%%1 /D:%TODAY% /S /C /I /Y

:END
@echo on

[END EVENT.BAT]

Re-installing Windows XP on a Dell Inspiron Mini 9 (910) with a USB drive

michael — Thu, 25 Mar 2010 16:24:25 +0000

Quick n dirty Guide to Re-installing Windows XP on a Dell Inspiron Mini 9 (910)

For fun to get blood pressure to suitable level.

Go to Dell website and look-up the manual for the netbook. Note they mention re-installing operating system requires a optical drive and installation media. They forgot to add “Sucks to be you if you don’t have it”.
Curse Dell for not providing restoration disc or thumb drive and wasting your time.

On a separate Windows machine

Download WinToFlash (http://wintoflash.com/download/en/)
Prepare a USB thumbdrive (1GB or more) and Windows XP CD-Rom (don’t have it? Borrow a suitable version that matches your netbook’s license)
Unzip WinToFlash
Run WinToFlash specifying your Windows XP CD Drive and USB Drive and let it transfer. Wizard mode works.

On Netbook

Plug USB drive (with XP transferred) to Netbook
Boot from USB Drive on Netbook
Choose Option 1, run through XP setup process in text gui. Take note which your windows is going on, 1 (dell formatted) or 2 (most probably the case)?
When done copying files, boot in Option 2 in graphical gui.
When XP is done with setup, you might encounter a hal.dll missing error.
- Windows could not start because the following file is missing or corrupt: \system32\hal.dll
- Continue to boot from USB but select the debug boot “Debug boot rDisk 1 partition 2″ in boot.ini on USB drive [multi(0)disk(0)rdisk(1)partition(2)\WINDOWS="Debug boot rDisk 1 partition 2" /fastdetect]
Allow Windows to finish setup
Fix c:\boot.ini (hidden file) to set default boot to “multi(0)disk(0)rdisk(0)partition(2)”
Copy \i386 from USB drive to c:\
Start patching and installing Dell drivers from Dell support site
Curse Dell again for not providing restoration disc or thumb drive and wasting your time.

Disclaimer:

This is quick guide for me to read if I ever need to do this again (I hope not). Works for me, if it doesn’t work for you. Post questions to WinToFlash forums instead.

Solving a small issue with Paypal standard payment

michael — Mon, 30 Nov 2009 02:34:44 +0000

Was testing out a site that was about to go live and came up with this error even though the sandbox account worked ok. It seems that the live merchant account wasn’t setup properly.

The error upon submitting the payment data to Paypal

Data does not match input character set or default encoding. For more information, please contact the merchant.

Solution

Log into your PayPal account
Go to your profile
Under the selling preferences column, select Language Encoding
Make sure your website language is set to Western European Languages
Click the more options button
Make sure encoding is set to windows-1252 or UTF-8.
Then save settings

Day 2 with Google Wave

michael — Fri, 16 Oct 2009 07:53:14 +0000

Impressions after more partipants have gotten their invites. Wave is a huge mess once everyone tries to talk (not unlike a real life meeting). You can also hijack a person’s message if you want to so that can be rather distracting. Still not sure how it’s going to work unless we work on a project using only Wave (I wonder if Sales could be convinced to use this though).

Performance-wise, its rather bad once a huge wave or even an ongoing one with 2 people starts to load, cpu utilization goes up and it definitely feels laggy. KC mentioned that he had shown me a similar XMPP style code collaboration tool in Eclipse so real-time messaging isn’t something new.

On the plus side, I really liked SAP and Salesforce demos especially the customer support bot. Check it out here. Can’t wait to see what gadgets are being developed!

Some things I’ve found out to make it a better experience if you’re starting out the first time

To add a wave to the public timeline, do this

Add contact “public@a.gwave.com” , force add it even if the submit button remains disabled.
Add “public@a.gwave.com” as a participant in the Wave.

More waves are appearing locally and here’s an effort to organize them
Making a Singapore Google Wave List

Actual Waves (about Singapore) , you can search by doing this “with:public singapore” or whichever keyword you want to look up. You’ll need wave access for following links.

Tweety, add tweety-wave@appspot.com to your wave and once you authorize in the pop-up (lower right bottom corner of Chrome), you’ll be able to post to Twitter and read status updates within Wave itself.

Most importanly, treat this as a new experience and forget about Outlook and Notes (I try everyday to forget I’m using it). Wave is messy, its gory but what’s not to like about a mash of IRC, ICQ, Forums, Search, Widgets(or Gadgets) and Google way!

Day 1 with Google Wave

michael — Thu, 15 Oct 2009 03:35:22 +0000

Managed to get Google Wave access yesterday and have been testing out the various features. An area of interest to me is how to best reduce the UI clutter of various windows and incoming streams as I keep up to date with news and try to work at the same time.

The concept of waves to mash up all the various streams into conversation threads seems like a great idea but definitely requires more polish to succeed. I can see myself using it if gmail was tied directly in today. The idea of “wiki” style collaboration on documents in real time could really improve how things work in most places. However the barrier would be resistance to change (happens in any product that dramatically changes how people work). Google’s idea of pushing their brand and products to schools (great work on signing up MOE) is definitely the right step to get young minds hooked and warm up to the idea of new ways to work and collaborate.

Some gadgets I’ve tried

Wavr which allows embedded waves in self-hosted wordpress
- http://wordpress.org/extend/plugins/wavr/
Tweety that provides Twitter conversation in Wave. This could potentially remove the need for Tweetdeck, Yammer clients running right now!
- http://wave-samples-gallery.appspot.com/about_app?app_id=5002
- Great guide with screens on how to add Tweety access http://daggle.com/add-twitter-google-wave-1424
Map and Yes/No/Maybe Gadgets are pretty cool on what’s possible to built as extensions

While waiting for the invite (took 2 weeks!) I came across some good reads and discussion on this very early dev release (thanks Google for the invite, hopefully more will be able to experience a more polished product soon).

Lastly, here’s an embedded wave just to test out the interaction

Useful applications to make life easier in web design and development

michael — Thu, 01 Oct 2009 01:00:49 +0000

Just put up this list to share with others in the team so thought I might as well post it here since it could be useful to folks starting out in web development. Do feel free to add on to the list if there’s something useful for us to use.

Mind Mapping
XMind http://www.xmind.net/ (Thanks to @David_Shen for introducing this .. much nicer than Freemind! I use this for meeting notes, to-do lists and jotting down ideas)

Color Palette
ColorSuckr http://colorsuckr.com/
Color Palette Generator http://www.degraeve.com/color-palette/

On Screen Rulers
JR Screen Ruler http://www.spadixbd.com/freetools/jruler.htm
Pixus http://code.google.com/p/pixus/

Screen Capture
MWSnap http://www.mirekw.com/winfreeware/mwsnap.html

Hard Core Editing (i.e. know your markup)
Notepad++ http://notepad-plus.sourceforge.net/uk/site.htm

Firefox Addons
Web Developer Toolbar https://addons.mozilla.org/en-US/firefox/addon/60
Screengrab! http://www.screengrab.org/
User Agent Switcher https://addons.mozilla.org/en-US/firefox/addon/59
Firebug http://getfirebug.com/
Pagespeed http://code.google.com/speed/page-speed/

FTP
Filezilla http://filezilla-project.org/
Fireftp http://fireftp.mozdev.org/

IE Tools
IE 6 and 7 Internet Explorer Toolbar http://www.microsoft.com/downloadS/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en
IE 8 has built-in developer toolbar

IDE
Eclipse http://www.eclipse.org/
Adobe Dreamweaver CS4 (it really does its job well, have tried hard to replace it without much success)

Wireframes/Design
Adobe Fireworks CS4 (started using Fireworks since Macromedia days and its my favorite program when a mock or design is needed)
Balsamiq http://www.balsamiq.com/ (Just started using this recently to improve my pen n paper process and its working out nicely)

Great reading for design/dev ideas
Web Resources Depot http://www.webresourcesdepot.com/
Smashing Magazine http://www.smashingmagazine.com/

Hope this helps you in your daily work. Happy coding!

Places I’ve worked in (and had a desk)

michael — Tue, 29 Sep 2009 08:47:49 +0000

Walked past the old office in Chinatown yesterday and realised that over the years, I’ve had a desk in various parts of Singapore and tried to recall where they were.

The list so far in chronological order

American Express - The Concourse, Beach Road
RBR Networks – KA Centre, 150 Kampong Ampat
JuzPC – Kallang Place and Circular Road
EdLabs – Chinatown (South Bridge Road)
Societe Generale – 80 Robinson Road
Asis-T Solutions - Choa Chu Kang and Ang Mo Kio
Cornet Technologies – Purvis Street and Chinatown (New Bridge Road)
VISA – Caltex (Chevron) House, 30 Raffles Place (Highlight was the Aeron chair!)
IConnectE – Circular Road
SPH – 1000 Toa Payoh North News Centre

Other places which I’ve had to frequent (almost felt like second office at one point!)

KC Dat – Lok Yang Way
Nippon Express – Alps Avenue and Toh Guan Road East

Map

View Places I’ve Worked in a larger map

Getting Dreamweaver CS4 to code highlight .phtml files

michael — Fri, 04 Sep 2009 08:26:41 +0000

I’m currently working on a Magento project which requires some custom template work and with Dreamweaver, it doesn’t color code the syntax for .phtml files even though they are just php files in disguise. A simple solution would have been to allow different extensions to be specified in the preferences but of course, hiding it away in a obscure config file is more fun.

The file to look for : (check your installation path)

C:\Program Files\Adobe\Adobe Dreamweaver CS4\configuration\DocumentTypes\MMDocumentTypes.xml

Search for this code snippet :

and change it to :

,phtml” macfileextension=”php,php3,php4,php5,phtml” file=”Default.php” writebyteordermark=”false”>

Restart Dreamweaver and say goodbye to the wall of black text! This will also work for any other syntax that needs to be highlighted and isn’t represented by the usual file extension, you’ll just need to find the correct documenttype id.