Furthur

(1) Create a simple HTML page that contains
Javascript that:

Prints “Hello” to the screen 10 times by (a)
Sequence:

b) Iteration:

2) asks the user to guess a number and tells the
user if it is high, low or bulls eye:

Attempt 1:

Attempt 2:

However, for the box to keep apearing (for the user to continue guessing) you need to create a new condition that says if the answer is not equal to (!=) do the following.

Problem 4 - The User Value

For the user to be able to set the value of row, you need to include a parse float as seen in this coding:

This makes a box appear for the user to edit the size of the 'V':

Here the user has typed in a value of 20 so the size of the 'V' responds to this:

Problem 5

Write a JavaScript program which a large ‘V’ on the screen composed of
smaller ‘v’ characters. Set the number of rows in the ‘V’ by a variable called
‘rows’

Problem 3

Write a JavaScript program which prints a large ‘\’ on the screen composed of
smaller ‘d’ characters. Set the number of rows in the ‘\’ by a variable called rows

Screen shot of the coding as it appears in the browser:

Problem 2

Write a JavaScript program that calculates the sum of the numbers between 1
and 10 (inclusive), using a single while loop.

This displays the sum of numbers through to ten in the browser:

Waterstones

Physical Environment:

The environment is for customers browsing or buying books and it promotes the latest releases, recommends various titles and sells books of all kinds to people of all ages. Books are sorted into genres and alphabetically organised via the authors name. A section is dedicated to the best new releases and special offers. The books are all on shelves throughout the building and signs are above these shelves to display which books are on those shelves. Waterstones is one of my favourite stores, I love the smell, the displays, the books everywhere and I if there is a coffee shop inside it adds more smells and sounds in the environment. A problem there might be is that I'm sure if I am allowed to take pictures inside the store, I would have to ask.

The Waterstones Bridlesmith Gate, Nottingham is one of the contries 'superstores', it has four floors of books, a costa coffe, an events room and an art galley inside

Online Environment:

The website will be aimed at Waterstones existing customers and people who love books. It will be made to look and act differently to an online 'store', while still performing the same action (Informing and selling) it will behave differently. The site will be organised kind of virtually. The user will go in through the doors, see the shelves. The navigation bars will not be the usual list. The website will be updated to match the top books of the week/month and to reflect the time of year i.e Christmas, autumn etc. I feel excited about the online environment, Waterstones motto (or tag line) is 'discover something new', I want to emphasise the 'discover' part as if it is an adventure searching for your favourite author.

Problems with this idea are: I know that this representation of Waterstones will not be liked by everyone as it doesn't follow generic website design / navigation and it may not hold all the links and information that the current website holds because of the layout (it would mean tedious amounts of virtual environment or story created).

The Arboretum

Physical Environment:
This environment provides a relaxing atmosphere and maintains the areas Heritage for people within the city. There are winding pathways throughout the park that take in the nature around. Information on the shrubs and trees is given so that people can discover what is around them in more detail, there are benches around the park to rest on and take in the atmosphere. Following the paths take visitors to the various features within the park. I feel very relaxed and calm in this space, it is very refreshing to walk around a well maintained 'green' area within the city.

Online Environment:
The online environment will be aimed at people who live in the surrounding area of the arboretum and visitors to the city. It will be designed to promote the arboretum, the heritage that it holds and the various features within it. The user will be able to navigate around the park following paths as thay are in the actual park to see the park features and read the information about them. The information on the website would have to be updated to display the various events that take place in the park throughout the year and to show any awards that the park wins. I think the arboretum website would be a great community project which would give me satisfaction.

The Walker Gallery

Physical Environment:
The Walker Gallery is for the general public to view both traditional and contemporary artworks. The gallery is sectioned into different rooms each room displaying work from a set period. There are some maps around the building that guide the visitors to each exhibition but each room naturally leads through to the next (through the centuries).
The rooms are well spaced out, the painting being on the walls of the room and the centre has benches or sculptural works related to those on the walls.
The problem with this building is that it is in Liverpool and I am unable to get there for the next few weeks. Also it would be difficult to go back to the building for more information time and time again as it is so far away.

