URL of my website

http://studentnet.kingston.ac.uk/k0826142/

Evaluation

I started the project for “Designing of the Internet” on the 8th of February and finished it on the 16th of May. In the following Evaluation I will be mentioning the difficulties I faced throughout the procedure of creating the website, how I could have improved it and my progress in the field of designing for the Internet. In addition I will be talking about my project management skills development and my personal “highlights” of this module.

After struggling to find a good concept for a while, I finally found an idea that excited me and seemed realistic. I created the website about a fictitious club that I opened in Kingston. My aim was to create a website with a very elegant and professional layout and therefore chose to work with Photoshop. I firstly tried to create layouts in Dreamweaver but felt I could only use limited fonts and could not really be as creative as I wished to be. I then changed to Photoshop and created a few different home layouts. I could see that my skills in Photoshop were developing after every layout that I created and after a while when I felt confident with the program I tried to create the final layout for my homepage. Keeping the main home layout in mind I created the other four layouts, as I wanted all 5 pages to have a consistent look.

To put the layouts in Dreamweaver was a big task. I sliced the single graphics/text boxes in Photoshop and opened them in Dreamweaver; I hid the text in Photoshop as I wanted to add the text through html and not as an image. I had to reorganise the slices a lot and many images were appearing blurred or were having other graphic mistakes, which caused me many problems. It was very time consuming to finally have all five pages in Dreamweaver with no mistakes and to have everything on its right place.

After organising all the pages in Dreamweaver and inserting the text I decided to add the web banners that I created in After Effects and also add the music. I faced many difficulties to adjust the web banners into my pages, as I did not create a separate “slice” for it in Photoshop. I could luckily put the banners at the bottom of the pages, which did not look bad to me. I added the music through the “embedded” tag in html. I chose Dennis Ferrer’s song “hey hey” as it’s a club/dance song yet it’s not too distracting.

I really enjoyed the fact that I could use my knowledge from the previous modules like Digital media and Motion Graphics, in which I learnt how to work with After Effects, Flash and Photoshop and combine them with Dreamweaver and create one project. I tried to put in all my digital media skills together and create a website which I personally like. I created “crystal” the way I planned on and therefore I am satisfied with the outcome although I could have definitely improved the website by putting in “roll over images” or more graphics. Working with all these different programs and also updating the blogs at the same time was very challenging at first and I could not understand how I could link these programs together and make the website look professional but through the tutorials on Studyspace and other online recourses I learnt a lot.

Uploading the website to the server:

The biggest difficulty that I had was uploading the website on to the server studentnet.kingston.ac.uk. Firstly the server was not connecting therefore I had to wait 3 days in order to contact the tech-guys on Monday (today) and then when we finally managed to upload the website; the links, music and banners did not work. With help of my tutors, a very strong will power and a lot of patience and time I managed to make most of the website work on the server although I faced many difficulties and it took me more than 12 hours to make it work! The banners were still not working, I tried everything that I could think of and finally after exchanging a few emails with my tutor Fleeta, we arranged a meeting in the media lab and solved the banners-issues and made the entire website finally work perfectly. The main problem was that the entire folder of my website was over 15mb so through deleting some jpegs and After Effect files File zilla could upload the missing banners. In future I know to only try to upload the necessary files and make sure that I don't underestimate the procedure of uploading the website to the server and do it at least a week before deadline. However I am very glad that the entire website is working and feel that I truly learnt a lot of skills in this module such as time keeping, planning, independent study, communicating with tutors and last but not least, solving problems.

Uploading the website to the sever

I have been trying to upload the website for the past 4 hours and have been facing a big amount of difficulties doing so. I uploaded the website to studentnet.kingston.ac.uk but the links are sound are not working. I have tried to get help from the tech-guys who have tried to solve the problem but have not been successful doing so. I am not sure what I can do now as the tech- guys are are unaware of the issues which I am facing and I can not contact my tutors either. I will try to be my best to solve the problem by keep on trying to re-link and upload the files. I hope it works!

The Link between the website "Crystal" and McLuhan's concept "the world is a global village"

The most important and obvious link to McLuhan's concept is that the club is very multicultural. Not only the crowd that comes to party at Crystal but also the promoters, staff, DJs, artists and dance performers are from all over the world. The one thing that makes Crystal stand out from the rest of the clubs in London is the fact that it has 6 different rooms named after cities from which it got its influences from. For example we have a room called "Paris" and the flair in that chill out lounge is very french and Paris-like (the architecture, the music, the paintings on the wall)! Another room would be Dubai in which we have an Arab theme!

