Monday, February 10, 2014

Group Project

This is our proposal that we have made as a group. We have presented our proposal on a Prezi presentation. The proposal consists of planning, meetings, roles and the project overview.


Click to see Prezi

TB2 - Group Project

k

Tuesday, January 14, 2014

Evaluation

MultiMedia: Evaluation
K1219829 - Lobna Hassanein


After producing my own multimedia website, it is time to start evaluating the final product for this semester. The aim of this module is to use different and many media texts as possible on a website that we have to create individually. After researching the design, page layout, typography and media texts to use for my website, it has helped a lot as I have achieved the website I have been planning to produce. I am glad to say that I have completed at least eight different pages on my website that consists of most media texts such as audio, image, video and text.

The audio that has been used on my website were mainly on my videos that I have uploaded onto YouTube and embedded the video, pasted it onto a video player plugin and positioned it where I wanted it to be. The audio was either music that consists of vocals or just instrumental piece. The video that has been used on One on One Beauty were just tutorials on make-up. As make-up requires step by step tutorial, so I figured out that I should record, edit in Premier Pro and then upload it onto YouTube. Images have been either my own material (taking the image by camera) or taken from Google Images to demonstrate something. Lastly, text which is the type of text I have used on the website such as how I positioned it, if it is paragraphed or a big chunk and how to make it attractive and representable.

After a few months of creating this website via WordPress was quite challenging at first as I have never created a website before. WordPress started becoming simple after a few weeks as I have been discovering new tools. However, the hardest and trickiest part of making this website was the plugins. Finding plugins wasn't the hardest, it was quite easy when it comes to finding what you need and installing it. Although it starts out easy, it is how you place that plugin onto your website that became a big struggle for me. For example, until now I am struggling to get my social media buttons (such as Facebook and Twitter) to actually appear on my website in the corner. It either goes on the side, but it doesn't look appealing or it would just disappear. Another hard part of making the website was the menu as WordPress didn't make it clear for me. It took me quite a long time to figure out how to create sub-menu or different categories that should appear on the menu. After looking for a long time, I found out a way to do it which become really easy after discovering it.

If I had more time I would definitely improve my website. Some pages are at the moment under construction as I haven't finished the products and media texts I need to put onto the page. However, this will be improved in the near future if my website does become the groups website in TB2. As mentioned above, the social media button plugin gave me real problems. When it comes to TB2 I will find a way to install the social network plugin that will both work and look attractive. This will also help me and the group in TB2 which will help us market our brand and product. The last thing I want to improve is the brand's logo. The logo at the moment is at the bottom of the page that has a 'power' button. It is pretty standard, however it has nothing to do with beauty. I had a vision of my brand's logo which was a butterfly as butterflies are seen as something beautiful and delicate. 

Post-Production: Text

Post-Production:Text

I am going to explain the type of text I am producing on my site three ways: 

- Is the text formal or informal? 
  My texts will be informal, because my target audience are working class females. The reason why I also talk informal is because I want the users to feel like we are having a one on one friendly conversation, I want them to feel like I am one of them and I am talking to them as a friend. There is no need for formal conversations, I am not aiming to be their teacher or parent. I am just a friend with inspiring tips, advice and secrets to tell another friend.

Example of the text I have used in 'hair' -

'“If I want to knock a story off the front page, I just change my hairstyle.”
- Hilary Rodham Clinton
From girl next door to walking on the red carpet. I’ll be posting hair style tutorials, hottest hair colours and how to make your hair look and feel healthier to make life a little more easier for you! It doesn’t matter if your hair may be shorter or longer than others. Whether your hair is dull and brittle, I will save the day with many reviews on different hair products. Going to prom and need a quick fancy hair-do? Or you fancy a change and scouting for different hair colours to stand out in 2014. Well my aim is to help you and other girls who are crying out for help!'

- What is the font and colour? Is it bold or italic? 
The colour of the font is just an automatic black colour. I do not want to clash colours, so I just chose a black font. The name of the font that I am using is 'Times New Roman' for introductions and 'Helvetica' for the main body. The bold font is being used when I am quoting something, just like above which is a quote from Hilary Clinton about hair. The italics are used when I am referencing the person who said the quote.

-Where is the text placed? 
Titles are always in the centre of the page such as the title of the website 'One on One Beauty'.

  
 This is what the title looks like on the homepage. Under it the tagline is placed under the title. The size of the tagline is smaller than the title of the website. Other texts are placed in the pages on 'makeup', 'body' and other pages are on the left.


Post-Production: Material

Post-Production:Material