The Online Environment:
The online environment will be aimed at people who like artwork but maybe cannot access the gallery for whatever reason. It will display the gallery's current exhibitions and provide information such as information on the artist and the art movements involved in the piece. It would also include links related to the artists featured and their style, perhaps even links to other galleries displaying other work by these featured artists. The website would be designed to make the user feel like they in the walker gallery, they would be free to navigate through the rooms as they would if they were actually there. Thumbnails would be used of the images which will enlarge when selected bringing with it the information on the artist and the piece. If it is a sculpture there will be a tool to rotate it. The website would need to be updated when the exhibitions are changed. I would be very happy creating this website as the Walker Gallery is my favourite art gallery, I go there whenever I go home in the holidays and I always wait in anticipation for the John Moores exhibition. A problem that there may be in creating this website is that I am unsure of the gallery's policy with the use of cameras, if they are against people taking pictures of the works then they may not like that each and every piece will be accessible online through the website. This could be solved by putting a watermark through the image but that would go against the purpose of the website by ruining the view of the artwork.

Coraline

I also took a look at the website for the film Coraline as the film was made in the style that I really like. http://www.coraline.com/; this website has a look that I find really appealing, it uses imagary found in the film and is really fun to use. The user has complete control over which part of the environment they want to explore.

I especially liked a part where you can create your own flower and post it onto your myspace page or your facebook page.

I would however change the start of the website where it allows you to select a version of the film (DVD, 3D or Blueray) and navigates you to a page where can buy the film, or you can ignore this and press 'enter site'. I would have put that somewhere inside the website itself so that it doesnt feel commercial from the start. Although the designer could have put this at the start so that there was no commercial areas inside the environment which I think is a good idea.

Take a look at the website, I really enjoyed it: http://www.coraline.com/

Harry Potter

Another thing that sprung to mind when thinking about the environment that I want to create was Harry Potter (Still loving it after all these years!!) J.K Rowling created an entire world for people to emmerse themselves in. It was the entrace to Diagon Alley that stuck in my head, where the bricks all slide around and part to reveal this hidden world to the viewers for the first time. So I went to http://www.harrypotter.com/ to see how the website is looking and as previously found it has been made to completly represent the story. The images used are photos but they behave in a 2D way, when the mouse is moved, that reminded me of a pop up book. Another part of the website that I really enjoyed was the Gallery, at first we see one of the main characters as the focus point of the page but then thumnail images from the film start to fly around him.

Selecting one of the pictures as it glides across the screen causes it to enlarge in the middle of the screen so that you can see it better and then close it again when you are done.

I thought it is a really cool way to display the pictures instead of just useing static images. It makes it a far more engaging page of the website.

Building::Structure::Environment

Task:
Find a building, gallery, structure, environment or similar that would be suitable as a subject for a website for your future assessed work at the end of term one.

Initial Ideas:

The Walker Art Gallery

Image found at: http://www.liverpoolmuseums.org.uk/walker/history/countysessions.asp

The Arboretum, Nottingham

Image found at:http://www.nottinghamcity.gov.uk/index.aspx?articleid=3383

A Graveyard

Image: Hannah Collins, In The Course Of Time, 1956

Waterstones

Image found at: http://www.waterstones.com/waterstonesweb/navigate.do?pPageID=100000002

John and Sandy's House

Image by Samantha Kirk

Roth Aniko

http://www.rothaniko.hu/

Through thefwa.com I came across this website for artist Roth Aniko, an artist from Hungary. although I was looking for websites based on architecture for my web project this one caught my eye. It is designed by a company called Kilfish and is the artist's portfolio website. Users can also purchase goods though the site via email. As soon as you log onto the website you are immersed in the environment created, there is a town and the sea to view and you can hear water tinkling and quiet streets in the background of the various contraptions, created within Aniko's artwork, squeaking or motoring in front of the scene. Even when you are not interacting with the site you are still engaged by it because there is always the sounds and something moving on the screen.

