Posts Tagged ‘AJAX’

Website Version History for TMM

Thursday, March 26th, 2009

Over time, my company’s main website has had a few different faces. 2003 Techno Monkey Media Website

May 2003: Version 1

This first version was entirely HTML, written by myself back in grade 10. I believe it was launched the day we bought the domain, May 14th, 2003. There were about a dozen unique pages, featuring a services list of four bullet points, video samples such as Elect Spencer 2002, Elect Spencer 2003, The One, The Shuttle Program, and Kat’s Death. Of the seven main menu items, three of them only ever said “Coming soon” (Info, Prices, and Links). 2004 Techno Monkey Media Website

October 2004: Version 2

The second version of the website introduced CSS and PHP. The PHP simply displayed the main menu and grabbed the contents of the selected page through reading .txt files as the “database”. Within a month, version 2.1 was released, which contained upgrades to the main index file and filled in more .txt files as “database” elements. On the homepage, we sported the awesome cheesy slogan “Quality and Affordability”! On this version there was a nifty “drop-down menu” and tacky samples section with such jems as Paulish Can Do It, Local Jumps, Elect Spencer 2004 and more! The services section was slightly improved to include: Digitizing Slides & Negatives, Film Transfers, Multi-media Presentations, Photo Restoration (which we never got a single job for), and the two most amazing titles ever: Special Projects and Video Production. 2008 Techno Monkey Media Website

July 2008: Version 3

With almost four years dating the previous version, I had accumulated heaps more web-design knowledge, and with the addition of Spencer as the first “full-time” contractor/staff member, I had time to work on a new website from scratch.  Keep in mind at this point, I had launched and coded this personal site (see a previous post on it’s history). The site deisgn was written from scratch and first applied to our brand new website, and a few weeks later was adapted and improved for It was entirely PHP-based, and was the first design to include streaming flash video samples, and they were showcased right on the homepage. It also had AJAX driven Place Order, and Contact pages. Samples that graced the hompage of this site included Aerial Footage of Vancouver, Port Coquitlam Canada Day Celebrations 2008, Chloe Ellis – The Masquerade, and Store Wars at Cypress Mountain 2009. It was extremely flexible, which became its largest downfall when we started to fill it in and realized we could go on forever. In January of 2009, the header graphic was replaced with our new logo, and design on a new website had already begun. It was only online less than a year. 2009 Techno Monkey Media Website

March 2009: Version 4

The real reason I’m posting about my business site’s history?  We just launched this new one today! As the company is moving forward heavily into developing our base structure, we adopted a new logo to suit our more professional nature.

The process started with drafting literally dozens of graphical designs and narrowing the choices down to just one.  Following that, we wrote thousands of lines of code to make it all work and finally were able to spend oodles more time entering in all of the content.

The website went live to the world at 5:57pm on March 26, 2009.


Gigabit Switches, Music Videos, and Website Stuff

Wednesday, August 13th, 2008

It was a couple mornings ago that I woke up to my dad complaining about the network not working… and after I got up and took a look, it turns out that out 8 port gigabit switch was malfunctioning! We’ve had it since about November of 2005, and never had an issue with it. Anyways, I played around with it for a while and discovered that it can only now support up to four active connections. If a fifth cable is plugged in and active, it will immediately start not working and blinking all of its lights. I swapped around some cables and got the network running with several less machines on the gigabit speed, but at least I have enough ports for everything to be online still. We picked up a new 8 port gigabit switch yesterday and installed it – giving us a total of four more ports than we had before the problem occured! Sweet, an upgrade! I’ve now got two gigabit lines running into Bob, my server, and I’ll be monitoring how the network performance is over the next little while.

Work today was pretty enjoyable because I got down and re-built both Phi, my main workstation (the quad core), and Yonder (Spencer’s main workstation, and the projects drive host). Things should run smoother and faster now that they are less crapped up! Next on my list is Bob… Urp.

Aside from all my backups and such, I’m starting work on editing up the promo for PoCo’s Canada Day Celebrations, and I’m looking to do a bang up job because I want to use it as a portfolio piece for some upcoming projects. Spencer did me up a fun track in Acid, and we’ll be getting Brittany do some some singing (without lyrics), and Hayate to jam in some guitar to spice up the sound! It should be a fun little project and I plan to spend a while editing it to make it look really spiffy.

