brescianet.com

Transcript

1 brescianet.com Classe 3M - Modulo 3 Pagina 1 di 2 Autore: e01692 [ ven feb 25, :48 pm ] Oggetto del messaggio: Classe 3M - Modulo 3 Appunti estemporanei redatti durante le lezioni in laboratorio Autore: e01692 [ lun mar 21, :54 am ] Oggetto del messaggio: 21/3/ Classe 3M - Modulo 3 Js => LINGUAGGIO DI PRG UTILIZZATO IN AMBITO client internet SCRIPT LANGUAGE="javascript"> <!-- alert("welcome to Software Developers"); //--> il JS non può scrivere sul vs disco (a parte i cookies) cookies =>file utilizzati per tracciare dei profili utente (modalità fraudolenta) oppure per salvare delle info utili per impostare un browser in modo utile all'utente alert => visualizza una frase poetica all'interno di message box Il VBA (visual basic for application) è un altro linguaggio di prg supportato solo da IE <SCRIPT LANGUAGE="vbscript"> <!-- msgbox "Salutoni da VBA" //--> VBA + potente di JS ma meno sicuro di JS - compatibile in modo limitato => utile per applicazioni intranet dove la sicurezza è garantita dalla lan stessa e dove voglio avere accesso a qualsiasi risorsa (stampanti, file...) JS => utilizzato per controllare l'esattezza dell'input dell'utente (senza inviare i dati al server) - Questa modalità fa apparire le performance del vs applicativo WEB + performanti poichè la richiesta errata di invio non genera traffico tra server e client

