P. Ugliengo e G. Ricchiardi A.A Chimica in Rete

Rappresentazione tridimensionale della struttura molecolare Informatica e chimica L’informatica ha cambiato il modo con cui l’informazione chimica viene trasmessa in due ambiti principali: 2D3D

Reperimento informazione chimica su INTERNET Informatica e chimica

Introdurre gli strumenti ed il linguaggio necessari all’analisi ed alla presentazione di informazioni molecolari al computer, con particolare attenzione alla condivisione in rete. Presentare gli elementi essenziali per la comprensione del funzionamento delle pagine web (ipertesti in rete). Stimolare un uso critico delle risorse chimiche disponibili in rete, e la produzione di contenuti originali. Scopi del Corso Lo studente realizzerà un proprio ipertesto su argomento chimico a scelta. La valutazione del corso (2CFU) si basa sulla qualità dell’ipertesto realizzato, e sul percorso svolto nel produrlo.

RASMOL: RASMOL: Visualizza il formato.pdb tipico delle proteine. Visualizzatori molecolari -1-

MOLDRAW: MOLDRAW: Sviluppato preso il Dip. Chimica IFM è gratuito. Consente non solo la visualizzazione ma anche di effettuare misurazioni Visualizzatori molecolari -3-

COME VENGONO DISTRIBUITI GLI IPERTESTI La logica CLIENT-SERVER

Come si raggiungono le pagine web in rete La logica CLIENT-SERVER Ogni file su un server ha un URL (Uniform Resource Locator): Protocollo (un “linguaggio” tra client e server) ftp:// Percorso e nome del file da reperire Indirizzo IP (Internet protocol) del server Numerico (es ) o alfanumerico ( Speciali server detti DNS traducono un tipo di indirizzo nell’altro

L'ipertesto è un insieme di testi o pagine leggibili con l'ausilio di un'interfaccia elettronica, in maniera non sequenziale, per tramite di particolari parole chiamate collegamenti ipertestuali (hyperlink o rimandi), che costituiscono un rete raggiata o variamente incrociata di informazioni, organizzate secondo diversi criteri, ad esempio paritetici o gerarchici, in modo da costituire vari percorsi di lettura alternativi. ( Cosa sono gli ipertesti Storia del concetto e delle sue implementazioni: “Home” WWW Files di dati

