Saluti - Cronologia

Leo72 il 22:18, 31 dic 2008

2008-12-31T22:18:14Z

← Versione meno recente		Versione delle 16:18, 31 dic 2008
Riga 41:		Riga 41:


	Mentre facciamo ciò, soffermiamoci un attimo su un'importante ed utile funzione dell'IDE: l'[['''autocompletamento''']]. Mentre scriviamo il nostro codice, l'IDE analizza sempre ciò che inseriamo e se vede che iniziamo a scrivere il nome di un oggetto od una sua proprietà, una parola chiave del linguaggio oppure il nome di una procedura o di una funzione, fa apparire un menu a tendina con suggeriti i termini che possono completare quello che stiamo inserendo. Nello specifico, quando avete iniziato a scrivere [[Label]], l'IDE ha verificato che nel progetto esisteva un [[widget]] denominato ''Label1'' e lo ha suggerito:		Mentre facciamo ciò, soffermiamoci un attimo su un'importante ed utile funzione dell'IDE: l''''[[autocompletamento]]'''. Mentre scriviamo il nostro codice, l'IDE analizza sempre ciò che inseriamo e se vede che iniziamo a scrivere il nome di un oggetto od una sua proprietà, una parola chiave del linguaggio oppure il nome di una procedura o di una funzione, fa apparire un menu a tendina con suggeriti i termini che possono completare quello che stiamo inserendo. Nello specifico, quando avete iniziato a scrivere [[Label]], l'IDE ha verificato che nel progetto esisteva un [[widget]] denominato ''Label1'' e lo ha suggerito:

151.16.231.41 il 15:04, 2 feb 2008

2008-02-02T15:04:09Z

