New Coding Projects

I have starting building some simple web apps that are tools anyone can use to help out with every day things.

Find the first one here. 

The first of these is a simple password generator. It randomly chooses letters and numbers to make one, starting with the length of 10 characters. It can be changed to create a password up to 16 characters.

I have added advertising so that I may be able to earn some extra income.

 Planning examples

Below are some diagrams which break down the flow of project at a technical level, intended for both managers and technical staff to follow, so the full scope of the project is known at any stage.

This first image is the initial draft of the project plan.

This second image shows an evolution of the project plan, including refined details and functionality coverage. You can see I used more colour in the update to help the reader more easily identify the components of the project and what may have changed since the initial version.

These documents were created using software called OmniGraffle available for Apple devices.

UI Example 2007

This example demonstrates some of my experience creating UI that suites the subject matter, especially one that has a specific theme.

This project was developed in a team setting, as a major project as part of my multimedia studies at TAFE.

The entire project was built using Adobe Flash, and was intended to be a take-home product for school children who visited a museum exhibit about dinosaurs.

Flash Menu

The DVD also featured some video components, but consisted mostly of games for primary school children. These games ranged from jigsaw puzzles and mazes, to arcade style games that were more changeling.

It was up to our team of students to decide on all aspects of the design and the interactivity. Each student utilised their strengths to share the load amongst the team, and specialised in their areas of expertise.

I developed a few of the games in this project also.

Adobe Flash is no longer available to purchase but was once an approachable development environment for those not wanting to deep dive into complicated coding. It was also very approachable for more artistic than technical users, but could meet the needs of both at the same time. 

Image Processing Work

Below I have posted some examples of image processing. The original and processed images are listed in that order. Each image has been clean and manipulated to make the process of including it in an online pre-viz system easier.

An exterior image requires any brick work and roofing to be blanked out to a neutral grey. If necessary, the image will be cleaned up and straightened as well to aid further work on the image.

Raw image processing is performed using Adobe Photoshop, this is where the image is cleaned up and existing textures and surfaces are blanked.

Image areas are then setup or stencilled using an in-house app. The output of this app is uploaded into the online visualiser, with the image areas are then processed to indicate the kinds of products that can be applied, in the visualiser, these take the form of colours or textures.

For any interior images, the same process applies to some degree. An existing patterns and textures need to be brought back to a grey, while maintaining any shading and lighting from the unprocessed image.

The original images are not owned by myself, and are copyright to their respective owners. I provide them only as an example of my recent work experience and skills.

Original image

Cleaned image

Visualiser example output

In these first 3 images, the top 2 show some stages in the preparation of the image for use in a visualiser. The last image is a similar image which has been modified inside a visualiser and shows user selectable textures over specific areas of the house.

In the next set of images, we move to the interior examples. This first example demonstrates how a kitchen image is cleaned up to be more suitable for inclusion in a online visualiser.

Original image

Cleaned image

The last example, shows how a complicated ensuite photo is processed and cleaned ready for inclusion in an online visualiser.

Original image

Cleaned image

Restaurant Newspaper Advertisement Project 2005

This advertisement for a fiction restaurant had only a few requirements, page layout and logo design. The ad copy and the photos were supplied, so the key requirements could be focused on.

This fictional restaurant resides within the building of a former bank, hence the name of the restaurant: Teller's. Photoshop was used to enhance the supplied photos, page layout for this two column corner ad was done using Illustrator.

Below is a photo of the complete work mounted on card for final year assessment.