Sunday, 30 October 2011

DITA Coursework Part 1 

The World Wide Web and its impact on society

We probably couldn’t imagine a single day without computers and access to the Internet. Regardless to our age or status the service, namely, the World Wide Web provided by the Internet is essential in many aspects of our life. The huge impact it has is undeniable. I will be discussing what the World Wide Web is and what impact it has.

When we use our computers to access the internet for information search or retrieval or for communication purposes we actually use the World Wide Web (WWW). It’s quite common for consumers to use the Internet and the World Wide Web terms interchangeably. The most obvious distinction between these two terms is that the later is the former’ service as mentioned above. WWW has been around from 1990 and was created by Tim Berners-Lee. The main purpose of it was to allow remote access to academic documents and it was so successful in academic field that very quickly it spread to other areas. By 1995 the Internet and WWW proved their enormous significance world wide.

The hypertext mark-up language (HTML) was invented by Tim Berners-Lee to define the structure of web pages. It tells the browser how to display text and pictures to users so they do understand tem. The design was so good that it started to be used for vast range content representation as well. HTML has a very simple design. There are a few main elements in HTML such as <html>, <head>, <body>. They are called nested elements as they contain other elements within them. Some elements like <p>, <a> have start tag and end tag, some of them like <br>, <hr> are empty content. Take for instance tag <br>, it stands for single line brake and doesn’t have end tag. Opposite to it, tag <p> defines a paragraph and has an end tag </p>, the content is typed between these two tags. Linking in HTML document is specified by anchor element <a> and its attribute href which specifies a destination of the link. The anchor tag can be inserted anywhere in document body.
Another specification which can be used in HTML is Cascading Style Sheet. The simple HTML documents are static and can be used to read the texts and move from one document to another by using the links. However, these documents can be styled as well. It’s done by a) linking to external style sheet, b) inserting style element in <head> element, c) importing style sheet and d) using it as style attribute on element.
These simple HTMLs developed with the time and are more interactive today.

The World Wide Web works on client-server base: client sends request to server, server receives it and responds by sending digital message back to client, when respond is received client interprets it and displays as a web page.

CLIENT
  NETWORK
SERVER
        
CONNECTION


This picture is the simplest way in representing information request on the Internet. There is more than just one server and there are many more than one client sending requests to different servers so in reality the system is more complicated. As client wants to receive reply relevant to its inquiry it has to send request to the server which actually holds required information.
Therefore, client sends request by Uniform Resource Locator (URL) which was developed by Tim Berners-Lee and which specifies where precisely the required information is stored.


“index.html” is a file which is placed in “~abkc925” folder where “~” indicates that it’s individual’s not a company’s page. The folder is on server www at “city” (computer owner name) and belongs to academic domain “ac” in the United Kingdom “uk”. “http” stands for hypertext transfer protocol which means that document is a World Wide Web hypertext document transferred using hypertext  transfer protocol. Hypertext means the text which contains links to other texts and is used in the World Wide Web.

In XXI century it would be hard to make use of computer if it doesn’t have connection to internet. The first computers acted as the systems of storage. Today when WWW can be employed for information retrieval they act as tools for communication, creation and learning. The computer connected to internet is essential part of our personal and professional life. We use it for research purposes, for sharing information, for social interaction, for payments. The popularity of internet is due to the fact that it’s easy to use and there is a vast amount of information which can be searched in a little time. Take for instance the libraries. They are connected to the Internet for public access and for staff use. As the Internet and the World Wide Web developed libraries became hybrid libraries providing access not only to books, journals, newspapers, etc as a hard copies but electronic variations as well. They started to offer far better delivery of information than before. The links and cross-search improved library services to users; local libraries use OpenURLs which “consists of the address of the link resolver and the bibliographic data needed to identify the requested resource”. (Brophy 2007)
The experience of librarians to organise and provide access to information as well as search, brows and index are used to organise digital information. Most of libraries’ resources today can be reached on web pages. The catalogues can be accessed on line from the comfort of your own home. On another hand, access to the internet in public libraries is used to attract more users.
One can argue that there is information overload today. However, consumers can develop skills required for efficient browsing and information evaluation with help from their local libraries. Furthermore, most of the web pages are well organised which makes it easy to navigate and find what you are looking for. A new generation starts surfing internet from their early years and develop their practical skills exceptionally fast. The older generations are still in process of learning. Nonetheless, the Internet and the World Wide Web have a huge impact on everyone’s life.




References and Resources 