2 (fatto vedere esempio di accesso al registro) tramite un linguaggio di prg inserisco un algoritmo all'interno di un calcolatore un algoritmo è una sequenza di operazioni che risolve un problema per controllare l'input devo sempre usare un linguaggio di prg che può essere sul server (php/asp) o sul client (VBScript, JS) applicazione WEB => applicazione che utilizza il protocollo HTTP per gestire un programma. Vantaggi => non devo installare la parte client sui vari pc che usano tale prg una applicazione WEB è suddivisa in due parti: parte server (gestisce l'accesso agli archivi) e una parte client (gestisce l'input dell'utente) Il 70% di una appli. web è composto dalla parte client <!-- Commento HTML --> => utile per spiegare cosa contiente una determinata sezione di codice HTML Spiegato perchè uso <!-- codice JS --> => spiegato 2 volte -- 3N 19/3/2011 //--> => sono inutili i primi 2 // <SCRIPT LANGUAGE="javascript" SRC="nomefile.js"> con questa porzione nella pagina HTML verrà inserito pari pari il contenuto del file nomefile.js nel file js esterno metto quelle procedure che riutilizzo frequentemente Le variabili consentono la memorizzazione di valori transitori ottenuti da calcoli o da input dell'utente - sono l'equivalente dei post-it introdotte le variabili Autore: e01692 [ ven mar 25, :02 pm ] Oggetto del messaggio: 25/03/ Classe 3M - Modulo 3 Pioppo="Ciao sono io"

3 alert(pioppo) => visualizza il contenuto della variabile pioppo alert("pioppo") => visualizza "pioppo" una sequenza di caratteri compresa tra doppio apice = stringa una sequenza di caratteri (dove il primo non è un numero e non è compresa tra doppio apice) è probabilmente il nome di una variabile con queste istruzioni assegno un valore a questa variabile anni=11 è diverso da anni="11" MyName = "Luigi"; che 11 è diverso da "11" - la seconda costante è una stringa mentre la prima è un numero dimostrazione della differenza document.write(11+11) document.write("<br>") document.write("11"+"11") document.write("<br>") Questo codice eta=12 MyName = "Luigi"; MySurname = "Arlotta"; MyFullName = MyName + MySurname; document.write("<b>il mio nome</b> è " + MyFullName + " ed ho "+eta + " anni"); equivale a questo codice anni=12 Nome = "Luigi"; Cognome = "Arlotta"; Nominativo = Nome + Cognome; document.write("<b>il mio nome</b> è " + Nominativo + " ed ho "+anni + " anni"); document => il documento (la pagina che stiamo vedendo) document.write(frasestorica) => metodo per scrivere all'interno della pagina corrente JS è case sensitive Nome è diverso da nome

4 ricordatevi che il + per le stringhe consente la concatenazione "Ciao " + "Maria" => "Ciao Maria" questa istruzione document.write("<b>il mio nome</b> è " + Nominativo + " ed ho "+anni + " anni"); è differente da questa istruzione document.write("<b>il mio nome</b> è " + "Nominativo" + " ed ho "+anni + " anni"); if (condizione) sequenza di istruzione se la condizione è vera;... sequenza di istruzione se la condizione è falsa;... Istruzione per acquisire dei valori da tastiera variabile=prompt(frase che spiega cosa voglio,valore predefinito) --- 3N 21/3/2011 una condizione assume due valori: vero o falso per il computer qualsiasi valore diverso da 0 è vero eta==18 => è un diciottenne eta=18 questa sequenza funziona if (eta==18) document.write("diciottenne") document.write("non diciottenne") questa sequenza non funziona (assegna infatti ad eta il 18 e quindi DIVERSO 0 => sempre vera => sempre diciottenne if (eta=18) document.write("diciottenne") document.write("non diciottenne") qui ho il codice che legge i voti e calcola N e TotaleVoti..

5 media=0 // inizializzo la variabile if (N!=0) media=totalevoti/n; document.write("la media è: "+media); // QUESTA ISTRUZ. VERRA' SEMPRE ESEGUITA le rientranze servono a vedere immediatamente la dipendenza delle sequenze di istruzioni rispetto ad un particolare construtto media=0 if (N!=0) media=totalevoti/n; document.write("la media è: "+media); // QUESTA ISTRUZ. VERRA' ESEGUITA se n! =0 // Commento JS su una sola linea => serve per descrivere cosa calcola una porzione di prg /* commento multilinea */ X<=10 VA BENE X=<10 NON VA BENE if (x<=10 && x >=1) document.write("sono nell'intervallo [1,10]"); document.write("non sono nell'intervallo [1,10]"); equivalente (si noti che le istruzioni sono state ribaltate) if (!(x<=10 && x >=1)) document.write("non sono nell'intervallo [1,10]"); document.write("sono nell'intervallo [1,10]"); if (1 <= x <=10) ==> questa scrittura è sintatticamente errata if (x>=10 x<=1) document.write("non sono nell'intervallo (1,10)"); document.write("sono nell'intervallo (1,10)");

6 Autore: e01692 [ lun mar 28, :50 am ] Oggetto del messaggio: 28/3/ Classe 3M - Modulo 3 cond1 cond2 && cond3 => cond2 && cond3 ha precedenza (grazie per l'echo!) && ha precedenza su! ha precedenza su && e true!false && true => true true && true => true true => true un prg è composto da 3 sezioni: 1 INPUT => prompt 2 ALGORITMO 3 OUTPUT => document.write - alert prompt restituisce una stringa => "11" se digito 11 parseint("12") => 12 parseint("12.21") => 12 parseint("aaa") => orrore parsefloat("12.21") => => la virgola è. parsefloat => necessario se JS non riesce a capire il tipo di dato (esempio con il + che è anche l'operatore di concatenazione Math.sqrt => calcolo la radice quadrata (x+1)*(x+1) = x^2+2x+1=0 minuscolo se c <="z" && c >="a" numero se c <="9" && c >="0" maiuscolo se c <="Z" && c >="A" un solo char c.length==1 c.charat(1) => 2 carattere di c (la numerazione parte da 0) --- 3N 26/3/2011

7 <SCRIPT Language="JavaScript"> a=prompt("come ti chiami? ","Paolo") alert("ciao "+a); isnan(base) => funzione del JS che restituisce vero se l'argomento non è un numero base=prompt(... =>supponiamo 11 altezza=prompt(... =>supponiamo 5 risultato=base+altezza => "115" parsefloat(altezza)+parsefloat(base)=16 c="paola" c.length => 5 Autore: e01692 [ lun mar 28, :33 pm ] Oggetto del messaggio: 28/3/ Classe 3M - Modulo 3 Pubblicare sul registro l'esercitazione sull'if entrol'7/3 alle a=prompt("dammi A","0") b=prompt("dammi B","0") c=prompt("dammi C","0") Errore=isNaN(a) isnan(c) isnan(b) oppure if (isnan(a) isnan(c) isnan(b)) Autore: e01692 [ lun apr 04, :53 am ] Oggetto del messaggio: 04/04/ Classe 3M - Modulo 3 1 <= x <= 10 if (x < 10 && x >1 && y >1 && y < 3) dentro rettangolo if (!(x <= 10 && x >=1 && y >=1 && y <= 3)) esterno rettangolo sono sulla cornice (x^2 + y^2 < r^2) && ( ( x>0 && y>0) ( x<0 && y<0)) (x^2 + y^2 < r^2) && (x*y>0) esempio aree elementari N=prompt("Dammi il nr di righe: ", "0") M=prompt("Dammi il nr di colonne: ", "0")

8 document.write("<table BORDER=1>"); for (l=1;l<=n;l++) document.write("<tr>"); for (c=1;c<=m;c++) document.write("<td>"+l+", "+c+"</td>"); document.write("</tr>"); document.write("</table>"); Algoritmo tabella da r=1 to N scrivi r-esima riga ovvero da r=1 to N da c=1 to M scrivi cella con coordinare (r, c) scrivi cella con coordinare (r, c) document.write("<td>"+r + ", " +c+"</td>") da c=1 to M scrivi cella con coordinare (r, c) corrisponde a: for (c=1 ; c<=n ; c++) document.write("<td>"+r + ", " +c+"</td>") scrivi r-esima riga equivale a: document.write("<tr>") for (c=1 ; c<=n ; c++) document.write("<td>"+r + ", " +c+"</td>") document.write("</tr>") for (r=1 ; r<=n ; r++) i++ equivale a i=i+1 N=prompt("Dammi N: ","1"); for (i=1 ; i <= N; i++) document.writeln(i + "<BR>");

9 a % 2 => resto della divisione di a per 2 genera i numeri pari minori di N (da input) N=prompt("Dammi N: ","0") for (i=1 ; i <=N; i++) if ((i % 2)==0) document.writeln(i + "<BR>"); genera la sequenza dei primi n termini della sequenza 1,0,1,0 N=prompt("Dammi N: ","0") for (i=1 ; i <=N; i++) document.writeln((i % 2) + "<BR>"); oppure N=prompt("Dammi N: ","0") for (i=1 ; i <=N; i++) if ((i % 2)==1) document.writeln("1<br>"); document.writeln("0<br>"); genera la sequenza dei primi n termini della sequenza A, B, C N=prompt("Dammi N: ","0") for (i=1 ; i <=N; i++) if ((i % 3)==1) document.writeln("a<br>"); if ((i % 3)==2) document.writeln("b<br>"); document.writeln("c<br>"); Autore: e01692 [ ven apr 08, :09 am ] Oggetto del messaggio: 08/04/ Classe 3M - Modulo 3 definizione del fattoriale 0!=1 N!=(N-1)!*N P=P*i; => prendo il valore di i e di P li moltiplico e riverso il risultato in p Potenza N-esima: X*X*... *X = nvolte X^n=X^(n-1)*x

10 Calcola X alla N N=prompt("Fornire il numero intero N: ","0") x=prompt("dammi la base x: ","0") P=1; for (i=1 ; i<=n ; i++) P=P*x; document.write("la potenza " +x+"^"+n+" è : "+P) N=prompt("Dammi il nr di righe: ", "0") Tabella NxN con diagonale document.write("<table BORDER=1>"); for (l=1;l<=n;l++) document.write("<tr>"); for (c=1;c<=n;c++) if (c==l) document.write("<td BGCOLOR=Yellow>"+(l*c)+"</TD>"); document.write("<td>"+(l*c)+"</td>"); document.write("</tr>"); document.write("</table>"); Tabella NxN con antidiagonale <SCRIPT> N=prompt("Dammi il nr di righe: ", "0") document.write("<table BORDER=1>"); for (l=1;l<=n;l++) document.write("<tr>"); for (c=1;c<=n;c++) if ( (c+l)==(parseint(n)+1) ) document.write("<td BGCOLOR=Yellow>"+(l*c)+"</TD>"); document.write("<td>"+(l*c)+"</td>"); document.write("</tr>"); document.write("</table>"); Scacchiera <SCRIPT> N=prompt("Dammi il nr di righe: ", "0")

11 scacchiera document.write("<table BORDER=1>"); for (l=1;l<=n;l++) document.write("<tr>"); for (c=1;c<=n;c++) if ( ((c+l) % 2)==0 ) document.write("<td BGCOLOR=Yellow>"+(l*c)+"</TD>"); document.write("<td>"+(l*c)+"</td>"); document.write("</tr>"); document.write("</table>"); FOR => utile quando conosco il nr di iterazione + risulta WHILE => utile quando non conosco il nr di iterazione n=prompt("dammi un numero: ","0") while (n!=0) n=prompt("dammi un numero: ","0") for (n=prompt("dammi un numero: ","0"); n!=0; n=prompt("dammi un numero: ","0")) IN JS il while è equipotente al for Questo FOR for (IstruzioneIniziale; condizione; istruzionedopiterazione) Istruzioneiterativa Equivale a: IstruzioneIniziale while (condizione) Istruzioneiterativa istruzionedopiterazione pubblicare esercizio FOR per il 17/4/2011 alle Autore: e01692 [ lun apr 11, :55 am ] Oggetto del messaggio: 11/04/ Classe 3M - Modulo 3

12 ARRAY: Elenco di valori >>ESEMPIO STAMPA ELENCO DI VALORI <SCRIPT LANGUAGE="javascript"> Elenco = new Array; Elenco[0] = "Mario Rossi"; Elenco[1] = "Rosa Rossa"; Elenco[2] = "Neri Bruna"; for (i=0; i<3; i++) document.write("studente nr. "+(i+1)+" :"+Elenco[i]+".<BR>"); >>LETTURA E STAMPA ORDINATA <SCRIPT LANGUAGE="javascript"> Elenco=new Array; for (i=0; i<3; i++) Elenco[i]=prompt("Dammi lo studente: ","") // STAMPO ELENCO for (i=0; i<3; i++) document.write("studente nr. "+(i+1)+" :"+Elenco[i]+".<BR>"); >>LETTURA E STAMPA IN ORDINE INVERSO Elenco = new Array; // LEGGO L'ELENCO for (i=0; i<3; i++) Elenco[i]=prompt("Dammi lo studente: ","") // STAMPO ELENCO IN MODO INVERSO for (i=2; i>=0; i--) document.write("studente nr. "+(i+1)+" :"+Elenco[i]+".<BR>"); ARRAY => si adattano molto bene a strutture di tipo iterativo ARRAY => necessari quando devo mantenere in memoria un elenco di valori >> Distribuzione per età // ETA => conta quante persone hanno una determinata età // Eta[i] => nr persone con i anni Eta = new Array;

13 // LEGGO LE ETA E COSTRUISCO LA DISTRIBUZIONE // ETA = 0 to 20 for (i=0; i<=20; i++) Eta[i]=0 for (i=0; i<10; i++) Anni=prompt("Dammi l'età: ","") Eta[Anni]=Eta[Anni]+1 // Incremento il nr di persone con quell'età // STAMPO LA DISTRIBUZIONE for (i=0; i<=20; i++) document.write("nr di persone con età "+ i+ ":"+Eta[i]+".<BR>"); s="ciao" s.charat(2) => terzo carattere della stringa s s.charat(0) => primo carattere della stringa s s=prompt("dammi una frase storica:","") for (i=0 ; i <s.length ; i++) document.write("carattere in "+i+ " posizione: " +s.charat(i)+"<br>") \" => in una stringa è il doppio apice FUNZIONI posso scrivere: <SCRIPT> function ScriviFrase (str) document.write("<font FACE='Comic Sans MS' SIZE=3><P ALIGN=JUSTIFY>\" "+str+"</p></font>"); ScriviFrase("Frase 1"); ScriviFrase("Frase 2"); ScriviFrase("Frase 3"); ScriviFrase("Frase 4"); ScriviFrase("Frase 5"); Autore: e01692 [ gio apr 14, :37 pm ] Oggetto del messaggio: 14/4/ Classe 3M - Modulo ESERCIZIO 4:

14 <SCRIPT Language="JavaScript"> N=prompt("Fornire il numero intero N: (N>=3) ","0") X_2Prec=1; X_Prec=3; document.write("1^: Termine: "+ X_2Prec+"<BR>"); document.write("2^: Termine: "+ X_Prec+"<BR>"); for ( i=3 ; i <=N ; i++) X_Attuale=X_Prec+X_2Prec; document.write(i+"^: Termine: "+ X_Attuale+"<BR>"); X_2Prec=X_Prec; X_Prec=X_Attuale; ESERCIZIO <SCRIPT Language="JavaScript"> N=prompt("Fornire il numero intero N: ","0") S=0; for (i=1 ; i<=n ; i++) x=prompt("dammi un valore: ","0"); // parsefloat: traduce una stringa in numero con decimali S=S+parseFloat(x); document.write("la media e': "+(S/N)) ESERCIZIO <SCRIPT Language="JavaScript"> N=prompt("Fornire il numero intero N: ","0") // Calcolo la media e memorizzo in un vettore i valori letti S=0; X= new Array for (i=1 ; i<=n ; i++) y=prompt("dammi un valore: ","0"); // parsefloat: traduce una stringa in numero con decimali X[i]=parseFloat(y); S=S+X[i]; Media=(S/N) // Calcolo la varianza S=0 for (i=1 ; i<=n ; i++) S=S+(X[i]-Media)*(X[i]-Media);

15 Varianza=S/N; Varianza=Math.sqrt(Varianza) document.write("la media e': "+Media +" e la varianza "+Varianza) Autore: e01692 [ ven apr 15, :57 pm ] Oggetto del messaggio: 15/03/ Classe 3M - Modulo 3 >> Esempio: Funzione che data una stringa elimina la lettera A <SCRIPT LANGUAGE=JavaScript> function EliminaLetteraA(s) p="" for (i=0 ; i<s.length ; i++) if (!((s.charat(i)=="a") (s.charat(i)=="a") )) p=p + s.charat(i) return p frase=prompt("dammi la frase: ", "") frase=eliminaletteraa(frase); document.write(frase) nomefunzione.arguments => array contenente gli argomenti passati alla funzione nomefunzione.arguments.length => nr elementi dell'array contenente gli argomenti passati alla funzione nomefunzione.arguments[i] => elemento in posizione i+1 nell'array contenente gli argomenti passati alla funzione >> FUNZIONE CHE SCRIVE UNA LISTA ORDINATA/NON ORDINATA <SCRIPT LANGUAGE=JavaScript> function ScriviListaOrdinata() document.write("<ol>"); for (i = 0; i < ScriviListaOrdinata.arguments.length; i++) document.write("<li>" + ScriviListaOrdinata.arguments[i]); document.write("</ol>"); function ScriviListaNonOrdinata() document.write("<ul>"); for (i = 0; i < ScriviListaNonOrdinata.arguments.length; i++) document.write("<li>" + ScriviListaNonOrdinata.arguments[i]); document.write("</ul>"); ScriviListaOrdinata("A", "B", "C", "D","A", "B", "C", "D");

16 ScriviListaNonOrdinata("A", "B", "C", "D","A", "B", "C", "D"); SOLUZIONE 9.D <SCRIPT> function SonoNellaFarfalla(l,c) Dentro=((c<=5) && ( (l>=c) && (l+c)<=(n+1) ) ) Dentro=(Dentro ((c>5) && ( (l<=c) && (l+c)>=(n+1) ) ) ) return Dentro function SonoNelRombo(l, c, offset_y, offset_x ) l1=(l+offset_y) % 10 if (l1==0) l1=10 c1=(c+offset_x) % 10 if (c1==0) c1=10 return SonoNellaFarfalla(l1,c1) N=10 document.write("<table BORDER=1>"); for (l=1;l<=n;l++) // (l<=c) document.write("<tr>"); for (c=1;c<=n;c++) if (SonoNellaFarfalla(l,c)) document.write("<td BGCOLOR=Yellow>"+(l*c)+"</TD>"); document.write("<td>"+(l*c)+"</td>"); document.write("</tr>"); document.write("</table><hr>"); N=10 document.write("<table BORDER=1>"); for (l=1;l<=n;l++) // (l<=c) document.write("<tr>"); for (c=1;c<=n;c++) if (SonoNelRombo(l,c,0,5)) document.write("<td BGCOLOR=Yellow>"+(l*c)+"</TD>"); document.write("<td>"+(l*c)+"</td>"); document.write("</tr>");

17 document.write("</table>"); Pagina 1 di 2 Tutti gli orari sono UTC + 1 ora [ ora legale ] Powered by phpbb 2000, 2002, 2005, 2007 phpbb Group

18 brescianet.com Classe 3M - Modulo 3 Pagina 2 di 2 Autore: e01692 [ lun apr 18, :43 am ] Oggetto del messaggio: Re: Classe 3M - Modulo 3 Studente=new OggettoStudente("Sechi","Marco") Studente.Stampa() => stampa i dati dello studente Nelle interrogazioni: creare un oggetto persona con campi Nominativo eta e un metodo per stampare a video (con document.write) i contenuti. valorizzare una variabile a "Mario Rossi" 92 Evento => accadimento che un oggetto recepisce e che consente l'esecuzione di un'azione (metodo) che è di solito una funzione esempio di onload <BODY onload="confirm('clicca su OK')"> onclick => evento di clicckeggiamento su img, bottoni ed oggetti in generale onblur => evento quando sgommo (esco dalla casellina di testo) da un textbox confirm('clicca su OK') => se clicco su OK => true altrimenti se cliccheggio su annulla => false Soluzione 9D if ( (x==1) (x==10) (y==1) (y==10) ) scrivo cella azzurra scrivo cella bianca soluzione 9E <SCRIPT> function Distanza(x,y) minimo=x-1 if (minimo > (10-x)) minimo = (10-x) if (minimo > (10-y)) minimo = (10-y) if (minimo > (y-1)) minimo = (y-1)

19 return minimo N=prompt("Dammi il nr di righe: ", "0") document.write("<table BORDER=1>"); for (l=1;l<=n;l++) document.write("<tr>"); for (c=1;c<=n;c++) if ( (Distanza(l,c) % 2) == 0) document.write("<td BGCOLOR=Yellow>"+(l*c)+"</TD>"); document.write("<td>"+(l*c)+"</td>"); document.write("</tr>"); document.write("</table>"); LISTA NON ORDINATA CON SOTTOLISTA ORDINATA document.write("<ul>") for (i=1 ; i <5 ; i++) document.write("<li>capitolo " + i) document.write("<ol>") for (j=1 ; j <5 ; j++) document.write("<li>paragrafo " + i+"."+j) document.write("</ol>") document.write("</ul>") COSA CAMBIA? document.write("<ul>") for (i=1 ; i <5 ; i++) document.write("<li>capitolo " + i) document.write("<ol>") for (j=1 ; j <=i ; j++) document.write("<li>paragrafo " + i+"."+j) document.write("</ol>") document.write("</ul>") Autore: e01692 [ lun mag 09, :56 am ] Oggetto del messaggio: Spiegate alcune soluzioni 9/05/2011: Classe 3M - Modulo 3 Sequenza A, B e C for (i=1 ; i <=N ; i++) if ( ( i % 3) ==1)

20 d.w("a") if ( ( i % 3) ==2) d.w("b") d.w("c") N=10 for (i=0 ; i <=N ; i++) document.write((math.pow(2,i))+"<br>") oppure x=1 N=10 for (i=0 ; i <=N ; i++) d.w(x) x=x*(2) for (i=n; i >0 ; i--) alert("ciao") equivalente while i=n while (i >0) alert("ciao") i-- Pagina 2 di 2 Tutti gli orari sono UTC + 1 ora [ ora legale ] Powered by phpbb 2000, 2002, 2005, 2007 phpbb Group