Coursework Part 2

Understanding Web 2.0 / 3.0 with the context of Mobile Device technologies, with particular interest in their use and application in public libraries.

Introduction:

(“Technological progress has merely provided us with more efficient means for going backwards. - Aldous Huxley”)

The telephone was invented in 1876, well over a century ago. It seems both fitting and peculiar to think that a mobile phone has progressed so far since then that using it to make a telephone call is just one of the many tasks a smart phone can perform.

A study of American smart phone users (Smith, 2011) measured what activities people used their phones for, aside from actions such as ‘pretending to play’ with them so to not be disturbed, the survey grouped their activities under 15 categories, for example send/receive email, access social media website, or post photo or video online. This interaction with the internet is a prime example of Web 2.0 and the internet ‘culture of contribution’ (Jones, 2008).

Web 2.0 is also considered more of ‘a marketing term’ (Jones, 2008) for the second wave of the internet, not an upgrade to the system just a different approach to how we interact with that internet. With that in mind, in this essay I will hope to explore the functions of smart phones, how these features can be utilised in applications and whether the world of Web 2.0 has a place with library services.

Mobile Phones and the Internet:

Smart phones can access the internet in one of two ways, either through connecting to local WiFi networks or using data networks data allowance, users will often find themselves working out which is the best option, i.e. the public WiFi in Westminster Libraries is slow but would not use up data allowance. The Skype online calling and video call service, until recently, did not allow their service to be run with network data (Froehlich, 2011) citing strains on the program, with competition from similar services, such as Tango (TangoMe, 2011), Skype has backed down and now offers the service on 3G platforms. There are also users who do not have unlimited data plans, which limits the extent they can browse over their data network. A method for getting around internet access would be to cache information while at a WiFi hotspot and refer to it later, but is not ideal for information you need generated at a later late.

Features of a smart device:

Most smart devices have the following features which can be taken advantage of by app developers as well as the user; multi-touch screens, internet access, multimedia support (allowing video play back, for example), sensors and accelerometers, compass/location awareness/GPS positioning, access to personal contacts/calendar/email, Bluetooth, microphone and camera (Froehlich, 2011).

However, the key aspect of smart phones is that they are context aware (Berndt, 2008), meaning that a mobile device can work out where it is (through GPS positioning), which direction it is being held and which direction it is moving (internal compass, gyros and accelerometers) and Android devices boast having ambient light sensors (Froehlich, 2011) that automatically respond to changing changing light factors to adjust screen brightness accordingly.

Multi-touch was introduced from iPhone 3.0, it allows the phone to distinguish between a single finger and several, an extra level of sensitivity which enables the phone to recognise more complex gestures such pinching or stretching to zoom, flicks to quickly scroll and dragging (Breen, 2011).

GPS allows a mobile device to listen to satellites, which are synchronised to an atomic clock to emit time encoded signals; the smart phone can triangulate these signals to position itself on a map. With three satellites a location on the surface can be pinpointed, if the receiver is above ground then a fourth is used to calculate altitude, in extreme cases when there is too much interference (noise) then a position cannot be calculated at all. Additionally, repeated or extended use will rapidly reduce the battery life as the device’s processer attempts to compute. A more battery friendly method, but less accurate, would be measuring position through overlapping WiFi points, such as the BT Openzone project which aims to provide useable hotspots across the country.

A smart phone which is able to locate itself is a great benefit for marketers (Froehlich, 2011) who could target a user with local adverts. Another example of a phone’s native feature being used creatively would be WideNoise (WideTag, 2011) which can utilise the microphone to measure decibel levels, accessing core features such as the microphone, without which telephone calls would be redundant, but for use in an app.

Another example uses the camera function, Dutch magazine Linda has used the app Layar Vision which ‘allows us to view digital information superimposed onto reality’ (Layar, 2012). Layering digital information over real images is an example of Augmented Reality, a concept that has been around since the 70s but has come into focus today with ready access to portable processing power (Buckley, 2006).

Limitations of a smart device:

There are some limitations to mobile technology, and as mentioned earlier, Moore’s Law is often cited. For example, while a phone could locate itself to being at a famous landmark because GPS places it in the vicinity, they currently do not have the computing power which would enable it to recognise if the user took a picture of it. Jonathan Koomey of Stanford University suggests a law ‘deeper than Moore’s’ (Economist, 2011)which places the trend of energy-efficiency of computers as doubling every 1.6 years, which would lower the phone’s requirements on the battery and improving these technology issues. Not an outright solution but progression and computer processor technology will develop in time according to Moore’s Law.

