Social Bookmarking

Delicious enables the user a classic multiple view of different information. What is the underlying data model for the data? Well all my entries are stored under the following path. http://del.icio.us/icutts

Links are stored under this folder according to their tags. For example I am into climbing and the links to the climbing sites I have bookmarked are at http://del.icio.us/icutts/climbing

Pipes!

Well I have constructed them in java but in my wisdom gave them up. Yahoo pipes are an ingenious method for collecting data, organizing and passing it onto other web applications. Chris showed us an amazing demonstration that took an XML file containing some of his favorite tipples and using google maps and yahoo pipes created a map containing their locations that could be embedded into an html page. This is an example of the finished product in pipes looks like this: http://pipes.yahoo.com/pipes/pipe.info?_id=PCOi9y533BGIqqBKn0artA
And the page that could be embedded within html is:
http://www.cems.uwe.ac.uk/~cjwallac/apps/pipes/mappage.html

Delicious

Delicious is a form of social bookmarking. It allows you to store your bookmarks online and make them available to anyone ( Good thing too 'cause Firefox won't remember mine at Uni) It provides another feature called tagging These tags are one word descriptors that help you remember your bookmarks.

You need to be registered to use the service so why not sign up. Now I'm signed up and the first bookmark I make is the good old facebook. Of course I need to tag uwe and hotmail as well as the bbc, ebay, amazon etc. The power of the Internet is at the tip of my fingers. Why not use it!

Tasks for this week: Move some favourites to delicious and start using the tags. Can you open several favourites in tabbed windows firefox style?

Mashing up the Web

Yahoo pipes is a visual programming environment for web apps. http://pipes.yahoo.com/pipes/
Pipes are a method for remixing the web It is a method for mashing up the web. See Google tech talks on pipes
There are similarities with procedural programming. Pipes are like Data Flow Diagrams (DFDs) In fact they are a direct method of implementing them.
See the Wallace pipe here (update this link,Ian)
A good way to learn about these things is to start using an RSS reader. It is all part of the web2 culture. For example I could keep myself informed on any updates regarding the dissertation subject. (WOW!)
Research topics might be blogs, wikis, RSS, delicious, facebook etc.
Ians job is to give a 5 minute presentation on the delicious site and a written report on it also (why don't you create a blog post?)
what's it used for? what does it look like? how does it work? how would you build one?
Have a quick look at the student wiki at uwe

Transcript 5/10/7

Ian Cutts’ transcript from Chris Wallace taught class 5/10/7 started 22:45 finished 11:30

I am afraid that you'll have to have the notes for this to make any sense at all..

Background Questionnaire :

B)

Get familiar with basics of CSS

Use the class tag

This will individualise your own CSS its CSS’s power!

C)

Protocol host path file port (because it has parameters it indicates the presence of a script)

Classic call to web functions or procedure call

Passing some data to that procedure governed by the parameters set in the url line

Simplest way of making one application or browser get something done

The guts of the web is about passing data

Flat files

By using this structure you can make your program available to anyone in the world! The crux of the web

D)

XML describing

The difference between a tag like subject and the content like nose

The vocabulary is different (unique) – chris created when producing semantic dictionary

Take medical dictionary what is the nose?

The respritory system is composed of the nose

The elemental relationship between different members

XML is a tree structure

But if you draw it out it is a network

Represent graphs

RDF

There must be a set of rules which you make up otherwise someone else could use it

E)

When you develop systems you use get then you can replace with post

Get is debuggable

Post is not saveable suppose you wanted to do the same computation all the time you can save the url! Or bookmark or send it to someone else – it becomes a reusable resource – it could be a button

Post is bad for development and reuse – you can mix post and get

You can bypass the limitations of the form with GET

Currency codes are standard ISO – don’t use sterling internally

The web works with standard codes – and identifiers

If you tell me the currency is in GBP you have used a good standard identifier

Currency rates change in the backend

Lookups to tables happens in the backend

Inside convert.php rates are all to USD as that is a common so to transfer from one obscure currency to another is done by going via USD which keeps the combinations down

H)

Factorial script

Javascript enables you to read and write the current document displayed

Document.data.value.limit is a long way down the tree

Document.write writes out into the current document

Recursion states the next value as some function of the previous version

Factorial 7 = factorial 6 *7

I)

Tricky SQL statement

Trying to convert from one currency and any other

You don’t want to hold all the different rates for 10currencies and 10 rates

What you might do is to use base currencies

There is no traffic over obscure currencies

There is only one table with two different views (aliases)

We want to view the table for both conversions

Different pointers to the table

One is from and the other is to

They point to the same table

It gives two lookups on the same table – it is like a join.

The crux is that you can use a table twice – tricky SQL

The more SQL you know the better!

The world is full of relational databases

SWT

Using socks and http proxy

Concentrate on keeping it local!

GETURLInfo is different program

HEAD is an HTTP method that gets the header

You want to look ahead rather than getting the document

To get the media type

If it’s a particular type of document you might not want to get

To get out through the proxy there is a setting in the compiler

Socket should enable you to set the proxy

Not done in java but has done in php

Low level socket programming

Socket layer to parse proxy addresses

It’s a frequent task

If your going to do any server programming then you need to bypass the firewall

Not being able to do it outside is useless

Course structure

There are three parts to the course:

1 - Semester 1 requires a presentation and report on a specific technology. Include a wiki http://wiki.org/wiki.cgi?WhatIsWiki (worth 20-25% of total for year)

2 - Student is to go out and interview UWE managers about website technology. How did the site develop? Who made decisions? What is the website management technology in use? How is the website governed? (worth 20-25% of total for year)

3- Student to keep a blog for the year

http://randompony.blogspot.com/

- no need to say more as you are reading it!

Social networking

Social networking is a new buzzword on the Internet and some refer to the new applications as WEB2. Check out some of the following WEB2 apps...

• myspace
• bebo
• Delicious
• Digg
• reddit
• Facebook
• StumbleUpon