Organizzare/Condividere collezioni complesse di dati Un ipertesto permette di organizzare e trasmettere dati scientifici di natura diversa: risultati sperimentali, modelli, commenti, bibliografia, files e programmi, ecc… Utilità degli ipertesti - 1 Un classico: la tavola periodica (ad esempio Scarno ma ricco di informazioni: National Institute of Standards and Technology CHEMISTRY WEBBOOK

Costruire e distribuire materiale didattico Un ipertesto permette di costruire documenti didattici sia tradizionali, che interattivi (e-learning). Utilità degli ipertesti - 2 La costruzione di un ipertesto costituisce un momento di apprendimento. Poiché richiede allo studente una elaborazione personale della materia Esempi: (un iper-manuale di fisica…) (seguire ad es. il link “Analytical Spectroscopy”) (un’introduzione alla nomenclatura organica) Approfondimento: cerca su un motore di ricerca l’opinione di R.Bromme (Università di Muenster): “Hypertexts as an active learning environment”

La logica degli ipertesti pervade la tecnologia… Ipertesti oltre l’HTML I “Desktop” di tutti i sistemi operativi (Windows, Linux, MacOSX ecc.) si presentano come ipertesti e propongono “link” a files, programmi e risorse remote. I sistemi di azionamento e di “help” di tutti gli apparecchi sono ordinati come ipertesti (talvolta HTML, ma più spesso di altro tipo). Un ipertesto formato da “menù” e “link” è indispensabile quando le risorse di visualizzazione sono povere (ad esempio il display dei telefoni cellulari).

HyperText Markup Language (HTML)- 1 E’ il più semplice e diffuso linguaggio per scrivere ipertesti. Un file HTML è semplicemente UN FILE DI TESTO (ASCII) Puoi generarlo o aprirlo con tutti i programmi capaci di leggere/modificare file di testo. American Standard Code for Information Interchange Uno standard che associa in modo univoco ed indipendente dal tipo di computer carattere  numero (byte) L’”estensione” è di solito “.html”, “.htm”, “.HTML”, “.HTM” ATTENZIONE: l’estensione è solo una convenzione per riconoscere i files, e non ha effetto sul contenuto del file stesso! “HTML is the lingua franca for publishing hypertext on the World Wide Web” (

HTML - 2 Un file HTML contiene, oltre al testo, caratteri di controllo, filtrati e interpretati dai “browser”. I caratteri di controllo hanno la sintassi: bla bla bla bla che significa: il testo “bla bla” è assoggettato all’azione specificata dal carattere “A”. Il carattere specifica dove termina il campo di applicazione. ESEMPIO Il carattere di controllo significa “scrivi in grassetto” (“Bold” in inglese) Se scriviamo nel file di testo (ad es. col blocco note) bla bla bla bla bla bla bla bla bla bla Aprendo il file con Netscape o Explorer apparirà bla bla bla bla bla (tre “bla” in grassetto e due normali)

HTML - 3 FORMATTAZIONE DEL TESTO E DELLA PAGINA La dimensione della pagina non è definita, e varia modificando le dimensioni della finestra del browser. Per questo motivo, la formattazione del testo nel file HTML è regolata solo dai “tag” e NON dalla disposizione del testo nel file HTML. Esempio Il testo: Ambarabà cici coco tre civette sul comò Apparirà come Ambarabà cici coco tre civette sul comò La formattazione corretta si ottiene con: Ambarabà cici coco tre civette sul comò delimita un paragrafo manda a capo Consultare la lista dei “tag” per le altre opzioni di formattazione

HTML - 4 INSERIRE UN’IMMAGINE È sufficiente inserire il “tag” Dove “nomefile” può essere: 1)Un file grafico che si trovi nella stessa directory dell’ipertesto, possibilmente nei formati JPEG, PNG o GIF 2)Un URL che indirizza ad un’immagine che si trova altrove Questa tag possiede opzioni per l’allineamento, la scala, ecc (vedi lista). Inoltre può essere “annidata” in altre tag. Ad esempio: mostra l’immagine al centro della pagina

HTML - 5 INSERIRE UN “LINK” L’espressione bla bla bla bla trasforma le parole “bla bla” in un collegamento all’URL specificata. Questa può essere ad esempio: 1)Un altro file html (è utile suddividere gli ipertesti in piccoli files) 2)un’immagine 3)Una risorsa (file o immagine) su un altro computer Per trasformare UN’IMMAGINE in LINK è sufficiente annidare l’immagine nel collegamento:

HTML - 5 INSERIRE UNA TABELLA <TABLE><TR> cella11 cella12 cella11 cella12</TR><TR> cella21 cella22 cella21 cella22</TR></TABLE> cella11cella12 cella21cella22 Le celle della tabella possono contenere testo, immagini, link, ecc… Le tabelle si usano anche per disporre il contenuto sulla pagina in modo ordinato, cioè per creare colonne e riquadri di testo ed immagini. (per specificare le dimensioni, vedi la lista dei “tag”) definisce una riga definisce una cella

HTML – 5 (19) COME IMPARARE L’ HTML? Vi sono moltissimi manuali a disposizione, molti dei quali disponibili in rete. Vedi ad esempio il sito: Per una guida semplice e sintetica consultare il sito “Bare Bones Guide to HTML” Per una guida semplice e sintetica consultare il sito “Bare Bones Guide to HTML” Altro sito molto utile dove si puo’ simulare l’effeto dei vari tag e’: [LINK][LINK] Ma è proprio necessario? Esistono molti programmi che permettono di scrivere ipertesti senza conoscere l’HTML. L’utente scrive come su un “word processor”, e la formattazione viene tradotta automaticamente dal programma in formato HTML. I programmi più comuni di questo tipo sono: FrontPage, Dreamweaver (a pagamento) e SeaMonkey Composer, ACEHTML (gratuiti).