One limitation of mobile devices, one which Moore’s Law will not aid with is, would be when internet access cannot be gained, such as in a tunnel or on the London Underground where there are no WiFi hotspots (although BT Openzone is aiming to have coverage by the Olympics (BBC, 2011)) and phone signals are also unavailable therefore no network data.

Finally, a practical limitation is size of the screen, which is usually less than 5 inches wide. The first Android device (T-Mobile G1) had a 3.2 inch screen and a resolution of 320x480 pixels (Froehlich, 2011), the upper end of screens, such as HTC EVO or iPhone, have screens 4.3 and 4.5 inches respectively (800x480 and 960x640 resolution sizes). It is unlikely that phones will exceed this as users still wish for a device to fit in a pocket. There will be larger phones than this, but trends suggest that most phones will fall under an average size between 3 to 5 inches and any larger (or smaller) than this is an anomaly and usually part of a ‘fashion phone’ (Hjerde, 2009).

Berndt (2008) also mentions screen size and the desire for technology that is portable, which is not affected by the 18 month rule, although products such as the Samsung Galaxy Skin (Mezzofiore, 2011) or the Nokia Human Form (Henry, 2011) are providing a start. Rather than seeing screen size as a limitation, these devices are being modified for our behaviour. Additionally, sales of tablet devices are increasing which is attracting the demographic those outside of the ‘digital native’ age who enjoy the technology but prefer a larger screen, it isn’t impossible to see this technology upgrade to tablet devices.

Publishing Apps online:

As for installing apps on smart phones, there are two categories: the first are native apps which are downloaded from a third party such as the App Store or the Android Market, and there are non-native apps, which are accessed online and installed on the phone through a connected computer or directly onto the phone through connecting to WiFi or data network access (O’Rouke, 2011). The disadvantages to non-native applications are that the user needs an internet connection to launch the app each time, it is given restricted access to device features (placed in ‘the security sandbox’ (O’Rouke, 2011)) and it is harder for users to stumble on your app because they aren’t sold by the big third parties.

When published natively the device can be searched for in an app market, has an icon dedicated to it in the device menu and does not require the internet to run the application (the app might have a dependence on the internet for its content but does not require a connection to launch). Additionally, as the app is given full access to the mobile’s features there is better running performance than on a browser due to better access to the hardware allowing for faster computation and graphics rendering. The disadvantages include developer fees, digital certificates and third party control over the availability of the application (O’Rouke, 2011).

Applications of mobile apps in Libraries:

So far we have seen how Web 2.0 is about contribution to the internet, app development is just that, taking the fundamental features of mobile phones and recreating them into something new. We have also seen how screen size will not be affected by Moore’s Law but processing power will be, allowing more complicated tasks to be performed on a hand-sized device. We know that mobiles connect to the internet through WiFi connections or via data networks (provided the user has an unlimited data plan). With regard to apps, we can see how once ordinary features of phones such as microphones or cameras can be adapted and then those apps can either be sold through app stores and markets or published non-natively online.

Now I would like to see if there is a market in public libraries for apps. The thought is interesting but there are many pitfalls. When designing an app, O’Rourke (2011) warns against providing the same desktop website but for a smaller screen and performing irrelevant tasks.

City University Library mobile app is available on Android, BlackBerry, iPhone and accessible by ‘the universal version via your mobile browser’ (City University, 2011) and therefore I do not necessarily need the app to access the same information. Of course, this is a University library, where the students are far more likely to have smart phones (Ofcom places the number of teenagers with smart phones at 47% and adults at 27%).

However, in public libraries, while a mobile app might encourage young people and teenagers to use library services, such an app may be alienating for the majority of public library users, whose demographic is usually the elderly and disabled, working professionals with children, and the unemployed or poorly waged, for whom a smart phone is either a luxury or an intimidating piece of technology. These users rely on the library still being here, whether it is access to free computers or as a source for local information, for example at just my library within Westminster City Council there are elderly and disabled information points, healthcare information and resources and information about childcare services.

Another aspect of app design which O’Rourke (2011) warns about is attempting too much, creating a ‘cluttered and noisy interface’ – which, if I attempted to cater for all of the above, it would be. Instead, I would like to focus on how using elements of Augmented Reality could benefit the blind and deaf members of the community who use library services.

