System Plan Draft

Name: Julie Yarnold
Student Number: 84123455

Project Scope

A website for a personal trainer that allows clients and potential clients to access information about the trainer, services, exercise sessions, to sign up for a newsletter, and to contact the trainer.

I have chosen the content and inclusions for the site to fulfil the basic requirements of a self-employed individual engaged in a service occupation, related to my learning needs, my capabilities and skills, and on what I believe I can effectively achieve within the specified timeframe. The site is structured so that it can be updated with maximum efficiency and minimum fuss and time, and for further expansion if required, and as my knowledge of programming expands.

Examples of proposed content for expansion of the site would be an interactive booking system, apps for iPhone and Android, and social media integration such as Facebook 'like', Twitter feeds, etc.




Proposed Functionality and Fallback

Tabbed navigation and header and footer content, to be delivered to each of the site pages via one PHP file. Fallback is to create an HTML template page and reuse that to create the site pages.

One CSS file to style all pages for screen. A CSS file to style pages for print. No fallback as it is unlikely to be required.

Newsletter signup form, using Javascript and PHP to validate on client and server sides, respectively, to populate database of users who have signed up for newsletter. Fallback unlikely to be required, but would be email to trainer’s account, for manual email list setup.

Contact Form, using Javascript and PHP to validate on client and server sides, respectively. As this is a small business, contact form will be submitted to an email account rather than a database. Fallback is to include a mailto: link.

Image galleries, using Javascript to add interactivity to images. Fallback unlikely to be required, but would be to display the images and text using XHTML and CSS.

Exercise FAQs, using CSS to show/hide content for each topic. Fallback is to display the content without show/hide functionality, which would requiring the user to scroll a bit further. Alternatively, different categories could be shown on different pages.


The targeted (and expected) users of this site are adults from about age 15 onwards, with a broad range of specific or general fitness and training needs, either individually or as part of a group. These could include sports-specific, injury/rehabilitation, weight loss, general fitness, targeted training or age-specific.

Personas and Scenarios

Sally Burton

needs to prepare for this year’s City-to-Surf, having been dragged into participating by workmates.


Sally is a vivacious 24 year old web developer. Long hours in front of a computer screen, working, gaming, or social networking, together with too many of her favourite pizza or Mexican meals washed down with energy drinks, have made her overweight and unfit. Her workmates are entering a team in this year’s City-to-Surf, which they plan to use to raise money for Diabetes Australia, following the overweight office manager’s recent diagnosis of type two diabetes at age 40.

Sally’s attempts at jogging and doing exercises have not resulted in much weight loss, and she doesn't feel much fitter. Sally decides to get professional help. She’s not looking forward to the fun run, but in addition to the benefits of fitness and health, maybe the hottie in Unit 8 will notice her in a good way?

On the train to work, Sally gets out her iPhone and types 'personal trainer sydney weight loss' into Google. Scanning the first page of results, she finds Ben's web page several places down in the list and clicks the link, which takes her to the Services page on the site, which lists weight loss as one of the services. She sees that she can join an early morning boot camp in the park near her flat at Edgecliff, or have individual sessions at the park or at the gym. Sally reads the information on the FAQ page, then clicks on the home page, which contains an image gallery. The testimonials seem genuine, and she really likes the photos, as they look like real people, not models and hey, if that's the trainer, he looks nice! At her desk, Sally loads Ben's website on her 'Big Mac', and fills out the form on the Contact page, detailing her requirements and asking for a consultation with Ben.

Cheng Li

needs to maintain fitness while recovering from surgery for twisted knee from playing basketball


Cheng is 20 years old, and is in his third year as an undergraduate in a Business degree at a University in Sydney. Cheng loves sport, and is a valued player in his University’s competitive basketball team. He recently underwent successful surgery for an anterior cruciate ligament injury in his left knee, and now that the doctor has given approval for Cheng to undertake exercise, he is keen to keep his strength and fitness up. Cheng’s physiotherapist has given Cheng the details of several personal trainers that might suit Cheng’s needs.

