3. lezione frontale Informatica Umanistica e Web Science

1. Informatica Umanistica /
Web Science
Sistemi Informativi al servizio di attività professionali nell’ambito
dell’Editoria, del Turismo e della valorizzazione dei BBCC
Lezione 3
2016

2. Strumenti di Editing e interoperabilità dei
contenuti
• Text EditorText Editor: strumento software (anni ‘70 – ‘80 - nato per
compilare programmi (=programma, lista di istruzioni espresse in
linguaggio artificiale)
• Page Editor:Page Editor: strumento software (anni ‘80 ) nato per la
composizione della pagina tipografica)
• Document editorDocument editor : strumento software (anni ‘90 – ’10) nato per
gestire Documenti complessi multimediali
• Open Content XML EditorOpen Content XML Editor: strumento software (anni ’10) che
nasce per produrre contenuti disponibili sia localmente che nel
‘cloud’
4/13/16Informatica Umanistica e Web Science 2016 S.Lariccia Sapienza
19

3. Dal Testo all’Ipertesto, dal Documento al
Contenuto
• Semantic Web:Semantic Web: una proposta avanzata nel 2001 da parte del
creatore del WorldWideWeb Tim Berners-Lee.
• Web of Linked Open Data (LOD Web):Web of Linked Open Data (LOD Web): una proposta avanzata nel
2012 da parte del creatore del WorldWideWeb Tim Berners-Lee
• Pragmatic Web e Internet of ThingsPragmatic Web e Internet of Things: un nuovo panorama aperto
dalla distribuzione dell’intelligenza negli oggetti della nostra vita
reale: un robot domestico, una TV intelligente, un bracciale che
comunica con lo Smartphone
• Quale linguaggio verrà utilizzato? :Quale linguaggio verrà utilizzato? : nei testi era utilizzato
prevalentemente uno dei numerosi linguaggi artificiali; nei
documenti torna ad essere in primo piano il linguaggio naturale;
negli IperDocumenti il linguaggio utilizzato sarà….
• 4/13/16Informatica Umanistica e Web Science 2016 S.Lariccia Sapienza
20

4. Linguaggi naturali, linguaggi artifiali
• Rassegna dei principali linguaggi artificiali oggi diffusi:Rassegna dei principali linguaggi artificiali oggi diffusi:
• Linguaggi Procedurali:Linguaggi Procedurali:
• C++C++
• JavaJava
• JavascriptJavascript
• PerlPerl
• PythonPython
•
• Linguaggi Dichiarativi:Linguaggi Dichiarativi:
• HTMLHTML
• XMLXML
• CSSCSS
•
•
4/13/16Informatica Umanistica e Web Science 2016 S.Lariccia Sapienza
21

5. Articolazione del corso e Gruppi di interesse
• Il corso si estende su 22 date dal 17 marzo al 1 giugno, mercoledì e giovedì dalle
17:00 alle 19:00 (aggiustamenti saranno discussi)
• Il corso si svolgerà in aula con videoproiettore e con l’utilizzo di un laboratorio
informatico aperto a 7 gruppi fino a 3-4 persone ciascuno
• In ciascuna delle prime 4 lezioni frontali si presenterà un argomento «chiave» del
corso; su ciascuna delle Keywords si inviteranno i partecipanti ad aggregarsi
(distribuendosi anche inbase alle necessità) e a formare Gruppi di InteresseGruppi di Interesse.
• Iniziamo con il proporre 4 Gruppi di Interesse (IG).
• Content Management Systems
• Language Analysis e sue applicazioni
• Classificazione dei contenuti e motori di ricerca
• Editori avanzati per documenti e iperdocumenti specializzati
•
4/13/16Informatica Umanistica e Web Science 2016 S.Lariccia Sapienza
22