It might be ambitious to think of smart screen technology being used for the blind in such a way, but the technology is being developed. Nuance Communications (2011) has developed TALKS&ZOOMS app which ‘converts displayed text into highly intelligible speech and/or large print’, this is done by exploring the phone’s surface with a finger until the command you are looking for is read out and can be tapped. There is also the Sandero Group (2011), which has developed a GPS system that informs the user aurally where they are and what local points of interest are around the user just by shaking the device. Finally, in development, is Disney’s TeslaTouch (2011), which converts images into electrical signals that could be ‘felt’ be a user, as an example it would allow a user to feel the surface of a wall just from the image.

Presently, Westminster City Council offers a talking newspaper service and within the libraries are a small range of large print and audiobook titles. The audiobooks are often abridged and large print is aimed for the elderly whose sight is failing and does not cater for the tastes of partially sighted younger readers. My attempt at a library app would use augmented reality to translate e-books directly to audio or even give the feeling of Braille on the screen. I believe that this would allow public libraries to continue to offer services to the disabled in the modern era of mobile technologies

References:

Pew Internet and American Life Project. (2011) Americans and Their Cell Phones. [online] Available at: http://www.pewinternet.org/Reports/2011/Cell-Phones/Key-Findings.aspx [Accessed: 28th November 2011]

Jones, B. (ed.) (2008) Web 2.0 Heroes, ‘Bob Brewin & Tim Bray: Sun Microsystem’s.’ Indianapolis: Wiley Publishing Inc.

Berndt, H. (2008) Towards 4G mobile technologies : services with initiative. Chichester: John Wiley & sons Ltd.

Jones, B. (ed.) (2008) Web 2.0 Heroes, ‘Garrett Camp: StumbleUpon.’ Indianapolis: Wiley Publishing Inc.

Froehlich, C. (2011) Android App Development. London: Penguin Books Ltd.

Breen, C. (2011) The iPhone Pocket Guide (5^th ed). Berkeley: Peachpit Press.

WideTag. (2011) WideNoise 3.0 Sound Calibrator. [online] Available at: http://www.widetag.com/widenoise/ [Accessed 2^nd December 2011]

TangoMe. (2011) Tango Video Calls for iPhone 3GS. [online] Available at: http://itunes.apple.com/us/app/tango-video-calls/id372513032?mt=8 [Accessed: 28th December 2011]

Layar. (2012) LayarVision. [online] Available at: http://layar.com/browser/info/ [Accessed: 2^nd January 2012]

Buckley, P. and Clark, D. (2005) The Internet: All you need to know, from broadband to blogs.(11^th ed.) London: Rough Guides Ltd.

The Economist. (2011) A deeper law than Moore’s? [online] Available at: http://www.economist.com/node/21531350 [Accessed: 30th November 2011]

BBC (2011) Tube wi-fi internet plan progresses despite security fears.[online] Available at: http://www.bbc.co.uk/news/uk-england-london-12856289 [Accessed: 2nd January 2011]

O’Rouke, J. (2011) Flash Mobile Application Development. Hoboken: Wiley & Sons, Inc.

Hjerde, M. (2009) Mobile screen size trends. [online] Available at: http://sender11.typepad.com/sender11/2008/04/mobile-screen-s.html [Accessed 12th December 2011]

Mezzofiore, G. (2011) Flexible Samsung Phone to be issued in 2012. [online] Available at: http://www.telegraph.co.uk/technology/news/8790189/Flexible-Samsung-phone-to-be-issued-in-2012.html [Accessed: 28th November 2011]

Henry, C. (2011) In Focus: The Nokia Human Form. [online] Available at: http://nokiaconnects.com/2011/11/15/in-focus-the-nokia-human-form/ [Accessed: 28^th November 2011]

Ofcom. (2011) A nation addicted to smartphones. [online] Available at: http://media.ofcom.org.uk/2011/08/04/a-nation-addicted-to-smartphones/ [Accessed: 12^th December 2011]

City University London (2011) Libguides at City University. [online] http://libguides.city.ac.uk/content.php?pid=234596&sid=2157583 [Accessed: 2^nd January 2011]

Nuance Communications. (2011) Screen Reader and Screen Magnifier. [online] Available at: http://www.nuance.com/for-individuals/by-solution/talks-zooms/index.htm [Accessed: 3rd December 2011]

Sendero Group. (2011) GPS for the blind. [online] Available at: http://www.senderogroup.com/ [Accessed: 3^rd December 2011]

Disney Research. (2011)TeslaTouch. [online] Available at: http://www.disneyresearch.com/research/projects/hci_teslatouch_drp.htm [Accessed: 3rd December 2011]

Blog URL : http://teapotverseslife.blogspot.com/

Coursework Part 1

Understanding Web 1.0 in the context of Public Libraries:

Introduction:
While the internet has had a disruptive effect on commercial areas such as publishing and the music industry, it has helped pull public libraries out of the 90’s lull, returning them as centres of education and providing users with access to electronic services such as the World Wide Web. In this essay I will be exploring the aspects of Web 1.0 which have affected library services by following the process of information, from the webpage itself to the end result and assessing its relevance to the user.

A person attempting to find a book in a public library would approach the OPAC (Online Public Access Catalogue) terminal and use methods of Information Retrieval to retrieve the information from the bibliographic Database, of which is usually hosted online and can be accessed through the Internet and the World Wide Web.

Internet and the World Wide Web:

Firstly, how is a functioning webpage created in order for it to be accessed by someone using an internet browser?

To convert a page of text into a webpage, it needs to be written in a mark-up language, one example of this is HTML (another is XML) which is an SGML based language. The simplest webpage that could be made with HTML would look like:


Once designed as above, this can be saved as an .html or .htm file and hosted on a server and can be accessed by identifying its URL. For example, the URL for the Westminster Libraries E-Catalogue is:


The http stands for HyperText Transfer Protocol, the most recognisable protocol (alongside FTP and POP3). The ‘elibrary.westminster.gov.uk’ section is the DNS or Domain Naming System. The rest is the local path to the server folder. In this case, the internet browser acts as a Client and sends a request to the computer at the address in the URL. The Server constantly runs an http ‘daemon’ which listens out for Client requests and once it has detected a message the Server sends a response, in this case the information for the webpage.

Looking at the page source for the above website, it is mostly HTML with some scripts written in Javascript and most of the design is part of an external cascading style sheet (CSS), which is linked to the .html file, but under its own .css file extension.

Databases:

To manage the entries within the library catalogue, they would be compiled within a database, which stores all entries centrally so there are no inconsistencies. Unlike spreadsheets, a database can contain millions of separate entries and the OPAC database above is no exception. However, a user of the library is more likely to use natural language to navigate the OPAC (Van Riel, 2008) and it would usually be the task of the information professional to query the database.

A database a compilation of data tables, which are two dimensional tables of data formed into columns and rows. A column is the field, for example Author, whereas a row makes up a complete record spanning across the fields (for example: Fields, Factories_and_workshops, Kropotkin, Peter_Alexseivich, 1912 – each would fall under a column but are across a single row).

Where a spreadsheet is used for compiling the data in one place for calculations, graphs etc, a database is used to answers specific queries. SQL (Structured Query Language) is a common language for communicating with database management software. SQL can be used for building databases and data tables but it is most commonly used for querying the database with commands such as SELECT, FROM and WHERE.

If the data you have stored is not homogenous or is unstructured, then it may be more appropriate to access the data via other means, such as information retrieval.

Information Retrieval:

Information retrieval is the field exploring information seeking behaviour and its relevance to the user (whether it satisfies their information needs). Quite often in a public library, a user does not know precisely what they are looking for (Van Riel, 2008), therefore the information needs to be indexed before being entered into the database, along with the metadata and keywords which the user may be searching for.

There are times when a keyword being searched for is particular to the result, but may be confused under natural language searches. Take the example of roman numerals, in this case Star Wars: Episode I, it is possible to search for this and find it through Best Match, but alternatively the query could be modified with +I to make sure the numeral
is included (Clegg, 2006), or the whole query could be entered as a phrase using quotation marks: “Star Wars: Episode I”.

It is quite likely that someone accustomed to using internet search engines would intrinsically use a Best Match technique, using natural language queries and then modifying the search terms if the results aren’t of relevance. However, there are other search modes which could be used. For example Boolean keyword searching, which notably removes stop words (i.e. all, the) and uses logical operators and positional operators.

Logical operators are commands which refine the results you would get; for example, Anarchists AND Communists would return results which including both terms together, whereas Anarchists OR Communists would return results with either, and Anarchists NOT Communists would return results about Anarchists alone. Positional operators allow you to retrieve results which have keywords in relation to each other; for example, ADJ would return results with the keywords side by side whereas SAME would return results in the same bibliographic record.

Conclusion:

It always comes down to precision. An incorrect set of parameters in an SQL query would result in an error message, a badly worded search engine query would bring you irrelevant results and the smallest slip in the coding of HTML would result in a broken section of the webpage.

In 2008, Google announced that they would be updating their programming in order capture database content (Devine and Egger-Sider, 2009), which would blur the lines between internet search engines and data retrieval from databases. If successful, it would become easier for users to procure relevant and precise information which satisfies their query. But of course, no matter how simple a task becomes, human error will always be present and it will still be up for the information professionals to return precise queries.

