Courses/Design & Technique-Essential Web Design/01 - Revision history

Andre at 05:52, 5 September 2017

2017-09-05T05:52:56Z

← Older revision		Revision as of 05:52, 5 September 2017
Line 57:		Line 57:
	* that publishing possibility and will triggered the creation of web publishing services and formats (Geocities, blogs, Tumblrs, Facebook walls ,etc)		* that publishing possibility and will triggered the creation of web publishing services and formats (Geocities, blogs, Tumblrs, Facebook walls ,etc)
	* in this context the user is not only a consumer, but also a producer of content (or publisher)		* in this context the user is not only a consumer, but also a producer of content (or publisher)

	~~=Quarter 1 - Me and the World - I am what I want=~~
	~~{{:Courses/Design & Technique-Essential Web Design/Q1\|Common Ground: I am what I want}}~~


	----		----
	<references/>		<references/>

Andre at 16:30, 31 August 2016

2016-08-31T16:30:41Z

← Older revision		Revision as of 16:30, 31 August 2016
Line 63:		Line 63:

	----		----
			<references/>

Andre at 16:19, 31 August 2016

2016-08-31T16:19:59Z

← Older revision		Revision as of 16:19, 31 August 2016
Line 20:		Line 20:
	* Internet Relay Chat (IRC)		* Internet Relay Chat (IRC)

	~~=What is the Web?=~~
	~~'''Create map using key words that define or are part of the web~~
	~~'''~~
	~~(Possible film - '''The web before the web...?''' )~~

			=The World Wide Web (WWW)=
	==The World Wide Web==
	A world wide documentation system, sometimes known as the Web, same times as WWW		A world wide documentation system, sometimes known as the Web, same times as WWW

	==Web's creation==		==Web's creation==
	* conceptualized by Tim Berners-Lee at CERN		* conceptualized by Tim Berners-Lee at CERN
	* ~~Berners-Lee was frustrated~~ with the difficulty ~~circulation of~~ information inside CERN		* As response to his frustration with the difficulty to share information inside and outside CERN
	** diversity of computers with different systems		** diversity of computers with different systems
	** large number of projects and individuals		** large number of projects and individuals

Andre: /* A Map of the Internet */

2016-08-31T16:17:24Z

A Map of the Internet

← Older revision		Revision as of 16:17, 31 August 2016
Line 9:		Line 9:
	* groups		* groups
	* several protocols - in place		* several protocols - in place
	* Choose 3 (per groups) services/software/apps take place on the Internet. E.g. Skype, Gmail		* Choose 3 (per groups) services/software/apps take place on the Internet. E.g. Skype, Gmail, Mail (Mac software), MSN, Whastapp, WeTransfer, Facebook, BitTorrent, etc.
	* place each service under the right protocol		* place each service under the right protocol

Line 15:		Line 15:
	* World Wide Web (WWW)		* World Wide Web (WWW)
	* Voice over IP (VOIP)		* Voice over IP (VOIP)
	* File ~~transfer~~		* File Transfer
	* Email (IMAP/SMTP/POP)		* Email (IMAP/SMTP/POP)
	* Instant messaging (IM)		* Instant messaging (IM)
	* Internet Relay Chat (IRC)		* Internet Relay Chat (IRC)

	~~Some Services:~~
	~~Skype, Google Talk,~~
	~~We Transfer,~~
	~~Facebook,~~
	~~MSN Messenger,~~
	~~WhatsApp,~~
	~~BitTorrent,~~

	=What is the Web?=		=What is the Web?=

Andre: Q1 2016/2017

2016-08-30T13:24:24Z

Q1 2016/2017

@@ Line 72: / Line 72: @@
 =Quarter 1 - Me and the World - I am what I want=
