DSA Week 22 MIME types and Meta data. Agenda Google Maps and MyMap Coursework Placement opportunity Tutorial – Multiple Choice questions Lecture – MIME.

Slides:



Advertisements
Similar presentations
Williams Family Photo Album. Photo Album Project.
Advertisements

DOCUMENT TYPES. Digital Documents Converting documents to an electronic format will preserve those documents, but how would such a process be organized?
SCAPE Carl Wilson Open Planets Foundation SCAPE Training Guimarães Characterisation An introduction to the identification and characterisation of.
Iframes & Images Using HTML.
Java Script Session1 INTRODUCTION.
WeB application development
The Client-Server Model for the Web 1. A Web Client (usually in the form of a web browser) makes an HTTP request to a specific web server. 2. The Web Server.
RDF formats for Linked Data by Mabi Harandi. RDF is not a format, it is a model for data So: It will provide supports for different formats like :  Turtle.
The Application Layer Chapter 7. Electronic Mail Architecture and Services The User Agent Message Formats Message Transfer Final Delivery.
HTML Advanced: HTML 5. Welcome This slideshow presentation is designed to introduce you to HTML 5. It is the third of three HTML workshops available at.
© De Montfort University, Javascript control of players Howell Istance.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
The World Wide Web and the Internet Dr Jim Briggs 1WUCM1.
© De Montfort University, Web Servers Chris Hand And Howell Istance De Montfort University.
Client, Server, HTTP, IP Address, Domain Name. Client-Server Model Client Bob Yahoo Server yahoo.com/finance.html A text file named finance.html.
CPSC 203: Introduction to Computers Tutorials 03 & 29 by Jie (Jeff) Gao.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
8/17/2015CS346 PHP1 Module 1 Introduction to PHP.
FALL 2005CSI 4118 – UNIVERSITY OF OTTAWA1 Part 4 Web technologies: HTTP, CGI, PHP,Java applets)
Mr. Rouda’s CSCI 101 sections. What does a web page consist of? Code HTML, CSS, XHTML, XML, etc. Images Gif, jpg, png, etc. Plugins Swf, flv, etc. JavaScript.
Page 1 An Open, Multiplatform, Free Specification For Digital Music, Photo, and Video Collections -- MPV Technology Introduction Pieter van Zee MPV Initiative.
Web Application Architecture and Communication. Displaying a Web page in a Browser
1 HTML and CGI Scripting CSC8304 – Computing Environments for Bioinformatics - Lecture 10.
Chapter 33 CGI Technology for Dynamic Web Documents There are two alternative forms of retrieving web documents. Instead of retrieving static HTML documents,
The Internet 8th Edition Tutorial 9 Creating Effective Web Pages.
CP476 Internet Computing Lecture 5 : HTTP, WWW and URL 1 Lecture 5. WWW, HTTP and URL Objective: to review the concepts of WWW to understand how HTTP works.
WORKING WITH XSLT AND XPATH
Create Your Own Webpage. Fun with images Today we’ll cover –Working with images Including an image on your page Making the image a link Editing images.
1 Chapter 2 & Chapter 4 §Browsers. 2 Terms §Software §Program §Application.
CNIT 133 Interactive Web Pags – JavaScript and AJAX JavaScript Environment.
Copyright © 2008 Pearson Prentice Hall. All rights reserved. 1 Exploring Microsoft Office Word 2007 Chapter 8 Word and the Internet Robert Grauer, Keith.
1 herbert van de sompel CS 502 Computing Methods for Digital Libraries Cornell University – Computer Science Herbert Van de Sompel
1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.
Mr. Rouda’s CSCI 101 sections. What does a web page consist of? Code HTML, CSS, XHTML, XML, etc. Images Gif, jpg, png, etc. Plugins Swf, flv, etc. JavaScript.
Python CGI programming
HTML Advanced: HTML 5. Introduction to HTML 5 These slides are based on source material found at the w3schools.com website.
10/5/2015CS346 PHP1 Module 1 Introduction to PHP.
Internet Browsers and Add-ons Popular browsers Browser stats (shown in talk) What a browser does Javascript (shown in talk) * Add-ons * Also see an explanation.
Weekend MS CS Program Internet and Web Technologies COT 5930 Web Project Development - Ajax Dr. Roy Levow, Associate Chair & Professor
XHTML By Trevor Adams. Topics Covered XHTML eXtensible HyperText Mark-up Language The beginning – HTML Web Standards Concept and syntax Elements (tags)
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 12 This presentation © 2004, MacAvon Media Productions Hypertext and Hypermedia.
The New DRS Introduction. What is DRS? Digital repository for preservation and access – Maintains integrity of deposited content – Preserves content for.
1 DataWeb: The Horror Stories A talk given at the Institutional Web Management Workshop, Newcastle, September 1998 Victoria Marshall and Kevin O'Neill,
WEB SERVER Mark Kimmet Shana Blair. The Project Web Server Application  Receives request for web pages or images from a client browser via the internet.
Module: Software Engineering of Web Applications Chapter 2: Technologies 1.
Internet Applications (Cont’d) Basic Internet Applications – World Wide Web (WWW) Browser Architecture Static Documents Dynamic Documents Active Documents.
MIME SNIFFING ISSUES Larry Masinter IETF 82 Taipei November 16, 2011.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Objective: To describe the evolution of the Internet and the Web. Explain the need for web standards. Describe universal design. Identify benefits of accessible.
ASP.NET – Active Server Pages ASP.NET is a server-side technology for developing web applications based on the.NET Framework.
WWW11 World Wide Web 1. WWW12 Networks allow computers to talk to each other.
1 Unraveling the Web: How Does it All Work?. 2 Web Enabling Technologies F TCP/IP network (Internet & others) F URLs F HTTP protocol and HTTP Servers.
WEB1P webarch1 Web architecture Dr Jim Briggs. WEB1P webarch2 What is the web? Distributed system Client-server system Characteristics of clients and.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.
The World Wide Web.
Online PD Basic HTML The Magic Of Web Pages
Hypertext Transfer Protocol
HTTP – An overview.
Chapter 1 Introduction to HTML.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Tutorial: How to Creat a Website.
Introduction to XHTML.
IS333D: MULTI-TIER APPLICATION DEVELOPMENT
Hypertext and Hypermedia
WEB PROGRAMMING JavaScript.
Lesson 5: Multimedia on the Web
An Introduction to HTML Pages
Traditional Internet Applications
Presentation transcript:

DSA Week 22 MIME types and Meta data

Agenda Google Maps and MyMap Coursework Placement opportunity Tutorial – Multiple Choice questions Lecture – MIME types and Meta data

The problem How does a browser know what to do with a data stream returned from a server by an HTTP request? How does an operating system know what to do when a user clicks on a filename in a directory list? Blog entry

Extensions, MIME type, Application fileMIME-type processing application File manage r Web server browse r HTTP response

Terminology Extension –File name suffix House.jpeg –Can be multiple mycontract.de.xml –A document expressed in xml in German MIME type –Multipurpose Internet Mail Extension –media-type –Content-type Application/ Processing –How a file is opened (or printed..)

Answer(s) additional information - ‘metadata’ –Embedded File extension ‘Magic’ in the contents e.g. ‘GIF89a’ as the first five characters –File system (e.g. NTFS for Windows) Date and Time of creation and modification Access control –Wrapper Content-type in HTTP package –Separate data stream (fork or ADS) NTFS uses Alternate Data Streams for supplementary data such as image thumbnails –Deduced File size

Meta data For a photo (EXIF) –Camera –Aperture and speed –Location –Date and time For a file (File system) –The date a file was created –The character encoding used –The file format For a document (Dublin Core) –Creator –Subject category

Knockon Problems Inconsistancies and lies –a file extension says.html but its really a Microsoft Word Document, or plain text or xml –the subject category says the document is about London when it’s about Bristol? –A document created by X is copied and the the creator changed to Y –A program copies the file but doesn’t know about the associated metadata

Meta data mistrust Google ignore metadata for the purposes of searching IE ‘sniffs’ the file contents to determine the content type

Extensions, MIME type, Application fileMIME-type processing application File manage r Web server browse r HTTP response

File Manager Change the settings to show the file extension Windows Explorer –Tools\Folder Options\File types Edit mapping between extension, action and application (file associations) Metadata held in registry file application Action (open, print)

Web server fileMIME-type Web server

How Apache determines mime type File.xhtml http request for file.xhtml Apache Determine type Create HTTP response http response Content-type: application/xhtml+xml Fetch file mime.type File may contain media type data.htaccess

Apache Metadata Language Encoding Handler (to interpret the file server-side) Type (in mime-type)

Apache mime types Global - mime.types Local -.htaccess –AddType audio/x-midi mid # MIME type Extensions application/xhtml+xml xhtml xht application/xslt+xml xslt application/xml xml xsl image/png png image/svg+xml svg audio/mpeg mpga mp2 mp3 image/jpeg jpeg jpg jpe text/html html htm text/plain asc txt

Browser fileMIME-type Processing mode HTTP Respons e Render as X Validate against Schema Launch Application Launch Plugin

Browser behaviour IE has complex sniffing algorithm which can override the specified MIME type Firefox –Tools/Page Info shows the mime type and other data –Sniffs content of images to determine the file format (which is why your photo album code worked with GIF images)

XHTML Content-type –application/xhtml+xml Compliant –Firefox, Opera and Safari Non-complaint - IE (6 or 7) –either fails to open the file, or asks what you want to do with it. Cross browser support –Need to detect which browser has made the request (sniff the user-agent) and set content-type to text/html if User-agent contains ‘MSIE’.