Cheng types in the URL for Ben's site. He simply wants to contact Ben (as well as the other trainers recommended by the physiotherapist), so doesn't spend much time browsing the site. In less than two minutes he has completed the contact form, asking about prices and saying that his physiotherapist has recommended talking to Ben about exercises. After looking at the other trainers' sites, he puts his iPad down and switches on the cable TV sports channel, waiting for his friends to arrive.

Aurora Gasparelli

retired anaesthetic technician, needs to get fit to keep up with grandchildren


Aurora happily retired at 60 years old three years ago, having worked as an anaesthetic technician in a large public hospital for the bulk of her career. Now that she is no longer giving people needles to put them to sleep, she is busy enjoying her retirement, taking trips overseas and participating in various social groups (and the well-catered morning and afternoon teas at the group gatherings). Aurora has noticed recently that she is simply not in as good physical condition as she was when she was working. Additionally, several unwelcome kilos have crept onto her previously trim figure, possibly due to her indulging her passion for cooking, which has been encouraged by the plethora of lifestyle and cooking shows on television that she now has time to watch. Aurora is a doting grandmother to daughter Tina’s 3 year old twin boys ('the princes'), and wants to stay fit so she can keep up with them during her frequent babysitting sessions.

After reading the special liftout in the local paper in Seniors' Week in March, Aurora tore out the article about maintaining physical health in your 60s and beyond, and stuck it to the fridge. Ben and one of his clients were interviewed for the article, and Aurora thought he seemed quite sensible and down to earth for an apparently young man. The article included details of Ben's website. Swiping the article from the fridge, Aurora starts up her PC, and types the URL for Ben's site into the browser's address bar. Aurora's son-in-law had set up the PC for her, and showed her how to increase the size of the font on screen. Aurora does this now, as she has left her reading glasses in the bedroom. After about 20 minutes browsing the site, Aurora copies Ben's mobile number onto the pad she keeps near the PC. Sociable and people-oriented, Aurora prefers to talk rather than email. She telephones Ben, leaving a voice message that she is inquiring about group classes for people in her age group.

Viktor Ulanov

bodybuilder, wrestling competitor


Viktor, a 33-year old competitive bodybuilder and wrestler, is in peak physical condition. His recent wedding to Jana, the gym manager, was one of the extremely rare occasions where Viktor was not seen wearing sports gear. Filled with pride at the news that he is soon to become a father, Viktor decides that he has no need to continue competing and decides that he may be suited to working as a personal trainer, which would allow him to organise his work around helping look after the new baby, and not need to travel long distances or overseas to compete. Although Viktor would have no trouble getting clients as a wrestling coach, it would probably mean he would still have to travel almost as much as if he were competing and at this stage, branching out a little would probably be interesting.

Viktor decides to do a little informal research about personal training by looking at websites of personal trainers. Sitting down at their home computer, Viktor does a google search of Sydney Personal Trainers which, not surprisingly, lists Ben’s website near the top of the results. There seems to be a bit of information that would be useful to Viktor. He looks at Ben's stated qualifications, and the types of training Ben offers, making a note to look up some of the qualifications to see what certificates he might need, and what he should enrol in that would most suit people's needs in his location of Bankstown, thinking their needs might differ a bit from those of people in the Eastern Suburbs. Viktor signs up for the email newsletter, using his mother's maiden name for the last name, and the email account he uses with a false name, as he is quite well-known, and often feels the need to remain anonymous.

Roland deVille and Marco Gomez

need to improve fitness to prepare for building floats for next year’s Mardi Gras

Roland and Marco