Another project on the go is a music video for Chloe (who also has a new website!). She’s a trained singer and is planning to release a bunch of her stuff in Europe, but needs a video to “complete her package”, so we’re crafting one up over the next couple weeks. We’re doing a re-make on the song “The Masquerade” by George Benson. We should be shooting at the first location this weekend.

Related to the above project, I must mention what I’ve been up to in my spare time this past week! It’s very exciting for me! I’ve been designing the back-end for the film section of paulromein dot ca! It’s been very long hours of work, but I’ve finally got my database completely functional and I’ve written some nifty php to display the data for the films and such in a very simple and functional way! Now what’s taken me the most time has been something that I’ll pretty much be the only one using, but it’s a content management system (CMS) for all of the data in that section. Everything from the crew profiles, to the film information, to the news on the sidebar! The best part about the whole thing (and it’s Mark Bakker approved as Awesome), is that the entire CMS is AJAX driven. Which means the whole thing for adding and changing content is done on a webpage without re-loading the page! A very high-end example of an AJAX project is Gmail. It was revolutionary because of that aspect. It took the world by storm. And I built my own baby version of it for myself to manage my content!

The whole section is coming along very well and I’m running through some beta testing while prettying it up and such before I let it loose and turn it live. Stay tuned for certain!  Cough – if you’re interested in a preview, here’s the link to the page for Chloe‘s music video I mentioned above:

Funny – it’s about midnight and I just realized that my air-conditioner is still running! Bah – it’s not even all that hot out!


Monday, August 11th, 2008

Today certainly wore me down! I was up “last night” until around 7am doing finishing touches programming a completely AJAX content management system for the film section on paulromein dot ca. I dropped asleep fast, but was woken up abruptly to my dad complaining that the network was going crazy! I was planning to oversleep a little, but I ended up getting up at 11 like I was supposed to. After fidgeting under the stairs with our routers, I found out that our 8 port gigabit switch has malfunctioned and can support only four computers now. If I plug in a fifth, it starts flashing all of the lights! So we’re gonna have to get a new one.

I got down to work with Spencer, and did up about an hours work before I got a phone call from Brittany. She was going downtown for a fairly important casting for her modeling… but she had just locked herself out of her house! And with no keys, she couldn’t use her car either! She was asking me for numbers for lock-smiths, but being that they wouldn’t get there in time for her to be able to make her casting, I insisted that I drive her! So I dropped absolutely everything, and gave quick instruction to Spencer that I needed to get Chloe in for recording, and I took off within the minute.

I picked her up and we made it downtown with thirty minutes until the casting was over. One problem remained: the shoes she was gonna wear were inside her car because she didn’t want to forget them! She had plan flat shoes on, and definately couldn’t go to the casting in them. I have never been so focused on brainstorming where to get a pair of shoes in my life!  Shoes have never seemed so important! Bah…

I had to find parking, so I dropped her off and she ran off to find shoes with the plan that we’ll meet outside the building she had to go to just after 2pm. I parked and sauntered on down there… getting hassled by tonnes of bums begging for money along the way! I was there early and waited at an outdoor table at a cafe next-door. No sign of her – either she was in there or wasn’t there yet.

It wasn’t until 2:15 that I finally saw Brittany again – she was barreling down the street with an Aldo bag over her shoulder!  It was definitely a precious sight I won’t ever forget!  I couldn’t help but laugh because of the extreme contract to I – sitting calmly relaxed drinking coke from a can!  When she got to me, we burst out laughing, but she got quickly done up and jumped on inside.

We called a locksmith on the way home… taking a very relaxed pace.  I dropped her at home and continued on my way back to work.  I returned home four hours after my hasty departure to find Spencer had successfully followed up on the seed I planted to get Chloe in for recording.  Not only that, but he had also laid down some amazingly quick instrumental synth’d tracks to accompany her vocals for the song!  We’re doing some early recording for a song that we’re gonna be making a music video for over the next two weeks!

After a some meetings with my dad while Spencer and Chloe “worked”, I finally realized just how exahused I was.  Spencer took off, and after doing some planning with Chloe, Mark picked her up and they headed downtown for a dinner to celebrate their six month anniversary!

It was far too early to sleep, so I chugged along doing a little work and web design until Jessy came along and easily convinced me to have a Red Bull!  Perfect idea because it would give me the energy to actually do stuff until it was late enough to sleep, and then I would crash even harder when it wore off!

It worked like a charm…  I feel uber beat.