[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.48,0:00:06.82,Default,,0000,0000,0000,,Qualche - facciamo qualche considerazione su XML e HTML, proprio embrionali,
Dialogue: 0,0:00:06.82,0:00:11.12,Default,,0000,0000,0000,,ma sulla base del file OPML dei feed.
Dialogue: 0,0:00:11.69,0:00:19.80,Default,,0000,0000,0000,,Siamo nel blog IAMARF e andiamo nella solita pagina OPML che ho razionalizzato:
Dialogue: 0,0:00:19.80,0:00:26.80,Default,,0000,0000,0000,,a questo punto il percorso, per semplificare, ho lasciato un solo file aggiornato
Dialogue: 0,0:00:26.80,0:00:29.50,Default,,0000,0000,0000,,con tutti i blog fino a qualche giorno fa.
Dialogue: 0,0:00:29.50,0:00:31.84,Default,,0000,0000,0000,,Cioè, ci sono tutti quelli presenti sino ad ora
Dialogue: 0,0:00:31.84,0:00:38.52,Default,,0000,0000,0000,,e in futuro, chi vuole eventuali -- chi vuole aggiungere eventuali nuovi blog
Dialogue: 0,0:00:38.52,0:00:41.57,Default,,0000,0000,0000,,potrà farlo a mano, o imparare a farsi un file.
Dialogue: 0,0:00:42.18,0:00:47.00,Default,,0000,0000,0000,,Apriamo questo file col browser
Dialogue: 0,0:00:47.00,0:00:53.23,Default,,0000,0000,0000,,e vediamo che invece che una pagina web si apre un testo, sostanzialmente:
Dialogue: 0,0:00:53.23,0:00:56.94,Default,,0000,0000,0000,,è il codice del file OPML.
Dialogue: 0,0:00:58.28,0:01:02.80,Default,,0000,0000,0000,,Facciamo una cosa più comoda, che comunque poi dovremo fare sempre
Dialogue: 0,0:01:02.80,0:01:07.48,Default,,0000,0000,0000,,quando vogliamo utilizzare questo file per includerlo in un aggregatore,
Dialogue: 0,0:01:07.48,0:01:13.58,Default,,0000,0000,0000,,cioè cliccare con il tasto destro del mouse e salvarlo sul disco
Dialogue: 0,0:01:14.27,0:01:18.77,Default,,0000,0000,0000,,sul desktop -- a me va bene, mi va bene.
Dialogue: 0,0:01:18.77,0:01:22.18,Default,,0000,0000,0000,,Sì, l'avevo già salvato allora lo sostituisco.
Dialogue: 0,0:01:25.16,0:01:33.76,Default,,0000,0000,0000,,E vado ad aprirlo - eccolo qua: ltis13.opml - vado ad aprirlo.
Dialogue: 0,0:01:33.76,0:01:36.62,Default,,0000,0000,0000,,Io uso di solito un editore che si chiama Vim,
Dialogue: 0,0:01:36.62,0:01:42.06,Default,,0000,0000,0000,,ma uso Notepad++ perché è quello che avevo in qualche maniera suggerito, per chi volesse,
Dialogue: 0,0:01:42.06,0:01:43.10,Default,,0000,0000,0000,,di usarlo.
Dialogue: 0,0:01:43.65,0:01:45.86,Default,,0000,0000,0000,,Strano che non l'abbia capito da sé,
Dialogue: 0,0:01:45.86,0:01:54.09,Default,,0000,0000,0000,,ma io lo informo che il linguaggio in cui è scritto questo oggetto è XML.
Dialogue: 0,0:01:54.09,0:02:01.28,Default,,0000,0000,0000,,Ecco: così ho la sintassi colorata e su questo possiamo dire due parole.
Dialogue: 0,0:02:01.88,0:02:11.59,Default,,0000,0000,0000,,Allora siccome abbiamo un pochino -- vabbé, molti di voi hanno anche gioccherellato con il file XML,
Dialogue: 0,0:02:11.59,0:02:21.35,Default,,0000,0000,0000,,ma più fattivamente con qualche briciola di HTML, molti hanno effettivamente aggeggiato per davvero,
Dialogue: 0,0:02:22.10,0:02:27.51,Default,,0000,0000,0000,,per esempio per scrivere a mano i link, per -- usando il tag link --
Dialogue: 0,0:02:27.51,0:02:33.77,Default,,0000,0000,0000,,oppure per scrivere in grassetto o in corsivo, con i caratteri colorati, ecc.
Dialogue: 0,0:02:34.50,0:02:38.53,Default,,0000,0000,0000,,Beh, leggendo questo, certamente, qualcuno può dire:
Dialogue: 0,0:02:38.53,0:02:40.56,Default,,0000,0000,0000,,"Uh guarda, questo è HTML."
Dialogue: 0,0:02:40.85,0:02:44.69,Default,,0000,0000,0000,,No. Questo è XML. Qual è la differenza?
Dialogue: 0,0:02:44.69,0:02:50.65,Default,,0000,0000,0000,,Allora, andiamo pure a prendere le definizioni in Wikipedia.
Dialogue: 0,0:02:50.65,0:02:53.18,Default,,0000,0000,0000,,Le preparo un attimo. Eccoci.
Dialogue: 0,0:02:53.18,0:03:05.33,Default,,0000,0000,0000,,Allora rammentiamoci che HyperText Markup Language è HTML, linguaggio marcato con ipertesto.
Dialogue: 0,0:03:05.33,0:03:07.35,Default,,0000,0000,0000,,Che vuol dire "ipertesto"?
Dialogue: 0,0:03:07.35,0:03:09.99,Default,,0000,0000,0000,,È un testo che quando io lo rappresento
Dialogue: 0,0:03:09.99,0:03:21.04,Default,,0000,0000,0000,,- e per far questo ci vuole un browser del Web: Firefox, Internet Explorer, Safari sul Mac, ecc., ecc. -
Dialogue: 0,0:03:23.22,0:03:28.23,Default,,0000,0000,0000,,allora parti di testo diventano sensibili alla presenza del mouse,
Dialogue: 0,0:03:28.23,0:03:30.82,Default,,0000,0000,0000,,dicendomi che quelli sono diventati bottoni.
Dialogue: 0,0:03:30.82,0:03:35.94,Default,,0000,0000,0000,,Se li clicco con il tasto sinistro del mouse, io sfondo la pagina
Dialogue: 0,0:03:35.94,0:03:41.99,Default,,0000,0000,0000,,- è come se passassi in una dimensione ortogonale a quella del foglio -
Dialogue: 0,0:03:41.99,0:03:44.64,Default,,0000,0000,0000,,e vado in un'altra pagina.
Dialogue: 0,0:03:45.37,0:03:46.87,Default,,0000,0000,0000,,Questo è l'ipertesto.
Dialogue: 0,0:03:46.87,0:03:51.60,Default,,0000,0000,0000,,Quindi HTML è testo marcato in maniera da dire
Dialogue: 0,0:03:51.60,0:03:57.55,Default,,0000,0000,0000,,come si deve rappresentare su una pagina Web l'informazione,
Dialogue: 0,0:03:57.55,0:04:02.06,Default,,0000,0000,0000,,e diviene -- il testo così diviene ipertesto,
Dialogue: 0,0:04:02.06,0:04:06.24,Default,,0000,0000,0000,,naturalmente con tutta una serie di possibili formattazioni che già conoscete:
Dialogue: 0,0:04:06.90,0:04:10.60,Default,,0000,0000,0000,,testo in grassetto, ecc. - n questa stessa pagina ci sono dei commenti.
Dialogue: 0,0:04:10.61,0:04:18.50,Default,,0000,0000,0000,,XML: Extensible Markup Language, linguaggio marcato estensibile,
Dialogue: 0,0:04:18.50,0:04:21.90,Default,,0000,0000,0000,,cioè questo è un'altra cosa.
Dialogue: 0,0:04:21.90,0:04:29.53,Default,,0000,0000,0000,,È un sistema per codificare informazione in generale, non per rappresentarla.
Dialogue: 0,0:04:29.53,0:04:35.53,Default,,0000,0000,0000,,Tant'è che quando la provate a rappresentare in un browser, come abbiamo visto prima,
Dialogue: 0,0:04:35.53,0:04:37.91,Default,,0000,0000,0000,,viene semplicemente il codice,
Dialogue: 0,0:04:37.91,0:04:43.59,Default,,0000,0000,0000,,come se fosse un editore di testo, anche se poi non si può editare sul browser.
Dialogue: 0,0:04:44.88,0:04:48.82,Default,,0000,0000,0000,,Un'enormità di informazioni vengono codificate in XML.
Dialogue: 0,0:04:48.82,0:04:55.61,Default,,0000,0000,0000,,Il file OPML, per esempio, è un tipo di applicazione di codice XML.
Dialogue: 0,0:04:55.61,0:05:04.100,Default,,0000,0000,0000,,I feed stessi - magari ve ne farò vedere uno - è un, è scritto in codifica XML.
Dialogue: 0,0:05:04.100,0:05:10.85,Default,,0000,0000,0000,,I verbali fatti col sistema elettronico del mio ateneo, quando vengono salvati,
Dialogue: 0,0:05:10.85,0:05:13.77,Default,,0000,0000,0000,,sono salvati in formato XML.
Dialogue: 0,0:05:13.77,0:05:20.53,Default,,0000,0000,0000,,Il file di molti word processor - LibreOffice, OpenOffice -
Dialogue: 0,0:05:21.31,0:05:26.44,Default,,0000,0000,0000,,sono in realtà codificati in formato XML.
Dialogue: 0,0:05:26.44,0:05:28.97,Default,,0000,0000,0000,,Andiamo a vedere il nostro esempio.
Dialogue: 0,0:05:28.97,0:05:34.84,Default,,0000,0000,0000,,Anche in XML abbiamo il sistema dei tag, con la stessa logica:
Dialogue: 0,0:05:34.84,0:05:38.94,Default,,0000,0000,0000,,tag di apertura e tag di chiusura.
Dialogue: 0,0:05:40.19,0:05:41.36,Default,,0000,0000,0000,,Apertura.
Dialogue: 0,0:05:41.36,0:05:42.34,Default,,0000,0000,0000,,Chiusura.
Dialogue: 0,0:05:42.91,0:05:48.56,Default,,0000,0000,0000,,La caratteristica dell'XML è che mentre, nel caso dell'HTML,
Dialogue: 0,0:05:48.56,0:05:54.70,Default,,0000,0000,0000,,l'insieme dei tag è fisso, è pubblicato per ciascuna versione di HTML,
Dialogue: 0,0:05:55.07,0:06:01.76,Default,,0000,0000,0000,,in XML sono -- in realtà, i tag vengono definiti volta per volta,
Dialogue: 0,0:06:01.76,0:06:05.09,Default,,0000,0000,0000,,quindi rendendo il sistema completamente flessibile.
Dialogue: 0,0:06:05.09,0:06:10.99,Default,,0000,0000,0000,,Qui, sostanzialmente, con questa dichiarazione si stabilisce una serie di tag
Dialogue: 0,0:06:10.99,0:06:16.56,Default,,0000,0000,0000,,che dipendono dal fatto che è un file OPML.
Dialogue: 0,0:06:17.34,0:06:25.72,Default,,0000,0000,0000,,E in parte sono analoghi all'HTML: ogni -- anche nell'HTML c'è un tag head e un tag body,
Dialogue: 0,0:06:25.72,0:06:27.30,Default,,0000,0000,0000,,ma ci sono anche altre cose.
Dialogue: 0,0:06:28.31,0:06:30.34,Default,,0000,0000,0000,,L'elemento fondamentale è outline.
Dialogue: 0,0:06:31.35,0:06:38.100,Default,,0000,0000,0000,,È outline che apre qualcosa e poi si va a chiudere, seguendo questa riga
Dialogue: 0,0:06:38.100,0:06:43.08,Default,,0000,0000,0000,,- vedete che gli editori specializzati aiutano molto, ecco -
Dialogue: 0,0:06:43.08,0:06:46.44,Default,,0000,0000,0000,,e qui si chiude questo gruppo outline.
Dialogue: 0,0:06:46.44,0:06:51.03,Default,,0000,0000,0000,,Ma in realtà outline può essere anche realizzato con un unico tag: eccolo qua.
Dialogue: 0,0:06:51.53,0:06:53.69,Default,,0000,0000,0000,,Questo sarebbe il tag d'inizio,
Dialogue: 0,0:06:53.69,0:06:59.34,Default,,0000,0000,0000,,ma il fatto che io l'abbia, qui, marcato con una barra,vuol dire che si chiude.
Dialogue: 0,0:06:59.34,0:07:01.99,Default,,0000,0000,0000,,E nel suo interno, ci sono gli attributi.
Dialogue: 0,0:07:02.62,0:07:08.66,Default,,0000,0000,0000,,Gli attributi dicono come una certa informazione -- descrivono una certa informazione.
Dialogue: 0,0:07:08.66,0:07:12.74,Default,,0000,0000,0000,,Per esempio, in questo caso del file OPML,
Dialogue: 0,0:07:12.75,0:07:17.34,Default,,0000,0000,0000,,ogni elemento outline, in realtà, descrive un feed.
Dialogue: 0,0:07:18.25,0:07:25.76,Default,,0000,0000,0000,,Si possono utilizzare vari, vari attributi, ma io qui ho messo i minimi,
Dialogue: 0,0:07:25.76,0:07:29.95,Default,,0000,0000,0000,,ho elaborato il file in maniera da avere un minimo insieme,
Dialogue: 0,0:07:29.95,0:07:34.82,Default,,0000,0000,0000,,e questo garantisce il fatto che poi questo file venga letto da aggregatori diversi:
Dialogue: 0,0:07:34.82,0:07:38.66,Default,,0000,0000,0000,,nel nostro caso, RSSOwl, applicazione
Dialogue: 0,0:07:38.66,0:07:43.84,Default,,0000,0000,0000,,- aggregatore sotto forma di applicazione libera installata in un computer -
Dialogue: 0,0:07:43.84,0:07:46.29,Default,,0000,0000,0000,,oppure Bloglines, servizio Web.
Dialogue: 0,0:07:47.01,0:07:51.22,Default,,0000,0000,0000,,Allora, il minimo è un titolo del feed:
Dialogue: 0,0:07:51.22,0:07:56.86,Default,,0000,0000,0000,,il nome del proprietario, diciamo, del blog a cui il feed si riferisce,
Dialogue: 0,0:07:57.49,0:08:00.15,Default,,0000,0000,0000,,e il feed.
Dialogue: 0,0:08:01.69,0:08:10.91,Default,,0000,0000,0000,,Allora la variabile xmlUrl contiene, contiene l'indirizzo del feed,
Dialogue: 0,0:08:11.40,0:08:16.84,Default,,0000,0000,0000,,mentre la variabile title contiene il nome del proprietario.
Dialogue: 0,0:08:18.48,0:08:21.80,Default,,0000,0000,0000,,Diamo un'occhiata all'indirizzo del feed.
Dialogue: 0,0:08:21.80,0:08:27.62,Default,,0000,0000,0000,,È un indirizzo internet, perché il feed è una cosa che si va a pescare in internet,
Dialogue: 0,0:08:28.45,0:08:32.26,Default,,0000,0000,0000,,ed ha la struttura tipica di un indirizzo internet,
Dialogue: 0,0:08:32.26,0:08:38.06,Default,,0000,0000,0000,,ovvero: http://www... ecc., blabla.
Dialogue: 0,0:08:38.73,0:08:42.17,Default,,0000,0000,0000,,E poi c'è, alla fine, feed.
Dialogue: 0,0:08:42.17,0:08:44.41,Default,,0000,0000,0000,,Questo è l'indirizzo del feed.
Dialogue: 0,0:08:44.41,0:08:50.78,Default,,0000,0000,0000,,Andiamo a pren-- ora qui ho preso un blog particolare, un blog non di quelli standard.
Dialogue: 0,0:08:51.56,0:08:53.84,Default,,0000,0000,0000,,Prendiamo questo, quello di Claude.
Dialogue: 0,0:08:53.84,0:08:58.37,Default,,0000,0000,0000,,Allora: http://almansi.wordpress.com
Dialogue: 0,0:08:59.11,0:09:09.11,Default,,0000,0000,0000,,e fin qui, questo è l'indirizzo del blog, quello che si chiama lo Uniform Resource Locator, URL del blog.
Dialogue: 0,0:09:09.56,0:09:14.97,Default,,0000,0000,0000,,Se ci mettiamo anche - se ci mettiamo anche feed
Dialogue: 0,0:09:14.97,0:09:18.65,Default,,0000,0000,0000,,- ora io inavvertitamente l'ho cancellato perché sono un pasticcione, ecco -
Dialogue: 0,0:09:18.65,0:09:26.84,Default,,0000,0000,0000,,allora questo è l'indirizzo di un qualcosa all'interno del blog, in particolare, dei suoi feed.
Dialogue: 0,0:09:27.39,0:09:29.54,Default,,0000,0000,0000,,E se andiamo a cercare
Dialogue: 0,0:09:34.89,0:09:36.94,Default,,0000,0000,0000,,- ecco - i commenti,
Dialogue: 0,0:09:37.49,0:09:44.88,Default,,0000,0000,0000,,oppure, per esempio, un altro oggetto che possiamo avere è, nel blog almansi.wordpress.com,
Dialogue: 0,0:09:44.88,0:09:48.95,Default,,0000,0000,0000,,il feed dei commenti che ha questo tipo di indirizzo.
Dialogue: 0,0:09:49.50,0:09:55.87,Default,,0000,0000,0000,,Ecco: questo video è servito solamente per rinfrescarsi la memoria
Dialogue: 0,0:09:55.87,0:10:02.74,Default,,0000,0000,0000,,e approfondire un pizzico di più la differenza fra XML e HTML,
Dialogue: 0,0:10:02.74,0:10:05.97,Default,,0000,0000,0000,,perché ci ritorneremo, credo, se possibile,
Dialogue: 0,0:10:05.97,0:10:12.16,Default,,0000,0000,0000,,e per mettere a fuoco un pochino meglio la differenza fra indirizzo del blog
Dialogue: 0,0:10:12.16,0:10:15.32,Default,,0000,0000,0000,,e indirizzo dei feed, nel blog,
Dialogue: 0,0:10:15.32,0:10:18.77,Default,,0000,0000,0000,,che sono due cose che sono distinte
Dialogue: 0,0:10:18.77,0:10:21.38,Default,,0000,0000,0000,,e in un certo senso, una sta dentro l'altra:
Dialogue: 0,0:10:21.38,0:10:26.39,Default,,0000,0000,0000,,l'indirizzo dei feed è l'indirizzo di un qualcosa che sta dentro il blog.