Week one

I missed out on class this week as I arrived back from the Cook Islands that morning and couldn’t stay awake long enough to make the class so alas I’m still trying to wrap my head around Bootstrap.

From the examples people have posted and the comments from Matt on my last assignment I’m excited about this one, or at least I will be once I get my head around bootstrap haha

I want to use the Cook Islands Tourism website, they have an office here but I think I need to talk to Matt and see if thats ok. If I can then CI Tourism actually want me to show them what I’ve done (I met with them while I was in the Cook Islands) and if they like it they’ll make my site live and give me a job in their digital media team. Exciting stuff! So yeah all in all I haven’t done much this week but next week I’m looking to get my Html and Css done and find a dumbies guide to bootstrap (please dear god let one exist!) lol and thats me folks :)

PTR Project Manager DMP Blog Post

logo latest

Project Manager for PTR Productions. Our client is Kerynn Walsh, a lecturer from AUT’ University contracting our company to create 2x videos of 2-3 minute lengths. (logo designed by Ryan Holton).

My tasks

I became the Project Manager on August 26th after a conversation between myself and the original Project Manager -Ryan Holten -led to an agreement of our skills being better suited for different roles. Since becoming theProject Manager I have taken over a majority of the paper work where as before it was more of a shared job between the team. This method of sharing the paperwork in the beginning worked well as it kept all members involved as opposed to the those who will be focusing on the editing in the coming weeks being sidelined up this point. However now we are beginning filming next week, I will be overseeing all paper work.

With the proposal, Ryan wrote a basic document when he was PM which myself and Tom added to. After the role switch and with pointers from Ross I added some colour to the document using a pixel colour swatch (pictured on left) and the Resonance Proposal Microsoft template (on right).

Screen Shot 2014-09-26 at 12.50.41 pm Screen Shot 2014-09-26 at 12.51.24 pm

I have done the following:
– Organised and met with the client by myself on both ocassions (once as Video Production Manager and the second as Project Manager). The minutes for which I shared with the team via our Facebook page.
– Collaborated with Tom and Ryan on the original Proposal
– Started the design document that we will be able to refer to next week when we start filming
– Created skeleton document for the concluding letter
– Final Proposal I made the edits Ross recommended, edited a little of Toms contribution as well as the component section and production schedule and rewrote the treatment. I wrote the treatment and changed the font
– Added visuals to the written story boards from each member (one each).

Slightly altered the layout of our document before handing it over to the client for signing as seen below.

Screen Shot 2014-09-26 at 12.08.29 pm Screen Shot 2014-09-26 at 12.08.57 pm Screen Shot 2014-09-26 at 12.09.11 pm Screen Shot 2014-09-26 at 12.09.20 pm Screen Shot 2014-09-26 at 12.09.29 pm

My role as Project Manager is to be the bridge between my team and our client ensuring that both are on the same page and that everything goes smoothly. I try to create a constructive and judgement free environment while in meetings with my team whilst also challenging them and encourage them to challenge me where appropriate. My management style is more so consultative as I recognise that both members in my team are extremely talented and out of respect I like to get their opinions and input.

As Project Manager I’m expected to have good time management thus leading to good organisation. I will admit this is not my strong suit therefore I am learning as I go but as I have an amazing team, they make it a lot easier. I’ve come to realise that as well as having to remind myself of deadlines and keep track I also remind them, this works both ways where if I drop the ball, they have reminded me. It’s a learning process. However at the moment our team is on track with our scheduled dates of filming, editing and completion.

Therefore our progress this quarter compared to last is better. We are able to do more now as last quarter we were still finding a bearings as a team. As I’ve said we are on track to complete the assignment on time. Our client is happy and so is my team so the upcoming weeks are looking good.

Screen Shot 2014-09-26 at 1.31.39 pmScreen Shot 2014-09-26 at 1.26.20 pm Screen Shot 2014-09-26 at 1.29.10 pm

As agreed with out client our filming days are organised based on the availability of the Performance Students (1st and 3rd years) who we will be interviewing for the 2x videos of 2-3minutes length. Our first filming session is Wednesday 1st October during Kerynn’s Performance Communication class (1st Year).