Si possono “salvare” le pagine web? Sì e no… Il comando “salva” dei browser crea un insieme di files (html ed immagini) che ricrea solo l’apparenza della pagina salvata, ma non la struttura dell’ipertesto. Per salvare un ipertesto occorre creare una copia di tutti i files che lo compongono. Ciò può essere fatto seguendo tutti i link e salvando tutti i files e le immagini incontrate. Per farlo occorre un programma “robot” specifico (ad es. HTTTrack) NOTA PRATICA: per salvare il proprio ipertesto, occorre copiare tutti i files che lo compongono. E’ conveniente tenere questi files (e solo questi) in una cartella dedicata, separata dalle prove e dai dati non ancora organizzati.

Presentazioni Powerpoint e HTML Powerpoint è lo strumento più diffuso per creare presentazioni da proiettare o stampare (seminari, lauree,…). Powerpoint può scrivere un ipertesto composto da una serie di files HTML contenenti un indice e le singole diapositive. Queste presentazioni possono essere condivise in rete, trasformandole in file HTML IN PRATICA: menù “File”/”salva con nome”; tipo File: “Pagina web”.

internet Utilizzati per ricercare selettivamente informazioni di ogni natura presenti su internet. Motori di ricerca - 1

WEB CRAWLER: è il sistema di raccolta e catalogazione delle informazioni sui siti. Questa avviene attraverso l’uso di ROBOT virtuali: programmi che provano ad accedere a TUTTI gli indirizzi della rete (secondo una qualche strategia statisticamente efficace), seguono TUTTI i LINK e catalogano le pagine in base al loro contenuto, creando un database. Questo database è in continuo aggiornamento, indipendentemente dagli utenti. Motori di ricerca – 2 - Web Crawler Le pagine vengono anche valutate in base alla loro rilevanza, valutata in base al numero di collegamenti che puntano ad essa. Questo criterio è appropriato a valutare le pagine commerciali e di informazione, MA NON QUELLE SCIENTIFICHE. Per esempio, le fonti scientifiche molto autorevoli sono spesso meno “cliccate” di quelle divulgative o fanta-scientifiche. ATTENZIONE: molti siti hanno sviluppato metodi per ingannare i motori di ricerca, in modo da ottenere un’alta valutazione di rilevanza. I motori di ricerca indicizzano la rete e consultano l’”indice” in tempo reale a richiesta dell’utente.

SEARCH ENGINE è il sistema di ricerca vero e proprio, che cerca determinate PAROLE CHIAVE all’interno del database. La ricerca avviene nel momento stesso in cui viene richiesta dall’utente. Vengono vagliate miliardi di pagine web in pochi secondi. Ciò richiede server estremamente potenti ed algoritmi intelligenti. Fornisce una lista di URL ordinata in base alla presunta rilevanza. Il criterio principale per valutare la rilevanza è il numero di link da altri siti alla pagina stessa. I vari motori di ricerca differiscono sia per la metodologia e l’efficacia del sistema di raccolta dei dati, che per la metodologia di ricerca nel database. Gli algoritmi matematici alla base di questi processo sono o SEGRETI oppure BREVETTATI. Motori di ricerca – 3 -Search Engine Vedi anche le voci “search engine” e “web crawler” su Wikipedia

Chi fa i motori di ricerca e perché? Motori di ricerca - 4 Quando si usano i motori di ricerca, è importante ricordare che si tratta di servizi basati su logiche commerciali. I motori di ricerca sono spesati dalla pubblicità e dai servizi a pagamento che ospitano. L’informazione presentata dai motori di ricerca varia a seconda dell’algoritmo utilizzato, della disponibilità del dato (alcuni siti impediscono l’accesso ai motori di ricerca) e di eventuali filtri sul contenuto (censura, “parental control”, ecc.). NOTA PRATICA: se non si trova un dato, non è detto che non esista e che non sia disponibile! Cercatelo con una strategia diversa. ATTENZIONE: I criteri di rilevanza dei motori di ricerca comuni sono spesso inadatti alla classificazione dell’informazione tecnica. Inoltre, i motori danno ALTA RILEVANZA ai link commerciali paganti.

