The Semantic Web and Microformats. The Semantic Web Syntax = how you say something – Letters, words, punctuation Semantics = meaning behind what you say.

Slides:



Advertisements
Similar presentations
Introduction to Web Design, HTML & WordPress. What is Web Design? Web Design encompasses many different skills and disciplines in the building and maintenance.
Advertisements

3.02D HTML Overview 3.02 Develop webpages.
MICROFORMATS Ioana B ă rb ă nan Semantic Web developer.
Google Chrome & Search C Chapter 18. Objectives 1.Use Google Chrome to navigate the Word Wide Web. 2.Manage bookmarks for web pages. 3.Perform basic keyword.
Faculty of Electrical Engineering University of Belgrade Predrag Radenković 10/3237 Predrag Radenković 3237/10.
Project 1 Introduction to HTML.
Tutorial 1 Developing a Basic Web Page
1 CA201 Word Application Creating Document for the Web Week # 9 By Tariq Ibn Aziz Dammam Community college.
Internet – Part II. What is the World Wide Web? The World Wide Web is a collection of host machines, which deliver documents, graphics and multi-media.
Searching and Researching the World Wide: Emphasis on Christian Websites Developed from the book: Searching and Researching on the Internet and World Wide.
Developing a Basic Web Page with HTML
Mgt 240 Lecture Website Construction: Software and Language Alternatives March 29, 2005.
1st Project Introduction to HTML.
The Internet & The World Wide Web Notes
Introducing HTML & XHTML:. Goals  Understand hyperlinking  Understand how tags are formed and used.  Understand HTML as a markup language  Understand.
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.
Chapter ONE Introduction to HTML.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
IT 210 The Internet & World Wide Web introduction.
Computer Concepts 2014 Chapter 7 The Web and .
1 Networks and the Internet A network is a structure linking computers together for the purpose of sharing resources such as printers and files Users typically.
DATA COMMUNICATION DONE BY: ALVIN SAMPATH CARLVIN SAMPATH.
16-1 The World Wide Web The Web An infrastructure of distributed information combined with software that uses networks as a vehicle to exchange that information.
Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.
Chapter 6 The World Wide Web. Web Pages Each page is an interactive multimedia publication It can include: text, graphics, music and videos Pages are.
Website Designers Goal Evolve from know-nothing, nat-brain rookies … into Incredible Website Designers Reference Websites:
OBJECTIVES  What is HTML  What tools are needed  Creating a Web drive on campus (done only once)  HTML file layout  Some HTML tags  Creating and.
Web Page Design I Basic Computer Terms “How the Internet & the World Wide Web (www) Works”
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Windows Tutorial 4 Working with the Internet and
XML About XML Things to be known Related Technologies XML DOC Structure Exploring XML.
Build a personal website with pictures, links, and favorite stuff. 1) Respect teammates 2) Respect equipment 3) No bad things.
Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)
Lesson 1 What Is the World Wide Web?. Objectives Upon completion of this lesson, you should be able to: Explain what the World Wide Web is and how it.
HTML ~ Web Design.
Web Engineering we define Web Engineering as follows: 1) Web Engineering is the application of systematic and proven approaches (concepts, methods, techniques,
HTML Internet Basics & Beyond. What The Heck Is HTML? HTML is the language of web pages. In order to truly understand HTML, you need to know a little.
XML A web enabled data description language 4/22/2001 By Mark Lawson & Edward Ryan L’Herault.
Lesson 7 – World Wide Web. What is the World Wide Web?  The content of the worldwide web is held on individual web pages gathered together to form websites.
1 UNIT 15 Webpage Creator Lecturer: fadwa tlaelan.
INTERNET. Objectives Explain the origin of the Internet and describe how the Internet works. Explain the difference between the World Wide Web and the.
Semantic Web Technologies Brief Readings Discussion Class work: Research topics and Project discussion Research Presentation Topics assigned Building lightweight.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.
Introduction to XML By Manzur Ashraf (Shovon) Dept. of Computer Science & Engineering (BUET)
HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.
Digital Literacy Concepts and basic vocabulary. Digital Literacy Knowledge, skills, and behaviors used in digital devices (computers, tablets, smartphones)
Tutorial 1 Developing a Basic Web Page. Objectives Learn the history of the Web and HTML Describe HTML standards and specifications Understand HTML elements.
The World Wide Web. What is the worldwide web? The content of the worldwide web is held on individual pages which are gathered together to form websites.
CHAPTER 1: INTRODUCTION. CONTENTS  Networks  World Wide Web  Hypertext Documents  Web pages - Web site  Web Servers and Web Browsers  HTML: The.
INTRODUCTION JavaScript can make websites more interactive, interesting, and user-friendly.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Web Design New Brighton High School Exploring the History of the World Wide WebWorld Wide Web.
HTML HyperText Markup Language Victoria E. Kozlek.
BTT 10. What is the internet?  A question to all of you…  how-many-people-use-the-internet- more-than-2-billion-infographic/
HTML5 SEMANTICS TO OR NOT TO THAT IS THE QUESTION BY WILLIAM MURRAY.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
The Internet Salihu Ibrahim Dasuki (PhD) CSC102 INTRODUCTION TO COMPUTER SCIENCE.
By: The Immigrants :D I mean the Mexican and the Colombian I mean Daniel and Felipe.
HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.
HTML Structure & syntax
4.01 How Web Pages Work.
Chapter 1 Introduction to HTML.
Introducing the World Wide Web
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Computer Networks Lesson 4.
4.01 How Web Pages Work.
Presentation transcript:

The Semantic Web and Microformats

The Semantic Web Syntax = how you say something – Letters, words, punctuation Semantics = meaning behind what you say – What the sentence actually means I Love Technology! I Technology Means the same so it’s semantically the same thing.

The Internet The internet gave voice to computers so they can speak to each other, but they don’t know what the meaning behind the words are. Computers MIMIC human information to each other

The Web Quick and easy way to retrieve and view information. Huge doc storage and retrieval system. When you enter a website address into your browser it sends a request to the website which retrieves it and sends back to your web browser. Written in HTML language which is a syntax the computer can understand. It tells the computer how to display the page to you.

Create a way to get any document on the internet Created a syntax HTML that displays any document to you

Internet + World Wide Web + Search Engines

The Problem is Syntax not Semantics Computers don’t understand the meaning behind the page they retrieve for us. If we can get computers to recognize what’s in a web page they could learn what we’re interested in and they can help us get what we want. This changes computers from passively helping us to actively helping us.

The Web Today… Is about documents The semantic web is about things… – People, places, events, movies, organizations…anything you can think of The semantic web is not only about pointing these things out to computers, but also about letting computers know how these things are related to each other.

Once a computer starts understanding what a person, place and event is, it can help you interact with these things. – A birthday party is marked up as an event with a date and a place and you can tell your computer to save the date in your calendar. Search engines become more accurate because you can say you are looking for a person, song, a place etc. The search engine refers you to a website based on the semantics not just key words.

A Web of Things There are several technologies that can embed semantics in html documents Microformats and RDFA See Add Microformats Magic to Your Site (page 37 of your book for URL)

Microformats Designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards. Microformats allow content on a website to be ported to other applications with ease and understanding, resulting in increased use of the information they describe.

Ported to what? PDA’s, mobile phones, MP3 or online calendar Microformats serve as the API to the content of your site, providing unprecedented interoperability between platforms What does this have to do with Findability? – Well, when information is marked up so that it is portable, users can move it to a location where it won’t be lost. – It information where and when you want it.

How To you Mark Up a Microformat? What makes a microformat is a standardized series of tags and class names, which create a recognizable pattern of data containers that application can easily recognize. hCalendar = event data is hCard = event venue is hCard – contact information is Followed by markup using HTML.

Resources For Dreamweaver users - Microformat Cheat Sheet hCalendar Creator hCard Creator

To make the content portable you need a method for moving the data from the web page to the calendar or address book. You do this by adding links to Technorati, a microformat translation service It will convert your (x)html into a universal format that will download to the user’s preferred calendar and contact application ready for syncing with portable devices. Linking to the service with the URL to your page trailing, Technorati will convert your data into the appropriate universal format.

XFN, XHTML Friends Network XFN was introduced as a means of identifying relationships between people on the web. The premise is simple, by adding the rel” ” attribute to a hyperlink, you can describe your relationship to the person to whom you are linking. For example: Troyb.net To let your browser know that your page is XFN friendly, modify your as follows: – As more and more people follow this relationship building standard, the web will gain a meaningful and potentially very useful map of our human networks. This is just one small example of the potential power of a Semantic Web.

Explore These Sites and