Channel Project Update

For the Channel Project our groups objective is to come up with a website that contains episodic ‘webisodes’ of a futuristic related subject. The main aspects of the brief are to create a brand that has fictional and futuristic elements. My role within the team is director and camera operator and my main focus within the group is to oversee that everything in the video and ideation process comes together accordingly. Originally the idea we went for was related to teleportation. A story was developed by the group about a man who has a glitch in his ‘teleportation watch’ and randomly teleports to places that he doesn’t want/mean to teleport to. The narrative had a humorous tone and would have been in the format of a spoof news report or infomercial.

After developing this idea the group came to the conclusion that there were complications that were hard to work around. I felt that although the initial idea was entertaining and also interesting it didn’t fit entirely to the brief and was too hard to film and script/act in the time period which we were given.

For the original idea the name glitch was decided upon for branding. The group worked on some designs, which were used in the original presentation. And these are designs that I made for the initial teleportation idea.

GlitchWatch               glitch

After getting together and discussing how to move forward, we decided to change our idea altogether and steer towards something which was less entertaining and more informative. Our new idea was to make advertisements for a fictional ‘planetary commission’ whose goal is to recruit citizens of earth to emigrate to a new, fresher planet with a less damaged, cleaner eco system. The footage contains landscape shots of Earth, which will be presented in the webisodes as natural features of a new planet called ‘Alpha Centauri’, which is the name of the company. The webisodes will also contain shots of not such lush locations on earth that are meant to show a deteriorated earth which is becoming uninhabitable due to environmental issues such as pollution and global warming etc. The channel website is going to be designed to mimic a travel agency.

Although the original plan wasn’t to address environmental issues I think it unintentionally does. However, we are focusing more on the science-fictional aspect of deep space travel and new habitable planets.

Although I liked the original story I think this idea fits better towards the brief, is more design orientated, and is a lot easier to create in terms of ideation, workload, and branding. The downside of this idea is it relies quite heavily on good weather for the concept to be clear.

Although it might seem that time was wasted on changing the idea it shows that sometimes ideas don’t work even if they have promise, and that planning is an important part of the process in achieving a well thought out final product. It was not necessarily easy for the group to suggest changing the idea, as I believe people didn’t want others to feel as if they were overruling the group’s decision. But in retrospect, after discussing the issue, the majority agreed that it was a step in the right direction in regards to coming up with a solid idea that matched the aims in the brief.


Media Independent Techniques

In Software Takes Command (2013) Manovich explores the concept of media independent techniques. He defines them as: ‘general concepts translated into algorithms’.

As a 4th media independent technique I would suggest connectivity: the ability for a user to connect or subscribe to a particular website, whether through the means of being informed via email, subscribing to a feed, or following or ‘liking’ a page on social media. This is useful for both the user and the creator as it allows the user to know when new information is available on a site of interest and it allows the sender to stay connected to the retriever which increases the chances of their content being viewed or website to be visited. Connectivity helps users establish a relationship with certain websites or companies.

Working with PHP and Forms

Last week I created my contact form for my portfolio site. To do this I used HTML, CSS and PHP. This was not the first time that I had tried to use PHP but it was the first time in which the code I had written actually worked. Firstly I created a form using the HTML form input tag. The input tag allows information to be entered into boxes or fields. The input tag has a ‘type’ attribute which specifies what type of information is being sent. There are many different types which can be selected when using the input tag in forms such as number, password, date and colour. I kept my form simple and only used three different ‘types’. The type=”text” attribute simply allows the user to ad text into a box; this is used for common form elements such as names. The next input attribute was “email”, which as the name suggests is for users to enter their email address. Input attributes such as ‘email’ also help to validate forms, for example if a user doesn’t use the ‘@’ symbol in the field the form wont send until the correction has been amended. This is useful as it means that there is more chance that the information will be correct. The downside to this though is that it doesn’t work in older versions of browsers, such as Safari version 5. The third attribute I used was the ‘submit’ attribute which simply allows the user to send all the previous information in the form (i.e. text, email etc) when they click on a button.


Another tag I used in the form was the textarea tag. The textarea tag is similar to the input type=”text” attribute in that it allows the user to type text in a field. The main difference is that the textarea allows the user to input an unlimited number of characters, where as the text input attribute is limited. This is useful if longer information is required from the user.



To get the information from the HTML form to be processed to my email account I firstly had to set the ‘action’ and ‘method’ attributes to the form tag. The action attribute determines where to send the data which has been submitted in the form, where as the method attribute lets the browser know what to do with the data. As you can see from the screenshot of my work I set the action as “form-complete.php” and the method as “POST”. This is telling the browser to send the data the user inputs on the form to ‘form-complete.php’.



What I then did was created a new PHP document and named it form-complete.php. The intention of this page was firstly to have a new page load after the form on the contact page had been submitted, and secondly to email the data that the user enters in the form to be sent to my email account. I did this by firstly defining the email address I wanted the data to be sent to. I did this by creating a variable called emailSend and assigning that variable to my email address. I then declared the variable ‘name’ and assigned it to the _POST variable I then also did the same thing with the email and message elements of the form. I then assigned the name field of the form to the variable mailHeader, which makes whatever the user inputs in the area called ‘name’ show in the header of the email. I also did the same for the message and number, although this time I used the variable messageBody to post it in the main body of the email. I had a problem with this as I could not get both the message and the phone number to be posted at the same time. I then used the mail function which allowed all the variables I added within the parenthesis’ to be sent to the email address.



One last thing I did in the forms section was added the required attribute to the inputs in html which means that if the user doesn’t input information in a certain field the form will not get sent until this has been changed. This is useful because it makes sure that the user will send important information. The problem with using this attribute is that it only works in browsers that support HTML5.