← Versione meno recente		Versione delle 09:04, 2 feb 2008
Riga 58:		Riga 58:
	I metodi di questa classe, che influiscono sull'icona grafica che appare accanto al testo della finestra, sono i seguenti: '''Delete''', '''Error''', '''Info''', '''Question''' e '''Warning'''. Noi abbiamo usato il metodo Info, ad indicare che il messaggio è solo informativo.		I metodi di questa classe, che influiscono sull'icona grafica che appare accanto al testo della finestra, sono i seguenti: '''Delete''', '''Error''', '''Info''', '''Question''' e '''Warning'''. Noi abbiamo usato il metodo Info, ad indicare che il messaggio è solo informativo.
	Se i paramentri terminano qui, la finestra verrà visualizzata con un unico pulsante con testo '''OK'''. Opzionalmente possono essere richiesti fino a 3 pulsanti, attivati in base ai parametri passati ed identificati dal testo specificato. Questa classe può essere chiamata anche come [[funzione]], nel qual caso restituisce un valore intero indicante l'indice del pulsante premuto, contando da sinistra a destra. Si ricorda che il primo pulsante (quello più a sinistra) è quello predefinito mentre l'ultimo (quello più a destra) è quello di annullamento.		Se i paramentri terminano qui, la finestra verrà visualizzata con un unico pulsante con testo '''OK'''. Opzionalmente possono essere richiesti fino a 3 pulsanti, attivati in base ai parametri passati ed identificati dal testo specificato. Questa classe può essere chiamata anche come [[funzione]], nel qual caso restituisce un valore intero indicante l'indice del pulsante premuto, contando da sinistra a destra. Si ricorda che il primo pulsante (quello più a sinistra) è quello predefinito mentre l'ultimo (quello più a destra) è quello di annullamento.
			La 'e' commerciale, simbolo '''&''', è un carattere speciale che serve ad unire 2 stringhe. Nell'esempio, Gambas unirà la prima stringa "Ciao " (notate lo spazio dopo la lettera 'o': Gambas lo riprodurrà perché è all'interno della coppia di virgolette) con il testo contenuto nel campo testuale del nostro form.

	Siamo arrivati al momento di avviare la nostra applicazione. Buona norma è quella di avviare l'esecuzione premendo sempre il pulsante della compilazione completa: in questa maniera obblighiamo l'IDE ad esaminare tutto il codice prima di lanciare l'applicazione, così che eventuali errori di sintassi o di battitura possano venir fuori da subito. Se tutto è stato scritto correttamente, dovrebbe apparire una finestra come la seguente:		Siamo arrivati al momento di avviare la nostra applicazione. Buona norma è quella di avviare l'esecuzione premendo sempre il pulsante della compilazione completa: in questa maniera obblighiamo l'IDE ad esaminare tutto il codice prima di lanciare l'applicazione, così che eventuali errori di sintassi o di battitura possano venir fuori da subito. Se tutto è stato scritto correttamente, dovrebbe apparire una finestra come la seguente:

151.16.231.41 il 15:01, 2 feb 2008

2008-02-02T15:01:21Z

← Versione meno recente		Versione delle 09:01, 2 feb 2008
Riga 5:		Riga 5:

	Cominciamo con l'avviare Gambas e creiamo un nuovo progetto grafico, seguendo le istruzioni che avete appreso con la lezione [[Ciao Mondo]].		Cominciamo con l'avviare Gambas e creiamo un nuovo progetto grafico, seguendo le istruzioni che avete appreso con la lezione [[Ciao Mondo]].
	Fatto questo, l'IDE si aprirà con un form nel centro dell'area di disegno. A differenza però di quanto fatto con la precedente lezione, adesso modifichiamo il titolo del form non a ~~runtim~~ ma in fase di progettazione. Clicchiamo perciò sul form per selezionarlo e poi, dalla tabella delle proprietà che appare a destra, modifichiamo il valore della proprità '''Text''' inserendo ''Saluti'':		Fatto questo, l'IDE si aprirà con un form nel centro dell'area di disegno. A differenza però di quanto fatto con la precedente lezione, adesso modifichiamo il titolo del form non a ''runtime'' ma in fase di progettazione. Clicchiamo perciò sul form per selezionarlo e poi, dalla tabella delle proprietà che appare a destra, modifichiamo il valore della proprità '''Text''' inserendo ''Saluti'':


Riga 14:		Riga 14:


	Adesso ridimensioniamo il form e prepariamoci ad inserire dei [[widget]] all'interno di esso. Quelli che useremo per questa lezione, prelevandoli dalla '''Toolbox''' posta in basso a destra dell'IDE (se non la vedete premete F6), sono la '''[[Label]]''', la '''[[TextBox]]''' ed il '''[[Button]]''', indicati rispettivamente con i numeri 1, 2 e 3 nell'immagine seguente:		Adesso ridimensioniamo il form (basta trascinare una delle maniglie poste ai 4 angoli del form stesso: questo vale per qualunque [[widget]]) e prepariamoci ad inserire dei [[widget]] all'interno di esso. Quelli che useremo per questa lezione, prelevandoli dalla '''Toolbox''' posta in basso a destra dell'IDE (se non la vedete premete F6), sono la '''[[Label]]''', la '''[[TextBox]]''' ed il '''[[Button]]''', indicati rispettivamente con i numeri 1, 2 e 3 nell'immagine seguente:


Riga 20:		Riga 20:


	Per ~~posizionare~~ un [[widget]] sul form bisogna selezionarlo con un singolo click dalla Toolbox e poi va disegnato sul form in questo modo: premere il pulsante sinistro del mouse nel punto in cui verrà posizionato l'angolo superiore sinistro del [[widget]] e poi, continuando a tener premuto il pulsante, muovere il puntatore. L'IDE risponderà disegnando un rettangolo tratteggiato che indicherà l'area occupata dal nostro [[widget]]. Il pulsante del mouse va rilasciato quando abbiamo raggiunto la dimensione e la disposizione volute.		Per creare un [[widget]] sul form bisogna prima selezionarlo con un singolo click dalla Toolbox e poi va disegnato sul form in questo modo: premere il pulsante sinistro del mouse nel punto in cui verrà posizionato l'angolo superiore sinistro del [[widget]] e poi, continuando a tener premuto il pulsante, muovere il puntatore. L'IDE risponderà disegnando un rettangolo tratteggiato che indicherà l'area occupata dal nostro [[widget]]. Il pulsante del mouse va rilasciato quando abbiamo raggiunto la dimensione e la disposizione volute.
	Per la nostra lezione posizionate i [[widget]] indicati come nella figura seguente:		Per la nostra lezione posizionate i [[widget]] indicati come nella figura seguente:

Leo72 il 00:03, 2 feb 2008

2008-02-02T00:03:49Z

← Versione meno recente		Versione delle 18:03, 1 feb 2008
Riga 97:		Riga 97:
	La parola chiave '''If''' (''Se'', tradotto dall'inglese) indica a Gambas di eseguire una porzione di codice, racchiuso fra le parole chiave '''Then''' ed '''Endif''', al verificarsi di una condizione. Nel nostro esempio diciamo all'interprete di controllare se il testo della ''TextBox1'', il campo in cui scriviamo il nostro nome, è uguale a "". Questa sintassi indica una stringa vuota, vale a dire una stringa che non contiene nessun carattere, neanche uno spazio (in Gambas le stringhe sono un tipo di dati che possono contenere una sequenza di più caratteri alfanumerici racchiusi appunto fra una coppia di virgolette).		La parola chiave '''If''' (''Se'', tradotto dall'inglese) indica a Gambas di eseguire una porzione di codice, racchiuso fra le parole chiave '''Then''' ed '''Endif''', al verificarsi di una condizione. Nel nostro esempio diciamo all'interprete di controllare se il testo della ''TextBox1'', il campo in cui scriviamo il nostro nome, è uguale a "". Questa sintassi indica una stringa vuota, vale a dire una stringa che non contiene nessun carattere, neanche uno spazio (in Gambas le stringhe sono un tipo di dati che possono contenere una sequenza di più caratteri alfanumerici racchiusi appunto fra una coppia di virgolette).
	Nel caso che la condizione sia vera (cioè che il campo non sia stato riempito dall'utente con nessun carattere) allora l'interprete esegue il blocco di codice successivo alla parola chiave ''Then'': nel nostro esempio si tratta del comando '''[[Return]]''', che indica all'interprete di uscire dalla procedura o dalla funzione in corso di esecuzione. Attenzione: non indica a Gambas di uscire dal blocco condizionale, ma di abbandonare l'esecuzione della procedura (nel nostro esempio, l'evento ''Click'' dell'oggetto ''Button1'').		Nel caso che la condizione sia vera (cioè che il campo non sia stato riempito dall'utente con nessun carattere) allora l'interprete esegue il blocco di codice successivo alla parola chiave ''Then'': nel nostro esempio si tratta del comando '''[[Return]]''', che indica all'interprete di uscire dalla procedura o dalla funzione in corso di esecuzione. Attenzione: non indica a Gambas di uscire dal blocco condizionale, ma di abbandonare l'esecuzione della procedura (nel nostro esempio, l'evento ''Click'' dell'oggetto ''Button1'').

			Dopo questa modifica, la nostra applicazione non visualizzerà nessuna finestra di saluto nel caso l'utente non abbia prima inserito il proprio nome all'interno del campo testuale.

			----

			Termina qui questa seconda lezione, grazie alla quale avete imparato i concetti di modifica in ''runtime'' delle proprietà degli oggetti, abbiamo imparato ad utilizzare gli eventi degli oggetti, abbiamo scritto il codice della nostra prima verifica condizionale ed abbiamo imparato a gestire l'input e l'output di un programma.

Leo72 il 23:55, 1 feb 2008

2008-02-01T23:55:46Z

← Versione meno recente		Versione delle 17:55, 1 feb 2008
Riga 94:		Riga 94:

	Introduciamo il concetto di '''verifica condizionale''' grazie al costrutto '''[[If..Then..Else]]'''.		Introduciamo il concetto di '''verifica condizionale''' grazie al costrutto '''[[If..Then..Else]]'''.
	La parola chiave '''If''' (''Se'', tradotto dall'inglese) indica a Gambas di eseguire una porzione di codice, racchiuso fra le parole chiave '''Then''' ed '''Endif''', al verificarsi di una condizione. Nel nostro esempio diciamo all'interprete di controllare se il testo ~~del~~ ''TextBox1'', il campo in cui scriviamo il nostro nome, è uguale a "". Questa sintassi indica una stringa vuota, vale a dire una stringa che non contiene nessun carattere, neanche uno spazio (in Gambas le stringhe sono un tipo di dati che possono contenere una sequenza di più caratteri alfanumerici racchiusi fra una coppia
			La parola chiave '''If''' (''Se'', tradotto dall'inglese) indica a Gambas di eseguire una porzione di codice, racchiuso fra le parole chiave '''Then''' ed '''Endif''', al verificarsi di una condizione. Nel nostro esempio diciamo all'interprete di controllare se il testo della ''TextBox1'', il campo in cui scriviamo il nostro nome, è uguale a "". Questa sintassi indica una stringa vuota, vale a dire una stringa che non contiene nessun carattere, neanche uno spazio (in Gambas le stringhe sono un tipo di dati che possono contenere una sequenza di più caratteri alfanumerici racchiusi appunto fra una coppia di virgolette).
			Nel caso che la condizione sia vera (cioè che il campo non sia stato riempito dall'utente con nessun carattere) allora l'interprete esegue il blocco di codice successivo alla parola chiave ''Then'': nel nostro esempio si tratta del comando '''[[Return]]''', che indica all'interprete di uscire dalla procedura o dalla funzione in corso di esecuzione. Attenzione: non indica a Gambas di uscire dal blocco condizionale, ma di abbandonare l'esecuzione della procedura (nel nostro esempio, l'evento ''Click'' dell'oggetto ''Button1'').

Leo72 il 23:46, 1 feb 2008

2008-02-01T23:46:19Z

← Versione meno recente		Versione delle 17:46, 1 feb 2008
Riga 82:		Riga 82:

	[[image:Wiki_lez002_10.png]]		[[image:Wiki_lez002_10.png]]


			Spieghiamo il codice precedente.
			Come detto all'inizio della lezione, con Gambas è possibile modificare a livello di ''runtime'' le proprietà degli oggetti visuali. In questo caso abbiamo modificato la proprietà '''Enabled''' sia del pulsante ''Button1'' che del campo di testo ''TextBox1'' attribuendogli il valore '''FALSE'''. Abbiamo cioè detto a Gambas di considerare i 2 [[widget]] come ''non più attivi per ricevere gli input dell'utente''.

			Ora la nostra applicazione avrà senz'altro un ottimo mercato. Ma se vogliamo strafare e renderla veramente un ''best-seller'' dobbiamo modificare ulteriormente il codice dell'evento ''Click'' del [[widget]] ''Button1'' (doppio click sul pulsante) e renderlo identico al seguente:


			[[image:Wiki_lez002_11.png]]


			Introduciamo il concetto di '''verifica condizionale''' grazie al costrutto '''[[If..Then..Else]]'''.
			La parola chiave '''If''' (''Se'', tradotto dall'inglese) indica a Gambas di eseguire una porzione di codice, racchiuso fra le parole chiave '''Then''' ed '''Endif''', al verificarsi di una condizione. Nel nostro esempio diciamo all'interprete di controllare se il testo del ''TextBox1'', il campo in cui scriviamo il nostro nome, è uguale a "". Questa sintassi indica una stringa vuota, vale a dire una stringa che non contiene nessun carattere, neanche uno spazio (in Gambas le stringhe sono un tipo di dati che possono contenere una sequenza di più caratteri alfanumerici racchiusi fra una coppia

Leo72 il 23:33, 1 feb 2008

2008-02-01T23:33:20Z

← Versione meno recente		Versione delle 17:33, 1 feb 2008
Riga 63:		Riga 63:

	[[image:Wiki_lez002_07.png]]		[[image:Wiki_lez002_07.png]]


			Inseriamo il nome nel campo testuale e premiamo OK. Se vi chiamate come me, vale a dire '''Leonardo''', l'applicazione visualizzerà la seguente finestra di messaggio:


			[[image:Wiki_lez002_08.png]]


			La nostra applicazione può essere migliorata. Ad esempio, possiamo fare in modo che, una volta che l'utente ha premuto il pulsante ''Saluta'' non possa farlo una seconda volta, tanto il saluto l'ha già avuto...
			Facciamo quindi un doppio click sul pulsante ''Button1'' e modifichiamo la procedura dell'evento ''Click'' come segue:


			[[image:Wiki_lez002_09.png]]


			Riavviamo l'applicazione, scriviamo il nostro nome, premiamo il pulsante ''Saluta'', ed osserviamo com'è la nostra applicazione dopo aver chiuso la finestra di messaggio con OK:


			[[image:Wiki_lez002_10.png]]

Leo72 il 23:27, 1 feb 2008

2008-02-01T23:27:21Z

← Versione meno recente		Versione delle 17:27, 1 feb 2008
Riga 54:		Riga 54:

	Spieghiamo il codice. La classe '''Message''' è una classe statica che serve a visualizzare finestre di messaggio. La sua sintassi è la seguente:		Spieghiamo il codice. La classe '''Message''' è una classe statica che serve a visualizzare finestre di messaggio. La sua sintassi è la seguente:
	Message.''metodo''(<Testo da visualizzare>, <Testo pulsante 1> [, <Testo pulsante 2>[, <Testo pulsante 3>]])		Message.''metodo''(<Testo da visualizzare>[, <Testo pulsante 1>, <Testo pulsante 2>, <Testo pulsante 3>])
	I metodi di questa classe, che influiscono sull'icona grafica che appare accanto al testo della finestra, sono i seguenti: '''Delete''', '''Error''', '''Info''', '''Question''' e '''Warning'''. Noi abbiamo usato
			I metodi di questa classe, che influiscono sull'icona grafica che appare accanto al testo della finestra, sono i seguenti: '''Delete''', '''Error''', '''Info''', '''Question''' e '''Warning'''. Noi abbiamo usato il metodo Info, ad indicare che il messaggio è solo informativo.
			Se i paramentri terminano qui, la finestra verrà visualizzata con un unico pulsante con testo '''OK'''. Opzionalmente possono essere richiesti fino a 3 pulsanti, attivati in base ai parametri passati ed identificati dal testo specificato. Questa classe può essere chiamata anche come [[funzione]], nel qual caso restituisce un valore intero indicante l'indice del pulsante premuto, contando da sinistra a destra. Si ricorda che il primo pulsante (quello più a sinistra) è quello predefinito mentre l'ultimo (quello più a destra) è quello di annullamento.

			Siamo arrivati al momento di avviare la nostra applicazione. Buona norma è quella di avviare l'esecuzione premendo sempre il pulsante della compilazione completa: in questa maniera obblighiamo l'IDE ad esaminare tutto il codice prima di lanciare l'applicazione, così che eventuali errori di sintassi o di battitura possano venir fuori da subito. Se tutto è stato scritto correttamente, dovrebbe apparire una finestra come la seguente:


			[[image:Wiki_lez002_07.png]]

Leo72 il 23:18, 1 feb 2008

2008-02-01T23:18:00Z

← Versione meno recente		Versione delle 17:18, 1 feb 2008
Riga 53:		Riga 53:


	Spieghiamo il codice.		Spieghiamo il codice. La classe '''Message''' è una classe statica che serve a visualizzare finestre di messaggio. La sua sintassi è la seguente:
			Message.''metodo''(<Testo da visualizzare>, <Testo pulsante 1> [, <Testo pulsante 2>[, <Testo pulsante 3>]])
			I metodi di questa classe, che influiscono sull'icona grafica che appare accanto al testo della finestra, sono i seguenti: '''Delete''', '''Error''', '''Info''', '''Question''' e '''Warning'''. Noi abbiamo usato
	'''~~DA TERMINARE~~'''

Leo72 il 22:47, 1 feb 2008

2008-02-01T22:47:25Z

← Versione meno recente		Versione delle 16:47, 1 feb 2008
Riga 54:		Riga 54:

	Spieghiamo il codice.		Spieghiamo il codice.


			'''DA TERMINARE'''