Web-link

Having already used my initiative many times to create an extensive variety of elements for my IMP,  I decided to use it again to develop a web-link. I have positioned this on the main menu in the top right hand corner. At the click of this feature, an internet page immediately opens up and transfers directly onto the directgov website. The web-link displays the viable governmental website and an article on “muggings” and being assault alond with what to do in this form of situation. To implement this, I use the code below and here is how it does it:

}
function getlink(evt:Event)
{
navigateToURL(new URLRequest(“http://www.direct.gov.uk/en/YoungPeople/CrimeAndJustice/TypesOfCrime/DG_10027666“));
}

This code directly transfers to this website.  It says “navigateToURL”  prior to “fucntion getlink), this mean that the system gets the link, it listens to it and then it navigates, goes to the URL page. But I initially had a problem which turned out I incorrectly pasted the code in the actionscript. This caused the failure thereby leading me to quickly correct this mistake. This however, is more than applicable to the client brief because it was a requirement to have a link to a useful and productive website regardless of any faults I make. This interactive weblink fulfiled this desire, thereby ensuring greater professionalism and satisfaction within my media product.

Interactive Hover Effect

Today, I managed to effectively add the finishing touches to my media product by adding the “hover” effect. This effect comes into play when the user of my media product puts the mouse over the buttons of my actual film. It is like a commentary that tells you what it is. I managed to create this by watching a tutorial from my tutor, and then taking the initiative to integrate this into the dynamics of the button. So how it works is when the mouse is put over the button, the name of that button instantly appears, making it interactive, as the user must perform this action to initiate it.
Furthermore, this was necessary to the client brief because they I planned to have this and it was also required with my client brief. So I ensured I have an extensive  range of interactive elements within my media product.

Creation of Gallery + Photoshop

Today I successfully completed my gallery. To complete this I had to once again demonstrate my own initiative. I briefly used Adobe Photoshop to crop and perspective every image in my gallery. I managed to edit these images – ensuring they’re suitable and fuctional for further usage within my IMP. This was a crucial stage to my media product because it was the first time I incorporated an interactive feature. It had to be special so I did my research, I found a website from a friend, and managed to discover it specialised in Flash features. This website provided me with a tutorial into how to implement them. I used my initiative to follow the algorithms and managed to create a “fall-down” effect. This interactive feature alllows for the user to click on an image, then the image break down into miniture squares and “fall-down” one by one, which extraodinarily formulates the image.

This is how it works:

“function loadPic1(evt:Event)
{
//channel.stop();
var urlReq:URLRequest = new URLRequest(“src1.swf”);
var myLoader:Loader = new Loader();
myLoader.x = 130 ; myLoader.y= 60 ;
myLoader.load(urlReq);   // passed to the ldr
try { removeChildAt(4); }  //One bigger than the number of forms, starts from 0
catch (e:Error) { }

addChild(myLoader);   // display object container”

This code loaded my “pic”, which was the initial function and then refered back to the URL to get the file “src1.swf” which is the name of the image, and then loaded it in the frame  in the coordinates (130,60)

It allowed the user to experience the fall-down effect; I also modified it to re-position the image upon the page. This is development work is relevant to the client brief because it is a cool interactive feature that excites and compels the user, thereby increasing the value of my media product as well as suiting the target audience, while delivering the purpose effectively.

Creation of Scene Selection

Upon creating and patching up the gallery section and my interactive quiz, I made significant progresses to my scene selection. Today I continued to use my own initiatve and exploit that website. I found an excellent interactive feature that is suitable for my media products scene selector. The effect takes the form of buttons that when clicked slides to the next scene. The number of the scene is also displayed at the top.
Again, using my initative, I implemented this by following the algorithm, developing my own skills, and applied the coding to my videos. Although I encountered some problems particularly with coding and abbreviated words, I manage to solve this by referring to the steps of the website again.

Here is how it worked:

//Stops the images from looping.
slideShow.stop();

//Add the mouse click event to the left and right buttons.
left.addEventListener(MouseEvent.CLICK, goLeft);         // calls a function to cycle left
right.addEventListener(MouseEvent.CLICK, goRight);  // calls a function to cycle right

//Initially hides the left button.
left.visible = false;

The stop bit of coding stopped the feature form looping, and put it into a “slideShow”. While the other manipulates each other by making one visible and the other invisible.  The mouse then enables the user to click on the left and right buttons, i.e. “MouseEvenCLICK,goLeft/Right”.  Then the hide function comes into play.

I must admit it took some time to understand what the meaning of some of the codings. Lastly, this was more than relevant to the client brief because the developing process ensured there is sufficient scope for the user to interactive with the media product. This was also part of my sketch, fortunately, this plan was fulfilled.

Inputting the Films + Interactive Skin

Today was a very crucial part towards the development of my IMP. I was able to finally input my films into my media product along with the skin. This was not a very simple stage, which caused me to have a few sessions with my tutor regarding the stages involved in putting these into the mix. However, in the end I managed to link the films with my actual media product. I managed to integrate the skin into the film, which was done in the process, i.e. when actually importing the film, it was an option which I had to use my initiative to create. However, this was the code that I used to get the “Subtitled” version of my film into my IMP, and here is how it worked.

“function loadSubs(evt:Event)
{   
 //channel.stop();
 var urlReq:URLRequest = new URLRequest(“Subtitles.swf”);  
 var myLoader:Loader = new Loader();     
 myLoader.x = 120 ; myLoader.y= 60 ;
 myLoader.load(urlReq);   // passed to the ldr
 try { removeChildAt(4); }  //One bigger than the number of forms, starts from 0
 catch (e:Error) { }

 addChild(myLoader);   // display object container”

I first of all copied the code from a seperate document and then subsequently modified it to input my own details. Load  “Subs” is the name of the film, i.e. subtitles. Then the function acquired the URL which was in SWF format, and then loaded it in the IMP, about the coordinates (120,60), and then the object (the film and the skin) was then displayed.

This was a crucial part of my media product because without it, my product would not meet the requirements of the target audience and the Client Brief. Therefore this was mor ethan necessary, as the client brief desired 2 films; subtitle and non-subtitles. I was therefore able to integrate this succesfully.

Creation of Interactive Quiz

After the gallery, I managed to make significant progress regarding the completion of my quiz. I planned to incorporate a quiz that is interactive and useable by my audience. Thus, I managed to take the initiative to design my quiz which features a few questions and possible answers. The quiz is designed to develop the knowledge and understanding of the user.
Here is how the interactive feature’s code works:

var questionAndAnswers =
[
[“What do Muggers tend to use?”,      “Knife”, “Sock”,  “Spoon”, 0],

unction loadQuiz(evt:Event)
{
//channel.stop();
var urlReq:URLRequest = new URLRequest(“Quiz.swf”);
var myLoader:Loader = new Loader();
myLoader.x = 120 ; myLoader.y= 60 ;
myLoader.load(urlReq);   // passed to the ldr
try { removeChildAt(4); }  //One bigger than the number of forms, starts from 0
catch (e:Error) { }

addChild(myLoader);   // display object container
}

The question is posed at the top along with its possible answers, the URL from the actual media product requests the one from the actionscript that obtains the Quiz. This is then loaded in the coordinates (120,60). Then the objects are displayed.
These codes formulated the question and possible answers. Also they load the quiz in media product. This is relevant to the client brief because without it, it may not be as interactive as it could be, this provides a sense of amusement which is needed to fulfil the purpose of my media product and effectively appeal to its audience.

From One Form To another – Linking Frames

This is unquestionably a critical part of my entire media product. Today I managed to link every form to the main menu, which in turn allows easy access to each and eevery section of my media product. This allowed the user to navigate their way to my “scene selection”, “Outtakes”, “Quiz” and “Gallery” branches of my media product. This meant that I had to use the appropirate codings which had to be of supreme accuracy.
Here is how the frames work:

“frminteractive.btnplayquiz.addEventListener(MouseEvent.CLICK, loadQuiz); ”

This bit of coding works by looking at my interactive quiz form button (which opened the quiz) and allowed it to run after listening to the event.
This renderd me to be extremely accurate and careful with wordings as I made some mistakes which I fortunately rectified. This is crucial development process was relevant to my client brief because it allows the user to interact with my media product and find out some information regarding the subject of assult.

Previous Older Entries