Your SlideShare is downloading. ×
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Tumbler posts ittoolbox 2010 11
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Tumbler posts ittoolbox 2010 11

24,258

Published on

test

test

Published in: Education, Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
24,258
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Tumblr Page 1 of 52 1 Dashboard Untitled IT Toolbox Open IT Toolbox ittoolbox.tumblr.com Customize appearance Text Photo Quote Link Chat Audio Video Settings seuni started following you yang535i started following you 7 Followers 24 Private petterw: share delete edit Members double check we have your submissions Messages 5 I have published a PDF that lists your Kingston ID numbers against the Activities we have received from you. Drafts 1 Download it here Queue Some of you have contacted us wondering whether we have received this or Launch Mass Post Editor that activity from you. It became too big a task to answer each and everyone so we compiled this list. If an activity you thought to have submitted is not listed in this PDF we have not received it. ▾ If you do have submitted any other activity that is not listed there are two things you can do to correct it: 1. Find the receipt you received after submitting the activity and email it to me at p.warnsberg@kingston.ac.uk or 2. If you saved a copy of the submitted answers as advised you can submit the activity again. Make sure you receive the E-mail receipt and if you don’t contact me (p.warnsberg@kingston.ac.uk) The links to submit any of the activities are still available on the blog http://ittoolbox.tumblr.com/ You have until 6pm on Friday the 27th of may to send in email receipts or re- submitt any missing activities. After the 27th we will go through the quality of your answers one last time and start to set the Marks. Beware that just because the PDF says you have submitted an Activity doesn’t mean that it has passed. We still have submissions to read through and check. Thank to all those who have kept up and submitted great work! .petter Private marketquarter: share delete edit Activity 20 Exploring trends and starting your own business by Jonathan Briggs I have split this activity into two different components and you can choose to do one or both parts. In the first you will continue to research trends as discussed in todays lecture. In part 2 you will have an opportunity to think about a new business of your own. Part 1 - trends Choose one of the following trends • Changing consumer expectations of interfaces • Moving data and services into the cloud • Location based services and tracking • Rise of India and China as knowledge based economies 1. Research your chosen topic properly and write a 300 word article with good English and spelling. Make sure that you prepare the essay offline before you upload it.http://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 2. Tumblr Page 2 of 52 2. List the 5 main points/arguments in your article 3. List at least 5 up-to-date sources from where you have taken ideas Here is the survey to feedback your answers to part 1: http://www.surveygizmo.com/s3/536236/Toolbox-Activity-20-1-2011-Trends Part 2 - startups Think of a technology based business that you could start based on some of the toolbox thinking you have been exposed to. The business should meet a real need and ideally should be relatively easy to start small and grow. It could offer products or be a service. All ideas will be kept confidential as part of this activity. • Describe your new business idea in a single paragraph • Give your new business a snappy name • Describe the consumers or audience for your idea • Describe the real need that is being met by your idea • List at least 3 technology ideas that you would use from this course in creating this business • Research and list similar business ideas that you found exist already (List 3-4) • Describe how your business would be different from those out there • Discuss the resources and investment you think you would need to make this a real business Here is the survey to feedback your answers to part 2: http://www.surveygizmo.com/s3/536832/Toolbox-Activity-20-2-2011-Startup- Ideas share delete edit Activity 19: Exploring the semantic web by Jonathan Briggs Following the last lecture I would like you to research the semantic web further. Here are some articles for you to read but you should also find some of your own. In part 2 you can experiment with Google Refine. Articles • http://www.guardian.co.uk/technology/blog/2009/may/18/wolfram-alpha- semantic-web-competitor-google • http://code.google.com/p/google-refine/ • http://google-refine.blogspot.com/ • http://www.w3.org/2009/Talks/1214-Darmstadt-IH/Applications.pdf Part 1 In your own words answer the following questions • Describe the semantic web to a friend in simple terms • What is the motivation behind trying to develop the semantic web? • Give an example of the kind of application that would become possible. • Discuss whether Wolfram Alfa is really an example of a semantic web search engine • Who would be worth following on Twitter to keep you informed of developments in the semantic web? (at least 4 Twitter names) Here is the link to feedback your ideas for Part 1: http://www.surveygizmo.com/s3/521045/Toolbox-Activity-19-1-2011-Semantic- Web Part 2 Explore Google Refine and then answer the following in your own words • Describe the (software) relationship between Google Refine and Freebase? • Describe the kinds of applications for which Google Refine has been developed • What does Google Refine reveal about the way data is stored inside Freebase?http://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 3. Tumblr Page 3 of 52 • Describe the experiments you did and what your learned? • Discuss why Google spends time developing Google Refine when it already has the main Google search engine. Here is the link to feedback your ideas for Part 2: http://www.surveygizmo.com/s3/521046/Toolbox-Activity-19-2-2011-Semantic- Web share delete edit Final sessions and activities by Jonathan Briggs There will be two final sessions for this module: this Thursday 7April and Thursday 5th May. The first will be about the Semantic Web and the second will review Toolbox thinking (a question and answer session). I will publish both the final exercises this weekend and as with Toolbox 1 these will be more open ended than usual to stretch students who have already completed most of the other activities. I have reviewed the previous activities and there are still many students (although a minority) who have not completed 6+2. You should use the next few weeks to catch up because the “resit exam” will not be made available until September. Private jonathanbriggs: share delete edit Activity 18 - Build a mobile web app by Jonathan Briggs In this week’s exercise I want you to explore a new tool that has been published during the past 2 months and was noticed by one of the class. Something new happens almost every day and Twitter, sites like TechCrunch and Mashable and insights from friends help us keep on top of it. The tool is Mobile Nation at http://www.mobilenationhq.com The deadline for both pieces of work is 5th April at midnight Part 1 I want you to evaluate this software/service and write a 250 word review for an online technical magazine such as TechCrunch. This must be entirely in your own words and help the reader understand the potential of the new system. You must make your opinions clear and describe how you think it fits in with trends in the market. Make sure that spelling and grammar are correct before submitting it. To help you construct your article please answer the following: • List one relevant TechCrunch article you looked at to discover the style of writing required • List 3 Google searches you performed to find relevant information • List 2 competitors to Mobile Nation you examined • List the 5 main points you decided to include in your review • Now add your review (strict word limits) Here is the link to submit your work: http://www.surveygizmo.com/s3/504215/Toolbox-Activity-18-1-2011-Mobile- Nation-1 Part 2 Create a mobile app prototype with Mobile Nation. You may need to find a friend with an iPhone to test it once you have published it or you may be able to find a simulator/browser and see if that works. Your final prototype needs to include at least 2 of the following: images, a tab bar, an RSS feed, maps, video and must not simply be a copy of one of the tutorials. • What is the URL of your app? (these will be each be checked) • What does you app do? (Describe in detail) • How do you feel about the tool? (Describe the positive and negative aspects of the service) • What problems did you have in creating your app? (describe in detail) • What features would you want to add to the tool to create even better apps?http://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 4. Tumblr Page 4 of 52 Here is the link to submit your work: http://www.surveygizmo.com/s3/504235/Toolbox-Activity-18-2-2011-Mobile- Nation-2 The deadline for both pieces of work is 5th April at midnight Private marketquarter: share delete edit By Jonathan Briggs Here is this week’s video, rather later than I hoped but fairly short (35 mins) so I hope you have time to watch it as soon as possible. Please add comments and questions and make sure that you have done Activity 17. share delete edit This weeks lecture on Social Networks delayed Dear All My hand remains bad and I have been advised to restrict typing to 45 mins per day. I have decided to complete the lecture and publish it on Saturday together with next week’s activity. Apologies for the delay! I will send out an email when the lecture has been published. Jonathan share delete edit Activity 17 - Social Media (the details) Part 1 Choose ONE of Facebook, Twitter, Quora or LinkedIn and make sure that you are signed up with an appropriate profile. You may use your existing profile. I want you to explore the chosen service distinguishing between the functionality provided (video sharing, profiles etc) and the technology used to provide the service (video hosting, CSS etc). 1. List 10 specific pieces of functionality that are delivered by the service. 2. What specific technologies are used to deliver the service you have chosen? You will need to research the technology background of the service to find out the hardware and software they are using. List 8-10 different technologies and for each state what it does for this service. Do not simply copy text from the web but show that you understand the technologies involved by framing them in your own terms. 3. Discuss the technical challenges of building a similar service yourself based on the hosting technologies you have rented. What pieces of the jigsaw are missing? List 3 different specific technical issues you can see. Make sure that you use your own words. 4. Find open source or commercial software components that would allow you to recreate the core functionality of your chosen network. List the URLs and describe the software you have found. 5. What questions are raised by researching this activity? Here is the link to submit part 1: http://www.surveygizmo.com/s3/496242/Toolbox-Activity-17-1-2011-Social- Networks Deadline: Saturday 26th March at midnight Part II - the like button Read the following short article and then research the issues involved for yourself: http://yro.slashdot.org/story/10/11/30/1734249/Facebooks-Like-This- Button-Is-Tracking-You 1. Research and describe the technologies that enable the Facebook “like” button to track consumer behaviour even if they are not a member ofhttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 5. Tumblr Page 5 of 52 Facebook. Make sure you really understand what is going on here - this will require you to read a variety of different sources. 2. What are the likely business opportunities that are made possible because of this type of tracking technology? Think hard about how Facebook can be offered for free and how it intends to make the millions needed to grow and develop. 3. How would you explain to an ordinary member of the public what is happening here? Phrase this in your own words to really show that you understand. 4. What are your own reactions to the ways in which you are being tracked by social networks? Think hard about the tradeoff between privacy and usefulness. 5. What questions have been raised by this activity? Here is the link to submit part 2: http://www.surveygizmo.com/s3/496245/Toolbox-Activity-17-2-2011-Social- Networks-part-2 Deadline: Saturday 26th March at midnight Private petterw: 1 note share delete edit Lecture 16: Ubicomp and wireless networks kingstonlectures on livestream.com. The videos shown during the session: Light painting WiFi Systems of systems The Future Internet: Service Web 3.0 Lynx Excite Angel Ambush London Victoria #lecture Private marketquarter: share delete edit Activity 17 - Social Media by Jonathan Briggs Hi All Well its time for me to come back and teach the remaining sessions. I’ve recently damaged my hand which has made typing hard! I will upload the next activity by close of play on Saturday and give you a full week to do part 1. For various reasons I have decided to present lecture next week by video only and this will be uploaded before next Wednesday. I will then be around in person to present the final two sessions on mobile and trends which I hope will round off the course nicely, Please be aware that finishing 6+2 activities is essential if you want to pass the module. Only one student passed the examination last semester whereas almost everyone else passed through activities - you have been warned. We reserve the right to delay the examination to the normal resit period in September. To help get you thinking about Social Media for this week’s activity consider the following questions… • Why is Facebook the biggest network on the planet? • What is the point of services such as Twitter, LinkedIn or Quora? • How can a service as big and complex as Facebook be free? • What can you discover about people from their behaviour on Social Networks? • What is the purpose of the Facebook “like” button? Is there a deeper purpose? • What software tools exist to help you design and build your own communities and social networks? • How can social networks be integrated, “mashed up”, into other services and sites and what would be the point of doing this?http://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 6. Tumblr Page 6 of 52 A full set of activity questions by Saturday but these should get you thinking. Private petterw: share delete edit Hi Everyone, On thursday I am back after JC’s run of hands-on toolboxes and I will bring a session about life after wireless networks; always online, anywhere and with computers integrated into the world around us. We will also look at how to hijack other’s Facebook or Google mail accounts with Firesheep and how an understanding of that technology can help us safeguard ourselves. I uploaded this short video taster. If you haven’t started with the activity yet you can as always find it on http://ittoolbox.tumblr.com/activities Submit your answers by the Wednesday deadline so that I can include it in the feedback on Thursday. The session will as always be streamed from the module blog or http://www.livestream.com/kingstonlectures Best of luck .petter w Private share delete edit Lecture 15: Ajax Watch the live streaming video from kingstonlectures at livestream.com http://www.livestream.com/kingstonlectures/video?clipId=pla_a801fb49-d773- 4c03-a855-89771110934e&utm_source=lslibrary&utm_medium=ui-thumb #lecture #jcnebel Private petterw: 3 notes share delete edit Activity 16: Ubicomp and wireless networks Ubicomp and wireless networks In this 16th toolbox activity you need to spend a couple of hours exploring wireless network technologies, put advertising claims to the test and think up future computing products for the home. The activity has been written by Petter Warnsberg and the aim is to better understand the possibilities and constraints with the wireless technology that we use to link devices together. Deadline: Midnight, Wednesday 16th March 2011 :::: Introduction In the first semester we talked some about computers, the hardware and how we see it more and more in the everyday things around us. We talked about how our phones have turned into smartphones with more capabilities than most of us utilise. That is all great, fascinating and fun. They have lots of computational power do execute our commands and we can interact with them in more and more sophistivated ways, touch, feel, talk, shake and so on. The computers are ubiquitous (look the word up if it is new to you) and the idea is that instead of us entering their world, once the room of a big super computer or in more recent years to sit down in front of a desktop, the computers now enter our world and exists not as a destination but as and when we need them, often without us seeing them. That is ubiquitous computing or Ubicomp. We find these computers in different Sizes and Mark Weiser suggested we define them as: Tabs small enough to fit in a watch, Pads that are hand held and primarily represented today by mobile phones, and finally Boards that are larger, like the kiosks we use to book tickets for example. Other definitions that are more wide ranging has been proposed and suggests there will be computers so small we can refer to them as Dust, computing products that will be like fabrics that can be worn or painted onto a surface; Skin, or 3 dimensional products that can take any shape or form, referred to as Clay.http://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 7. Tumblr Page 7 of 52 To me the biggest game changer and that has had the biggest impact on us and will continue to have is not the size, the speed or the input/output of these devices, it is the Ubicomps ability to communicate, be networked, wirelessly. And the speed by which they can communicate and transfer data is increasing. These are the two topics for this weeks activity and session. Ubicomp and wireless networking. :::: Part 1 Task 1 First we need to familiarise ourselves with some of the technologies. Here is a list of wireless technologies and protocols. Find out for each of these technologies what their maximum supported speed for downloading data is, what year it was introduced and if you can find it what range it operates in i.e. how far the wireless link works without loosing connection. Look it up if you do not know and technical topics like this are often well documented on the web including Wikipedia. 1. GSM 2. UMTS 3. WiMAX 4. 802.11b 5. HSPA 6. 802.11n 7. Wi-Fi 8. 3G 9. 4G When you submit your findings there is a table to insert it all into. Task 2 Find a WiFi enabled device near you. Go into it’s settings, preferences or whatever it is called on your specific device to try and configure it. Does it anywhere talk about security, encryption or similar? Can you see anything about WEP, WAP or is there a “none” option? List here the available security options and tell us which one you would use to connect wirelessly in what situation and why. If you would use different settings in different situation you can list that too. Task 3 The latest iPhone/iPad iOS4.3 update that came out on the 9th of March had a new feature that was called “Personal Hot Spot”. Other platforms like Android and Windows Mobile have had this functionality for a while. Research it and share with us how this feature could be useful for someone that like me travel a lot and what the pitfalls are. Feedback your results for PART 1 using this survey: http://www.surveygizmo.com/s3/491013/Toolbox-16-1-2011-Ubicomp-and- wireless-networks You will pass this activity if you give sensible (not necessarily correct answers) to the above questions. :::: Part 2 The Part 2 activity is more open ended and requires you to do some research on your own to find the answers. Remember that in order to do a good grade you should complete both part 1 and part 2 of each activity before the deadline. Task 1 When you plug-in an ethernet cable into your computer that is a direct connection to your device and it is comprehendible how the data can go through that cable and reach your computer like water in a hose. With a Wi-Fi network there are so called stations that can be either access points or clients. Your laptop is most likely a client that communicates with the access point via radio frequencies. So far so good. But in a room full of Wi-Fi enabled devices how does the data know to find it’s way to your device so that not everybody can see for example your emails and IM? Task 2 For this question we want you to imagine a furniture home store like Heals or IKEA in 2016. Then we want you to come up with a product that has wireless networking capabilities that you can buy in that store. It should be a product that cannot be bought today and the more creative the better. How to describe it? Start of with a few sentences that tells us what it is and then a tech spec. list withhttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 8. Tumblr Page 8 of 52 features and specifications listed. List at least 20 relevant things. For inspiration see for example the iPad http://www.apple.com/ipad/specs/ , but obviously we don’t expect any images and you can’t lay it out in the survey. Task 3 For the final task we want you to test the speed claims of the technologies listed in part 1. What is the actual speed you can get in the real world. We ask you to go out there and use services like Speedtest.net to measure the download and upload speed you can get. Do two or more different tests under two or more different circumstances. Depending on what technology you have access to you can for example try different locations, while moving at a certain speed, with different protocols (on my iPhone I can for example turn off 3G) etc. Each test you would have to do several time for accuracy. Describe the different tests, the configurations and the average result. Wrap up with a sentence or two where you can describe any conclusions drawn from your test. Feedback your results for PART 2 using this survey: http://www.surveygizmo.com/s3/491015/Toolbox-16-2-2011-Ubicomp-and- wireless-networks You will pass this activity if you give sensible (not necessarily correct answers) to the above questions. Best of luck! #activity Private share delete edit Lecture 14: MySQL Watch the live streaming video from kingstonlectures at livestream.com http://www.livestream.com/kingstonlectures/video?clipId=pla_9f9e0248-8fc5- 426a-924d-db3f1ee99345&utm_source=lslibrary&utm_medium=ui-thumb #lecture #jcnebel Private 2 notes share delete edit Activity 15: Ajax AJAX Written by: Jean-Christophe Nebel Deadline: Midnight, Wednesday 9th March 2011 In this 15th toolbox activity you need to spend a couple of hours exploring AJAX. The aim of this activity is to start exploring a technique for creating fast and dynamic web pages. AJAX is about updating parts of a web page without reloading the whole page (AJAX is not a new programming language, but uses internet standards such as html, css and JavaScript). :::: Before you start In the first part of this activity, you will study AJAX web pages. In particular, you will learn the secret behind the ‘Google Suggest’ facility: ‘When you start typing in Google’s search box, a JavaScript sends the letters off to a server and the server returns a list of suggestions’. In the second part of this activity, you will first answer a quiz and then you will modify some AJAX code so that you could integrate it into your own webpages. You will need to be online and go to various websites for this activity. :::: Part 1 In order to demonstrate AJAX in action, I have created 2 dynamic webpages that you can access at the following addresses: http://staffnet.kingston.ac.uk/~ku33185/ToolBox/HintHerName.htm http://staffnet.kingston.ac.uk/~ku33185/ToolBox/QnA.htmhttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 9. Tumblr Page 9 of 52 The first webpage offers a ‘suggest’ facility when you fill in the name of a female firstname in a form. The second one gives an example of a ‘quiz’ facility where the answer to a question is revealed by pressing a button. (code of both pages can be downloaded from http://staffnet.kingston.ac.uk/~ku33185/ToolBox/ajax.zip). Once you have used those dynamic pages, study their code and asssociated files in order to answer the following questions: 1. In the HintHerName.htm webpage, where do the names come from? 2. Currently, there is no name starting with ‘M’. What do you need to do to make sure the name ‘Melanie’ appears if the user types a ‘M’? 3. Can you explain what is behind the Google Suggest facility? Where do the suggestions come from? 4. What does the following line do ‘xmlhttp.open(“GET”, “answer.txt”,true);’ in the ‘QnA.html’ code? 5. What does the following line do {button type=”button” onclick=”go()”}Answer {/button} in the ‘QnA.html’ code? 6. Explain how your webpage could benefit from these dynamic features. Feedback your results for PART 1 using this survey: http://www.surveygizmo.com/s3/483018/Toolbox-15-1-2011-AJAX You will pass this activity if you give sensible (not necessarily correct answers) to the above questions. :::: Part 2 The Part 2 activity is more open ended and requires you to do some research on your own to find the answers. Remember that in order to do a good grade you should complete both part 1 and part 2 of each activity before the deadline. In this activity you need to do a bit of research to complete the quiz. Then, you will study more in details the code of QnA.htm so that you are able to modify it in order to create a dynamic pages where the users can get the answers to several questions. Note that, unlike HintHerName.htm which relies on PHP code which needs to be processed by a PHP server, QnA.htm can be ran locally on your own computer. Take this short quiz selecting the best answer for each question: What does AJAX stand for? • Asynchronous JavaScript and XML • A Dutch football team • Advanced Java Applied to Xbox operating system Which application does NOT use AJAX? • Google Maps • Static webpage • YouTube Which standard is NOT part of the AJAX framework? • XHR • Java • CSS What tag do you need to add in your webpage before adding AJAX script? • ajax • button • script Which commands do you need to send a request to a server? • xmlhttp.open & xmlhttp.send • xmlhttp.load & xmlhttp.send • xmlhttp.open & xmlhttp.write You will then have to: - Explain the concept of asynchronous request. - Explain how to change the ‘QnA.html’ code to provide answers to several questions. - Provide a link to your updated version of ‘QnA.html’.http://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 10. Tumblr Page 10 of 52 Feedback your results for PART 2 using this survey: http://www.surveygizmo.com/s3/483026/Toolbox-15-2-2011-AJAX You will pass this activity if you give sensible (not necessarily correct answers) to the above questions. #activity Private share delete edit Lecture 13: databases Watch the live streaming video from kingstonlectures at livestream.com http://www.livestream.com/kingstonlectures/video?clipId=pla_a419325c-de18- 4a55-8ac4-9c02af22d58e&utm_source=lslibrary&utm_medium=ui-thumb #jcnebel #lecture Private 1 note share delete edit Activity 14 - MySQL MySQL Written by: Jean-Christophe Nebel Deadline: Midnight, Wednesday 2nd March 2011 In this 14th toolbox activity you need to spend a couple of hours exploring MySQL. The aim of this activity is to start exploring the most popular open source database management system, i.e. MySQL. This is only an introduction, but you will learn more about this topic next year. Since databases are at the heart of most computer systems, it is essential that you are aware of a popular way of querying them. In the first part of this activity, you will get under the hood of your blog and extract data from the tables its associated database relies on. It is unlikely you will manage to complete activity 1 if you have not worked on the activity 1 of Toolbox 13. In the second part of this activity, you will first answer a quiz and then you will add and update data in the table you created in the activity 2 of Toolbox 13. :::: Before you start You will need to be online and go to various websites for this activity. In order to complete it, you will need access to your blog and a web browser. :::: Part 1 Your website configuration and management software application, e.g. cpanel (it depends on the web hosting service you use) should provide you with a database administration tool, e.g. phpMyAdmin. You need to find the SQL ‘query window’ menu which will allow you to run SQL commands. These commands can be applied to any databases you have installed and/or created on your website. However, since you have all created a blog using Wordpress, one of your databases, e.g. ‘wrdp’, must be dedicated to your blog. In activity 1, you will query this database. We will focus on the usage of the ‘SELECT’ command which is essential to database query using MySQL. Before we start, be aware that the MySQL Reference Manual can be found at the following address http://dev.mysql.com/doc/refman/5.5/en/index.html. You may find it useful. ‘SELECT’ is essential to extract information from databases. However, it has other usages. For example, the ‘SELECT VERSION();’ command returns the version of MySQL which is running on your server. Other valid commands include ‘SELECT CURRENT_DATE;’ and ‘SELECT PI()/2, 2+3;’ ‘SELECT * FROM … WHERE …’ may be the most useful MySQL command. ‘SELECT * FROM my_ table;’ displays the whole content of my_ table, whereas ‘SELECT * FROM my_ table WHERE field1 LIKE ‘%user%;’ extracts all the records which contain ‘user’ in the field ’field1’.http://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 11. Tumblr Page 11 of 52 ‘SHOW’ provides information about databases, tables, columns, or status information about the server. For example, ‘SHOW DATABASES;’ lists all the databases which can be found on your server. ‘CHARACTER SET’, ‘TABLES’ and ‘PRIVILEGES’ are some of the parameters which can be associated with this command. ‘USE’ species to which database present on your MySQL server MySQL commands are addressed to. DESCRIBE provides information about the columns in a table. ‘DESCRIBE my_table;’ displays the structure of ‘my_table’. 1. Write down the version of MySQL which is running on your server.. 2. Write down the single command which allows you to display the current date and time, and the value of the sine of an angle of 36 degrees (i.e. pi/5). 3. List all the databases which can be found on your server and write down the command which provided you with that list. 4. List the names of all the tables which can be found in the database associated to your blog. Do not forget to specify your MySQL server that you want to apply the command to your blog database. 5. Explore the table related to ‘users’ by displaying its structure using ‘DESCRIBE’. How many fields are there? 6. Extract all the records in the ‘posts’ table which contain ‘you’ in the field ‘post_content’. Copy below their ‘post_titles’. 7. Write down the command which allows you to display all posts posted in October 2010. 8. Provide an explanation of the general function of the MySQL ‘SELECT’ command. Feedback your results for PART 1 using this survey: http://www.surveygizmo.com/s3/476281/Toolbox-14-1-2011-MySQL You will pass this activity if you give sensible (not necessarily correct answers) to the above questions. :::: Part 2 The Part 2 activity is more open ended and requires you to do some research on your own to find the answers. Remember that in order to do a good grade you should complete both part 1 and part 2 of each activity before the deadline. In this activity you need to do a bit of research to complete the quiz. Then, using the SQL ‘query window’ you will work on the database and table you created in the activity 2 of Toolbox 13. During the learning process, you may seriously damage your table. Therefore, make sure that you use a table which is NOT used by your website or blog. Find out the exact MySQL command which would allow you to add a record in your table. Add a record of your choice in your table. Find out the exact MySQL command which would allow you to update a field in a record in your table Update the field of your choice in your latest record. Take this short quiz selecting the best answer for each question: MySQL runs on which operating systems? · Linux and Mac OS-X only · Any operating system · Unix, Linux, Windows and others · Unix and Linux only To remove duplicate rows from the result set of a SELECT use the following keyword: · NO DUPLICATE · UNIQUE · DISTINCT · None of the above Which of the following command add a row to a table?http://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 12. Tumblr Page 12 of 52 · Add · Insert · Update · Alter What SQL clause is used to restrict the rows returned by a query? · AND · WHERE · HAVING · FROM Which of the following commands should be used to create a database named “student”? · CREATE student · CREATE DATABASE student · DATABASE student · ADD student Feedback your results for PART 2 using this survey: http://www.surveygizmo.com/s3/476822/Toolbox-14-2-2011-MySQL You will pass this activity if you give sensible (not necessarily correct answers) to the above questions. #activity Private share delete edit Activity 13 Databases Written by: Jean-Christophe Nebel Deadline: Midnight, Wednesday 23rd February 2011 In this 13th toolbox activity you need to spend a couple of hours exploring databases. The aim of this activity is to start exploring the world of databases. This is a very vast subject that is introduced to you this year. But you will have a whole module on this topic next year. Since databases are at the heart of most computer systems, it is essential that you are aware of them and have some basic understanding of their structure and how they store information. In the first part of this activity, you will get under the hood of your blog and have a close look at the data behind it. Where are they? Which data are stored? How are they organised? In the second part of this activity, you will first answer a quiz and then you will create your own table to store data of your choice. :::: Before you start You will need to be online and go to various websites for this activity. In order to complete it, you will need access to your blog and a web browser. :::: Part 1 Your website configuration and management software application, e.g. cpanel (it depends on the web hosting service you use) should provide you with a database administration tool, e.g. phpMyAdmin. Using that tool, you will explore the databases which are present on your account. The number of available databases depends on what you have installed on your website. However, since you have all created a blog using Wordpress, one of your databases, e.g. ‘wrdp’, must be dedicated to your blog. In this part, you will investigate the content and structure of this database.http://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 13. Tumblr Page 13 of 52 1. List the names of all the tables which can be found in the database associated to your blog database 2. Explore the table related to ‘posts’ and look at its structure. How many different fields are there? 3. In the ‘posts’ table, list all the fields whose type is ‘datetime’ 4. Each individual ‘post’ record is stored in several fields. Select a record and 5 of its field. For each of them, list its name, its content and describe briefly the nature of the data it contains 5. Provide an explanation as why records are stored in fields instead of as single blocks of data Feedback your results for PART 1 using this survey: http://www.surveygizmo.com/s3/469682/Toolbox-13-1-2011-databases You will pass this activity if you give sensible (not necessarily correct answers) to the above questions. :::: Part 2 The Part 2 activity is more open ended and requires you to do some research on your own to find the answers. Remember that in order to do a good grade you should complete both part 1 and part 2 of each activity before the deadline. In this activity you need to do a bit of research to complete the quiz. Then, using your website configuration and management software application you will create a table containing information of your choice, e.g. premier league football clubs, your favourite books, films or cheeses, or the planets of the solar system. You may want to create a new database for this table. However, if your web host limits the number of databases you can create, you could add a table in your blog database. 1. Take this short quiz selecting the best answer for each question: Which of the following is NOT an example of a Database? • KU’s student records system • A personal diary • A box of old photographs • A Telephone directory What can you NOT find in a FLAT FILE database management system? • Structural relationships between the records • Plain text containing one record per line • Encoding of a table as a single file • Single fields separated by commas A unique KEY field • Is a special field that identifies a particular record in a database • Is a special field that each database has to have • Is a special field that identifies a particular record in a table • Is a special field that has to be a unique number Which of the following is a valid key field? • House number + Street Name • Initials + Family Name + Date of Birth • A Book Title • Car Registration number Data cannot be stored if their type is unknown. Which of the following statements is false? • DATE can be a data type • A TEXT data type can contain 0,1,2,3,4,5,6,7,8 and 9 • A Logical data type can store three values, TRUE, UNKNOWN and FALSE • Numerical data can be stored in different formats Feedback your results for PART 2 using this survey: http://www.surveygizmo.com/s3/469733/Toolbox-13-2-2011-databases You will pass this activity if you give sensible (not necessarily correct answers) to the above questions. #activityhttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 14. Tumblr Page 14 of 52 Private petterw: share delete edit IT Toolbox 1 Marks (updated 2110) Hi All, It has just come to my attention that there might be something wrong with some of the marks for IT Toolbox 1 that has just been released. I am posting this in case you have heard that too or have any concerns to let you know that we are aware and are looking into it. At the moment I can not say what is wrong or even if anything actually is wrong so bare with us, rest assure we care about you getting the right mark and we will keep you posted. Best as always .petter Looks like its my fault folks! (Jonathan) and that some of the columns in the spreadsheet were transposed after the resit exams were added. We are working on the new spreadsheet now and will update the results as soon as we can. Truly sorry about the mixup :( share delete edit Lecture 11: Toolbox Semester 2 A new year, a new semester, toolbox continuos. In this session we did a re-cap on what Toolbox is about and how we want you to continu to question the technology around you, what it is for, how it works and how it can be improved. View more presentations from petter. The recording is incomplete. We are trying to get you all parts of the session. Watch live streaming video from kingstonlectures at livestream.com The HTML / CSS grid template that we were to turn into a Wordpress theme http://cssgrid.net/ jQuery, the javaScript library that we would use for some more advanced User Interface (UI) customisations of the Wordpress blog http://jqueryui.com/demos/accordion/ The SEOMoz blog that gives us some tips on what domain name and page naming strategy to go for http://www.seomoz.org/blog/google-vs-bing-correlation-analysis-of-ranking- elements Drupal, the Content Management System we chose for the more advanced site where we needed more customisation http://drupal.org/ PHPMyAdmin, the database management tool that we used to set up the MySql databases http://www.phpmyadmin.net/ Elance, the site we would use to outsource a lot of the Drupal development. http://www.elance.com/p/how-it-works.html ClickTale, the analytics tool that gives you videos and heatmaps over how visitors interact with your site. We will use it to optimise the usability of our Drupal site http://www.clicktale.com Will use Indie GoGo as a platform to raise founds to support parts of the development, unless Kickstarter opens up to the world outside of US real soon http://www.indiegogo.com/ http://www.kickstarter.com/ Flattr, an alternative revenue source once we start to produce valued content http://flattr.com/ #lecture Private petterw: share delete edithttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 15. Tumblr Page 15 of 52 Activity 12: Extend your blog In this weeks activity which has been set by Petter asks you to explore the ways your Wordpress blog can be extended and tailored for your specific purposes and needs. The deadline is midnight on the 16th of February and Petter will provide feedback during his session on the 17th. Wordpress is an open source product with a huge community around it. Two of the many things that makes Wordpress special and have contributed to its popularity is its Plugin and Theme system. Both act to extend the out of the box installation of Wordpress and you might already have explored changing the default look by changing Theme or adding some extra functionality through Plugins. Wordpress has been developed in such a way that the look of it, the design of the Wordpress blog can be easily customised through Themes and functionality can be added, extended or overwritten through Plugins. There are lots of existing Themes and Plugins to download and use free of charge while others have made it a business to produce and sell them. The availability of Themes and Plugins is an effect of having such huge community around the product and is something that is worth looking at when selecting what tool or software to use for a project; how active is the community supporting and using the system. But the popularity of Wordpress has also brought some lesser honest developer that produces Themes and Plugins that add ads or so called linkbeits to your site if you use them. So if you are not sure only download Themes and Plugins from the Wordpress site itself http://wordpress.org/extend/ But you are not limited to use what others have developed. The Wordpress system’s architecture has been designed so that it should be as easy as possible for anyone to develop their own Themes or Plugins. This weeks activity is about understanding how Themes and Plugins work and how they can be utilised to extend the look and functionality your blog. You will: • Analyse what technologies and languages others use to build web sites • Find suitable Wordpress plugins • Edit your Wordpress Theme • Explore basic server side scripting with PHP In this video lecture from last years Toolbox module Jonathan Briggs explains how PHP can be used to customise the look of your site, the HTML and CSS. It is also a good recap of how HTML and CSS work and explains well how the server client relation work with dynamic pages. All relevant for this weeks activity. Part 1: Web development Web development involves a number of different technologies, programming languages and design tools that all work together to build the web sites and applications we see on the web. What does what and how it all links together can sometimes be confusing. A good way to approach it is to look what others have done, start dissecting these websites and whenever we come across something we do not understand we look it up. The first part involves you critically analyse and describe the differences between front end (aka client side) and back end (aka server side) web development technologies which should help you assess what technologies three different sites use in the second task. The Final task of this first part activity is about Wordpress Plugins and to form a good idea of what they can do. To help you with the first question and to separate the different building blocks of web development this W3Schools introduction could be useful http://www.w3schools.com/site/site_intro.asp Do the three questions and post your answers using this form http://sgiz.mobi/s3/772c8f915b27 1. What is the difference between front end and back end web development technologies? Address the question from a 1. User interface perspective 2. Security perspective 3. Hardware perspectivehttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 16. Tumblr Page 16 of 52 2. Visit these three sites and try to figure out what front end and back end web development technologies / languages they have used to develop the site: 1. http://shopify.com 2. http://pitchfork.com 3. http://www.whitehouse.gov Come up with at least three suggestions on each. It is given that they all have used HTML, but what version? The browser command “View source” can reveal clues. In other cases a search across blogs and forums can reveal further details. 3. Recommend me the best Wordpress plugin you can find that: 1. Makes it easy to add a Google map in a blog post 2. Makes it easy to list tweets (posts to Twitter) with a specific hashtag in a blog post or in the side column of my blog 3. Can help translate my blog into other languages The Wordpress site itself has an extensive list of plugins. See link above. Task 2: Use PHP to edit your Wordpress Theme In the second part of the activity you will have to use your FTP skills from activity 6 ( http://ittoolbox.tumblr.com/post/1553770115/activity-6 ) You will have to find your Theme files in your Wordpress installation folder on your web server in order to back them up. In your Wordpress root folder there should be a wp- content folder in which there is a themes folder with all the different themes you have installed. If you have several themes installed figure out which one is the current one (If you do not know it will be listed in your Wordpress administration under Appearance / Themes http://ReplaceWithYourDomain.com/wp- admin/themes.php ) I would seriously recommend you take a backup of the folder with the theme to your local hard drive before you start to edit it. There are two ways you can edit your Theme. The first is to use the editor that is built into Wordpress ( In the Wordpress admin under Appearance / Editor http://ReplaceWithYourDomain.com/wp-admin/theme-editor.php ) The other one is to download the file with FTP to your computer, edit it and upload it again. It is all explained well here: http://codex.wordpress.org/Editing_Files The Theme is made up of several files. PHP, CSS and image files and sometimes some JS files as well. I want you to try and edit any of the PHP files and recommend you go for any of content ones like header.php, footer.php or sidebar.php. If you edit any of these you can see the changes right away much more easily. Edit different parts of the template file to find out what effects it has. If it goes wrong and you get an error message back that you cant fix just change back to what it was before you made the edit and if you cant remember how it was you always have the back up version to replace your broken one. To better understand what the different PHP parts means W3Schools also have a PHP tutorial: http://www.w3schools.com/php/default.asp or for anything Wordpress specific I recommend the Wordpress documentation and forum http://codex.wordpress.org/Main_Page Answer these questions: A. What is the difference between the PHP echo() function and the print() function? B. If you in a php page, within the HTML body tags would write: <?php phpinfo (); ?> What would you see when you view the page in a browser? C. In PHP, what means with an “if statement” D. What means with an Variable in PHP? E. How can Arrays be useful in a Wordpress Theme? F. What means with a For Loop in PHP? G. Comments is a feature that is on by default when you instal a Wordpress blog. Describe how you would go about changing the HTML used to output the comments in your current Theme. Submit your answers through this form http://sgiz.mobi/s3/ed20e5dc0aab #activityhttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 17. Tumblr Page 17 of 52 Private marketquarter: share delete edit Making and spending money online (lecture) A big thanks to all of you who have done Activity 11 and raised lots of questions. The subject of “making money” certainly seems to have fired some of you up. Here is the slide deck for the lecture http://www.jonathanbriggs.com/data/files/ecommerce-for-toolbox-122.pdf I will try and answer as many questions as I can in the second half of the session: 1. Can retailers state anything they want in their privacy policy? 2. Is it easy to make your own e-commerce? 3. What is the best payment online system apart from PayPal and google checkout? 4. How could i actually start selling products on my blog, do i need a license or just a pay a fee to start doing that? 5. What is the future of e-commerce? 6. Considering the release of the new windows 7 platforms with it updated security features for the internet, combined with its ability to check the security of websites. Are we at less risk of fraudulent activity now than we have been previously with older versions of windows? Does this then mean that we should be less concerned about the risks of shopping online and fraudulent websites? 7. Will we learn in this semester how to add a payment method (if you want to sell your staff for example) in our websites? 8. Why do companies do online business? is it because they don’t need a lot of employees or any other reason? 9. Apart from the e-commerce websites mentioned already, what are the names of the other best e-commerce websites? 10. How would you get a VeriSign Tristed Certificate for your website and are there any other secure methods other than PayPal which don’t take a cut of your sales? 11. i am not sure if my picture has been uploaded, i have clicked upload but no result has come back 12. What is the best way to drive traffic to my blog ??? 13. If we all click on each other’s ads, why would Google ban those who do? Is it money related, and they do not want to pay us? Or do they consider it to be fowl play? Does Google really falsely accuse people of misusing Ad Sense, especially those who are doing well with it? How do Google monitor who is clicking on ads? Do Google keep a record of IP addresses that click on ads 14. How many activities need to be completed to PASS? #lecture share delete edit Activity 11 eCommerce: Spending & Making Money We’ve listened to your feedback and made a few changes to the way we set and run the activities this semester. To increase the amount of feedback we can give we will run each activity BEFORE the lecture that covers the same topic. This means you can think about an issue and raise questions. Jonathan, JC and Petter Please note that many of the activities this Semester continue to build on what you did last semester. If you are dissatisfied with your site then now might be the time for a spring clean! Please also note that we are continuing the numbering sequence for activities so the first activity for this Semester is number 11 (!) Here is the first activity which has been set by Jonathan. It asks you to think about ecommerce. The deadline is midnight on the 9th of February and Jonathan will provide feedback during his session on the 10th. In this week’s activity I want students to begin to explore the world of eCommerce and if they want, to add some commerce features to their blogs. This is a big subject and we will only scratch the surface but some of thehttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 18. Tumblr Page 18 of 52 pointers I will give you will allow you to explore making or saving money yourself. In this week’s activity I have decided to put the more practical activities into Part 2 as these are more open ended (and perhaps harder) than in the previous activities. Part 1: How are companies and individuals making/saving money online? What you will do • Explore the difference between stores, marketplaces, affiliate schemes and revenue from advertising networks • Identify features of good ecommerce stores • Discuss why some people are still reluctant to buy online Task 1 Visit and explore the following sites. This week really try and understand what they are offering and the differences between them. You may have been to them many times before but this time try and look at them with a professional eye rather than simply noticing they are there. Look at how flexible they are, what services they offer you as a customer or as an IT consultant. Make sure you understand the range of services that may be provided by the same company. • Amazon.co.uk • Amazon marketplace • Ebay.co.uk • Tradedoubler.co.uk • Google adwords • Google adsense • Shopify.com Answer the following questions. Make notes as usual for feeding back in the online survey. 1. Which of the above sites could you use to sell items you no longer want? 2. Which of the above sites would you recommend to an offline shop that does not currently have a site online? 3. Which of the above sites would you recommend to a company that already has an online store to increase sales? Task 2 Find 3 of the best specialist UK online stores here you would consider buying things yourself. Don’t necessarily go for the obvious sites but research new sites you may not have been to before who are really specialist in things you use in your life. Avoid Amazon, Play, eBay and other obvious players. What are the features of these stores that make them so good? Your answer must go beyond “low prices” and list at least 3 distinct features. These might be to do with design, content, customer service or any number of other features. Task 3 • Why are some people afraid of buying online? • How real do you think these worries are? • What can companies and developers do to address these worries? Here is the link to feedback answers to part 1 of this activity: http://www.surveygizmo.com/s3/459401/Toolbox-11-1-2011-ecommerce Part 2: How can you add money-making components to your blog? What you will do • Explore opportunities to add revenue generation to your blog • Consider the changes to your blog that would be necessary to make it a successful source of revenue • Discover some of the difficulties of trying to make significant revenue Task: Find one ecommerce component that you can add to your own site. This could be an affiliate scheme (such as Amazon Associates, Amazon aStore or Tradedoubler), an advertising network (such as Google Adsense) or a link to eBay sales that you create. Here are some specific suggestions but you may want to investigate alternatives: http://astore.amazon.com/ http://www.google.com/adsense/login/en_GB/?hl=en_GB Choose carefully, researching the options and deciding what fits with your site. If you are serious about keeping your blog running regularly then advertising revenue may be the best option. If you are simply exploring the options then signing up and building an Amazon aStore is probably the most interesting.http://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 19. Tumblr Page 19 of 52 Please note that if you launch Adsense and then click on your own ads (or get your mum to click on them every hour) you will get banned and never make a penny – you have been warned! You will need to research how to add these to your WordPress site. Here are a couple of tips: http://www.justskins.com/wordpress-plugins/10-wordpress-plugins-for-google- adsense http://www.datafeedr.com/ Please answer the following questions 1. Describe the eCommerce tools you have added to your site? 2. Why did you choose these? 3. Upload a snapshot of a part of your page to show your money making venture 4. List 3 ways in which you might have to change your site or the way you use it to maximise the money you make? 5. Why does Google ban people who click on ads on their own blogs? Here is a link to feedback your answers http://www.surveygizmo.com/s3/459437/Toolbox-11-2-2011-ecommerce #activity Private jonathanbriggs: share delete edit Toolbox 1 Exam This exam is ONLY for those students who have not completed sufficient activities. You can start working on it at 10am and must complete your work by 1pm today. The time of your submission will be automatically recorded. http://www.surveygizmo.com/s3/447606/Toolbox-Examination-2010-2011 Please note that use of the internet while completing the exam is allowed but you must sign the paper to indicate that you have not worked with anyone else or communicated with them during the exam. We reserve the right to conduct an additional oral exam for any student we suspect may have abused the above rule. Note that the results from this exam will be capped at 40% (a pass) share delete edit New results spreadsheet I am sorry that this took a little longer than advertised but it is a big job to collate all the marks from all the activities and to check the work. Here is a new spreadsheet: http://www.jonathanbriggs.com/data/files/toolbox- 2010-1-141.pdf Please check that it is accurate. In particular check that your 5.1 results have been entered. These have been entered where you have reported a problem with the previous spreadsheet. What happens next? 1. You have passed? Well done. See you next semester. 2. Your have passed or failed but some activities are not recorded? Email me the receipts and I will make sure that they are entered before the exam board. 3. You have not passed? You will need to take an online exam in two weeks time. Details will be published here. Happy New Year to you all! Jonathan notes share delete edit Will I have to take the exam? READ CAREFULLY Here is a list of students together with the activities we have registered as complete:http://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 20. Tumblr Page 20 of 52 http://www.jonathanbriggs.com/data/files/toolbox-2010-results-201210-140.pdf Find yourself on this list and make sure that we have all of your data. What if I have a missing activity? Email us your receipt or simply resubmit the work. The spreadsheet was correct at 1200 on Sunday 19th December and a new version will be produced on the 4th January. No interim versions will be produced. What happens if I have not yet done the minimum number of activities to pass? You have until the 3rd of January to submit any missing work. After this date no further submissions can be counted. Remember that to pass you need a minimum of 8 parts including at least 6 part 1s. What happens if I have still not completed the right number after the 4th January? We will then offer you the opportunity to take an exam (for a pass only). This will be an online exam and you can take it either from home or from the lab. Full details will be sent out in early January. share delete edit Questions raised by Activity 9 on Mobile Some really excellent and thought provoking questions from those who did the activity which suggest that a good number of you have really thought about mobile. I will go through as many as I can in the first part of today’s session. If we don’t have a chance to cover your question then think about how you would try to find the answers yourself. 1. What features are there on the mobile web for people who run a business? 2. Can I convert my existing site into a mobile web site? 3. How big is the mobile Web? Is it expensive to launch and maintain a mobile Web site? 4. How can mobile web tackle viruses? 5. How do you tell if a user is on the internet with a mobile phone or a computer? 6. How secure is the site when paying for items it terms of hacking and fraud 7. Is more profit made by business’ made by users of the mobile web or those of the normal web? 8. Is the site well optimize for mobile search? 9. Is there Pay per view/Pay per click on the mobile web? 10. What is the hardware of a mobile web server? 11. Will the mobile web take over the normal web in years to come. 12. How do you update the website while having the same layout design? 13. Why does internet increase the impact phone battry 14. When developing a mobile website, how would companies go about making the website compatible for the many different browsers that the different smart phones use? 15. How advanced will phones get in relation to live streaming? 16. Could a mobile website be avaliable offline. 17. I remember we were asked how free web apps and mobile apps paid for themselves, I did answer but I would like to hear a proper answer from you guys? 18. In the next couple of years will mobile web be cheaper and unlimited downloads, like the way broadband is in today’s market? and will broadband companies us there servers and start providing mobile internet services, to compete with mobile networks? who will be better at providing, mobile networks or isp? 19. Is there a current standard for publishing mobile websites and does this effect the openness of the web as a whole? 20. From the lecture I got knowledge of how the process of designing Apple’s applications looks like and what is approximately the cost. My question is if the application is designed does it automatically appear on the Apple’s application store? 21. I don’t have any about the mobile web, but something about the web at large: Are people ever going to sort out this years-old standardisation issue? Every browser worth it’s salt has a “Quirks Mode”? Didn’t know that until recently… If you do have hindsight on this issue: do you reckon it might have been better if, when faced with the danger of enforcinghttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 21. Tumblr Page 21 of 52 standards, MS said: ‘It’ll break half the internet sites out there? Sure thing, why not!’ People would have rebuilt, and standardisation is necessary, so why is Microsoft so much further behind standards implementation with Internet Explorer than other, far less profitable organisations? 22. How much research and development is put into making a mobile web, or isit simply just making a mobile web version of there original site. 23. How do companies know if their mobile site is appealing to customers? 24. Do advertiser prefer to advertise more on normal web or mobile websites? Whats the cost difference in running a normal website and a mobile one? How much does it cost to set up a mobile website? Does it require more or less adminstration than normal website? Is the HTML code for mobile web site more complicated to write than normal one? How do you make your mobile website to be viewd on any mobile platform e.g Iphone, Blackberry, Android. 25. Why are most leading websites part of our daily lives still not mobile compatible? ~why do these non mobile compatible websites still require users to zoom into articals to read them properly? ~why does the world leading websites still have too much clutter and bulk content that are not useful for users on the go? 26. How can a website be simplified enough to be able to be compatible on most phone browsers other than safari and android and is it profitable for a business to make a mobile site 27. Do those developers who make applications for smart mobiles phone and then let people to download them for free get paid or how do they make money from it? 28. Why do some pages have diffrent versions on diffrent phones, for example when i load a web page on a iphone its just like on a computer but when i load the same page on a nokia it gives me a short mobile version. 29. How do make the app to where it updates itself and lets you know of the changes? Are the prices of the new technology going to shoot up or is it going o come down like very cheap so the technology is available to every one and make the money by selling the services 30. Is it possible to make my blog into a mobile app, where the content displayed on the app is from my blog? 31. How do website makers create website versions of there original websites. For example mobile youtube you can get on your phone.? 32. How are businesses able to maintain demand even when prices of the i- phones can soar above £500 a piece. share delete edit Activity 10 - Planning and building a mashup This activity is about Mashups; web based software systems that build on data and services from other software systems. The deadline is Tuesday 14th December at midnight. During this activity you will • Explore existing mashups to see the range of applications that are being produced • Select 2 that you think are particularly clever or useful • Find data sources from which a mashup can be created • Devise a mashup of your own that could be constructed using this data • Explore and evaluate some of the tools for creating mashups • Construct a mashup of your own (part 2) Part 1 Using the links below explore some the mashups that have been published so far. Make sure that you look at a range of different types including news, mapping, music, sport, shopping, mobile etc. Try and work out how much effort has been involved in manipulating and presenting the data Think of a mashup of your own. This is hard but if you think about things that you might use (in your local area perhaps) or about topics in which you are particularly interested then I think you may find this possible. Perhaps consider a very specialized news service or plotting some cool information onto a map very local to where you live.http://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 22. Tumblr Page 22 of 52 Now have a look at some of the tools (at least 2) for creating mashups and see which might be suitable for your particular idea. Try and find some new ones. Make notes about them as you examine them so that you can select one if you do part 2. Definitions and introductions • What are Mashups? (YouTube) http://www.youtube.com/watch? v=U9sENSA_sjI • Google Mashups Showcase (YouTube): http://www.youtube.com/watch? v=-GeU3Rp7wnY • Introduction to Yahoo Pipes! http://www.youtube.com/watch? v=qUINn5evcZM • http://mashable.com/2007/05/15/16-awesome-data-visualization-tools/ Links to mashups • http://backstage.bbc.co.uk/ • http://www.programmableweb.com/ • http://www.mashupfeed.com/ Links to tools http://www.dapper.net http://www.xfruits.com http://pipes.yahoo.com/pipes/ http://mashmaker.intel.com/ http://www.freebase.com Here are the questions you have to answer to pass part 1 of this activity 1. How would you describe mashups to someone who has never heard of them? 2. Provide the correct URL links to two mashups that impressed you 3. Describe why each of them was interesting 4. Which tools did you try (at least 2)? 5. Describe what each of these tools does 6. Describe the mashup you would like to try and create Here is the survey link for feeding back your answers to Part 1 http://www.surveygizmo.com/s3/428445/Toolbox-Activity-10-1-2010-Mashups Part 2 Ok, go ahead and try and make your mashup! To complete this activity you don’t have to get it completely working but you need to be able to explain how far you got. 1. Describe the user experience you are trying to create? Describe the data sources that you will use? 2. List the URLs for these data sources List the tools that you use to experiment with manipulating these data sources 3. How far did you get? If you succeeded in producing something then take a snapshot of your screen and upload it to the feedback survey 4. What problems did you face and how did you solve them? 5. Why do you think mashups will be important to your future IT career? Here is the survey link for feeding back your answers to Part 2 http://www.surveygizmo.com/s3/428446/Toolbox-Activity-9-2-2010-Mashups Deadline for feedback and inclusion in results: Tuesday 14th December Midnight #activity share delete edit Lecture 10 - mashups This is the last session of the module and I want to look back over the last 10 weeks and forward to the future. This is a highly experimental module; a journey that most of you have followed all the way. Most of you are now able (or close to being able) to: 1. Build a website using powerful content management software (Wordpress) 2. Buy and operate your own hosting server and domain names 3. Move files around inside your server and from outside 4. Manipulate links, images and links to video 5. Describe the interactions of your server and search engines 6. Describe different computer architectures, browsers and serviceshttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 23. Tumblr Page 23 of 52 7. Experiment with mobile 8. Experiment with modern coding and design techniques including xHTML and CSS 9. Create mashups that combine data from different sources 10. Solve problems with others or on your own I hope that what you have gained most is an idea about how tackle difficult topics and how to find out about things yourself. You’ll need to do that from now on. Mashups http://www.fastfoodmaps.com Web services and SOA The last activity will help some of you begin to explore mashups. But they are not just ways of enhancing your blog. They fit into a much bigger trend called Service Orientation. Many big sites now allow access without using the normal web browser interface via programmable web services http://www.strikeiron.com/ • Look for Application Programmatic Interfaces and Web Services • XML used to communicate between systems (like RSS but more general and more complex) • A variety of different programming models: SOAP, XML-RPC and REST • Allows interoperability between different systems • Allows one system to build on the data provided by another • Allows one company to focus on providing a service particularly well • Can be accessed and programmed in any language (Java, Ruby, C#, PHP, Python) Here are some examples 1. Set up your own store using Amazon or Google checkout facilities 2. Write your own auction management tools for eBay 3. Integrate mapping into your site or application 4. Integrate mobile messaging into your application 5. Manage scalable storage and streaming programmatically 6. Create new interfaces or search mechanisms to browse existing content 7. Build price comparison engines 8. Allow members of one network to share messaging with members of another http://www.amazon.com/gp/browse.html?node=3435361 http://developer.yahoo.com/ http://code.google.com/ http://backstage.bbc.co.uk/ http://developer.ebay.com/common/api/ http://www.kayak.com/labs/api/search/ Experiment in the future 1. Use other people’s code 2. Use other people’s data 3. Create prototypes 4. Create new interfaces 5. Create businesses 6. Integrate your applications into social networks 7. Integrate your ideas into software you imagine, design and build Some very recent interesting things Some big challenges for those of us in IT 1. Keeping up to date 2. Charging properly for what we do 3. Running projects on time and on budget 4. Developing the next big thing Tips for the next few years 1. Keep blogging as a record of your growing knowledge and confidence 2. Use your blog to keep a portfolio of the work you do 3. Build small sites for familiy, friends and small businesses 4. Don’t work for free (unless you have to) 5. Keep throwing away what you have done and build better versions 6. Learn to programme/prototype even if you are not going to be a programmer 7. Learn enough xHTML & CSS & AJAX to be able to build mockups 8. Keep an eye on what is happening at the bleeding edge of the technologyhttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 24. Tumblr Page 24 of 52 9. Don’t just learn the theory, try out the practice 10. Recognise that you’ll learn more on your own than sitting in some lectures 11. Find people to learn with 12. Keep asking awkward questions until you get interesting answers 13. Set yourself unrealistically high goals 14. Make sure you are enjoying what you are doing #lecture share delete edit Reviewing your sites/blogs Written by Jonathan Briggs Date: 1 December 2010 I have worked my way through most of your blogs and sites and wanted to provide some feedback. Some of you have done far more than others. You have really embraced toolbox thinking, kept up with activities and experimented. Others have just done the absolute minimum. Some are well designed and thought through will others look like the ugliest of MySpace pages. Remember that these are an ideal place to show off your work and can be shared with friends, family and potential employers. Many of these sites are not “about” anything - it is almost impossible to keep interested in writing if you do not have a purpose. Even if that is showcasing your work and experiments for all modules. My worry is that too many of you are not taking this seriously. What do we need to do to help you understand that this is a foundation for your studies and for any career in modern IT? Take the time to change the standard navigation, the standard imagery and remove any boiler plating text. You have until January 3rd to go back and improve things! Some things to think about • You are not just doing this for the course • You need to start being more autonomous and taking control of your work • You need to decide what you are going to be “best” at • It’s a super competitive world out there and not enough of you are getting ready for it • You need to show off • You need to help each other much more Ten (fairly random) to look at and evaluate yourselves 1. http://haveacuppa.com/ 2. http://ahmedhaibe.co.uk/wordpress/ 3. http://game-vet.co.uk/blog/ 4. http://ajay-snypz.com/blog/ 5. http://blog.aleksejz.com/ 6. http://bookswizz.com/WP/ 7. http://joinholidays.com/blog/ 8. http://mangastation.co.uk/ 9. http://starboxing.co.uk/Blog/ 10. http://pillowtalkers.com/ Private share delete edit Here is my feedback on the 8th activity that was introduced last week. #feedback #jcnebel Private jonathanbriggs: share delete edit Activity 9 - Explore mobilehttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 25. Tumblr Page 25 of 52 This activity is in a new area, mobile, and I hope you will find it interesting. Please note that you can probably do this activity even if you have missed some of the previous ones. In this activity I want you to start to explore the mobile web and in part 2 to build your own mobile web site. This part 2 is particularly straightforward and so I recommend it for those looking to maximise their module marks. Deadline: Tuesday 6th, December, midnight During this activity students will • Research what is happening within the mobile web • Use an emulator (or their phone) to evaluate some mobile sites • Consider how mobile web services differ from other web sites • Design their own mobile site using a site builder or an editor Part 1 Research the mobile web making a note of some of the changes that are coming. Here are some links to help you. http://en.wikipedia.org/wiki/Mobile_web http://www.opera.com/products/mobile/ http://www.apple.com/iphone http://code.google.com/android/ http://tmobile.modeaondemand.com/htc/g1/ If you have a mobile that connects to the web then you can try Part 1 using your own phone but most developers use an emulator or simulator. Your first task is to make sure that you can run the emulator. If you are on a PC this may require you to install the Java Runtime System which is worth installing anyway (just follow the instructions and trust the people behind it). Here are some emulators (you may be able to find others): http://mtld.mobi/emulator.php?emulator=nokiaN70 http://www.testiphone.com/ Have a look at the following sites using this emulator and then answer the questions below: • ITToolbox (this site) • BBC News • Transport for London • Kingston University • Amazon.co.uk • YouTube Questions to answer (make notes as you go through these) • Which of the sites you have looked at provided a reasonable/good experience for the mobile user? • What was wrong with the sites that did not work well? (be as specific as you can be) • Why is the mobile internet different from the normal web? (mention as many differences as you can) • Describe the types of services that people might want from the mobile internet? • What changes must site developers make to their sites to make them useful on the mobile? • What is likely to change over the next few years in relation to the mobile web? • What technical or business questions do you have about the mobile web? Here is a link for feeding back your answers to part 1 http://www.surveygizmo.com/s3/422792/Toolbox-9-1-2010-mobile Part 2 Now that you have explored some mobile sites you should design one for yourself either using NotePad (HTML + CSS) or rather more simply using a tool such as http://www.onbile.com • Try to find other tools to help you if you want. • This is a bit like building your blog in wordpress and needs some thought and planning first. • You should decide on a structure such as • Main menu, About me, Latest news, Favorite things, Useful linkshttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 26. Tumblr Page 26 of 52 • Extend you site with images, links and perhaps a form. Make sure that you experiment enough to be able to demonstrate that you have really understood how to build a mobile site: that means at least 6 pages! • Check your site using the emulator or your phone Answer the following questions • What is the URL of your mobile site? • What difficulties if any did you have with this exercise and how did you overcome them? • How would you like to expand your site? • How useful would a site like this be to a small business? • What other aspects of mobile would you like to explore? • What questions were raised by this activity? Here is a link for feeding back your answers to part 2 http://www.surveygizmo.com/s3/422804/Toolbox-9-2-2010-Mobile #activity share delete edit Lecture 9 - Mobile apps and the mobile web Jonathan Briggs will be giving today’s lecture on the opportunities offered by mobile apps and the mobile web. He will be encouraging you to extend your experiments so that they work on phones and tablet devices. Come with lots of questions. Here are the slides for today’s session… http://www.jonathanbriggs.com/data/files/mobile-for-toolbox-2010-139.pdf #lecture #mobile Private share delete edit Lecture 8 - Web prototyping with JC Nebel Available from http://livestre.am/tYgb #jcnebel #lecture Private share delete edit This is the summary video for the eigth lecture of the Toolbox Module. You can watch it instead of coming to the lecture in person or as well. Private share delete edit Activity 8 Web prototyping (html & CSS) Written by: Jean-Christophe Nebel Deadline: Midnight, Tuesday 30th November 2010 In this eighth toolbox activity you need to spend a couple of hours exploring html and CSS. There is a lot of material online, but you may find the following site particularly useful since it provides various tutorials, demos and descriptions of all the commands you may need http://www.w3schools.com. Things to think about when surfing the net: how is this cool website designed? can I add this particular feature on mine? What is the source code?… :::: Read this first You should normally print out these instructions
 
 Every activity is broken up into at least 2 parts. You need to make sure that you always complete part 1 and if you are trying to get a good result for the module you should also complete parthttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 27. Tumblr Page 27 of 52 2.
 
 Every activity comes with things to do and things to think about. At the end of each part of the activity there is a feedback form that allows you to prove that you have completed the work. The feedback form will not test every part of the activity and will also allow you to ask questions and report problems. Group feedback will be provided if you complete the activity before the stated deadline.
 
 You should always make sure that you make notes (on paper or in a word processor) during the activity so that it is easy to fill in the feedback form. This also ensures that if the feedback form does not work for some reasons you can go back and fill it in again.
 
 The software used to power the form is called SurveyGizmo and is highly reliable.
 
 Do remember that failure to take part in the activities will result in you having to take an examination (based on the same material).
 
 Every activity will come with a list of useful links that should help you explore the questions asked. You may not need to use all of them but you may find them helpful for these activities and other parts of your course.
 Do remember that these activities must be completed individually. This does not prevent group discussion or collaborative planning of the activities but each student must complete the feedback surveys on their own.
 
 We reserve the right to interview students whose answers are identical to other students and if copying or plagiarism is suspected both parties may be required to take the examination. A quality control check will be applied to all submissions and only those students who meet that threshold will have passed. :::: Before you start You will need to be online and go to various websites for this activity. In order to complete it, you will need a text editor and a web browser. :::: Part 1 In this part you will create a basic web page on the topic of your choice from scratch. You will produce its content and structure and will apply the provided CSS. 1. Create a text file with the .html suffix. 2. Type the relevant tags so that your file is recognised as a html file. 3. Give your web page a title. 4. Create a few sections with several levels of headings. 5. Each section should contain some text. 6. One section must contain a picture. 7. One section must embed a YouTube video. 8. One section must contain an ordered list of items (use the <li> tag). 9. Open your file with your favourite browser and correct it until you get the expected result. 10. Link your web page to ‘wobbly.css’ to apply this style sheet (http://staffnet.kingston.ac.uk/~ku33185/ToolBox/spring.css). 11. Link your web page to ‘spring.css’ to apply this style sheet (http://staffnet.kingston.ac.uk/~ku33185/ToolBox/wobbly.css). Feedback your results for PART 1 using this survey: http://www.surveygizmo.com/s3/416355/Toolbox-8-1-2010 You will pass this activity if you give sensible (not necessarily correct answers) to the above questions. :::: Part 2 The Part 2 activity is more open ended and requires you to do some research on your own to find the answers. Remember that in order to do a good grade you should complete both part 1 and part 2 of each activity before the deadline. In this activity you need to analyse the provided style sheets (i.e. spring.css and wobbly.css) in order to produce your own css which should have a ‘spring’ style, but where headlines are ‘wobbly’. You also want to study commands related to html and css. Please note that you do not need to understand every single tag or css line of the provided files to be able to complete this activity. A general understanding of what happens where is sufficient. You may want to follow a trial and error approach. 1. Take this short quiz selecting the best answer for each question: Choose the correct HTML tag for the largest heading a. <head> b. <h6> c. <h1> How can you create an e-mail link?http://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 28. Tumblr Page 28 of 52 a. <mail href=”xxx@yyy”> b. <mail>xxx@yyy</mail> c. <a href=”mailto:xxx@yyy”> How can you open a link in a new browser window? a. <a href=”url” new> b. <a href=”url” target=”_blank”> c. <a href=”url” target=”new”> Which is the correct CSS syntax? a. body {color: black} b. {body;color:black} c. body:color=black Which property is used to change the background colour? a. bgcolor: b. background-color: c. background How do you display hyperlinks without an underline? a. a {underline:none} b. a {text-decoration:no underline} c. a {text-decoration:none} 2. How did you find out? 3. Copy the css code of your style sheet providing a wobbly spring style. 4. List briefly any problems you had with using css and explain briefly how you solved them. Feedback your results for PART 2 using this survey: http://www.surveygizmo.com/s3/418674/Toolbox-8-2-2010 You will pass this activity if you give sensible (not necessarily correct answers) to the above questions. #activity Private nickfernando: share delete edit Activity 7: Creating, Publishing & Sharing with Webapps To be completed by Midnight 23rd November 2010 In order to complete this activity you will need to have completed activity 4.1 and set up a website or blog. In this toolbox activity, you will use web apps to complete a workflow that will result in the creation and publication of a document that has 10 points of action for improving the User Interface of your website/blog. As you experienced in the lecture, the web has taken on a whole new dimension through the development of apps that can give us online tools with functionality that is similar to the programs that we install on our computers. Whether it be healing your broken heart with Spotify or making the perfect presentation with Sliderocket, there are powerful applications that are stored in the cloud and accessed through your browser. We are at a stage where we can actually complete fairly complex work processes by simply launching our browser and accessing web applications. This week’s activity is going to expose you to working in this context by requiring you to go through a hypothetical process of coming up with 10 points of action for improving the user interface of your web site/blog. A link to the presentation slides Nick used to introduce the activity: http://www.slideshare.net/nickfernando/activity7 Part 1: Writing the 10 points of action document In this first part of the activity we want you write up 10 action points for improving the User Interface of your website/blog. As we don’t expect you to be experts in User Interface design (just yet) you will have to do some research, bookmark and share what sources you thought were the most helpful and finally, for Part 1, write this up as a short document.http://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 29. Tumblr Page 29 of 52 To do this we expect you to only use web applications and we have set up a process for you to follow: 1. Set up a public calendar and add an event whenever you did part of this task 2. Search out recommendations and tips for website interface design 3. Bookmark the sites you thought were the most helpful using social bookmarking 4. Write up 10 actions to improve the user interface of your website/blog using an online document editor 7.1.1 Setting up an online Calendar The calendar will act as a diary and record of when you managed to do things. It is very useful as it gives you a chance to see how you went about completing an activity in terms of timing. From our point of view, we are not interested in if you finished days in advanced or crammed the whole of the activity into a 2 hour period before the deadline (we only care that you did the activity) – people prefer to work differently! If you are more forward thinking you can plan out in advance when you will do certain bits of the activity and how much time you will spend on each part. Whichever approach you take, adding to the calendar when done or planning it all out ahead, make sure that you add the information to the calendar as an event describing what you did briefly and how much time it took by setting the event duration. We also mentioned that you should make your calendar public and embed it in your website/blog. Please ensure that you choose an online calendar that has these features. Nick showed you Google Calendar which is an excellent tool but there are many other online calendars, if you choose to use something else out there please ensure it can be made public and allows embedding on a website/blog. You may need to set up an account to use an online calendar. Don’t choose one that you need to buy, there are plenty of free ones. If you get stuck trying to make the calendar public or trying to embed it, use the help facility of the calendar or try searching online. 7.1.2 Searching out the information As we mentioned earlier, you will need to search around for advice and tips on designing a good User Interface for your website/blog. Google is your friend. But like a real friend, it’s not psychic and doesn’t quite understand what you ask of it unless you’re very specific. You will need to experiment with different search terms and parameters in order to get good results. If you choose advanced search in Google, it contains a link to tips for advanced searching. Put these tips into practice and make a note of what terms and parameters you used to get your results. It is also worthwhile to try doing some searches in other search engines such as Bing! and Yahoo to see what kinds of results you get from other search providers. When you’ve got a decent set (or sets) of results update your calendar and mention the terms and parameters of the searches you used. 7.1.3 Social Bookmarking Once you’ve got your calendar updated with how you went about finding useful sites to help put your 10 points of action document together. You’ll want to keep them stored so you can refer to them when writing up. Social bookmarking is a great way to do this. They keep your bookmarks safe in the cloud, allow you to access them from anywhere, let you organize them in ways that work for you and share with friends and the public. We want you to add the sites that you found were the most useful in terms of tips and advice about user interface design for websites/blogs to a social bookmarking service such as delicious, mix, Slashdot, dig etc. There are many sites out there but pick one that is easy to use. You will need to make an account to start sharing bookmarks. Make sure that you set the bookmarks as public. When you’ve added your bookmarks, update your calendar and add a link in your website/blog to your social bookmarking profile (e.g. delicious.com/nickfernando) so we can see what sites you’ve bookmarked. 7.1.4 Writing up using online document editor The final bit of this Part 1 activity is to use an online document editor such as Google Docs or Zoho, to write up the 10 recommendations or action points for improving the user interface of your website/blog. This write up should be a shorthttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 30. Tumblr Page 30 of 52 document and not an extensive report. You may need to set up an account to use an online document editor. You will need to publish the document in a way that it can be accessed publicly. This could be as an attachment in your calendar, as a web page that you link to from your website/blog or as an embedded document. Whichever approach you choose, please make sure we can access your document via your website/blog. Part 1 Questions 1. What did you manage to do? A. Set up a public calendar B. Use a social bookmarking service to bookmark interesting sites on interface design C. Use online document editor to write your 10 points of action document D. Make your calendar and document available from your site 2. What are the benefits and disadvantages of having a calendar as a web app like Google calendar compared to an analog calendar like a Filofax? 3. Which one do you prefer, to save bookmarks to sites and content you like in your browser (also called favorites) or using a web service like delicious? 4. Desktop word processors like Microsoft Word have evolved by adding more features and functionality. The web app alternatives like google Docs and Zoho do not have as many features. Tell us which features from the desktop word processors you use (Word, Pages, Open Office etc) you missed in the web application you used for the activity. Feedback your answers to part 1 using the link to SurveyGizmo below: Feedback your answers to SurveyGizmo Part 2: Mocking up and presenting your makeover This is probably going to be the longest step in the process so make sure you give yourself adequate time to complete it. In this part of the activity, you will be taking the document you created and shared and putting it into practice to create a mocked up version of your new and improved user interface for your website/blog. This is where you will be applying the 10 action points you documented to create a new design of your website/blog User Interface. Again, we’ll be expecting you to share what you publish and make sure we can get to it via your website/blog. To do this we expect you to only use web applications and just as in Part 1, we have provided you with a process to follow: 1. Use an online wireframing tool to create a prototype layout of your new User Interface 2. Use online image creation and editing tools to create a mock up of your design 3. Use an online presentation tool to present the story of how you did both parts of the activity. 7.2.1 Creating the wireframe prototype The document you created in Part 1 will be used as the basis for creating a prototype of the User Interface. Generally, when designing a website/blog you would create some wireframes so that clients can see the layout of important content and navigation elements and their positioning. Wireframes allow developers and clients to focus on the information design and architecture of the site without introducing the distraction of colours and graphics. This includes looking at the effectiveness of the navigation. You should locate and set up an account for a suitable wireframing/prototyping tool. There are plenty of tools out there such as Mockingbird, Cacoo, Balsamiq, Pencil Project to just name a few. Make sure that the tool you use to create your wireframe is able to share or export your finished prototype so you can add it to your website/blog. When you’ve put your wireframe together, make it available via your website/blog and update your calendar. If you’d like to read an article about the benefits of wireframing click here. I’m sure you can find many more if you’re interested. 7.2.2 Making the mock up This is the stage where you will use your wireframe to create a mock up of how the user interface of the website/blog will look after the makeover. This step is where we introduce the fonts, colours and graphics so we move from the wireframe with its focus on information design and architecture to the actualhttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 31. Tumblr Page 31 of 52 aesthetics. This allows us to look at the effects of the visual design and how they support the information design and architecture. There are plenty of online image creation and editing tools available such as splashup, pixlr, photoshop.com and the Aviary suite of tools. Whichever you choose to use you should make sure that you can save and export your creation. There are plenty of online tutorials and videos for these tools and also for creating UI/site mock ups so the help is certainly there if you need it. When you’ve done this step, update your calendar and make the mock up available via your website/blog. 7.2.3 Presenting your story It’s said that a journey of a 1000 miles begins with a single step and you probably feel like you’ve done a million at this point! Here is where you will bring this activity to an end and tell us the story of how you got on with using web apps to complete this workflow. Using an online presentation tool like Google presenter or Sliderocket, we want you to put together a short presentation. We don’t want you to use online presentation tools that require you to upload a presentation you created offline. We want you to use tools that let you create the presentation from scratch online. Here’s a few things you might want to cover if you’re stuck for ideas: 1. How did you feel about using web apps to complete the workflow 2. Can you do this offline with normal programs just as easily 3. Would you use web apps to complete your work in other modules 4. How will these web apps affect the way we work in the near future Some side tips for making short, effective presentations here but have a look around as there are tons of sites for this kind of thing. As usual, update your calendar and make your presentation available via your website/blog as a link or by embedding it. Part 2 Questions 5. What did you manage to do? A. Make a wireframe B. Use an online image editing tool to make a mock up C. Created a presentation using an online presentation tool 6. When there is no Internet connection like on most flights you cannot access and use any of the web apps. Until we have global, reliable connectivity how do you suggest we deal with this issue? 7. Why do you think so many of these web apps are for free when we have to pay for most desktop applications? 8. In class we did “Mini activity 2” that was about combining two or more existing data sources, online services or tools to create a new service. Take a little more time to come up with a new idea and tell us which data/services/tools it combined, how you see it working and what you would call it. For inspiration you can use http://www.theconversationprism.com for a list of social media services that sits in the cloud or http://programmableweb.com for a directory of existing API’s. Feedback your answers to part 2 using the link to SurveyGizmo below: Feedback your answers to SurveyGizmo #activity Private petterw: share delete edit Lecture 5 - Operating Systems with JC Nebel Watch live streaming video from kingstonlectures at livestream.com #lecture #jcnebel notes share delete edit Lecture 4 - Build a website with Jonathan Briggshttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 32. Tumblr Page 32 of 52 kingstonlectures on livestream.com. Broadcast Live Free #lecture #jonathanbriggs share delete edit Lecture 3 - The Web Watch live streaming video from kingstonlectures at livestream.com #lecture #jcnebel petterw: delete edit Lecture 1 - IT Toolbox with Jonathan Briggs We are experimenting with streaming the lectures live and you should check this out both during the lecture time Wednesdays 1400-1530 (BST) or watching the recordings afterwards. Let’s see if this works. Watch live streaming video from kingstonlectures at livestream.com #jonathanbriggs #lecture share delete edit Activity 6 Written by: Jonathan Briggs, Nick Fernando and Petter Warnsberg In order to do this Activity 6 you must have successfully completed Activity 4 part 1 and have your own site/blog running successfully with WordPress and have access to your hosting space (preferably running cPanel). In this activity we want you to enhance your site with richer media; images, embedded video and links to other interesting places on the web. But to do these tasks you will need to be able to upload files and move them around within your hosting space and this will be the focus of the first part. Part 1 - Sourcing and publishing media Your hosting space provides you with a filing system just like the one on your local computer. Unlike your local computer however moving files around is a little more complicated because usually you cannot just drag and drop files from one folder into another. If you are using cPanel however you will be provided with a variety of tools for moving, uploading and even creating files within your hosting environment. These include File Manager, FTP and Web Disk; File Manager is particularly useful if you want to make small changes (one at a time), while learning about FTP will be the most useful in the long term. If for any reason you are not using cPanel then FTP will almost certainly be useful in managing the files within your hosting space. Tasks 1. Find some images and other documents that you can upload to your hosting space. You will need to store them on your local machine. Images may be taken with a camera (and uploaded) or downloaded from the web (but find images that are “copyright free” such as those on http://www.freefoto.com/index.jsp or under the right type of Creative Commons on Flickr http://www.flickr.com/creativecommons/ 2. Explore File Manager and Web Disk (students without cPanel will need to look at any other tools they have been given for uploading and manipulating files). Work out how to upload these images to your hosting space and how to delete them. You will incorporate them into your web pages in Part 2. 3. Explore FTP. FTP or File Transfer Protocol is a bit more complicated but extremely useful and will allow you eventually to develop software, locally, on your own machine and then transfer all the necessary files to your hosting server. Here are a couple of tutorials that should help explain FTP:http://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 33. Tumblr Page 33 of 52 http://www.ftpplanet.com/ftpresources/basics.htm http://www.freewebmasterhelp.com/tutorials/ftp To use FTP you will need an extra piece of software on your own local machine. This is an FTP client and there are lots of free versions out there as well as commercial versions. Have a look at some of these. SmartFTP (Windows) Filezilla (Many Platforms) FireFTP(FTP extension to Firefox) Before you can transfer files anywhere to and from your hosting server you will need to make sure that you have given yourself (and perhaps others) the correct permissions. Inside cPanel you will find an application called FTP Accounts and this will let you set up login and password details to give to your FTP client. There is probably a tutorial video with this application and you will probably also find that some default “users” have already been set up. If you are not using cPanel then you will need to read your host’s FTP instructions to see how FTP accounts are configured. You will also come across the concept of “anonymous FTP” which you should experiment with. Notice that when you set up an FTP account you always tell your hosting server which parts of your server can be accessed. To understand FTP you should make sure that you have done the following: 1. Downloaded and configured an FTP client 2. Added an account to your hosting server 3. Connected your FTP client to your hosting server (using the new account) 4. Connected your FTP client to your hosting server (using anonymous FTP) 5. Transferred some images (or other documents) between your local computer and your hosting server (using FTP) 6. Accessing the uploaded image (or other document) in a web-browser using your domain name and the right file path to the file (URL) as it now sits on the web-server. To complete this activity (which might take 1-2 hours) you should answer the following questions and then fill in the feedback survey (as usual): 1. I managed to transfer files using a. File Manager b. Web Disk c. FTP (anonymous) d. FTP (new user) e. Another tool (non cPanel) 2. Please give the URL, including your domain name, to one of the files you uploaded. 3. Which FTP client did you choose? 4. Why do you think FTP is better than File Manager or Web Disk? 5. How would you explain FTP to a friend who did not know about it? 6. What problems did you have and how did you solve them? 7. What questions would you like us to answer? Here is the link to feedback your answers to part 1: http://www.surveygizmo.com/s3/411021/Toolbox-6-1-2010 Part 2 - Creating and Publishing Media For the second part of the activity you will be producing some video media to enhance your website. Cast your mind back to the 4th activity of building your site (and if you can’t click here). Jonathan made some suggestions, so what did you choose? How far did you get with it? The video that you are going to make should be related to the theme of your website. Some suggestions based on Jonathans (examples in brackets) • A pitch to promote yourself and your skills (think x-factor/apprentice audition) • Presenting a clients product (like TV shopping e.g. QVC) • A tour of your interest club, sports club • An interview with your family (maybe about how they put up with you) • Giving your opinion on some technology or game (but not a ‘Black Ops is a don!’ type thing) The above are a few of suggestions and you can probably think of more interesting and effective ones. In order to produce some decent video you’llhttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 34. Tumblr Page 34 of 52 need to think about the issues that were discussed in the lecture and find ways to provide a good quality recording. In terms of getting the recording done you should use a service called Bambuser. This is a site that, much like livestream, lets you broadcast video on the web. It has a couple of very handy features that stand out. You can record from your webcam and more interestingly you can record with mobile devices like your phone or ipod touch. While you are recording, the video is streamed live on your site and is also watchable after you have finished broadcasting. Recordings can be embedded onto other websites and even played from Facebook. To use Bambuser you first need to create an account which can be set up very quickly by either providing a couple of details or signing in with your Facebook account. Once you’ve created an account you can set up your devices and start broadcasting. So get that sorted: http://bambuser.com/ Now you’ve set up an account and prepped your devices, the next thing to do is the actual recording. Your video should be no more than 5 minutes in length. You might feel that is short but it will help keep you focused. Make sure you choose the best quality recording setting and then make your recording (if you’re not happy with the result, delete and redo). Now that you have your recording out of the way, you need to put it on your blog/website. You can do this by using the embed code provided for the video by bambuser. Taking it further Using a service with simple web and mobile based tools to create your video takes a lot of stress out of the mechanics of video production but doesn’t give you a real experience of it. In this extension task we’ll be asking you to do another recording (again it should be relevant to your site) but use a more hands on approach. This time you’ll use Movie Maker or iMovie (or a suitable alternative) to produce your recording. These programs capture video and also allow you to edit the recording as well as export it in a number of formats. Links to a couple of tutorials: Movie Maker http://www.youtube.com/watch?v=Sdte6mxMZzg http://www.pcmech.com/article/working-with-the-webcam-in-windows-live-movie- maker-2011/ iMovie http://www.youtube.com/watch?v=o9lFvDL_x00 http://www.youtube.com/watch?v=w94r6u-srIU This time around use your webcam or camcorder to make your recording and when done publish 3 versions of it: A low quality version for mobiles A medium quality version for the web i.e. youtube A high quality version for downloading Upload these three versions of the recording to your website using an FTP client and then link to them from your blog/website. When you’ve done that you should ALSO upload the medium quality video to youtube.com or vimeo.com (you will need to make an account). Get the embed code for that video and embed it onto your blog/website. Here are the questions to answer at the end of this exercise What did you manage to do? 1. Record a video to Bambuser 2. Embed the Bambuser video in your blog/website 3. Use iMovie, Movie Maker or similar to edit and export a recording 4. Upload the videos and link to them from your blog/website 5. Upload and embed the video to a video sharing site What additional extract steps did you have to take to complete the activity? How easy was the activity to complete? What were the main problems? What do you think affects the quality of the video and how could you improve it (without improving the equipment)http://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 35. Tumblr Page 35 of 52 What are the pros and cons of producing the video yourself in contrast to using a video service like Bambuser? What are the pros and cons with hosting your video on your own server compared with using a video sharing site like Youtube or Vimeo? What approach would you recommend to an individual, a small market trader and a medium sized business? Here is the link to feedback your answers to part 2: http://www.surveygizmo.com/s3/411087/Toolbox-6-2-2010 Deadline: Midnight, Friday 19th of November 2010. Any submission by Midnight 16th of November 2010 will be included in the feedback given in session on the 17th. #petterw #activity share delete edit Lecture 6 - Files and Formats with Petter W & Nick F Watch the video from the sixth IT Toolbox session, 10th of November 2010. This time Petter Warnsberg was back to talk about files and formats, the steps for a website to appear in your browser, different image formats and how to FTP your files to your hosted webserver. In the second part Nick Fernando got up from the controls of the live video editing to go through how the live streaming works, the issues involved with video on the web and the basics of video CODECS. kingstonlectures on livestream.com. Broadcast Live Free Watch live streaming video from kingstonlectures at livestream.com #lecture #petterw share delete edit Here is the short version of the sixth toolbox session. #petterw #summary Private share delete edit Note about activity 5.1 & 5.2 Dear all, Surveygizmo has been a bit temperamental recently and it may have not registered some of your submissions. We are curently investigating the issue. In case, a technical problem with Surveygizmo is discovered, you will obviously not be penalised and extra time will be given for resubmission. For the time being, carry on submiting your work as usual, but please make sure you keep a copy of your submissions (in case). Cheers, jc Private share delete edit Activity 5 Exploring Operating Systemshttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 36. Tumblr Page 36 of 52 Written by: Jean-Christophe Nebel Deadline: Midnight, Tuesday 3rd of November 2010 In this fifth toolbox activity you need to spend a couple of hours exploring features of Windows and Linux operating systems. This includes surfing around the web looking for technical and marketing information. Things to think about when exploring operating systems of computers and mobile phones For a given device, learn to identify the name of the operating system and its version. Are there alternative operating systems which could be used? How to find information about relevant command lines? How is security addressed? :::: Read this first You should normally print out these instructions
 
 Every activity is broken up into at least 2 parts. You need to make sure that you always complete part 1 and if you are trying to get a good result for the module you should also complete part 2.
 
 Every activity comes with things to do and things to think about. At the end of each part of the activity there is a feedback form that allows you to prove that you have completed the work. The feedback form will not test every part of the activity and will also allow you to ask questions and report problems. Group feedback will be provided if you complete the activity before the stated deadline.
 
 You should always make sure that you make notes (on paper or in a word processor) during the activity so that it is easy to fill in the feedback form. This also ensures that if the feedback form does not work for some reasons you can go back and fill it in again.
 
 The software used to power the form is called SurveyGizmo and is highly reliable.
 
 Do remember that failure to take part in the activities will result in you having to take an examination (based on the same material).
 
 Every activity will come with a list of useful links that should help you explore the questions asked. You may not need to use all of them but you may find them helpful for these activities and other parts of your course.
 Do remember that these activities must be completed individually. This does not prevent group discussion or collaborative planning of the activities but each student must complete the feedback surveys on their own.
 
 We reserve the right to interview students whose answers are identical to other students and if copying or plagiarism is suspected both parties may be required to take the examination. A quality control check will be applied to all submissions and only those students who meet that threshold will have passed. :::: Before you start You will need to be online and go to various websites for this activity. In order to complete part 1, you will need to use a computer running a Windows operating system and follow the following instructions (you will need to have completed activity 3.1). Command Prompt (executable name cmd.exe) is the command-line interpreter on OS/2, Windows CE and on Windows NT-based operating systems (including Windows 2000, XP, Vista, 7, Server 2003 and Server 2008). cmd.exe is a Windows program that acts as a DOS-like command line interpreter. • Using your favourite Windows machine (it may be at the library), click on the start button. • Click on ‘Run…’ for Windows 2000 and XP (nothing to do for Windows Vista and 7) • Type ‘cmd’ in the available window and click ‘OK’ • A black background window appears with information of the OS you are using. The prompt provides you with the location (disk and folder) where you are located. • Type ‘help’. You will get all available commands for controlling your OS. • Identify the command allowing you to: • display the contain of the current directory • change directory • display files attributes • Using the command-line interpreter, connect to your Linux account on your web server. • Type ‘ftp’ followed by either your domain name or your IP address. • Once you have logged in, type ‘help’ you will get all FTP commands (remark: these are FTP commands, not Linux commands). • Identify the command allowing you to: • display the contain of the current directory • change directory :::: Part 1http://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 37. Tumblr Page 37 of 52 In this part you will investigate the operating systems which are run on a variety of information processing systems. In particular, you will go behind the shiny windows of modern operating systems and discover the world of command lines that naïve IT users do not dare to explore. 1. List at least 3 information processing systems that you use, e.g. your laptop, your mobile phone, a library or lab computer and your web server. For each of them, specify the name of the operating system which runs on the device. 2. Copy the content of the Command Prompt window once you have typed the command allowing to display a list of files and subdirectories in Windows. 3. Which command allows you to change directory when using the Windows command-line interpreter? 4. Copy the content of the Command Prompt window once you have typed the command allowing to display a list of files and subdirectories in Linux. 5. What is the meaning of the following characters which are associated with Linux files and directories: ‘r’, ‘w’, ‘x’ and ‘-‘? Feedback your results for PART 1 using this survey: http://www.surveygizmo.com/s3/393976/Toolbox-5-1-2010 You will pass this activity if you give sensible (not necessarily correct answers) to the above questions. :::: Part 2 The Part 2 activity is more open ended and require you to do some research on your own to find the answers. Remember that in order to do a good grade you should complete both part 1 and part 2 of each activity before the deadline. In this activity we want you to think about the pros and cons of different operating systems. You also want to study important terms and concepts related to operating systems. 1. Take this short quiz selecting the best answer for each question: Kernel a. the central component of an operating system b. the module allowing communication between a computer and the outside world c. the system that transfers data between computer components inside a computer DOS a. Series of instruction set architectures based on the Intel 8086 CPU b. Series of operating systems that dominated the PC market between 1981 and 2000 c. Series of low-level programming languages for computers and microprocessors Which mechanism is NOT used for process synchronisation? a. Mutual Exclusion b. Semaphore c. Paging Thread a. The speed at which a microprocessor executes instructions b. The smallest unit of processing that can be scheduled by an operating system c. The process of storing and restoring the context of a CPU so that execution can be resumed from the same point at a later time Scheduler a. Retrieve data from secondary storage for use in main memory b. Carry out the instructions of a computer program c. Assign processes to available CPUs FTP Feedback your results for PART 2 using this survey: a. a standard network protocol used to copy a file from one host to another over the Internet b. a standard network protocol used to provide a bidirectional interactive text- oriented communications facility via a virtual terminal connectionhttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 38. Tumblr Page 38 of 52 c. a standard network protocol that allows data to be exchanged using a secure channel between two networked devices 2. How did you find out? 3. Provide at least 5 criteria which should be considered when choosing an operating system. 4. Linux is the most popular operating system on servers and supercomputers, whereas Windows is the most popular on PCs. Give at least 3 reasons. Feedback your results for PART 2 using this survey: http://www.surveygizmo.com/s3/394057/Toolbox-5-2-2010 You will pass this activity if you give sensible (not necessarily correct answers) to the above questions. #activity #jcnebel Private share delete edit This is the summary video for the fifth lecture of the Toolbox Module. You can watch it instead of coming to the lecture in person or as well. #jcnebel #summary Private share delete edit Here is my feedback on the third activity that was introduced last week. Apologies about the quality of the sound, they were using sledge hammers in the car park this Morning… #feedback #jcnebel Private jonathanbriggs: share delete edit Instead of a summary video I thought I would upload last year’s lecture (ignore the number as the course was being run differently). #jonathanbriggs #summary share delete edit Activity 4: Installing and exploring WordPress Congratulations to all of you who have now got your shiny new server space and domain name. As you will have seen if you chose a host with Fanastico there are now many applications and software tools that you can install and run without any further cost. Feel free to experiment with them. For this week’s exercise I want you to install and start to use WordPress. This is a popular and extremely powerful blogging/publishing tool written in PhP. Part 1: Deadline: Tuesday 26th October, Midnight One of the reasons for choosing WordPress is that the documentation, tutorials and help forums are excellent. I will not therefore try and replicate these here. Instead I will ask you to follow the instructions here… Always read or watch carefully before you start to make sure you have everything you need. Preparing and installation http://codex.wordpress.org/New_To_WordPress_-_Where_to_Start but note that if you have Fantastico, all of the installation will be handled for you. Here are some alternative instructions: http://codex.wordpress.org/Using_cPanelhttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 39. Tumblr Page 39 of 52 Finding your way around http://codex.wordpress.org/First_Steps_With_WordPress What must you do by the end of this activity? • Install WordPress • Be able to use the admin tools • Be able to create, edit and view 2-3 posts • Be able to publish your blog online and access it from the web At this stage the priority is to familiarise yourself with the tools and your blog can be about any subject. Concentrate on short text posts - we will look at themes, images, video and lots of other things later. To complete this part of this activity you just have to fill in the online survey as normal with your answers to the following? • Provide the full URL to your new blog (with at least 3 posts) • Upload a screen snapshot of your home page. This should be 400 pixels wide at 72dpi • Describe any problems you had in the installation process and how you overcame them • Add any questions Here is the link to feedback your answers to Part 1 of this activity: http://www.surveygizmo.com/s3/392409/Toolbox-4-1-2010-Wordpress Part 1: Deadline: Tuesday 26th October, Midnight Part 2 You have now done lots of practical work and its time to reflect on what is going on? Don’t worry if you don’t know the exact answer. You will get the marks from sensible attempts to answer. Feel free to use Google to try and search for answers to the questions if you really don’t know. • How would you explain WordPress to a friend who had not heard of it? What does it do? • Describe ways in which you think it is similar or different to tools used by the BBC to publish the BBC News site • What do you think was going on while you installed the application? (describe carefully in your own words) • Where do you think WordPress stores the text for your blog? • What sorts of things do you look forward to doing using WordPress? • How could WordPress be useful to you for your other modules or in your free time? Here is the link to feedback your answers to Part 2 of this activity: http://www.surveygizmo.com/s3/392687/Toolbox-4-2-2010-Wordpress #activity #jonathanbriggs Private jonathanbriggs: share delete edit Why have I not received a receipt from my submission? I am getting a few emails from students who have not received a receipt. I also receive a reports from SurveyGizmo showing that it has been unable to sent the receipts because of bad email addresses: hotmale, hotmall, gmaul etc are not email accounts! Please check carefully as you type your email address. If you have not received the emails we have probably still got your work and will publish a list later in the semester. Keep notes as suggested so that you can resubmit if necessary. Jonathan #faq share delete edit Build a website, explore the tools (lecture 4) Lecturer: Jonathan Briggshttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 40. Tumblr Page 40 of 52 In this lecture I want to encourage you all to start developing for the web. We are going to start simply using a powerful blogging/content management system called WordPress. Although this was developed as a blogging platform it is highly extensible and will introduce you to a wide range of systems development ideas: • Software installation • Content management • Database driven websites (mySQL + PHP + HTML) • Separation of design and logic through themes • Hosted applications and services • Open source software and community support • Mashups • File formats If you have bought a hosting packing that includes Fantastico or similar you will be able to install all sorts of systems by clicking a single button and entering some usernames and passwords (that you choose). You can also delete things you create so go ahead and explore. It’s your space and you can do what you like with it. Here are some of the things you should be able to try: • Install the WordPress CMS • Install phpBB (or SMF) forum software • Set up and configure an email server • Install ecommerce, auctions and classifieds through ZenCart, PHP Auction and Noah’s Classifieds • Experiment with image galleries • Develop your own Wiki • Run mailing lists • Test out a variety of project management tools • Design and databases using mySQL and tools such as PHPmyAdmin • You may find that you now have access to software that will support lots of different modules, so keep experimenting. Building a website • Find a client or clear purpose if you are building for yourself • Research competitors for ideas • Negotate/specify functional and design requirements clearly - what will it look like and what will it do? • Create a prototype if necessary to demonstrate/test ideas • Select the technology platform that you are going to use (WordPress) • Set up the technology: install and configure • Choose or create a template that matches the purpose or client • Install the template • Development of initial content • Extend the functionality through custom scripting or mashups • Testing and sign-off of launch site • Promotion of the new site: PR, search, social, offline • On-going development of content Some ideas for websites • Personal portfolio, CV, demonstrator • Site for local client, friend, club or family • Campaign site around and issue, charity or cause • Place to explore CS/IS functionality • Selling things • Community or forum • Follow an event or project step by step • Show that you are an expert Typical site content • About me/us • Contact details • Core (home) page • Blog, news or diary • My favourites • A gallery of images (or products) • Links to interesting things • Archive of previous material Some things to consider • Think about all of things you might want to do over time and remember that installing things in the same place may overwrite things that are already there • Copyright and “passing off”: you cannot “be” Coca-cola or use their logohttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 41. Tumblr Page 41 of 52 • Don’t try and run before you can walk by trying to relaunch Facebook or Amazon • Don’t over commit in terms of scale and time • Your audience needs to understand quickly what you are trying to do • Don’t get frustrated when things don’t work first time Features of good sites • You really get to know the person/company behind the site • The site is appealing, attractive and well laid out • It is easy to find the latest information • The site provides useful information or links • The site has strong opinions and allows you to get engaged • The site acts as a signpost to other useful information Technology involved • Web server connected 24/7 to the Internet • Control panel software for manipulating the server and its contents • File transfer software for moving images and other files to the server • Content management or publishing software for managing the site • Server side scripts for adding dynamic functionality to the site • Client side scripts for adding interactivity to the site • Analytics software to help understand your visitors • eCommerce software to allow trading online Running the site from day to day • Set out a publication schedule (write every week) • Create new content piece • Monitor comments • Answer emails generated by the site • Watch out for interesting things to write about • Add links to other interesting sites • Generate links into your site #lecture #jonathanbriggs share delete edit And another suggested by @RayMiyagi notes share delete edit Another possible web hosting company Private petterw: share delete edit Here is my feedback on the second activity that was introduced last week. #feedback #video #petterw Private share delete edit Activity 3 Running a web server Initially written by: Jonathan Briggs Updated by: Jean-Christophe Nebel Deadline: Midnight, Tuesday 19th of October 2010 This third activity will take you a couple of hours spread over a couple of days and you will need to start it well before the deadline if you are to get your own hosted web server up and running in time. Questions to think abouthttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 42. Tumblr Page 42 of 52 As usual in these activities I want you to have a set of questions in the back of your mind to think about while you are doing the task. 1. What can you learn from running a server? 2. What would you look for if you were asked to recommend hosting to a friend? 3. Why is choosing a good domain name so important? 4. What is the difference between the different hosting options? 5. What happens if you make the wrong decision? 6. What does hosting really mean and how does it work? (part 2) I understand that some of you may be reluctant to spend money but the amounts are small (< £5 per month) and the rewards huge. Indeed if you get together with a group of other people you could even buy shared hosting for less than £10 per year per person in the group. Just look at what you will be able to do (during and beyond this module) • Explore sysadmin issues • Access to your own stats • Explore Google advertising • Investigate search engines and search engine reputation • Experiment with security and privacy issues • Run your own mail server with your own personal email address • Experiment with FTP • Explore mashups and AJAX • Control your own domain name • Looks good on the CV • Run your own forums and discussion boards • Explore web design and ecommerce • Run a blog • Display a portfolio of work • Experiment with PHP and MySQL • Create and show prototypes What will you be doing during this activity? 1. Researching and choosing a domain name 2. Researching and choosing a web hosting company 3. Buying your domain name and hosting 4. Exploring what you have bought 5. Reporting back (part 1) 6. Reflecting on what you have actually bought (part 2) :::: Part 1: Choosing a domain name and hosting Make notes as you go through this process. 1.Choose a domain name for your new site The domain name is the name that follows www in a web address and it must be unique. It can also be used as part of an email address: me@domainname.com Think carefully about what you want the name to say about you and what you are interested in. Make sure that you could send a link to a prospective employer. You need to find a name that is not being used and this can be very hard. Try putting together 2-3 words. You could try and buy your own name and go for a domain such as www.jonathanbriggs.com or www.jcnebel.eu Read/watch the following to help you make up your mind http://www.thesitewizard.com/archive/domainname.shtml http://www.youtube.com/watch?v=S8u02gkIpdI Try one of these domain suggestion tools to explore what is available BUT don’t buy just yet. http://domain-suggestions.domaintools.com/ http://www.domainsbot.com/ http://www.1and1.co.uk http://www.gi.net/domain.php?action=domain_suggest Notice that names come with different extensions such as .com,.net, .tv and .biz and notice too that these cost different amounts. Choose a name with an extension that fits your purposes. Avoid names that include punctuation or are difficult to spell. 2.Buy a hosting package If choosing a domain name was hard then choosing hosting looks harder but it’s not. You want a list of features at a reasonable price (and you want them tohttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 43. Tumblr Page 43 of 52 register your domain name!) Set your budget at around £40 per year (including the domain name) Here are some of the features you MUST look for: • Fantastico (sometimes called Fantastico Deluxe) to allow you to install all sorts of software (including WordPress) really easily. • Shared (or Virtual) Linux hosting (Do NOT choose Windows) • Control panel (cPanel) to allow you to manipulate your space • FTP access • Allows you to run your own mail server • Allows you to run multiple domains/sub domains (vital if sharing) • MySQL databases (may be useful later) Here are some suggested hosting companies for you to look at (in no particular order). We strongly recommend that you choose one of these and buy your domain name from the same company! But the choice is finally up to you. • http://www.twentyhost.co.uk/shared/basic • http://www.webhosting.uk.com/linux-hosting.php • http://www.siteground.com/fantastico-hosting.htm A few things to consider before you make your decision Are there any other features that you think you will need? Read all the details. Should you do this with a friend? You can certainly save money but make sure that you can each control your own part of the virtual machine (multiple domain names/multiple ftp etc) If you have no credit card you will need to ask a friend or buy a pre-pay payment card from a PayPoint. Although this seems like a big deal, domain names can be moved from one hosting service to another if things go wrong. What do you actually have to do? 1. Choose a domain name 2. Choose a web hosting company 3. Follow their instructions and buy a hosting package (may take 24-48 hours) 4. Follow any further instructions and get your web hosting set up so that you can type www.yourchosendomainname.com and you can see that your hosting is active Follow the link below to feedback on your activity with the answers to the following questions: 1. Your domain name/web address? 2. Why did you choose this name? (at least 2 reasons) 3. Your hosting company? 4. Why did you choose this company? (at least 3 reasons) 5. The price you are paying annually? 6. What problems did you have with this activity and how did you solve them? You will pass this activity if you give sensible answers to the above questions. We’ll check that your domain name is up and running at your hosting company. Feedback your results for PART 1 using this survey http://www.surveygizmo.com/s3/386005/Toolbox-3-1-2010 :::: Part 2: Where is your server? Part 2 activities will generally be more open ended and require you to do some research on your own. In this activity I want you to find out as much as you can about your hosting. You must have completed part 1 first. Here are the questions you need to research 1. What hardware/service have you actually bought? 2. What make? 3. How would you find out? 4. What do the following mean: virtual hosting, DNS, domain name 5. Where is your server located? 6. How would you find out? Here are some tools and information to help: http://computer.howstuffworks.com/dns.htm http://whatismyipaddress.com/staticpages/index.php/tools-hostname-to-ip- address-lookup http://www.hostip.info/index.htmlhttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 44. Tumblr Page 44 of 52 Completing Part 2 of the activity Take this short quiz selecting the best answer for each question: Virtual hosting a. I have a dedicated server computer for my own use b. I share a server with other customers c. I share a server and all my files with other customers Domain Name Server a. a sort of A-Z of the web b. a sort of dictionary of the web c. a sort of phone book of the web IP Address a. a reference number to identify a particular hosting location b. a reference number to identify a particular web site c. a reference number to identify a particular company Domain name a. a unique name that is easier to remember than an IP address b. a shared name that is easier to remember than an IP address c. a random sequence of words known only to Google Hosting a. providing private file storage space b. providing storage space visible from the Internet c. providing Internet storage space and customer control software Finally prepare the answers to the following questions 1. Where is your hosting server located? 2. How did you find out? 3. What sort of computer is being used to host your site? 4. How did you find out? Feedback your results for PART 2 using this survey http://www.surveygizmo.com/s3/386006/Toolbox-3-2-2010 You will pass this activity if you give sensible (not necessarily correct answers) to the above questions. #activity #jcnebel Private share delete edit This is the summary video for the third lecture of the Toolbox Module. You can watch it instead of coming to the lecture in person or as well. #jcnebel #summary petterw: delete edit Lecture 2 - Exploring hardware with Petter W Watch the video from the Second IT Toolbox session, 6th of October 2010. This time Petter Warnsberg talked about the components inside our everyday computers and got help to conduct a computer autopsy. Watch live streaming video from kingstonlectures at livestream.com We are experimenting with streaming the lectures live and you should check this out both during the lecture time Wednesdays 1400-1530 (BST) or watching the recordings afterwards. #lecture #petterw share delete edit Activity 2http://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 45. Tumblr Page 45 of 52 Exploring Hardware Written by: Petter Warnsberg Deadline: Midnight, Tuesday 12th of October 2010 In this second toolbox activity you need to spend a couple of hours surfing around the web looking for technical specifications of computers and mobile phones and figure out what it is they describe. Things to think about when looking at technical specifications of computers and mobile phones Learn to recognize what is the name of the technology, the name of the manufacturer, the name of the specific model or version and what indicates the components speed or performance. How can you find out what a listed feature means and if it is value for money? How does a hardware components specification impact the overall performance and experience of the device? :::: Read this first You should normally print out these instructions
 
 Every activity is broken up into at least 2 parts. You need to make sure that you always complete part 1 and if you are trying to get a good result for the module you should also complete part 2.
 
 Every activity comes with things to do and things to think about. At the end of each part of the activity there is a feedback form that allows you to prove that you have completed the work. The feedback form will not test every part of the activity and will also allow you to ask questions and report problems. Group feedback will be provided if you complete the activity before the stated deadline.
 
 You should always make sure that you make notes (on paper or in a word processor) during the activity so that it is easy to fill in the feedback form. This also ensures that if the feedback form does not work for some reasons you can go back and fill it in again.
 
 The software used to power the form is called SurveyGizmo and is highly reliable.
 
 Do remember that failure to take part in the activities will result in you having to take an examination (based on the same material).
 
 Every activity will come with a list of useful links that should help you explore the questions asked. You may not need to use all of them but you may find them helpful for these activities and other parts of your course.
 
 Do remember that these activities must be completed individually. This does not prevent group discussion or collaborative planning of the activities but each student must complete the feedback surveys on their own.
 
 We reserve the right to interview students whose answers are identical to other students and if copying or plagiarism is suspected both parties may be required to take the examination. A quality control check will be applied to all submissions and only those students who meet that threshold will have passed. :::: Before you start You will need to be online and go to various websites for this activity. :::: Part 1 Most information processing systems like desktop computers, smart phones and even ATM machines have hardware components that allow them to communicate with the outside world whether it be humans or other information systems. These components are known as the input / output components or I/O where input is about receiving signals or data sent to the system and output is about signals or data sent from the system. 1. Look at the Dell Inspiron 560 Desktop by following this link http://dell.to/a1zaGr and identify the Input/Output components it contains. List at least 3 components for both input and output. 2. Look at the Apple iPhone 4 by following this link http://www.apple.com/iphone/ and identify the Input/Output components it contains. List at least 3 components for both input and output. 3. Look at a Barclays ATM machine. There is one by the main entrance to the Penrhyn road campus. Identify the Input/Output components it contains. List at least 3 components for both input and output. 4. In what ways do the three devices share similarities in their design. List 2 ways 5. In what ways are their hardware architectures different. List 2 ways 6. If you were to design the next generation of Barclays ATM machines what three things would you do differently / improve?http://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 46. Tumblr Page 46 of 52 You will pass this activity if you give sensible (not necessarily correct answers) to the above questions. Feedback your results to PART 1 using this survey link: http://www.surveygizmo.com/s3/382496/toolbox-2-1-2010 :::: Part 2 The Part 2 activity is more open ended and require you to do some research on your own to find the answers. Remember that in order to do a good grade you should complete both part 1 and part 2 of each activity before the deadline. In this activity we want you to think about the impact on performance the components in a desktop computer has, take our short quiz and finally use your knowledge, research findings and creative thinking to envision what the computers of the future will be like. :::: Imagine this scenario: A friend of yours has a desktop that is about two and a half years old. The desktop has become annoyingly slow and takes much longer to start up as well as opening applications and performing tasks than what it used to. For example, music and video can start to stutter when playing. Your friend asks for your advice on how to upgrade the desktop to perform better. She knows the desktop has a Pentium processor, 150GB and run Windows XP. For each of the components listed below describe what upgrade you would recommend and what the implications are in terms of cost, compatibility and labour in relation to the expected increase in performance: Upgrade the Memory Upgrade the Hard Drive Upgrade the Processor Upgrade the Operating System :::: Take this short quiz selecting the best answer for each question: You know the CPU clock speed of three different systems. Which one has the higher performance: 1. The one with a clock speed of 1.0 GHz 2. The one with a clock speed of 1000 MHz 3. The one with a clock speed of 1050 MHz 4. Can not tell from the information given Augmented reality application Layar for mobile smart phones (see www.layar.com) 1. Uses the mobile network and accelerometer to know which direction you are pointing the camera. 2. Uses image recognition technology to detect which direction you are pointing the camera. 3. Uses GPS and the compass to know what information to display on top of the camera view. 4. Uses WiFi and the camera to determine your geographical coordinates. A laptop get hot primarily because 1. the battery leaks energy 2. it performs better when really hot 3. of the CPU’s design 4. of the excess energy from the light produced by the screen :::: Finally try to answer this question: If you were to order a new computer for £1000 in year 2015, describe what you think will be delivered. Describe what it will look like, what tech specification it has, what input/output it has and supports as well as any other features you think it will come with. You will pass this activity if you give sensible (not necessarily correct answers) to the above questions. Feedback your results to PART 2 using this survey link:http://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 47. Tumblr Page 47 of 52 http://www.surveygizmo.com/s3/382515/toolbox-2-2-2010 #activity #petterw share delete edit This is the summary video for the second lecture of the Toolbox Module. You can watch it instead of coming to the lecture in person or as well. #petterw #summary Private marketquarter: share delete edit Here is some (rather quiet) feedback to last week’s activity. I was stuck at Toronto Airport and had to record this in the Business Centre. #Feedback #Jonathanbriggs jonathanbriggs: 1 note delete edit This is the summary video for the first lecture of the Toolbox Module. You can watch it instead of coming to the lecture in person or as well. #lecture #jonathanbriggs Private marketquarter: share delete edit Activity 1 Exploring Google Written by: Jonathan Briggs Deadline: Midnight, Tuesday 5th October 2010 In this first Toolbox activity you need to spend at least a couple of hours really trying to put Google through its paces. Questions to think about • What makes Google the most popular search engine in the world? • How can you improve the results you get for a search? • How can you use Google to get help when things go wrong? • What else is Google doing besides search? • How can you keep in touch with developments at Google? • How does Google work and what is going on behind the scenes? (Part 2) Read this first You should normally print out these instructions Every activity is broken up into at least 2 parts. You need to make sure that you always complete part 1 and if you are trying to get a good result for the module you should also complete part 2. Every activity comes with things to do and things to think about. At the end of each part of the activity there is a feedback form that allows you to prove that you have completed the work. The feedback form will not test every part of the activity and will also allow you to ask questions and report problems. Group feedback will be provided if you complete the activity before the stated deadline. You should always make sure that you make notes (on paper or in a wordhttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 48. Tumblr Page 48 of 52 processor) during the activity so that it is easy to fill in the feedback form. This also ensures that if the feedback form does not work for some reasons you can go back and fill it in again. The software used to power the form is called SurveyGizmo and is highly reliable. Do remember that failure to take part in the activities will result in you having to take an examination (based on the same material). Every activity will come with a list of useful links that should help you explore the questions asked. You may not need to use all of them but you may find them helpful for these activities and other parts of your course. Do remember that these activities must be completed individually. This does not prevent group discussion or collaborative planning of the activities but each student must complete the feedback surveys on their own. We reserve the right to interview students whose answers are identical to other students and if copying or plagarism is suspected both parties may be required to take the examination. A quality control check will be applied to all submissions and only those students who meet that threshold will have passed. Before you start You will need to be able to use Google in two different ways for this exercise: logged in using a gmail or other google account and not logged in. If you do not yet have a google account you can set one up just for this purpose - we may use it again later so make a note of your login details. Part 1: Going beyond “I feel lucky” You are already familiar with Google but are you using all of its tools to get the best out of the results? Here are 4 things that you need to do: 1. How many results? Set your Google preferences (when not logged in) so that you are getting 100 results per page Choose a popular pair of keywords such as “android phones” and look at the number of results on www.google.com and www.google.co.uk. Make a note of the numbers. Why do you think they are different? Look at the first 100 results - are these the best results possible? What about the order of these results. Make a note of the URL for the top natural result? Notice the advertising. Make a note of the company who is advertising along side these natural results. Page forward until you reach the 1000th result. What do you notice? Are you surprised? Check to see whether you get similar answers using Yahoo! and Bing. 2. Advanced searching Google will let you refine your search either using the advanced search functionality, through using keywords in the query or by using tools on the results page. Work out how to find pages about search engine spiders that have been published in the uk in the last 6 months 3. Different versions of google Take a look at scholar.google.com and Google’s new Instant search (when you are logged in). Repeat some of the searches you have done so far. 4. Google labs Take a look at Google labs http://www.googlelabs.com/ and the range of new services that Google is developing. Take a look at Google blog search http://blogsearch.google.com/ Here are the specific questions you will have to answer in the feedback questionaire. For each answer you have to type a couple of sentences maximum. Please Note: Writing “don’t know”, N/A, filling with rubbish or similar will prevent you from passing the quality control check and you will then not get credit for these activities. Answers requiredhttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 49. Tumblr Page 49 of 52 • How many search results did you find for “android phones” on the UK and US versions of Google? • Why do you think these might be different? (Have a guess if you don’t know) • Who is advertising along side results for “android phones”? • What was special about the results beyond the first 1000? • Why do you think that this is the case? Think carefully about technical, business and other issues that may be involved. • How did you use Google to find articles about search engine spiders that had been published in the UK in the last 6 months? Describe what you did in full? You will pass this activity if you give sensible (not necessarily correct answers) to the above questions. Feedback your results to PART 1 using this survey link: http://www.surveygizmo.com/s3/375665/Toolbox-1-1-2010 Part 2: How does Google work? Part 2 activities will generally be more open ended and require you to do some research on your own.Remember that in order to do a good grade you should complete both part 1 and part 2 of each activity before the deadline. In this activity we want you to find out as much as you can about how Google works. Use Google to research and then write notes for each of the following: • What does a search engine spider do? • How can Google return its answers so quickly? • What sorts of computers and software is Google using to provide its service? • How does Google decide which pages to show at the top of its results? Take this short quiz selecting the best answer for each question: Answers required Google a. searches the web whenever a user presses the search button b. searches an internal version of the web c. searches an internal index of the web Spiders a. visit every page on the web b. collect data from every page on the web c. collect data from some pages on the web Page Rank a. is a measure of how relevant the contents of a page are to a search query b. is a measure of how popular a page is with other web sites c. is a measure of how much a web site has paid Google to be listed Results a. are shown according to relevance b. are shown according to a measure of reputation c. are shown according to relevance and reputation Number of servers for Google a. 1 b. 10 - 100 c. 100 - 1000 d. 1000+ Finally try to answer the following questions 1. How would you explain to a none technical person how Google works? 2. Google has recently added the Google Instant version of search (when you are logged in). Research and list at least 3 possible reasons for this change 3. What would be required to build a search engine that is better than Google? 4. What questions do you have about Google? (list at least 3) You will pass this activity if you give sensible (not necessarily correct answers) to the above questions. Feedback your results to PART 2 using this survey link: http://www.surveygizmo.com/s3/375667/Toolbox-1-2-2010 Useful links Recommended Search Engines(University of Berkeley) The Anatomy of a Large-Scale Hypertextual Web Search Enginehttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 50. Tumblr Page 50 of 52 Google in Wikipedia Google PageRank Basics (YouTube) Sergey Brin and Larry Page: Inside the Google machine (Video) #activity #jonathanbriggs jonathanbriggs: delete edit Here is a short video form of the module guide. Sorry that Vimeo has cut off the first word “Welcome”. #jonathanbriggs #summary delete edit Lecture 1: what should be in your toolbox? Everyone working in IT needs a set of tools to help them do their job. These tools include programming tools, design patterns and problem solving tools - ways of thinking about a problem, breaking it down into smaller problems and finding help. They also include great Internet sites and ways of contacting other people who might know the answer. Here are some things I think we should all ‘know’. We’ll be introducing all of them and some more during the two “Toolbox Modules” this semester and next. 1. What client/server means and where things happen online 2. How to estimate how long something will take or how much something might cost 3. How to find out whether someone has already solved your problem or one like it 4. Why mobile is going to be so important 5. Why programmers start with frameworks rather than just programming languages 6. How companies like Google think and make money 7. How to try things out for yourself (‘eat your own dogfood’) 8. How to build on top of other people’s work using mashups 9. Why reputation matters in a networked economy 10. How to think and behave like a start-up In this first session I will put forward a list of skills that I think every student should have mastered by the end of the module. This sets ambitious goals but with this underpinning, students will be able to explore many of the emerging ideas in computing and participate themselves in the rapidly changing world of web publishing, ecommerce and mashups. I have also indicated some questions you should start thinking about. Sometimes you will already know the answers but often you will have to do some research. You must be able to: 1. Investigate the systems you use everyday 2. Run your own server 3. Build a simple web site using modern design principles 4. Build, run and syndicate a blog 5. Build and run an ecommerce site 6. Build your own reputation online 7. Explain the principles behind Google search 8. Construct a mashup 9. Spot the next wave of trends 10. Find people, code, advice and support when things go wrong Investigate the systems you use 1. How has it been designed and architected? 2. What technologies (hardware and software) are being used? 3. How has the user experience been designed? 4. How does it make money or plan to make money in the future? 5. Who are the competitors? 6. How could you build a small version of the system? 7. How could you build a better version? Run your own serverhttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 51. Tumblr Page 51 of 52 You should be able to operate a web server on your own computer and at a remote location, putting files in the right place and demonstrating that you can retrieve those files through a browser. Your remote server allows you to build a portfolio of your own work and to show off what you can do publicly. • Consider where it is and how it handles requests • What tools help you monitor its health (or availability)? • What do you need to do to protect it from attack? • How does it differ from the computer (or mobile phone) you use to access it? How servers work (YouTube) Build a simple web site using modern design principles A modern web site separates content, design and business logic from each other. You should be able to construct a site without using automated tools such as Dreamweaver. You should be able to change the appearance of your site using CSS. You should have some basic understanding of layout. • How can a website be extended to allow interaction with a visitor? • How could you achieve the same results without code? • How does the rest of the web know that your web site exists? • How is a browser request routed to your server? Everything you know about web design is wrong (YouTube) Build, run and syndicate a blog Blogging is web publishing made simple and you can start with simple packages such as Blogger, Wordpress and TypePad. You should set up a blog with a well designed template, learn to write regularly and manage comments, syndication (using RSS) and moderation. • Why is syndication important and how does it relate to mashups? • In what ways are the tools used to run a blog similar or different to those used to run larger sites and stores? Build and run an ecommerce site You can explore earning money using affiliate based stores from companies such as Amazon or sell things on eBay. Study the basic retailing concepts of availability, product information, pricing and fulfillment by looking at major retailers such as John Lewis or Play.com. Start to study the business models of retailers but also companies like Spotify and Facebook. • What is the difference between a good ecommerce site and a poor one? • How does a web designer help a customer find and buy what they want? • How does a company find new customers for their site? Build your own reputation online Explore social networks such as LinkedIn and Facebook. Understand how they are being used for marketing and business. Consider how your private persona might differ from your private one. • Why might a Facebook profile help or hinder a job applicant? • How many friends or followers do you need? • Which of the social networks are worth using for business? Optimise and promote a site to the search engines Explore the search principles behind Google and its competitors including spidering, relevance and reputation. Consider how companies use this knowledge to promote themselves online. • How does Google decide which order to display results? • How can you increase your position in Google? • How much does your position in Google matter? Construct a simple mashup Future systems are built using components and data published by other people. You need to be able to construct simple examples using the latest tools. • What value is created when data (or technology) from two different systems is combined? • What tools are out there to help you experiment with mashups? • How does this relate to the “semantic web”? Fast Food Maps Keep up to date with trends in technologyhttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011
  • 52. Tumblr Page 52 of 52 Change is guaranteed and you need to be prepared for it. Some of the ideas we are exploring in this module were not included (at all) in the course last year and in 3 years time there will be new ideas that cannot be explored now. You need to be ready for this change and find ways of keeping an eye on what is changing. • How do you filter all of the information that is flooding into your inbox? • How do you spot the next winner? Follow me on Twitter Google Labs Internet Stats from Google Find help when things go wrong This is perhaps at the heart of this module. As you learn about modern IT, things will go wrong. They always do. You need to find strategies to solve these problems and sources of information and support. • What happens if you don’t understand what you are told on your course? • What will you do if you are asked to solve an unfamiliar problem in your first job? • Who is out there to help? http://www.google.com http://www.linkedin.com/answers #jonathanbriggs #lecture delete edit Here is the link to the module guide #announcements delete edit Welcome to the IT Toolbox 1 module Petter, JC and I will be using this blog to post all our notes, videos, links and activities over the next two semesters (for Toolbox 2 as well). Feel free to use the Ask Any Questions button above and let us know what you think about this module. The first proper lecture will be on Wednesday at 2pm. A summary video will be posted shortly. #announcementshttp://www.tumblr.com/tumblelog/ittoolbox 04/10/2011

×