Ricerca con Google vs. ricerca sistematica Motori di ricerca - 6 La ricerca di una “parola chiave” su un motore di ricerca e su un database sono due cose molto diverse: Il motore di ricerca è utile e potente per esplorare un campo di conoscenze incognito, ma fornisce risultati dalla provenienza e qualità incerte, che risentono delle finalità commerciali. Motore di ricercaDatabase Fonti primarieMolto varie e ricche, ma non note con precisione Note Estensione dei datiElevata ma non notaNota Completezza dei datiNOGarantita Corrispondenza ricerca- risultato Statistica, con “ranking” arbitrario. Deterministica Accuratezza dei datiAltamente variabileGarantita

Usare con efficacia i motori di ricerca Motori di ricerca - 7 Quando si cerca un’informazione, è importante immaginare le probabili caratteristiche della pagina in cui è contenuta. LINGUA: se si cerca una parola italiana, si limita automaticamente la ricerca alle pagine in italiano, che sono pochissime, soprattutto in ambito chimico! “SPELLING”: è importante che sia corretto. Alcuni motori suggeriscono le varianti. ECCESSIVA SPECIFICITA’: espressioni molto specifiche possono dare risultati falsi negativi. ECCESSIVA GENERICITA’: i dati utili restano “sepolti” in un mare di dati inutili che non è possibile analizzare NOTA PRATICA: le ricerche per parole chiave vanno ripetute con vari sinonimi, imparando dalle ricerche precedenti. Confrontare i risultati con quelli ottenuti con ricerche sistematiche.

Valutare la qualità del risultato Motori di ricerca - 8 Quando si cerca un’informazione, è importante immaginare le probabili caratteristiche della pagina in cui è contenuta. l’informazione è pertinente? Chi ha redatto l’informazione? Chi la pubblica (originale o citazione) ? A chi è destinata l’informazione (news, didattica, pubblicità, specialisti)? Quanto accurata è l’informazione? E’ adeguatamente referenziata? ESERCIZIO: ricercare su Google la parola methane ( o altro composto chimico) e rispondere ai quesiti precedenti per i primi 20 risultati.