---

Bibliography and References:

• http://philsci-archive.pitt.edu/2536/1/iimd.pdf (accessed 27/10/11)
• Andy MacFarlane, Richard Butterworth, and Jason Dykes Lecture (2011) Lecture 02: The Internet and the World Wide Web London: City University.
• http://elibrary.westminster.gov.uk/uhtbin/webcat (accessed 25/10/11)
• http://www.w3.org/People/Raggett/book4/ch02.html (accessed 26/10/11)
• http://www.w3.org/TR/html4/intro/sgmltut.html (accessed 26/10/11)
• http://www.isgmlug.org/sgmlhelp/g-sg.htm (accessed 26/10/11)
• Andy MacFarlane, Richard Butterworth, and Anton Krause (2011) Lecture 03: Structuring and querying information stored in databases
• http://sqlzoo.net/w.htm (accessed 26/10/11)
• Andrew MacFarlane (2011) Lecture 04: Information Retrieval
• Van Riel, R, Fowler, O and Downes, A (2008) The Reader-friendly Library Service. Newcastle upon Tyne: The Society of Chief Librarians.
• http://library.indstate.edu/about/units/instruction/key.pdf (accessed 26/10/11)
• Clegg, B (2006) Studying Using The Web. New York: Routledge.
• Devine, J and Egger-Sider, F (2009) Going Beyond Google. London: Facet Publishing.

Blog URL: http://teapotverseslife.blogspot.com/

All images created by Shaun Condon for the purpose of this blog.

DITA - Week 3

When I attempted to query the database with the examples shown in the lecture, I quickly found that I was using the wrong words and descriptions for the entities and the data tables. For example, I am asked in Task 1.1 to use the field 'Company Name' which I tried as 'company name', 'CompanyName' and other variations before having to ask for help.

I used the command "show tables;" to find the first set of data tables, then specified that I wanted publishers in order to find the exact term for 'Company Name' using the command "desc publishers;".

+--------------+------------------+------+-----+---------+-------+
| Field | Type | Null | Key | Default | Extra |
+--------------+------------------+------+-----+---------+-------+
| pubid | int(10) unsigned | NO | PRI | 0 | |
| name | varchar(100) | YES | | NULL | |
| company_name | varchar(100) | YES | | NULL | |
| address | varchar(100) | YES | | NULL | |
| city | varchar(100) | YES | | NULL | |
| state | varchar(100) | YES | | NULL | |
| zip | varchar(30) | YES | | NULL | |
| telephone | varchar(30) | YES | | NULL | |
| fax | varchar(30) | YES | | NULL | |
| comments | text | YES | | NULL | |

Which gave me the first answer, Company Name is written like company_name. Now on with the tasks.

Task:

Develop SQL queries to return following information :

1. A list of the PubID, Name, Company Name and City for all publishers based in the city of New York
2. A list of all fields for publishers named Prentice Hall.
3. A list of the Title, Year and ISBN for all titles published in 1994.
4. A list of the Title, Year, ISBN and PubID for all titles published since 1980 in year order
5. A list of all fields in the Titles table for books whose title begins with the word 'database' (regardless of upper/lower case letters)
6. A list of all fields in the Titles table for books whose title with the word 'database' anywhere in the title (regardless of upper/lower case letters)
7. A list of the title, Year Published and ISBN for all books with 'SQL' in the title written since 1990 in date order
8. A list of the Company Names of all publishers who have published books on programming since 1990
9. The name of the publisher who published a book with ISBN 0-0280074-8-4
10. The name of the author who wrote "A Beginner's Guide to Basic" listing also, the ISBN and name of this book.

Answers:

1) select PubID, Name, Company_Name, City
from publishers
where City = "New York";

2) select * from publishers where name = "Prentice Hall";

3) select title, year_published, isbn
from titles
where year_published = 1994;

(For 1.3, I managed to get the result, but the entries where too large to fit on the screen. Also, the MySQL shell couldn't fit all the characters from the result on screen, I tried to rearrange them with the added \G or \g on the end of the command, but the result was still off screen.)

4) I originally tried "select title, year_published, isbn, pubid from titles where year_published >1979;" but found that the date was out of order (again the result was too large to fit on the screen). Instead I tried

select title, year_published, isbn, pubid
from titles
where year_published >1979 order by year_published asc;

... and found my result.
5) select *
from titles
where title like "database%";

6) This is similar, only to get an 'any' result I add another wildcard.

select *
from titles
where title like "%database%";