Brophy, P. (2007), The Library in the Twenty-First Century, Second Edition, London: Facet Publishing
MacFarlane, A., Butterworth, R., Dykes, J. (2011), Lecture 2: The Internet and World Wide Web, INM348 Digital Information Technologies and Architecture, City University London: http://moodle.city.ac.uk/file.php/26243/SESSION02/lecture2.pdf
Morville, P. and Rosenfeld, L. (2007), Information Architecture for the World Wide Web, Third Edition, Sebastopol: O’Reilly Media
http://www.w3.org/TR/REC-CSS1/ (visited on 29.10.11)





Monday, 17 October 2011

Internet and World Wide Web



One of the Digital Information Technologies and Architecture lectures was about Internet and World Wide Web (WWW). Most of the times these two terms are used interchangeably. However, the definitions are quite different. www.thesaurus.com suggests that internet is “a vast computer network linking smaller computer networks world wide. The Internet includes commercial, educational, governmental, and other networks, all of which use the same set of communication protocols”; when WWW is “a system of extensively interlinked hypertext documents: a branch of internet.”

If we look at the history of internet and www, we see that internet was proposed by the American military in 1960 with the development of computers. It does let us to access files, data, etc from central computer and share resources. Www has been around from 1990 and was created by Tim Berners-Lee. He “developed the first web browser (…,) including an integrated editor that could create hypertext documents. He deployed the program to his and Cailliau’s computers, and they were both communicating with the world’s first web server (…)” (http://www.livinginternet.com/w/wi_lee.htm 15.10.2011). The World Wide Web allowed view hyperlinked academic documents remotely and as it proved to be a convenience system in the academic field, www was introduced to other areas.

The internet and WWW work on the client-server bases. 

CLIENT
NETWORK
SERVER

CONNECTION






Client sends request to server, server receives request and responds to it by sending digital message, client receives message, interprets it and displays as web page.

The example above is one of the simplest ways to represent information receive process. It’s far more complicated in reality. There are lots of servers and they hold lots of different information.
Client sends request by using Uniform Resource Locator (URL) which helps to find right server which contains requested information.

That’s how it looks:


“Conditionsofuse.html” is a file which is placed in folder “conditions” within “cs” folder. The latter is on the server “www” at “city” university, which is part of the academic domain “ac” in the United Kingdom “uk”. As mentioned earlier “www” indicates World Wide Web and “http” stands for hypertext transfer protocol, it means that document is a World Wide Web hypertext document and it’s transferred using hypertext transfer protocol.
Hypertext simply means the text which contains links to other texts and is used in World Wide Web. Furthermore, it means that documents can be linked between each other even if they are stored on different servers. Mark-up elements are used to achieve it and the best example is HTML (Hypertext Mark-up Language).

So, it was all theoretical part of the Internet and World Wide Web. The next thing is the practical exercises: Learning to use and publish HTML.

Before I started creating my HTML I looked at some elements as paragraph, line brake and horizontal rules in www.w3schools.com (15.10.2011).
<p> defines paragraph in HTML document. Like most of the elements it has start tag <p> and end tag <p/>. Between these two tags is element content; the text which you would like to appear in that paragraph.
Line brake <br> is an empty element and it doesn’t require end tag. You insert it before the text which you would like to appear in a new line without starting a new paragraph.
Horizontal rules <hr> is another empty element. It is used to separate text.
All three elements have attributes. <p> supports a few standard attributes such as class, style, title, id and others. The listed attributes are supported by <br> element as well as <hr>.
After familiarising myself with another few essential elements like <html>, <head> and <body> I started creating HTML document in an html editor.

My first.html includes two links to documents on different servers and two links to html pages created by me and saved on City server. The most fascinating part of creating HTML document to me personally was linking and inserting pictures. The rest was quite straight forward. As we used html editor all we had to do was to fill in a template. Therefore I will explain documents linking and inserting picture.

Links in html are specified by <a> and it’s attribute href which specifies the destination. Attribute, URL and link text in this particular order has to be between anchor tags <a> and </a>. The anchor tag itself can be inserted anywhere in text.
Something like this:
Little bits and pieces <a href=”www.student.city.ac.uk/~abkc925/index.html”> about me </a>.
The link in the text will be displayed like this: about me.

Tag for images is <img> and it doesn’t have closing tag. Attribute to display picture is src.  Width and height specifies size of the picture.
<img src=”lithuanian big.jpg” width=”444” height=”251”>

For the picture to be displayed in an html document it has to be in the same folder as html document. If it happens that picture can not be displayed there is an alt attribute which specifies an alternate text for the image. It would be placed at the end of the element content.
<img src=”lithuanian big.jpg” width=”444” hight=”251” alt=”Local Image: Trakai”>

If picture is not in a local file but on the World Wide Web URL has to be used to display it.

Overall, I learned differences between the Internet and The World Wide Web. Furthermore, I created and published my HTML document linked with another two HTML documents as well as links to documents on different servers.