Cercare una struttura molecolare sul web Motori di ricerca - 9 Quando si cerca una struttura, è importante immaginare il sito che la ospita ed il nome del file che la contiene o una sua parte. DATABASES. Esistono databases di strutture. Ad esempio il database Protein Data Bank ( contiene le strutture di tutte le proteine e gli acidi nucleici note. Molti database sono tuttavia a pagamento (v. Corso “Informatica per la Chimica”) COLLEZIONI tematiche. Esistono siti che presentano collezioni tematiche di strutture, spesso a scopi didattici. (es. cercare “molecules structure” su Google) SINGOLI FILES. Molte strutture si trovano in pagine web specifiche. Possono essere trovate immaginando il probabile nome del file che le descrive (ad es. cerca “adenine.pdb” o “adenine pdb” su Google)

Motori di ricerca più comuni - 10 YAHOO: YAHOO: http// Contiene una sezione chimica : GOOGLE: GOOGLE: http// E’ il più veloce e preciso motore di ricerca. LIVE SEARCH: LIVE SEARCH: http// Recentissimo e potente. Imitazione Microsoft di Google. SCIRUS: SCIRUS: http// Un motore di ricerca specializzato nelle scienze. L’ideale per reperire bibliografia tecnico-scientifica.

User Generated Content - 1 L’evoluzione più recente del Web è l’esplosione del numero di siti che distribuiscono informazioni generate dagli utenti dei siti stessi. Ad esempio: I BLOG I siti sui quali si pubblicano/condividono immagini e video (es. You Tube) l’enciclopedia on line “Wikipedia” Apparentemente, queste forme di condivisione dell’informazione non sono adatte alla trasmissione di informazioni scientifiche, tuttavia: La logica dei BLOG può essere utilizzata per sviluppare quaderni di laboratorio condivisi. La “Wikipedia” sta diventando sempre più accurata v. La voce “User generated content” sulla Wikipedia

UGC – 2 - Wikipedia Wikipedia is a multilingual, Web-based, free content encyclopedia project. Wikipedia is written collaboratively by volunteers; with rare exceptions, its articles can be edited by anyone with access to the Web site. The name is a portmanteau of the words wiki (a type of collaborative website) and encyclopedia. (portale multilingue) en.wikipedia.org (per la versione inglese - CONSIGLIATA) La correttezza e la completezza delle voci della Wikipedia sono variabili e non garantite. Tuttavia, almeno per quanto riguarda la versione inglese, il “tasso di errore” è stato valutato essere comparabile a quello di altre enciclopedie redatte da professionisti.

UGC – 3 - Wikipedia Come può essere accurata? continua revisione da parte degli altri autori (ma non è un vero “peer review”) gli articoli devono contenere riferimenti bibliografici accurati gli articoli vengono valutati in base a criteri di completezza formale ogni voce è collegata alle versioni precedenti ed è accompagnata da una pagina di discussioni. “Wikipedia appeals to the authority of peer-reviewed publications rather than the personal authority of experts. [53] Wikipedia does not require that its contributors give their legal names [54] or provide other information to establish their identity. [55] Although some contributors are authorities in their field, Wikipedia requires that even their contributions be supported by published sources. [53] A drawback of this citation- only approach is that readers may be unable to judge the credibility of a cited source.” [53] [54] [55] [53] Dalla voce “Wikipedia” della Wikipedia…

UGC – 4 – Peer Review “Peer review (known as refereeing in some academic fields) is a process of subjecting an author's scholarly work or ideas to the scrutiny of others who are experts in the field.” Dalla voce “Peer Review” della Wikipedia… (anonymous) Reviewers are asked to evaluate: Originality/novelty of work Interest for the readers of the journal correctness of methodology correctness of results correctness of references

UGC – 5 – Peer Review E’ lo strumento utilizzato da tutte le riviste scientifiche specialistiche (non divulgative) per l’accettazione dei contributi, ed è quindi alla base della credibilità e della qualità delle pubblicazioni scientifiche. Solo le pubblicazioni prodotte attraverso un processo di “peer review” sono catalogate dall’ ISI (Institute for Scientific Information) e divengono accessibili attraverso il “Web of Science” e altri database. Ciascun autore è chiamato regolarmente a valutare in forma anonima il lavoro degli altri esperti nel proprio campo.

Rappresentare le molecole in 3D Un estratto dalle dispense di “Informatica per la Chimica” (Laurea Magistrale MCA)

Struttura tridimensionale In queste lezioni ci occuperemo della struttura tridimensionale a livello atomico di molecole e solidi. Essa è nota, in modo più o meno dettagliato, per la maggior parte degli elementi e dei composti noti. COORDINATE ATOMI VISUALIZZATORE MOLECOLARE REGOLE DI RAPPRESENTAZIONE

Fonti di informazione strutturale 1)Esperimenti di diffrazione da cristalli: Raggi X, neutroni, elettroni con lunghezze d’onda dell’ordine di m sono diffratti dai cristalli. Il diffrattogramma permette di risalire alle posizioni atomiche (Vedi corso “Strutturistica”) 2)Spettroscopie: le spettroscopie vibrazionali danno informazioni strutturali su piccole molecole; L’NMR fornisce informazioni sulle distanze interatomiche anche per molecole complesse. (Vedi corsi di Chimica Fisica) 3)Chimica computazionale:permette di calcolare, con accuratezza variabile, la struttura di qualsiasi modello (Vedi corso “Chimica Computazionale”)

Diffrazione e dati strutturali MISURA: Direzione e intensità dei raggi diffratti Distribuzione spaziale della densità elettronica RX Posizioni dei nuclei Chimica computazionale Risoluzione di strutture (complessa e non deterministica) Simulazione della diffrazione (semplice e deterministica) Buon senso…

Trasmettere e catalogare i dati strutturali Posizioni dei nuclei nel cristallo Come si trasmette questa informazione in modo: 1) Univoco 2) Sintetico 3) Standardizzato ? Molti atomi Simmetria traslazionale Simmetria nella cella Incertezze Altre informazioni… DB

Una scheda tipica (per un solido) 1)Dati per l’identificazione 2)Dati bibliografici 3)Dati strutturali Parametri di cella (a,b,c, , ,  ) Coordinate degli atomi non legati da relazioni di simmetria (“unità asimmetrica”) Simmetria (simbolo o numero del gruppo spaziale) 4) Altri dati non indispensabili… a  b