7) "select title, year_published, isbn from titles where title like "%SQL%", year_published >= 1990 order by year_published asc;" was my original guess, however it was not correct. Whereas the entities such as title and year_published can be separated by a comma, the last bit of "%SQL%" and "year_published" had to be written with an and.

select title, year_published, isbn
from titles
where title like "%SQL%" and year_published >= 1990 order by year_published asc;

8) select distinct company_name
from publishers, titles
where title like "%programming%" and publishers.pubid = titles.pubid and year_published >= 1990;

Had real trouble with this one, I knew I had to knit two tables together but struggled to remember learned lessons such as the SELECT bit can have entities seperated by a comma, but from then on I must seperate with AND. Also, finding out the right combination of primary key and foreign key was a step for the imagination.

9) select company_name
from publishers, titles
where publishers.pubid = titles.pubid and isbn like "0-0280074-8-4";

Similar to the previous one, I tied the two parts together with primary and foreign keys, the rest was rather simple.

10) I needed help with this one. With the previous question, I was only attempting to query the company name, whereas here I have to find the author's name as well as the isbn and title of the book. However, I did get a satisfactory answer.

select author, titles.isbn, title
from authors, title_author, titles
where authors.au_id = title_author.au_id and title_author.isbn = titles.isbn
and title =”A Beginner’s Guide to Basic”;

The part I still am trying to comprehend is the where section, with knitting together two parts of the table.

Adding CSS

I stumbled over this for a while, in my last post I mentioned how I was worried by CSS, well I had a reason.

However, I believe I have it.

There are two ways of adding CSS, External and Internal Style Sheets. If I were to add it internally, I would in the HTML for every page - seeing as I have only 3 pages and am struggling, I have opted for External.

An example taken from W3 Schools for an Internal Style Sheet is this:

(head)
(style type="text/css")
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
(/style)
(/head)

So the 'style type' bit identifies it as being CSS rather than something like JSS Javascript Style Sheets which Netscape 4 uses but no one else. Then the rest of the text defines the page, so colour, margin, background image etc.

For External Style Sheets I had to create a .css file. I opened notepad and copied the Simple Style Sheet offered in the exercises for week 2 and saved it as stsh1.css (style sheet one), saved it to a folder called CSS. Then I had to link my pages to it.

