ITU - Social software: 10 Tekniskeelementer

50 %
50 %
Information about ITU - Social software: 10 Tekniskeelementer
Technology

Published on January 20, 2009

Author: mortengade

Source: slideshare.net

Description

I efteråret 2007 og foråret 2008 underviste jeg på ITU-kurset Social Software: Design og implementering.

Se http://mortengade.dk/2009/social-software-et-semesters-undervisning-i-en-post
Se http://social08.pbwiki.com

Tekniske elementer i social software (I) Social software: Design & implementering 28. februar

Agenda XML, RSS, Widgets, Ajax Fælles diskussion om muligheder og definitioner

XML

Extensive Markup Language

Standardiseret kode, der er til at forstå, for mennesker og for maskiner

XML: Designet til at flytte og gemme data HTML: Designet til at fremvise data

Struktureret data

Lidt ligesom en database

Simpelt og fleksibelt

Gør det nemt at udveksle data mellem forskellige systemer

Og netop de data, man har brug for, formateret på den måde, man har brug for

Ikke formateret med strukturelle elementer som <P>, <H1>, <B>

Men adskiller indhold fra form

Man kan med andre ord ikke bare se hvilken tekst, der står og hvordan den ser ud, men også hvad den står der om

Man kan præsentere data på forskellige måder, i forskellige sammenhænge uden at få formen med

For eksempel…

Hvordan ser det ud?

<recipe name=quot;breadquot; prep_time=quot;5 minsquot; cook_time=quot;3 hoursquot;> <title>Basic bread</title> <ingredient amount=quot;3quot; unit=quot;cupsquot;>Flour</ingredient> <ingredient amount=quot;0.25quot; unit=quot;ouncequot;>Yeast</ingredient> <ingredient amount=quot;1.5quot; unit=quot;cups”>Water</ingredient> <ingredient amount=quot;1quot; unit=quot;teaspoonquot;>Salt</ingredient> <instructions> <step>Mix all ingredients together.</step> <step>Knead thoroughly.</step> <step>Cover with a cloth, leave for one hour in warm room</step> <step>Knead again.</step> <step>Place in a bread baking tin.</step> <step>Cover with a cloth, leave for one hour in warm room</step> <step>Bake in the oven at 350° for 30 minutes.</step> </instructions> </recipe>

Muliggør API’er og automatiske dataudvekslinger (og dermed for eksempel mashups) – samt mange af de andre teknologier, vi går igennem i dag

For eksempel: www.flickrvision.com

Og meget mere – der er virkelig mange muligheder, når computere kan forstå den tekst, de kigger på

Mere om XML: http://www.xml.com/pub/a/w3j/s3.bosak.html http://www.w3.org/XML/

RSS

Really Simple Syndication

En XML-standard

Simpelt format, der viser datosorteret indhold på standardiseret vis

Udover abonnementsideen betyder det, at data uhyre enkelt kan remixes og genbruges i andre sammenhænge, end det oprindelig var tiltænkt

Pause

Microformats

Beskrivelse af indhold med kode

Et eksempel

<li> <a href=quot;http://www.mortengade.dkquot;> Morten Gade</a> </li>

Lad os gøre det forståeligt for computere, hvad det er for noget data

<li> <a href=quot;http://www.mortengade.dkquot;> Morten Gade</a> </li>

<li class=quot;vcardquot;> <a href=quot;http://www.mortengade.dkquot; class=quot;url fnquot;>Morten Gade</a> </li>

Det her er et vCard <li class=quot;vcardquot;> <a href=quot;http://www.mortengade.dkquot; class=quot;url fnquot;>Morten Gade</a> </li> Som indeholder en URL og et ”functional name” = navn

Hvad kan man bruge det til?

For eksempel adressebøger, forklare relationer mellem websites, troværdighedsmålinger, automatiske netværk mellem sites..

Mere om microformats: www.sitepoint.com/article/microformats- meaning-markup www.microformats.org www.microformats.dk

Ajax

(Asynkron JavaScript & XML)

Muliggør applikationer på nettet, der reagerer hurtigere (og måske mere intuitivt?)

Det udligner forskellen mellem at lave interaktionsdesign til desktop- applikationer og til nettet

Det bedst kendte eksempel

Ajax er ikke en teknologi, men en samling af forskellige teknologier

I almindelig html (osv.) venter man på serveren: Hver gang man udfører en handling, sendes et http request

Ajax giver mulighed for, at interaktionen sker asynkront – i stedet for at spørge serveren hver gang, spørges en ajax-motor (der af og til selv spørger serveren, men uden brugeren skal vente)

Social software? Tjah!

Mere om ajax: http://www.adaptivepath.com/ideas/essays/ archives/000385.php

Widgets

En stump kode, der fungerer inde i en html-side

Med andre ord: Et utroligt simpelt mashup

For eksempel i weblogs

http://www.lolulas.blogspot.com/

Eller Google Gadget Ads

http://www.google.com/adwords/gadgetads/

API

Application Programming Interface

Et interface til computere!

Hvis man ikke bare vil trække data ud i den form, de ligger

Gør det nemmere at udveksle data mellem maskiner/websites

Et helt simpelt eksempel:

www.blackle.com

Eksempler på kendte åbne API’er: Google Maps MitKBH Trackbacks Twitter Flickr

Lille øvelse

Undersøg et af følgende sites. Afdæk 2-3 typer data, det kunne være sjovt/nyttigt at lave dataremixes. Hvordan skal det laves? www.nationalbanken.dk www.eb.dk www.krak.dk www.boligsiden.dk www.fdim.dk www.rejseplanen.dk www.bilbasen.dk www.dating.dk www.yahoo.com www.myspace.com www.craigslist.org www.ibm.com www.apple.com www.itu.dk www.dtu.dk www.ida.dk www.ordnet.dk www.biobooking.dk www.burningpanda.dk www.oresundsbron.com

Add a comment

Related presentations

Related pages

IT University Online - ITU | The Leaders in E-Learning

Check out this course from IT University Online, ... All ITU instructors have a minimum of 10 years' experience in the subject matter they are teaching ...
Read more

Programme - ITU: Committed to connecting the world

ITU Workshop on "Future Trust and Knowledge Infrastructure" ... 10:50 Session 1: Data ... Impacts of Software Capability and Convergences ...
Read more

About ITU

ITU is headquartered in Geneva, Switzerland, and has twelve regional and area offices around the world. ... social and financial consequences ...
Read more

ITU.edu - International Technological University

International Technological University (ITU) ... Computer Science & Software Engineering; ... 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24 ...
Read more

ITU and the Radiocommunication Sector

stimulate social and economic ... App9-10 GMDSS Art30-34 ... http://www.itu.int/ITU-R/software/space SNS IFIC SPS Capture Local DB
Read more

ICT Development Index - Wikipedia, the free encyclopedia

The ICT Development Index ... 10 Norway: 8.49: 11 ... "ITU, Measuring the ...
Read more

Spectrum management - Wikipedia, the free encyclopedia

Spectrum management is the process of regulating the ... and toward ITU. RF spectrum management is treated ... (AM radio uses blocks of 10 kHz where FM ...
Read more

iTunes – Alles für gute Unterhaltung - Apple (DE)

... Store ist für Personen ab 13 Jahren in den USA und weiteren Ländern verfügbar. Erfordert kompatible Hardware und Software sowie Internetzugang ...
Read more

Apa itu game FPS , Hybirds , MMORPD , dan lain lain ...

Apa itu game FPS , Hybirds , ... 10:26. gamesgue 993 views. ... Cara Instal Software Medal Of Honor WarFighter!!
Read more