The world is a global village- this concept also shows in the kind of nights and themes the club feautures as every night has a theme from a culture. Mondays it would be indian as Crystal plays Bhangra music and invites Punjabi artists- not only from London but also from other places like the US, Canada and India. Tuesdays are very spanish and latin american as the music is Salsa! The club features Salsa dancers who give performances throughout the whole night! This is how every night "promotes" a different culture and proves that London is one of the most urban and vibrant destinations in the world.

The world is a global village- LONDON is a global village!

Completed banner number 4

I have now completed the fourth banner for the last page and added in Dreamweaver. I have updated all the pages and feel like I have reached the goal I was aiming for! Now it is time to upload the website on the server and then update my written Evaluation!

more images for banner

http://www.cubanisimovineyards.com/blog/wp-content/uploads/2009/10/salsa_dance_club_logo_2_633x600.jpg (accessed: 14/05/10)













http://www.riseupradio.org/uploaded_images/hip-hop-rapper-02-799700.jpg (accessed: 14/05/10)
















http://images.buycostumes.com/mgen/merchandiser/24349.jpg (accessed: 14/05/10)

images for the last banner

http://www.google.co.uk/imgres?imgurl=http://bp3.blogger.com/_xrqB9QT4Czs/RoESBD5E2uI/AAAAAAAAAjs/fuVpy98AgOs/bellydancer2web.jpg&imgrefurl=http://doolerino.blogspot.com/2007/06/bellydancer-joseph-caleb-auditorium.html&usg=__tH0QAZ2md4BxfM4leIlN1_WSjW4=&h=560&w=400&sz=104&hl=en&start=16&um=1&itbs=1&tbnid=475Y6X7ItdlxRM:&tbnh=133&tbnw=95&prev=/images%3Fq%3Dbellydancer%26um%3D1%26hl%3Den%26client%3Dsafari%26sa%3DG%26rls%3Den%26tbs%3Disch:1 (accessed: 14/05/10)













http://danceparade.org/EE/images/uploads/1236779844735.jpg (accessed: 14/05/10)

Last thoughts..

I just looked at my final website again and I realised how one of the banners was too slow- therefore I edited it and updated the page with my new banner; I also noticed that I only have one page (the "about us" page) without a banner! I am now going to create a last banner for my 5th website as I want every website to have the same look and have some interactive aspect to it!
Let's get started with banner number 4!

images I used for my banners

http://991.com/newGallery/David-Guetta-One-Love-480455.jpg (accessed: 06/04/10)















http://abodenyc.com/images/New%20York%20City%20Images/New-York-Skyline-Night%20-%20Fixed.jpg (accessed: 02/04/10)



















http://www.thewonderingeye.co.uk/Images/Large/london_big_ben.jpg (accessed: 02/04/10)















http://compilers.cs.ucla.edu/spin08/LA/LA-skyline.jpg (accessed: 02/04/10)
















http://www.opentravelinfo.com/files/images/dubai.jpg (accessed: 02/04/10)
















http://www.germanistik.uni-freiburg.de/dafphil/internetprojekte/fortbildungen/daad04/claudiasusanne/berlin.jpg (accessed: 02/04/10)

more images

http://modernmindsmanagement.com/images/poseultralounge.jpg (accessed: 29/04/10)













http://www.aboutbar.com/wp-content/uploads/2010/01 (accessed: 04/05/10)













http://candlefind.com/uploads/images/Misc/Candle1.jpg (accessed: 04/05/10)

Difficulties I have faced so far

- Difficulties with Photoshop: creating the right slices, keeping the same general layout style for all 5 pages

- Difficulties with Dreamweaver: when I first started working with Dreamweaver I faced many problems with the html tags. I tried to first work with the tags only which seemed to take much longer than designing the page in dreamweaver. I tried my best to use html and design in the programe and found it challenging to find a way of combining what I had done in Photoshop with html and Dreamweaver.

- Difficulties with the Banner: after finishing the pages in Dreamweaver I tried to insert my Banners in Dreamweaver which took me a while as I had not kept the Banner in mind while creating the slices in Photoshop and therefore had to go back to the slicing and edit it all again.

- Difficulties with inserting the sound: I first tried creating Buttons in Flash for the sound I wanted but then decieded to insert the song I chose ("hey hey" by Dennis Ferrer") through a HTML tag ("embedded")