-{{#section:Courses/Design & Technique-Essential Web Design/Q1|Common Ground: I am what I want}}
+{{:Courses/Design & Technique-Essential Web Design/Q1|Common Ground: I am what I want}}
 ----

Andre at 13:16, 30 August 2016

2016-08-30T13:16:24Z

← Older revision		Revision as of 13:16, 30 August 2016
Line 1:		Line 1:
	~~<slidy theme="aa"/>~~

	==The Internet==		=The Internet=
			A digital highway where many services/protocol take place

	~~==ARPANET~~: ~~the first computer network==~~		[http://worldbrain.arte.tv Documentary "World Brain"] <ref>Degoutin, Stéphane, and Gwenola Wagon. World Brain Stéphane Degoutin & Gwenola Wagon, 2012. http://worldbrain.arte.tv.</ref>

	== ~~Context for the creation~~ of the ~~ARPANET~~ ==		==A Map of the Internet==
	* USA, 1960s		Ingredients:
	* ~~Cold War~~		* groups
	* ~~Soviet Union launched~~ in ~~1957 Sputnik - the first satellite~~		* several protocols - in place
	* ~~Sputnik trigger a space race between US and~~ the ~~Soviet Union; the US only only change to win was to invest in scientific development~~		* Choose 3 (per groups) services/software/apps take place on the Internet. E.g. Skype, Gmail
	* ~~ARPANET was created by~~ the ~~Advanced Research Projects Agency (ARPA)~~		* place each service under the right protocol

	~~==Aims for the ARPANET==~~		Protocols:
	* ~~create access to remote computers~~		* World Wide Web (WWW)
	* ~~allow a variety of computers to join the network and be accessed~~		* Voice over IP (VOIP)
	* ~~foster collaborative scientific research~~		* File transfer
	* ~~withstanding communications if faced with a nuclear attack~~		* Email (IMAP/SMTP/POP)
			* Instant messaging (IM)
	~~==Characteristics of the ARPANET==~~		* Internet Relay Chat (IRC)
	* ~~Distributed network: each node connects to more than 1 other node~~
	** destruction of a node would not interrupt communication

	~~[[File~~:~~Brand-networks-topologies.jpg\|3 network topologies\|460px]]~~		Some Services:
			Skype, Google Talk,
			We Transfer,
			Facebook,
			MSN Messenger,
			WhatsApp,
			BitTorrent,

	~~[[File:ARPANET~~-~~nodes-1971~~.~~jpg\|ARPANET nodes 1971]]~~		=What is the Web?=
			'''Create map using key words that define or are part of the web
			'''
			(Possible film - '''The web before the web...?''' )

	~~==Killer App: Email==~~
	* At first the network was not heavily used
	* It was difficult to access and use the different computers on the network
	* the creation of electronic mail, brought many more users to network, which were simply using it to communicate
	* the network changed from a resource sharing system to '''a communication system'''.

	~~==Internet: the network that connected networks==~~
	* by 1980 several digital networks, were functioning, besides ARPANET both in US and Europe:
	** USENET, BITNET, FidoNet (Bulletin Board Network), etc
	* these were isolated networks, not connected interconnected.
	* the task was to connect this networks
	* to the wide and integrated network was given the name Internet

	~~Listen to a radio program on Bulletin Board Networks: [http://www.npr.org/templates/story/story.php?storyId=120649723\|The 'Wild And Woolly' World Of Bulletin Boards]~~

	~~Documentary "World Brain" <ref>Degoutin, Stéphane, and Gwenola Wagon. World Brain Stéphane Degoutin & Gwenola Wagon, 2012. http://worldbrain.arte.tv.</ref>~~




	~~-----~~

	==The World Wide Web==		==The World Wide Web==
	A world wide documentation system, sometimes known as the Web, same times as WWW		A world wide documentation system, sometimes known as the Web, same times as WWW

	==~~Context of~~ Web's creation==		==Web's creation==
	* conceptualized by Tim Berners-Lee at CERN		* conceptualized by Tim Berners-Lee at CERN
	* Berners-Lee was frustrated with the difficulty circulation of information inside CERN		* Berners-Lee was frustrated with the difficulty circulation of information inside CERN
Line 57:		Line 43:
	** large number of projects and individuals		** large number of projects and individuals
	** large amounts of information with no common system to organize and communicate this information		** large amounts of information with no common system to organize and communicate this information


	[[File:tim-berners-lee.jpg\|Tim-Berners Lee]]		[[File:tim-berners-lee.jpg\|Tim-Berners Lee]]

	http://cache.boston.com/universal/site_graphics/blogs/bigpicture/lhc_08_01/lhc11.jpg		http://cache.boston.com/universal/site_graphics/blogs/bigpicture/lhc_08_01/lhc11.jpg

	~~Inside one of CERN's experiments.~~ [http://www.boston.com/bigpicture/2008/08/the_large_hadron_collider.html ~~Source~~]		[Image source http://www.boston.com/bigpicture/2008/08/the_large_hadron_collider.html]

	==~~Aim~~: find information==		==Web: publish and find information==
	Tim Berners-Lee wanted to create a system that would:		Tim Berners-Lee wanted to create a system that would:
	* give access to files in different computers around the world.		* give access to files in different computers around the world.
Line 86:		Line 70:
	* that publishing possibility and will triggered the creation of web publishing services and formats (Geocities, blogs, Tumblrs, Facebook walls ,etc)		* that publishing possibility and will triggered the creation of web publishing services and formats (Geocities, blogs, Tumblrs, Facebook walls ,etc)
	* in this context the user is not only a consumer, but also a producer of content (or publisher)		* in this context the user is not only a consumer, but also a producer of content (or publisher)

			=Quarter 1 - Me and the World - I am what I want=
			{{#section:Courses/Design & Technique-Essential Web Design/Q1\|Common Ground: I am what I want}}


	----		----


			== Software to install in your laptop ==
			* Text Editor - your design tool: [https://www.sublimetext.com/ Sublime Text], Gedit
			* Browser - the interpreter of HTML, but also a debug and prototyping space. (Read about what goes on behind the scenes in a Web browser


			-------
			END



	== Editor, Browser, Go ==		== Editor, Browser, Go ==

	* Editor - your HTML writing tool		* Editor - your HTML writing tool
	* Browser - the interpreter of HTML, but also a debug and prototyping space. (Read about what goes on behind the scenes in a Web browser <ref>“Introduction to HTML” https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Introduction.</ref>)		* Browser - the interpreter of HTML, but also a debug and prototyping space. (Read about what goes on behind the scenes in a Web browser <ref>“Introduction to HTML” https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Introduction.</ref>)


	==HTML==		==HTML==
Line 151:		Line 150:

	Abbate, Janet. Inventing the Internet. MIT Press, 2000.		Abbate, Janet. Inventing the Internet. MIT Press, 2000.

			“Introduction to HTML” https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Introduction

Andre at 21:32, 13 September 2015

2015-09-13T21:32:21Z

← Older revision		Revision as of 21:32, 13 September 2015
Line 1:		Line 1:
	<slidy theme="a"/>		<slidy theme="aa"/>

	==The Internet==		==The Internet==

Andre: /* Result */

2015-09-08T06:31:03Z

Result

← Older revision		Revision as of 06:31, 8 September 2015
Line 85:		Line 85:
	* users became publishers of content on the Web (not even needing access to a server in order to do it)		* users became publishers of content on the Web (not even needing access to a server in order to do it)
	* that publishing possibility and will triggered the creation of web publishing services and formats (Geocities, blogs, Tumblrs, Facebook walls ,etc)		* that publishing possibility and will triggered the creation of web publishing services and formats (Geocities, blogs, Tumblrs, Facebook walls ,etc)
	* in this context the user is no not only a consumer, but also a producer of content (or publisher)		* in this context the user is not only a consumer, but also a producer of content (or publisher)

	----		----


	== Editor, Browser, Go ==		== Editor, Browser, Go ==

Andre: /* How */

2015-09-08T06:30:26Z

How

← Older revision		Revision as of 06:30, 8 September 2015
Line 75:		Line 75:
	==How==		==How==
	Tim Berners-Lee		Tim Berners-Lee
	* devised a system that connected information through ~~link~~ (hypertext)		* devised a system that connected information through '''links''' (hypertext)
	* created a hyper text language: HTML (Hyper Text Markup Language)		* created a '''hyper text language''': '''HTML''' (Hyper Text Markup Language)
	* wrote an interpreter for HTML (that ~~would transform~~ HTML code into visual form): a '''web browser''' <ref>[http://line-mode.cern.ch/www/hypertext/WWW/TheProject.html Simulation of the first Web Browser]</ref>		* wrote an '''interpreter for HTML''' (that transforms HTML code into visual form): a '''web browser''' <ref>[http://line-mode.cern.ch/www/hypertext/WWW/TheProject.html Simulation of the first Web Browser]</ref>
	* implemented a systems of ~~address~~ - URL - that allowed files in remote ~~computer~~ to be called and reply by sending back a (usually) HTML file.		* implemented a systems of addresses - URL - that allowed files in remote computers to be called and reply by sending back a (usually) HTML file.


	==Result==		==Result==

Andre: /* Context of Web's creation */

2015-09-08T06:28:53Z

Context of Web's creation

← Older revision		Revision as of 06:28, 8 September 2015
Line 53:		Line 53:
	==Context of Web's creation==		==Context of Web's creation==
	* conceptualized by Tim Berners-Lee at CERN		* conceptualized by Tim Berners-Lee at CERN
	* Berners-Lee was frustrated with the difficulty in circulation inside CERN		* Berners-Lee was frustrated with the difficulty circulation of information inside CERN
	** diversity of computers with different systems		** diversity of computers with different systems
	** large number of projects and individuals		** large number of projects and individuals
	** large amounts of information with ~~not~~ common system ~~for organizing~~ and ~~communicating~~ this information		** large amounts of information with no common system to organize and communicate this information


Line 63:		Line 63:
	http://cache.boston.com/universal/site_graphics/blogs/bigpicture/lhc_08_01/lhc11.jpg		http://cache.boston.com/universal/site_graphics/blogs/bigpicture/lhc_08_01/lhc11.jpg

	Inside one of CERN experiments. [http://www.boston.com/bigpicture/2008/08/the_large_hadron_collider.html Source]		Inside one of CERN's experiments. [http://www.boston.com/bigpicture/2008/08/the_large_hadron_collider.html Source]


	==Aim: find information==		==Aim: find information==