(Actually - at this point - it automatically 'worked' when I opened up the page to test it, turns out as I'd been playing around with the CSS I had enough on there to make it work locally. Only when I tried to upload it to the University computers that it crashed and died again.)

In the HEAD section of every page I created, I added this:

(LINK REL="STYLESHEET" TYPE="text/css" HREF="css/stsh1.css")

This is the link to the CSS file I have saved and this simple line is what turned my page from white space to something slightly more palatable.

Now I am afraid to play around with it for f34r of breaking it.

DITA - Week 2

The Internet and the Web:

Task One: "Find out about three of the following tags or elements and attributes and parameters that can be used within them."

Paragraphs and Line Breaks:

I feel comfortable with the tags for paragraph (p) and linebreaks (br) which are used to group text on the page, a new line in notepad doesn't translate to a new line in a webpage unless a linebreak or paragraph tag is added. A (hr) tag indicates that a line will be put across the webpage.

Ones I am not so familiar with are Meta Information, Tables, Unordered Lists and Ordered Lists, while I can assume what they do, I have never used them.

Meta Information:

From what I can tell, Meta Tags will not show up in the main body of a webpage, it is also advised to put them into the HEAD section of the HTML. Their function is more behind the scenes than anything else, with smart keywords allowing for search engine optimisation to be more efficient.

Here are a few examples that I have found:

(meta name="description" content="Free Web tutorials" /)
(meta name="keywords" content="HTML,CSS,XML,JavaScript" /)
(meta name="author" content="Hege Refsnes" /)

Pretty self explanatory, keywords for search engine optimisation and so the browser can find the page through a keyword search, I would place myself as the author of the webpage and the description would be a quick few words that describes my new webpage.

Unordered / Ordered List:

For the task ahead of me I have written a brief example of an unordered and an ordered list. A brief unordered list of demands, and an ordered list of the faux rebellion's demands.

(ul)
(li)More cheese on top of pasta bakes(/li)
(li)Less tax on space station duties(/li)
(li)Total acceptance of the new world order(/li)
(/ul)

(ol)
(li)Rebellion(/li)
(li)?????(/li)
(li)Profit!(/li)

One limitation of ordered and unordered lists that I have noticed is it's limited to just bulletpoints and numbers, I wonder how these could be customised to include Roman numerals, for example, which may lay in another computer code.

Task Two:
Producing Some HTML:

As with last week, I have decided to do something a little different from the set task, rather than create a webpage for myself about myself, I have created a fake rebellion with some silly aims.

Firstly, I created a .first page which will be the starting point to my webpage, I did this by using the original HEADTITLEBODY template provided. With some reasonable looking HTML code I imported that into EditPlus2, which highlighted the tags and made things a lot easier to do.

Unfortunately, I did not heed the advice of the tutors and mistakingly left out the closing / for one of my tags, oh the embarassment.

Once I had my first page, I created an index page and linked the first page to it. I created the lists as shown above and played around with some of the meta tags.

(META NAME="Author" CONTENT="MrTeapot")
(META NAME="Keywords" CONTENT="New World Order, Rebellion, Take Over")
(META NAME="Description" CONTENT="A massive yarn on you all.")

I was rather impressed as I had only just discovered Meta Tags hidden in the page source and had no clue how to use them, but was soon adding tags to my pages.

CSS

I was worried by the introduction of CSS, and as I had no time to tackle it in lesson, I skipped that part. My webpage will be designed in my own time, I wished to publish my webpage for all to enjoy and skipped to the next task *slap on the wrist for me*.

Publishing

This was the most complicated part for me, understanding how webpages online are managed.

Firstly, I Mapped my W: Drive to allow me to just drag and drop any files I want into my public folder, which can be accessed online.

To actually publish, I had to open a program called Telnet in order to do this. Once I had connected to unix.city.ac.uk and logged in, I could use a single keystroke to publish my html documents and access them again with the URL that leads to my public folder.

Phew. Time to go back and do some CSS stuff now.

First Lab

Uni Day 1:

I have gone through the first exercise in Digital Information Technologies and Architecture and am going to write up my thoughts and process.

It seems I am familiar enough with saving into various formats, but I am still discovering new information. ASCII was an area I had little understanding of, seems that is still the case but now I can say it is 'gobbledegook' and everyone else is using the same terminology.

So this is how I went through the exercise:

First of all, I created a Wordpad file with a bit of text - "Currently there are 21 people in the room" - which at the time was correct. Once closed in Wordpad, I opened the .txt file in Explorer and had a look:

{\rtf1\ansi\ansicpg1252\deff0\deflang2057{\fonttbl{\f0\fswiss\fcharset0 Arial;}}
{\*\generator Msftedit 5.41.15.1515;}\viewkind4\uc1\pard\f0\fs20 Currently there are 21 people in the room.\par
}

So far I recognise the text, the font style and everything else is 'gobbledegook'.

Next task was to open in Word and play around, I decided to embolden the text, change the type to Calibri (my preferred style) and made it a little larger.

Now I have changed a few variables, I open it into notepad and see what I was expecting...gobbledegook.

Íoo6¯h4ÇCÔvžDL±¤ eök)©l±×”86îÔ.ôš£ ôºüÐ
ÊUš>É0Í€ü"Sì+ a_݃( ›ÿÏvuÝ•øâÊc–¯TÈ/<¼!s¼ ÅX d 3‰´ ¯ƒ¬– ¡? 'g ![  ?óü 4ê¹úÇ%ë9Ž þ¶RŽk6Çð°$Cí, ú`& gë !/ =ÿ ÿÿ PK ! Ÿ :Ok word/document.xmlÌTÛŽÓ0 }Gâ ¢¼·IË %ÚvUµ»‚ PÕ]>ÀMœÆ‹í±l§¡ûõÌ8—í XU< )r<ÇsæÌ%¾¾ù©dtàÖ Ðóx2Nãˆë
¡÷óøûÃÝh GÎ3]0 šÏã#wñÍâí›ë&+ ¯ ×>B
í² ¢•÷&K —W\17 Ã5‚%XÅQÌþ¨Í( e˜ ;!…?&Ó4ý w40k«³Žb¤DnÁAéÉ%ƒ² 9ï–ÞÃ^ ·õ\w’CÄÄr‰ @»J ׳©eà «žäðZ %ûs¹$ZaYƒýP²•Ý€-Œ…œ;‡Öu Œ“ôµØ] ‰bð¸D¢½ Å„ hh:Îú?4oŒÍKÚØ Q='‚µXà,í 8Òj¢&ÃY,¶ó8ힸ7m°Ñi:Y¿»]

This is only a small example. For an experiment I copy/pasted the characters from the notepad doc to a fresh Word doc. It came to 577 words stretched across 56 pages. All for the original 8 words "Currently there are 21 people in the room"

