Kingston University Multimedia Production - Session 2: Layers of technology
•Télécharger en tant que PPTX, PDF•
1 j'aime•364 vues
Recommandé
Contenu connexe
En vedette
Similaire à Kingston University Multimedia Production - Session 2: Layers of technology
Similaire à Kingston University Multimedia Production - Session 2: Layers of technology (20)
Dernier
Dernier (20)
Kingston University Multimedia Production - Session 2: Layers of technology
- 1. Multimedia production Feb 2010 | p.warnsberg@kingston.ac.uk | www.twitter.com/petterw
- 2. This is digital media
- 3. The technology that drives digital media
- 4. evolution
- 5. Each generation of online technology builds on previous generations
- 6. Example:
- 9. hardware layer: servers & computers
- 12. server software layer: Apache, IIS
- 13. data layer: databases, XML
- 14. browser layer:
- 15. content structure layer: XHTML
- 16. content style layer: CSS
- 17. dynamic layer: Document Object Model + JavaScript
- 18. extension layer: Media (Video, audio) Interactivity (Flash, Silverlight)Functionality (Add-Ins, Extensions)
- 20. Web development 1. HTML/CSS 2. Frontend scripting 3. Backend development4. Content management5. Server administration6. Flash development7. Content and assets
- 24. 23 Example 1 – HTML code (see example on StudySpace) <?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head><title> A Shooting Game - ex09-09.htm </title></head> <style> .tx01St={font-family:arial;font-size:18pt;font-weight:bold} .butSt{background-color:#dddddd;font-family:arial;font-weight:bold; font-size:18pt;color:#880000;width:60px;height:40px} .butSt1{background-color:#aaffaa;font-family:arial;font-weight:bold; font-size:18pt;color:#880000;width:110px;height:40px} </style> <body style="background:#dddddd;font-family:arial;font-size:20pt; color:#000088;font-weight:bold"> <div style="position:absolute;top:15px;left:150px">HTML Example - A Shooting Game</div> <img src="line1.gif" style="position:absolute; top:50px;left:150px;width:380px;height:6px" />, .... ……
- 27. 26 Example 2 – Flash movies A Flash Movie that runs within a Web browser plug-in embedded with HTML Flash Movies written separately A Flash SWF file is downloaded along with a Web page from a Web server, but the Flash itself runs on the user’s computer
- 28. 27 Campaigns: Get the glass
- 29. 28 Example 3 – Dynamic HTML Manipulating the HTML and browser with JavaScript Rich interfaces and AJAX Enabled web applications
- 30. Web applications: Google calendar
- 31. From browser to server return
- 32. Publish your own index.html page http://sites.google.com/site/multimediaproduction10
- 33. Keep on trucking p.warnsberg@kingston.ac.uk | http://twitter.com/petterw
Notes de l'éditeur
- The layers of technology that supports today&apos;s online solutions have built up over time, an evolutionlong way since 95 when I built my first HTML website
- Tencent Based on Trident (IE), big in ChinaMaxthon Big in China (200m dl)Flock – social browser
- JavaScript, Flash, Search Engine
- Traditional web development
- .