I have been recording my makeup tutorials, uploaded them on YouTube and will be embedding them onto my website as soon as I get the text done I'll be uploading both images and videos. 

  This is an image that consists of three different poses I have taken after my leopard eye tutorial that I have recorded. I have cut the background of the original three images of me on Adobe Photoshop. Then I searched a leopard background on Google Images, placed it onto Photoshop and used the three images of me appear on top of the leopard background. This will be uploaded under the sub-menu 'eyes'. The parent of 'eyes' is 'makeup' that will be found on the menu on the homepage of the website.

This is the tutorial of the leopard eye look. I have even put an audio onto this video which is 'Gypsy' by Shakira. I was avoiding any audio that has to do with wild cats as it is too cliche, so I picked a song that would go with motion of the video and style. There is no dialogue in this video. I have edited the motion of the video, it is a fast motion video so it isn't a long video and the audience don't become bored and uninterested. I have made the speed up by 70% and the video is up to four minutes long. The software I have used to edit the video is Adobe Premier Pro on my laptop. 

  

My other material I have put onto makeup is occasions. The occasion section of makeup is a page full of tutorials, text and advice on makeup that would be worn on different occasions through the year. For example, I have started on a dress up occasion which is Halloween. I have chosen the 'cat look' as it is a popular dress up character on Halloween or any other dress up party as it is sassy, sexy, fun and easy to get a hold of. It is also cheap to do, I want to help the users to look like this without spending too much money and is in their budget.

This is the image of the final look to the 'cat look'. This has been edited in Adobe Photoshop, and the pictures have been taken by an Nikon digital camera. I have cut out the background of the original three images of me, placed it on a spooky dark background that I have found Google Images. I have also edited the colours, brightness, sharpness and exposure. I have gone for the dark look, bats flying around and spooky house to go with the Halloween theme. I have made it friendly too as some of my audience will be young teenagers from the age of 13. I have also written up the title on the image 'Halloween Make-Up' on the bottom of the image to identify the audience with the occasion I am doing. The video is still in progress, I have been using Adobe Premier Pro as well, and the song I went for is 'Walk Like an Egyptian' by The Bangles. I was going to use the song 'Cool Cat' by Queen, however Queen are an 80s rock band and I was afraid that the audience wouldn't relate to the song and they might be put off by the video and not carry on watching because of the choice of the song on the tutorial video.

This is a video of the song, so it will give you an idea what the song sounds like and what the final product will be all about.



The third tutorial video is under the sub-menu 'Looks'. I went with an Hawaiian makeup look as I was going to a party that night, Hawaiian themed of course. I thought I would do a quick tutorial video of this look for the users.
 
This image is the final product. This has been edited in Adobe Photoshop, the background is a Hawaiian background that has been found on Google Images. The tutorial as at the bottom that has been edited in Adobe Premier Pro. The speed of the video has also been edited to make it speed up. The song that I have used is 'Come and Get It' by Selena Gomez.



Other images that have been used for 'Hair' have been added onto the Meta Slider plugin that has a little slide show. These images were taken from Google Images. I have been using mixed materials that are mine or other people's images.


Post-Production: Plugins

Post-Production:Plugins

Plugins are there to make the website more attractive and interactive. I have found some plugins that I have installed:

 
There are many social network plugins that I have downloaded as they can have a different design to the Facebook 'like' or 'share' button. Or like the Twitter tweet feed. The plugin that I'll be using the most will be Meta Slider which is a plugin to insert images and it starts flicking through images like a slide show. It becomes interactive too. By inserting the URL in the URL section of the image on the Meta Slider it becomes interactive as the user can click onto the image and navigates the user to that specific page.

As I click on the image that says 'maintaining healthy hair' will direct me to a page that explains how to maintain healthy hair. It directs to me a different page that is a page full of advice and step by step tutorials for maintaining healthy hair.

At the moment this is a 404 error, as I haven't created the page yet. In the near future, I'll be putting some text and visual texts onto this page.

The other plugin I'll be using as much as possible is Page Builder by SiteOrgin which will help me build up my page by inserting videos, images, texts, meta slider, embedded media, calendar, price box and many more. It also gives me access to building up the layout and adding a pre-built layout page.

 This is what my page builder looks like. I am trying to build up an image, text and an embedded video from my own product that I have uploaded on YouTube. I have put up my image that is the big medium that I want audience to focus on. The text on the bottom left, and right next to it is a video of my tutorial video on eye makeup.


Monday, January 13, 2014

Post-Production: Pages

Post-Production:Pages

I have created pages for my website. These pages that have been created are to be used for my menu, sub-menu as my different beauty categories. 

 
These are the pages I have created. As you can see, there is a page called 'Eyes' that will consist of makeup for eyes. This will include text, visuals (image and video) and audio. The parent of 'Eyes' is makeup. The meaning of 'parent' is where this page belongs to, this page will be under makeup so when the audience go onto the menu on the homepage it will break down a sub-menu and the audience will be able to access 'Eyes'.