Un file tipico (molecola) 1)Dati per l’identificazione/bibliografici 2)Coordinate degli atomi 3) Dati opzionali Connettività (legami) 4) PAROLE CHIAVE per il visualizzatore molecolare FORMATI DIVERSI Specifici per ciascun visualizzatore molecolare Alcuni sono standard, riconosciuti da molti programmi

Formati dei files strutturali - XYZ 3 ACQUA O H H O H H 0.96 N° atomi titolo elemento Coordinate cartesiane del nucleo, in Angstrom

Altri Formati COMPND ACQUA AUTHOR ROBERTO BISCEGLIA HETATM 1 O HETATM 2 H HETATM 3 H TER 4 1 CONECT 1 2 CONECT 1 3 END O H H 0.96 PDB Originariamente per molecole biologiche. Molto diffuso. CHIME OK Proprietario ma molto diffuso. CHIME OK MOL (MDL) H2O in formato MDL V O H H M END

Altri Formati - Moldraw TITLE ACQUA CELL COORD O H H 0.96 MOL (Moldraw) Formato proprio del Programma freeware Moldraw (P. Ugliengo). Poco diffuso ma molto utile per modificare e convertire strutture. Non adatto a CHIME (ma Moldraw salva anche formati adatti) ATTENZIONE: non confondere files.mol di Moldraw ed MDL-CHIME! Hanno la stessa estensione ma formati diversi!

Database “free” Protein Data Bank (PDB) Contiene le strutture di proteine, acidi nucleici, e loro complessi con altre molecole. Sistematico: contiene tutte le strutture note. Crystallography Open Database (COD) Un database generico, che fa appello al motto “…the atomic positions in natural or synthetic crystal samples of our Universe are not copyrightable” Reciprocal Net E’ il sito di un’associazione di laboratori di cristallografia. Contiene una collezione di molecole e cristalli comuni. MINCRYST database.iem.ac.ru/mincrystdatabase.iem.ac.ru/mincryst Specializzato in strutture di minerali. Fornisce anche i diffrattogrammi. Utilizza Java per la visualizzazione 3D. Altri:

Quando si dirige un browser ad un URL di un files non direttamente interpretabile dal browser stesso, ci sono diverse possibilità (dipendono dalla configurazione e dal tipo di browser): 1.Scaricare e salvare il file 2.Scaricare il file ed aprirlo con un programma esterno 3.Aprire il file con un Plug-in Plug-in I Plug-in sono programmi che interpretano files non interpretabili dai browser e ne rappresentano il contenuto dentro al browser. Esempi: Word e Acrobat Reader in IE, Flash Player, Quicktime, ecc. in tutti i browser.

Chime:Chime: creato dalla MDL Information Systems Inc. e disponibile consente di visualizzare strutture molecolari su internet. Plug-in chimici - 1

JMolJMol Un’”applet” in linguaggio Java. Il programma viene trasmesso insieme alla pagina da visualizzare, e non necessita quindi di installazione (purchè Java sia installato sul PC). Caratteristiche simili a CHIME Plug-in chimici - 2

Chime plugin - 2 Utilizziamo il Chime plug in per introdurre la struttura di una molecola di cui conosciamo le coordinate in formato PDB (Protein Data Bank), XYZ (Xmol format) o MDL-MOL. Queste coordinate sono il risultato di una ricerca su Internet e loro salvataggio sulla macchina locale, oppure sono ottenute con un costruttore molecolare. Si tenga conto che il PDB è liberamente accessibile a chiunque all’indirizzo:

Computers in chemistry at Cabrillo College è un sito vastissimo e molto interessante Database di file.pdb (formato per le strutture molecolari) con motore di ricerca tml tml Lista alfabetica di molecole (complessi metallici) ml ml Collezione di molecole organiche Siti che usano CHIME

Chime plugin - 3 Chime: Come si usa. Chime: Come si usa senza aggiunte In questo caso l'informazione relativa alla struttura viene riportata prima della struttura Struttura della morfina La struttura presenta una forma a T <EMBED src="morfina.pdb" bgcolor=white align=abscenter width=300 height=300 startspin=true spinY=20 spinX=20 display3D=spacefill script="zoom 130" frank=false > Ulteriore testo segue la figura della struttura molecolare Esempio: visualizzare la struttura della morfina:

Chime plugin - 4

Chime plugin - 5 Chime: Come si usa. Chime: Come si usa con la tabella In questo caso l'informazione relativa alla struttura viene riportata a lato in una cella della tabella Struttura della morfina La struttura presenta una forma a T Esempio: visualizzare la struttura della morfina in una tabella: <EMBED src="morfina.pdb" bgcolor=white align=abscenter width=300 height=300 startspin=true spinY=20 spinX=20 spinZ=20 display3D=spacefill script="zoom 130" frank=false > Ulteriore testo segue la definizione della tabella

Chime plugin - 6

Chime plugin - 7 Chime: BOTTONI Chime: Come modificare una molecola con “bottoni” <EMBED SRC=“molecola.pdb" WIDTH="300" HEIGHT="300" FRANK=off STARTSPIN=no BGCOLOR=black NAME=finestra_molecola WIREFRAME=on SCRIPT="set picking none; view save 1"> Trasmettere ordini a CHIME attraverso “bottoni” <EMBED TYPE="application/x-spt" WIDTH=15 HEIGHT=15 BUTTON=push TARGET=“finestra_molecola" SCRIPT="spacefill on; zoom 200"> Comandi da eseguire

Principali comandi Chime script DISPLAY3D: { backbone | ball&stick | cartoons | ribbons | spacefill | sticks | strands | wireframe } BGCOLOR: { black | white | #RRGGBB } COLOR3D: { ch ain | cpk | group | monochrome | shapely | structure | temperature | user } SPINX: { angolo }; SPINY: { angolo }; SPINZ: { angolo } STARTSPIN: { true | false } FRANK: { true | false } SCRIPT=“zoom 130”

Java e Jmol Java e Javascript sono linguaggi di programmazione moderni, che possono essere integrati nelle pagine web. I Programmi in Java vengono eseguiti dai browser su cui è installato un “Interprete”. Jmol è un programma in Java per la visualizzazione molecolare. Il programma viene trasmesso al browser nella sezione della pagina HTML, e richiamato ove necessario nel corpo della pagina, con il file di coordinate da rappresentare come argomento. Le ultime versioni di Jmol hanno funzionalità simili a CHIME, ma non richiedono l’installazione di un plugin. La creazione di pagine che utilizzano Jmol è leggermente più complessa di quella di pagine che utilizzano Chime.

Jmol tutorial - 1 1)Andare alla Home page di Jmol: jmol.sourceforge.net e farsi un’idea di cosa fa il programma… jmol.sourceforge.net 2)Seguire vari link alla Sezione “Download” fino ad arrivare a scaricare il file jmol-xx.x.x-binary.gz (x: numeri di versione). Questo file compresso contiene tutti i files necessari per usare Jmol. 3)Decomprimere il file in una sottocartella del proprio ipertesto, possibilmente di nome “jmol” (tutto minuscolo) 4)Verificare la funzionalità del programma sul proprio PC, eseguendo il file jmol.jar. Si apre il visualizzatore molecolare “standalone”. Provare a visualizzare un file pdb o mol. 5)Dalla Homepage di Jmol, seguire il link alle “Demonstration Pages” e Visualizzare “Very Simple Example”. Si tratta di una pagina che contiene un’applet Jmol con a fianco il testo HTML della pagina stessa. Very Simple ExampleVery Simple Example

Jmol tutorial - 2 Code for this page: Simple example jmolInitialize("../../jmol"); // Use your own path here {#2} jmolApplet(200, "load caffeine.xyz"); /* Use your own path and filename here {#3}, but... CAUTION! If you are running the page from disk, not from web server, molecules (path #3) MUST be in the same folder than JmolApplet.jar (path #2 above) or in a folder below it. This example, as shown, will NOT run from disk. It will run if set-up in this other way: "load../../jmol/models/caffeine.xyz“ */ GIALLO: nella sez. “head” viene richiamato il programma Java, nel “body” si apre un “form” (un tipo di contenuto attivo) e si esegue Jmol AZZURRO: si dichiara la dimensione e si richiama la molecola FUCSIA: commenti

