Difference between revisions of "Interactive web"

From Publication Station
(Created page with " During this trimester Design & Technique will build upon the knowledge and practice you have gained of building webpages with HTML and CSS and will extend it further. It wil...")
 
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:


During this trimester Design & Technique will build upon the knowledge and practice you have gained of building webpages with HTML and CSS and will extend it further. It will give you the possibility to turn the web browser into an interactive space, where not only you will create web interfaces that respond to the users' action, but also to data coming from sensors (the constructions of a sensor box backend will be done in your classes with Javier). It will be your introduction to programming in the browser. Unlike HTML and CSS that mainly describe what content, structure and appearance web pages has, programming a webpage can it make perform actions, which can turn a webpage in a game, or a VJ platform, or drawing canvas, a visualization, and much much more. To do that we'll use '''Javascript''' - a computer language for web browsers. Because we are starting, we'll keep it simple, so we get familiar with the basics.
In practical terms, '''we'll work on the construction of interactive interfaces, where you will be able to materialize your "navigation" concepts, that will react to borth the user input and data input coming from the sensor boxes'''.


During this trimester Design & Technique will build upon the knowledge and practice you have gained of building webpages with HTML and CSS and will extend it further. It will give you the possibility to turn the web browser into an interactive space, where not only you will create pages that respond to the users' action, but also other services which can provide dynamic content to your webpage (APIs).
You will be working in groups of 5. In 2 hours sessions. On Tuesdays


This will be your introduction to programming -  to building little bits of software that do things!
 
Unlike HTML and CSS that mainly describe that content, structure and appearance of your web pages.
In conjunction with learning how to program webpages we will reflect upon the notion of the interface. What is a interface? Most immediate image is most likely going to be a screen. Although a screen is a interface - between what goes on side a computer and our sensory organs of vision - an interface can most simple be described as the connection between one world and another. Like the screen, keyboard and mouse are interfaces between humans and computers. So is our skin and other sensory organs. They are interfaces between our bodies and the exterior world, which allow us to sense, react and ultimately navigate our environment.
Programming a webpage can it make do insane things such as games, or a VJ platform, or drawing canvas, visualizations, and much much more. And to that we'll use '''[https://developer.mozilla.org/en-US/docs/Learn/JavaScript Javascript]''' - a computer language for web browsers. Because we are starting, we'll keep it simple, so we first fell comfortable with the basics. 
In conjunction with learning how to program webpages we will reflect upon the notion of the interface.  
''What is a interface?''. Most immediate image is most likely going to be a screen, but although a screen is a interface - between what goes on side a computer and our sensory organs of vision - an interface can most simple be described as the connection between one world and another. Like the screen, keyboard and mouse are interfaces between humans and computers. So is our skin and other sensory organs. They are interfaces between our bodies and the exterior world. Our skin not only informs us about the temperature and texture of things, but also reacts to external changes in temperature, by shivering or sweating.
(MORE ON INTERFACE)


=Subjects=
=Subjects=

Latest revision as of 14:02, 1 April 2018

During this trimester Design & Technique will build upon the knowledge and practice you have gained of building webpages with HTML and CSS and will extend it further. It will give you the possibility to turn the web browser into an interactive space, where not only you will create web interfaces that respond to the users' action, but also to data coming from sensors (the constructions of a sensor box backend will be done in your classes with Javier). It will be your introduction to programming in the browser. Unlike HTML and CSS that mainly describe what content, structure and appearance web pages has, programming a webpage can it make perform actions, which can turn a webpage in a game, or a VJ platform, or drawing canvas, a visualization, and much much more. To do that we'll use Javascript - a computer language for web browsers. Because we are starting, we'll keep it simple, so we get familiar with the basics. In practical terms, we'll work on the construction of interactive interfaces, where you will be able to materialize your "navigation" concepts, that will react to borth the user input and data input coming from the sensor boxes.

You will be working in groups of 5. In 2 hours sessions. On Tuesdays


In conjunction with learning how to program webpages we will reflect upon the notion of the interface. What is a interface? Most immediate image is most likely going to be a screen. Although a screen is a interface - between what goes on side a computer and our sensory organs of vision - an interface can most simple be described as the connection between one world and another. Like the screen, keyboard and mouse are interfaces between humans and computers. So is our skin and other sensory organs. They are interfaces between our bodies and the exterior world, which allow us to sense, react and ultimately navigate our environment.

Subjects

Retrieved from ‘https://ps.wdka.nl/wiki/index.php?title=Interactive_web&oldid=7020’