Even though the purpose of this website is different to the one that I am designing the style of it is one that I would like to incorporate. The illustrative quality captures the user, there is quality in the imagery used that holds your attention. The tonal colours used here to represent the artists' work are also a feature that I would use in my website to create depth in the on screen environment that I would like to create.

Internet Hierarchy

Here is a photo of the way our group saw the 'map' of the internet:

My group and I descussed what we thought the 'layout' of the internet would look like and using post it notes we layed out it out. We concluded that the internet was like an upside down tree with the main parts runing down the centre (the most important being at the top) and the branching out are the smaller or less used websites.

At the top if our image we out machine code and data as when it comes down to it, this is the foundation of the internet. Then we have Google which is one of if not the most most used search engine online (I see it as your yellow pages and thompson local merged into one) From there we have placed other types of website in order of importance or popularity at this time down the centre branched off by specific websites of its kind i.e General Media -> Music -> ITines -> IPlayer.

Although we structured our idea of the Internet, as another group said, the Internet is always changing as fashionable websites shift. The structure that we made is only how we think it is for the time being and will have to be revised from time to time.

Problem 6 - The big Bloody X

Write a JavaScript program which prints a large ‘X’ on the screen composed
of smaller ‘x’ characters. Set the number of rows in the ‘X’ by a variable called
‘rows’

And this code is displayed like this. . .

Problem 1

(1) Write a JavaScript program which defines a variable called 'cost' and sets it to
some value (say 10). It should then print out the cost including VAT at 17.5 %, in
the browser window.

Pseudo Code for the multiplication Javascript

1. Set the variable count to zero
2. Set the variable sum to one
3. while the count is less that five do the following
4. add one to the value of count
5. make the new value of sum equal to its last value multiplied by count

Javascript

A piece of Javascript that adds numbers through to 5:

This is the script to multiply number through to 5:

Website Reviews

Here I have wrote a short review on three user led websites:

http://www.thestudentroom.co.uk/o.uk/
This is a website designed to be led by students from all universities in the UK they can discuss issues or ideas regarding all aspects of university life. It is really well laid out and easy to use, the navigation bar across the top makes it easy to navigate around the site. It has a very clear and clean look about it because of the colours used and none of it seems too cluttered making it an attractive site. The content is relevant to the site and of course to its users, adverts and links used are for the benefit of students for example there is a link to the TV licensing website and latest fast food offers.

http://www.therugbyforum.com/
This website is where people can post their own articles about rugby and share any club gossip they may have heard. It has a nice clean look about it because of the light blue background used for the main area. It is easy to use, the links on the right make it easy to see a lot of the latest articles added and the navigation bar across the top makes it easy to navigate around the site. I also like the fact that the designer realises that a lot of text will be used in the site so has added an application on the top right so that the user can make the text larger for themselves.

http://www.scrapbookeronline.com/
This is a scrapbooking community website designed for scrap bookers to share their ideas and designs with each other. It is also linked to a shop where scrappies can purchase new materials. I like how the design is not too feminine so it doesn’t exclude any male scrap bookers. It has a nice clean look by the light colours used. It is very easy to use, the navigation bar is on the left hand side and there are three quick links at the top of the home page. Everything is relevant within the site however I think there is a lot of wasted especially on the home page the space in the website could have been used a lot better. Also I would have expected a lot more images and colour used on the site especially as scrap booking is a craft based on visually appealing pages.

1st Week Back

I have decided to take the interactive pathway instead of AV, I was always leaning more towards the Interactive pathway anyway as I really enjoyed working with Flash last year and I am eager to learn more techniques within this field. Also I will try to incorporate moving image into my work anyway which I'm sure will come naturally because of the nature of the course. Already a lot of what the lecturers say goes straight over my head and I'm left dizzy and confuzzled but I'm sure that over time it'll all make sense (hopefully).