At this point of the process I’ve learnt alot. In time management alone I’ve realised the responsibility taken on as the rest of the team needs me to be on my A game in order for them to be able to do their jobs and this goes both ways. I’ve acknowledged that I need to therefore sharpen up on my time management skills. I’ve realised my personality can also be a strength in my role as the mood I encourage during meetings can affect the discussion, mood of other members and whether the result of the meeting is what was wanted. Another lesson would be delegation as I was in the Cook Islands over the study break where the internet is slow (wifi is still fairly new) and unrealiable most of the time. I realised once I was there that I should have let the team know before hand and organised a meeting for them with the client to keep her in the loop.

All in all we’re on track, learnt a few lessons that hopefully we won’t be learning twice and have really gelled as a team. The next few weeks will see our teams productivity increase which will reflect in the end result.

Browser Test Report

Browser test report.

I used Safari Version 7.0.5 (9537.77.4) on MAC OS X 10.9.4 while I coding as my main browser. This is what he looks like for both JavaScript Enabled (left) and Disabled (right). I wanted to keep the JavaScript disabled (noscript) as simple as possible.

Screen Shot 2014-09-02 at 12.24.15 pm   Screen Shot 2014-09-02 at 12.24.49 pm


The second browser I tested my gallery on is Google Chrome Version 36.0.1985.125 again on MAC OS X 10.9.4. Same thing again with both enabled (left) and disabled (right) JAvaScript.

Screen Shot 2014-09-02 at 1.01.51 pm  Screen Shot 2014-09-02 at 1.02.42 pm


So the differences between both are very slight such as Chrome giving my colours more of orange/yellow tinge than Safari and the font being a tad heavier weight but other than that its very similar if not identical which is fantastic for me! 

I do have to note that for the fail gracefully in Chrome opening it up the page loaded and only the text was onscreen with the code for my fail gracefully. I didn’t have this problem in Safari BUT i tried opening a few pages like Google Play Store with JavaScript disabled in Chrome and it did the same thing but only the first time you open the page, once you refresh it the code disappears and the new fail gracefully layout shows up. If you keep refreshing it, the code won’t appear again. I’m going to assume this is just something Chrome does (since it happened to Google Play Store). 


Other than that my browser test was successful :)



So Matt warned me off having an image in the background so I’m just going leave it a solid black or white for the moment and if I have time after I finish my javascript I’ll look at what else I can do with the background. 

Font I’m still not 100% sure which one I want to use but I have a couple that I’m going between so I’ll just add to this post which ever one I end up using.


Icons and typography

Social Media Icons
I want my social media to be responsive. Going to check out w3schools for how to do it and I found some stuff from that last assignment that would be helpful for responsive icons that I can use too.

Played with a few responsive live demos and thought that the square icons would be better for responsive, the circle responsive ones hurt my eyes.

I don’t think I’m going to use a fancy font or anything like that. Because the images are so gorgeous I don’t want the text to standout. Just kind of be there for those actually wanting to know what villages the dancers are from and what they are performing i.e Ura Pou, Imene Tuki etc. I’m thinking just Arial at this point but I’m still playing around with the fonts.

Images cleared

So I got written clearance for my images yesterday from Cook Islands News Ltd that I’ll save in my cyberduck file. I was going to use my uncles pixs but he didn’t end up working the event so I asked my ex-coworkers for theirs. Phew!

I’ll have a work in progress post tomorrow with some of the changes recommended by my lovely peers. I also started my css on Monday and what a bitch its being! Having trouble with stopping the low opacity of the main  box from affecting the images inside it (even though they are in different containers/have different Ids).

Java scripting should be fun -_-

Edit to post:

Here’s a snippet of permission to use images by CI News for my assignment.

Photo Rights

Mock Up 1

So this is my first mock-up. I wasn’t sure about the boxed look but its grown on me (unsure if thats because I’ve been staring at it for so long or if it actually looks good) so I’m going to stick with it for now. Adding in the arrows, captions and social media share buttons next.

MU 1

Colour Palette

Used some online colour palette generators and I was a little surprised with some of the combinations.

Cssdrive.com recommended this palette:


The medium and dark palettes are gross but the light palette I may be able to work with with some adjustments. Maybe use the bright versions of the colours it suggested instead.

Used the same scheme generator site but a different image to see how different the palette would be from the first and its not too different which is good. Still ugly though.
palette 2
The first scheme has more pinkish tones while this one has more browns and greens.

These are the images i used in the generators.
Te Maeva Nui


http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF Good site. It has the css and html coding for the colours. Useful