Here I just want to directly quote the text supplied after this task in the exercise, a little information about ASCII that I found useful.

"The binary information has not been translated into ASCII that we can easily interpret. Whilst some of the 7-bit strings are interpreted as orders of characters that make sense to us, many of them do not relate to ASCII codes that make any sense in combination and so we see all sorts of data that cannot be interpreted meaningfully as text. The document that we have created is a binary file that is interpreted by one particular word processor (MS Word), but does not apparently rely solely upon ASCII encoding. So we cannot read the document without 'Word' and other word processors may not understand the data format - the agreed way in which sequences of bits and bytes are translated into information that is understood by computer programs.

We have seen that there are ways of marking documents up in ASCII to add formatting. Here we will specifically save our document using one such format. HTML is a language that marks text up for presentation using agreed tags. It uses alphanumeric characters and so relies upon a text format like ASCII. We will learn more about HTML as the module progresses. It supports a document-centred view of information and is designed for creating documents that share files and refer to one another across the Internet."

So rather than opening a Word document in notepad, the next stage is to identify some of the HTML. So I have opened the Word file and saved it as a Webpage, which can now be opened with notepad to reveal the HTML.

It looks more familiar than the above ASCII, I can see HEAD and BODY and a couple of /DIV thrown in. But there is a lot of text I am not familiar with (such as meta tags, w:, o:) and I get lost trying to find my original sentence. I found the words at the bottom of the page hidden in this paragraph.

[p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
normal;mso-pagination:none;mso-layout-grid-align:none;text-autospace:none'][b][span
style='font-size:14.0pt;font-family:"Cambria","serif";mso-ascii-theme-font:
major-latin;mso-hansi-theme-font:major-latin;mso-bidi-font-family:Arial']Currently
there are 21 people in the room.[o:p][/o:p][/span][/b][/p]

Again, this is only for 8 words, but again I copied this into Word to check it out and found the total text in the notepad document comes to 1,528 words stretched across 18 pages.

Now we are going to play with images.

In my task, I went away from Weather text and kept with People In The Room, I found a nice picture of people in a room. Here it is, for any interested. Don't they look happy to be in a room?

One I had got my image and saved it to the same folder I then inserted it to the Word document with 'Link to File' - a shortcut that I have never used before, but keeps the two separate. If I change the image in the directory, it will change in the Word document, good tip. In fact, I think I'll quote the related text.

The 'Link to file' option means that the document does not physically contain or save the imagery independently of the original image file. Rather it saves a link to the location of the file on the computer and knows to incorporate the information from the file in which the image is stored when the document is displayed. This means that if the image file is changed, the image in the document will be updated. View the ASCII code generated by Word when it saved your document in Notepad.

Now I have linked the image into the Word document, I want to analyse the notepad version and look at the HTML.

My experience with HTML has all been online, I am used to searching for images in the HTML with tags resembling these:

{a href="http://www.flickr.com/photos/example/" title="IMAG1242 by The Username I Have, on Flickr"}{img src="http://farm7.static.flickr.com/numbers/morenumbers_c8bc96c91c.jpg" width="500" height="376" alt="IMAG1242"}{/a}

However, I am looking through notepad and can't see my image anywhere. I copy the notepad text and copy it into Word to check the word length and pages on the assumption that making a piece of text bold turns it into thousands of words, adding an image (or rather linking an image) will make it tens of thousands. In actual fact it adds 2 pages to the last version and only another 98 words. Very odd.

And that is the task. I have created a few files of varying formats, .txt, .docx, .jpg, and a html file. I have learnt about linking images to documents. Also, I am beginning to grasp ACSII, which up till now was mostly used by myself to draw pictures in notepad.

Introduction Post

Hello!

My name is Shaun. I have an online nickname of Teapot (or MrTeapot if you were being formal) so that is why I have chosen to call my blog 'Teapot Verses Life'. I hope that explains things for people if you thought that was a bit weird (not that being called Teapot is a normal thing to be).

So I'm doing Information Science as a postgrad course. I thought I was quite young at 24 to be doing a postgrad but it seems everyone else around me is in a pretty comfortable age range, some people younger, some people older, either way I'm not on a limb here.

I work in two Libraries for Westminster City Council, which I'm working full time, which must make my course part-time, so for now I'll only see you on Mondays. The libraries are in two very different areas which gives me lots of chances to meet, and cater for, contrasting demographics. Of course, as they are public libraries, they are all mental cases, but at least I get to see two different types of mentals.

Anyway, I'm sure you'll find out more about me in person, this is getting a bit weird now.