Roland, 44, has long been an active member of Sydney’s Gay community. For the past two years he has tried to encourage Marco, his 46 year-old partner of two years, to participate in Mardi Gras. Marco has reluctantly agreed, but would prefer to work behind the scenes building floats and props, rather than participate in the parade itself. Roland, ever the organiser, sensibly suggests that they embark on a fitness programme they can stick to so they can manage what will be quite a physical job. Roland, a banker, and Marco, an architect, are not terribly active at work, but they live relatively close to the city in Paddington's Oxford Street, so on fine days they walk between home and their offices near Circular Quay. Not at all sports-oriented, their activities out of work hours centre around attending the theatre and singing in a choir.

Roland wants to employ a personal trainer so that he and Marco can train together, and hopefully get a discounted rate. As a banker, he keeps an eye on the dollars. Group training doesn't appeal. Roland remembers that one of their friends is happy with a trainer called Ben who runs some sessions for groups and individuals at a gym near Edgecliff. At work, Roland does a Google search for 'Ben Edgecliff Trainer' and finds Ben's site towards the bottom of the first page of results. He browses each tab on the site, and is fairly sure this is the trainer their friend mentioned. He bookmarks the site, and prints out the pages detailing Ben's qualifications, the types of training offered and the exercise FAQs to take home to discuss with Marco; much more sociable and interactive than discussions over a computer screen. The two of them have an agreement to strictly limit computer time at home, because they spend so much time on a computer at work. After discussing the idea with Marco, they agree that Roland should contact Ben the next day via the contact form on the site.

System Architecture Diagram

System Architecture

Site Map

The site structure is designed to provide maximum flexibility and efficiency relating to code sourcing and styling by using external linked files for styling and scripting functionality.

Site Structure


Home Page Wireframe

About Page Wireframe

Sessions and Programs Page Wireframe

ExerciseFAQs Page Wireframe

Schedule and Locations Wireframe

Newsletter Page Wireframe

Contact Page Wireframe

Phasing | Schedule

Define Project | 28 Feb - 6 March
Preparation | 7 March – 8 May
Technical Design
Visual Design
Develop | 9 May – 28 May
29 May | Launch
5 June | Submit Project


Cacoo - Create diagrams online Real time collaboration. 2012. Cacoo - Create diagrams online Real time collaboration, viewed 5 May 2012, <http://www.cacoo.com/>

Julie - Final Learning Proposal. 2012. Julie-Final Learning Proposal. viewed 1 May 2012, <http://www.julie.id.au/Assignments/JulieFinalProposal.html>

London Gay Men's Chorus - Songs of Innocence and Experience - Saturday 5 July | Flickr - Photo Sharing! 2012. viewed 1 May 2012, <http://www.flickr.com/photos/epaul_07/2641310145/in/photostream/>

Lovely Charts | Diagram software. 2012. Lovely Charts | Diagram software, viewed 5 May 2012, <http://www.lovelycharts.com/>

new hat! | Flickr - Photo Sharing! 2012. viewed 1 May 2012, <http://www.flickr.com/photos/jo-h/6085210651/>

OOTD / August 02 2010 | Flickr - Photo Sharing! 2012. viewed 1 May 2012, <http://www.flickr.com/photos/pearlslaceandruffles/4853262577/>

Sam Neutgens | Flickr - Photo Sharing! 2012. viewed 1 May 2012, <http://www.flickr.com/photos/stuartconner/4690853373/>

Sitter ... Winning shot! | Flickr - Photo Sharing! 2012. viewed 1 May 2012, <http://www.flickr.com/photos/gmenon/4358152288/>

UTS Blackboard. 2012, Digital Media Technologies, Subject Materials, viewed 4 May 2012, via login at <https://online.uts.edu.au>

Web Information Architecture Deliverables and Diagrams : FatPurple. 2012. Web Information Architecture Deliverables and Diagrams : FatPurple viewed 1 May 2012, <http://www.fatpurple.com/2010/03/01/web-information-architecture-deliverables-and-diagrams/>

Valid XHTML 1.0 Strict

Valid CSS!