6. Linguaggi naturali, linguaggi artificiali
• Come è fatto un linguaggio artificiale Dichiarativo:Come è fatto un linguaggio artificiale Dichiarativo:
• Linguaggi Dichiarativi:Linguaggi Dichiarativi:
• HTMLHTML
• XMLXML
• CSSCSS
Esempio di uso di HTMLEsempio di uso di HTML
[cfr.[cfr. www.w3schools.comwww.w3schools.com ]]
Sito interattivo dove è possibileSito interattivo dove è possibile
Utilizzare un simulatore di HTMLUtilizzare un simulatore di HTML
•
4/13/16Informatica Umanistica e Web Science 2016 S.Lariccia Sapienza
23

7. Linguaggi naturali, linguaggi artificiali
• Come è fatto un linguaggio artificiale Dichiarativo:Come è fatto un linguaggio artificiale Dichiarativo:
• Linguaggi Dichiarativi:Linguaggi Dichiarativi:
• HTMLHTML
• XMLXML
• CSSCSS
Esempio di uso di XMLEsempio di uso di XML
[cfr.[cfr. http://www.w3schools.com/xml/default.asphttp://www.w3schools.com/xml/default.asp ]]
Sito interattivo dove è possibileSito interattivo dove è possibile
Utilizzare un simulatore di XMLUtilizzare un simulatore di XML
4/13/16Informatica Umanistica e Web Science 2016 S.Lariccia Sapienza
24

8. Linguaggi naturali, linguaggi artificiali
• Come è fatto un linguaggio artificiale Dichiarativo:Come è fatto un linguaggio artificiale Dichiarativo:
• Linguaggi Dichiarativi:Linguaggi Dichiarativi:
• HTMLHTML
• XMLXML
• CSSCSS
Esempio di uso di CSSEsempio di uso di CSS
[cfr.[cfr. http://www.w3schools.com/css/http://www.w3schools.com/css/ ]]
Sito interattivo dove è possibileSito interattivo dove è possibile
Utilizzare un simulatore di CSSUtilizzare un simulatore di CSS
4/13/16Informatica Umanistica e Web Science 2016 S.Lariccia Sapienza
25

9. Linguaggi naturali, linguaggi artificiali
• Come è fatto un linguaggio artificiale Dichiarativo:Come è fatto un linguaggio artificiale Dichiarativo:
• Linguaggi Dichiarativi:Linguaggi Dichiarativi:
• Struttura dello XMLStruttura dello XML
Esempi di uso di XMLEsempi di uso di XML
[cfr.[cfr. http://www.w3schools.com/css/http://www.w3schools.com/css/ ]]
Sito interattivo dove è possibileSito interattivo dove è possibile
Utilizzare un simulatore di CSSUtilizzare un simulatore di CSS
4/13/16Informatica Umanistica e Web Science 2016 S.Lariccia Sapienza
26

10. Linguaggi naturali, linguaggi artificiali
• Come è fatto unCome è fatto un linguaggio artificiale procedurale:linguaggio artificiale procedurale:
• Linguaggi procedurali:Linguaggi procedurali:
• PHPPHP
• PythonPython
Esempi di uso di PHPEsempi di uso di PHP
[cfr.[cfr. http://www.w3schools.com/php/http://www.w3schools.com/php/ ]]
Sito interattivo dove è possibileSito interattivo dove è possibile
Utilizzare un simulatore di PHPUtilizzare un simulatore di PHP
•
4/13/16Informatica Umanistica e Web Science 2016 S.Lariccia Sapienza
27

11. Linguaggi naturali, linguaggi artificiali
• Logo: un linguaggio artificiale
particolarmente somigliante
al linguaggio naturale:
•
28

12. Linguaggi naturali, linguaggi artificiali
• Logo: un linguaggio artificiale
particolarmente somigliante al
linguaggio naturale:
•
29

13. Linguaggi naturali, linguaggi artificiali
• Logo: un linguaggio artificiale particolarmente somigliante al
linguaggio naturale:
• Esempi di procedure LOGO
• http://docplayer.it/1432704-Usare-il-linguaggio-logo-per-costruire-micromondi.ht
• http://xlogo.tuxfamily.org/it/presentation-it.html
30

14. Linguaggi naturali, linguaggi artificiali
• Altri linguaggi artificiali progettati per il «mass coding»:
• Sketch
• Snap
•
30
31