Jmol tutorial - 3 6) Creare una sottodirectory della cartella contenente jmol, di nome “molecules” e mettervi il file descrittivo di una molecola qualsiasi, in formato xyz o pdb. 7) Creare un nuovo file HTML con il “blocco note” e inserirvi il testo dell’esempio (copia e incolla) 8) Modificare i percorsi dei file (script jmol e molecola) facendoli corrispondere a quelli effettivi sul proprio computer. Cancellare I commenti. 9) Salvare e aprire il file con un browser. Viene avviato Jmol e compare la molecola.

La struttura a frames Un sito web semplice può essere creato utilizzando i frames. Nell’esempio che segue viene creato un menù di opzioni a sinistra, mentre a destra compare il risultato <frame src=" frame_a.htm " name="showframe"></frameset></html> main_frame.html

La struttura dei files nel frame <frame src="frame_a.html" name=“pippo"> main_frame.htmllista_menu.html frame_a.html Frame A Frame B Frame C Frame A

Risorse chimiche in rete Nelle diapositive seguenti riportiamo una collezione di siti di argomento chimico. Dato l’intrinseco carattere effimero dei siti web, l’elenco potrebbe contenere pagine non più esistenti o diverse da quanto rappresentato…

Directory chimiche -2- LINKS FOR CHEMISTS: LINKS FOR CHEMISTS: http//

Directory chimiche -3- CHEMDEX: CHEMDEX: http//

Directory chimiche -4- ABOUT.COM: ABOUT.COM: http//chemistry.about.com/education/chemistry/index.htm/

Directory chimiche -5- INSTRUCTIONAL RESOURCES FOR CHEMISTRY: INSTRUCTIONAL RESOURCES FOR CHEMISTRY: http//

Siti per chiedere aiuto VIALATTEA.NET: VIALATTEA.NET: http//

Siti chimici completi -1- CHEMystery: CHEMystery: http//library.thinkquest.org/3659/

Siti chimici completi -2- HordeNet: HordeNet: http//ull.chemistry.uakron.edu/index.html

Concetti Chimici -1- THE CHEMTEAM: THE CHEMTEAM: http//dbhs.wvusd.k12.ca.us/ChemTeamIndex.html

Concetti Chimici -2- TANNER’S GENERAL CHEMISTRY: TANNER’S GENERAL CHEMISTRY: http//

Concetti Chimici -3- CHEMICAL EDUCATION: CHEMICAL EDUCATION: http//chemed.chem.purdue.edu/

Concetti Chimici -4- THE WIRED CHEMIST: THE WIRED CHEMIST: http//wulfenite.fandm.edu/

Concetti Chimici -5- THE LEARNING MATTERS OF CHEMISTRY: THE LEARNING MATTERS OF CHEMISTRY: http//

Concetti Chimici -6- ERIK’S CHEMISTRY: ERIK’S CHEMISTRY: http//eppe.tripod.com/index.htm

Concetti Chimici -7- GENERAL CHEMISTRY ONLINE: GENERAL CHEMISTRY ONLINE: http//antoine.fsu.umd.edu/chem/senese/101/index.shtml

Concetti Chimici -2- Italia: Italia: http//

Concetti Chimici -3- BENELLI: BENELLI: http//

Concetti Chimici -4- CHEMICAL STUFF: CHEMICAL STUFF: http//

Molecole -1- Molecular Modeling: Molecular Modeling: http//

Molecole -2- CHEMFINDER: CHEMFINDER: http//chemfinder.camsoft.com

Molecole -3- Molecular Arts Corporation: Molecular Arts Corporation: http//

Molecole -4- WEBMolecules: WEBMolecules: http//

Concetti avanzati: VSEPR -1- VSEPR: VSEPR: http//

Concetti avanzati: VSEPR -2- VSEPR: VSEPR: http//

Concetti avanzati: Mineralogia -1- Mineralogia: Mineralogia: http//

Concetti avanzati: Mineralogia -2- Mineral Web: Mineral Web: http//

Concetti avanzati: Chimica Organica -1- Chim. organica: Chim. organica: http//

Concetti avanzati: Chimica Organica -2- Chim. organica: Chim. organica: http//

Concetti avanzati: Chimica Organica -3- Chim. organica: Chim. organica: http//chemwww.byu.edu/ora/