martedì 28 febbraio 2017

Collisione oggetti (MIT App Inventor 2)

Un altro importante metodo da conoscere in MIT App Inventor 2 riguarda la collisione degli oggetti.

Quando si sviluppa un'applicazione infatti, oltre a saper come trascinare con il mouse un determinato elemento, è importante sapere come capire se questo entra in contatto con un altro oggetto.
Quando questo accade, si può far scatenare qualsiasi tipo di evento, vediamo subito un esempio pratico.


La gestione della collisione degli oggetti in MIT App Inventor 2


Per capire se due oggetti presenti sul display del nostro cellulare si toccano, occorre che questi siano all'interno di uno stage.
Quello che ci serve dunque per questo esempio, sono 1 stage, 2 sprite immagini ed 1 label.

Per la creazione degli oggetti immagine e per il loro trascinamento vi rimando a questo post.

Dopo aver creato lo stage e i 2 sprite immagine, andare nella sezione Interfaccia utente e trascinare nel visualizzatore l'oggetto etichetta (label), che prenderà il nome di label1 (o etichetta1).

Collisione oggetti (MIT App Inventor 2)

Adesso potremo andare nella sezione blocchi, per generare la logica necessaria per poter gestire la collisione dei 2 oggetti e l'azione che ne consegue.

Cliccare su Sprite1 (o come si chiama il vostro sprite) e aggiungere il blocco per sempre quando sprite1 ha toccato (when sprite1 collided with), poi cliccare su etichetta1 e trascinare il blocco imposta etichetta1 testo (set etichetta1 text to), ed infine cliccando su Testo, aggiungere il blocco di scrittura ed impostare ="Hai cliccato".

Blocchi collisione

Adesso, facendo partire l'emulatore o generando l'apk da installare sul nostro telefono, quando andremo a trascinare la prima immagine sulla seconda, quando avverrà la collisione apparirà la scritta "hai toccato", o partirà qualsiasi altra azione che avremo impostato nella sezione blocchi.

Collisione effettuata

Ecco fatto, ed anche le collisioni con mit app inventor 2 non sono più un segreto.
Questa funzionalità è ovviamente una delle più usate nelle app per android, quindi sapere come utilizzarla è fondamentale.

Cliccare qui per scaricare il progetto .aia da testare sul proprio app inventor.

Torna all'elenco delle lezioni

Il promontorio della paura

Il promontorio della paura è un film thriller del 1962 diretto da J. Lee Thompson, con Gregory Peck, Robert Mitchum, Martin Balsam, Telly Savalas, Will Wright, Polly Bergen, Lori Martin, Jack Kruschen, Barrie Chase.

Il promontorio della paura
Trama

Max Cady è un ex detenuto, violento e sadico, il cui unico scopo nella vita, una volta uscito di prigione, è quello di perseguitare l'avvocato che l'ha fatto finire al fresco.
La vittima in questione è l'avvocato Sam Bowden, che con tutta la sua famiglia finirà nel mirino dello stalker Cady.
Max Cady infatti, non è solo una persona violenta e pericolosa, ma è anche molto intelligente, risultando così una minaccia difficile da eliminare.

Recensione

Il promontorio della paura è un film thriller del 1962, tratto da un romando di nome The Executioners di John D. MacDonald.
Questa vecchia pellicola diretta dal regista J. Lee Thompson ed interpretata da Gregory Peck e Robert Mitchum, è un perfetto esempio di come deve essere un film thriller.
Un crescendo di suspance e tensione, che accompagnano lo spettatore dall'inizio alla fine della visione.
Il promontorio della paura è dunque un ottimo esempio di buon cinema, da vedere assolutamente anche se datato, in quanto non risente per niente del passare del tempo.

Link alla scheda del film su wikipedia

lunedì 27 febbraio 2017

Modificare un sito web online in tempo reale

Se sei un aspirante webmaster, o semplicemente se vuoi giocare a cambiare la grafica di un sito non tuo, agendo direttamente online senza dover installare alcun programma aggiuntivo sul tuo pc, allora sei capitato nel post giusto.

Infatti, al giorno d'oggi è possibile modificare un sito online, in tempo reale, direttamente dal browser nel quale lo si sta guardando.
Vediamo subito come fare e che browser utilizzare.


Come modificare un sito web online in tempo reale


Per poter cambiare lo stile grafico di un sito internet in tempo reale, apri il tuo browser di fiducia e digita l'indirizzo del sito web che vuoi editare.

Attualmente, l'operazione che andrò a spiegarti è possibile tramite diversi browser, tra cui: internet explorer, opera, firefox, chrome.
Per gli altri browser comunque, è sicuramente possibile installare dei componenti aggiuntivi per poter fare queste cose.

A prescindere dal browser utilizzato, la procedura è sempre la stessa:
  1. Posizionarsi con il mouse sopra l'elemento del sito da modificare
  2. Cliccare con il tasto destro e scegliere l'opzione: analizza elemento (firefox), ispeziona (chrome), esamina elemento (explorer), ispeziona elemento (opera).

Facciamo dunque finta di voler modificare un sito da firefox, clicchiamo con il tasto destro sopra l'elemento desiderato e scegliamo la voce analizza elemento.

Modificare un sito web online in tempo reale

Sotto in basso alla finestra del browser, si aprirà una sorta di nuova finestra operativa, divisa in più tab.
A sinistra ci sarà il codice html da modificare a mano, mentre a destra ad esempio, ci sarà la sezione inerente ai fogli di stile.

modifica html sito

Quindi potrai decidere se agire direttamente nell'html del sito, aggiungendo volendo anche nuove righe di codice, oppure andare a modificare i fogli di stile, cosa decisamente più semplice.

Facciamo ad esempio finta di voler cambiare il colore della testata del mio sito web.
Dovrò posizionarmi su di esso con il mouse, cliccare con il destro e vedere come si chiama la classe css usata in questo caso.
Nel mio esempio specifico si chiamerà #header, ed io dovrò semplicemente cambiare il codice esadecimale attuale, con uno nuovo a mio piacimento, nell'attributo background.
Quindi, più nel dettaglio, andrò a cambiare:
background: #2c4584;
con
background: #FF00FF;
Per ottenere questo discutibile risultato:

Nuovo colore sito

Grazie a questa opzione ormai integrata su quasi tutti i browser, sarà possibile cambiare i css in tempo reale ad un sito, vedendo a video immediatamente il risultato.

Questa cosa è molto utile primo perchè possiamo farlo su qualsiasi sito internet anche non nostro, andando a modificare una pagina web senza avere le credenziali d'accesso del server che la ospita (ovviamente la modifica effettuata verrà vista solo da noi e sparirà una volta chiuso il browser).
Poi perchè può essere molto utile per testare un sito web senza doverci di fatto mettere mano, da qualsiasi pc o luogo in cui ci si trovi, senza bisogno di aver con sé i propri strumenti di sviluppo, ma solo tramite la conoscenza dell'html.

Ovviamente, più sei bravo con l'html ed i fogli di stile, e più modifiche riuscirai a fare in tempo reale sul sito web analizzato dal browser.
Infine volendo, potresti anche decidere di salvarti il codice html o css che hai appena generato online dal tuo browser, per poterlo riutilizzare in seguito, caricandolo online e rendendo effettive le modifiche al sito.

Un'ulteriore utilizzo di questa procedura per modificare un sito dal browser, è quella a scopi umoristici.
Infatti, potresti ad esempio aprire il sito dell'Ansa, modificare una notizia cambiandone il titolo e mettendo la foto di un tuo amico, e poi chiamarlo davanti al tuo pc per fargli prendere un colpo :)

Aumentare DPI immagine online

Mi è capitato di recente di dover caricare un'immagine per la copertina di un libro su amazon, e mi è stato chiesto di caricare una foto da 300 dpi.
La prima cosa che ho fatto quindi è stata di capire cos'è un dpi, poi mi sono ingegnato per cercare di scoprire come aumentare i dpi di un'immagine online, senza quindi l'ausilio di alcun programma aggiuntivo.

Modificare i dpi di un'immagine ovviamente può voler dire anche cambiarne la risoluzione, andandola pure a peggiorare in alcuni casi.
Andiamo subito a vedere come fare.


Come aumentare i DPI di un'immagine con un sito online


Per poter cambiare i dpi (dots per inch) di una foto, collegarsi al seguente sito internet:

https://convert.town/image-dpi

Adesso bisognerà solamente scegliere il numero di dpi, scrivendolo nell'apposito box New DPI Value, poi bisognerà caricare l'immagine dal proprio computer, cliccando sul bottone Choose file.

Aumentare DPI immagine online

Una volta terminato il processo, partirà automaticamente il download dell'immagine con i dpi modificati.
Se però per errore si sceglie di non scaricare subito l'immagine, comunque nella pagina sarà presente un link con il suo nome, per poter far partire il download anche in seguito, tramite un semplice click del mouse.

Aumentare i dpi di un'immagine non è mai stato così facile, grazie al tool di convert town.
Il tutto rigorosamente online, senza dover installare programmi aggiuntivi, e soprattutto gratis.

Ovviamente questo sito non è che fa miracoli, non si può pretendere di ottenere un'immagine con un numero elevato di dpi partendo da una piccola e poco risoluta fotografia.
Se invece, ad esempio, vi mancano pochi dpi per raggiungere la cifra necessaria per poter caricare una foto da stampare su un sito online, questo tool gratuito potrebbe fare proprio al caso vostro.

Come vedere i DPI di un'immagine

La sigla DPI (dots per inch) indica la quantità di informazioni grafiche che possono essere rese da un dispositivo di output (es: stampante, schermo, plotter) o fornite da un dispositivo di input (es: mouse, scanner).
Più precisamente, il termine DPI esprime la quantità di punti stampati o visualizzati su una linea lunga un pollice (2,54 cm).

Quindi, a parità di dimensioni di stampa, maggiori sono i dpi di una foto, e migliore sarà la risoluzione dell'immagine, e quindi anche della qualità della stampa.

Ma se si volessero vedere i dpi di un'immagine, come bisognerebbe fare?
Premesso che nel digitale, parlare di dpi senza stampare non ha senso, vediamo subito come scoprire quanti dpi ha una foto salvata sul pc.


Come vedere i DPI di un'immagine


Se si vuole scoprire quanti dpi ha un'immagine, ovvero la sua risoluzione, è possibile agire in maniera diversa a seconda del programma grafico che si utilizza.
Vediamo qualche esempio pratico.

Scoprire DPI immagine con Firefox

Dopo aver aperto la foto con firefox, seguire il seguente percorso:
Elabora -> Area di lavoro -> Dimensione immagine -> Dimensione di stampa -> Risoluzione -> Pixel/Pollice

DPI Fireworks

Sapere DPI foto con Gimp

Aprire la foto con il programma grafico gimp ed andare su:
Immagine -> Dimensione di Stampa -> Risoluzione x/y -> pixel/in

DPI Gimp

Conoscere DPI con Photoshop

Aprire la fotografia con photoshop e poi andare in:
Immagine -> Dimensione Immagine -> Risoluzione -> Pixel/inc

Scoprire DPI con Windows

Se si ha un windows inferiore al 7, si può ottenere i dpi di un'immagine nel seguente modo:
Tasto destro mouse sull'immagine -> Proprietà -> Sommario -> Avanzate -> Risoluzione orizzontale/verticale

Di tutti i metodi citati quindi, se non si ha un windows vecchio, il modo più economico e veloce è dunque quello di utilizzare il programma gratuito gimp.

"Azione account richiesta" (Google): Cosa Fare

Da qualche giorno a questa parte, alcuni account google di persone che conosco, hanno iniziato a ricevere la seguente notifica: "Azione account richiesta".
Ma che cos'è questo messaggio? A cosa serve? Come si toglie?
Scopriamolo subito in questo breve post.


Azione account richiesta di Google: Cosa Fare


Quando sul display del tuo cellulare appare la notifica "azione account richiesta", significa che per poter accedere al proprio account google è necessario compiere un'operazione di controllo.
Nulla di esageratamente complicato, ma se uno non lo sa ed ignora la notifica (un'icona a forma triangolo), alcuni sistemi google potrebbero non funzionare (es. gmail).

Azione account richiesta di Google

Quello che bisogna fare è dunque, cliccare sulla notifica 'azione account richiesta'.

Apri la notifica

Si aprirà una schermata google dove ci sarà scritto esattamente:
"Effettua l'accesso: è stata apportata una modifica al tuo account google. Per motivi di sicurezza, accedi di nuovo".

Nulla di allarmante, tranquillo, probabilmente google avrà cambiato qualcosa a livello globale, magari per aumentare la sicurezza dei propri sistemi (visti i recenti attacchi anche a facebook).
Quello che dovrai fare è semplicemente cliccare sul pulsante Avanti ed inserire la password d'accesso al tuo account google.

v
Inserire password google

Infine, dopo aver immesso la giusta password, cliccando nuovamente su Avanti, questa notifica sparirà definitivamente dal tuo cellulare, e potrai tornare ad utilizzare il tuo account google.

Non ti fare dunque problemi ad inserire i tuoi dati d'accesso quando vedi la notifica "Azione account richiesta", perchè non è un virus o un tentativo d'intrusione nei tuoi dati personali, ma è una cosa ufficiale di google.

PS se vuoi aumentare il livello di sicurezza del tuo account google, leggi questa guida.

Il Trono di Spade

Il Trono di Spade (Game of Thrones) è una serie tv americana andata in onda dal 2011 al 2019.
Il genere di questa serie televisiva è fantasy, in quanto non mancano elementi come draghi, nani, streghe e magia, battaglie con spade, e tanto altro ancora.

Il Trono di Spade


Il Trono di Spade (Game of Thrones)

Trama

In un mondo diviso in sette regni, governati da un solo re e difesi da alcuni lord protettori, l'apparente pace sembra destinata a dover cessare.
Oltre al mare stretto infatti, ci sono i discendenti della famiglia dei Targaryen, i quali vogliono riconquistare il trono di spade, una volta appartenuto a loro.
Ma anche a corte, nella città di Approdo del Re, le cose non vanno molto meglio, in quanto diversi individui tramano alle spalle del loro sovrano, per cercare di prendere il potere.
L'inizio della fine della pace dei regni comunque, inizierà quando il re richiamerà a corte il suo vecchio amico Lord Stark, per nominarlo primo cavaliere.
Questa azione provocherà l'invidia della famiglia Lannister, e di altri individui pronti a tutto pur di poter sedere su il trono di spade.

Recensione

Che cosa dire di questa bellissima serie televisiva fantasy?
Oltre ad essere una delle serie tv più guardate ed apprezzate di sempre, il trono di spade (Games of thrones) è un vero e proprio gioiellino per gli amanti del genere di fantasia, ma non solo.
Infatti, a differenza di film come il signore degli anelli, la serietv il trono di spade offre una trama davvero intricata ed avvincente.
Tradimenti, complotti, battaglie, storie d'amore e d'amicizia, intrighi di corte, magia, strane creature, e tanto altro ancora attendono lo spettatore.
Quello che non manca mai ne il trono di spada sono i colpi di scena, infatti in questa serie non si sa mai chi vive e chi muore.
Non importa quanto possa essere carismatico un personaggio, nel trono di spade tutti possono morire!

Personaggi principali de "Il trono di spade"

Sarebbe impossibile citarli tutti, quindi vi nomino solo alcuni dei molteplici personaggi apparsi nella serie tv de il trono di spade:
  • Robert Baratheon: Il re dei sette regni, un personaggio inadatto al comando, troppo incline all'alcool e alle donne
  • Eddard Stark: l'amico di Re Robert, è lord protettore del nord. Un guerriero forte e leale
  • Cersei Lannister: la moglie di Re Robert, una donna che nasconde un grande segreto, disposta a tutto pur di diferendere i propri figli
  • Tyrion Lannister: fratello nano di Cersei, inizialmente un personaggio troppo incline all'alcol ed ai vizi, il cui destino però lo farà maturare molto durante il corso della storia
  • Jaime Lannister: il fratello gemello della regina Cersei, un uomo affascinante ed un abile spadaccino
  • Joffrey Baratheon: il figlio primogenito di Re Robert ed erede al trono, un ragazzo crudele e sadico
  • Daenerys Targaryen: una giovane donna esiliata, il cui desiderio è quello di tornare a sedere sul trono di spade, appartenuto in passato alla sua famiglia
  • Catelyn Tully: moglie di Eddard Stark, una donna forte che ama i propri figli
  • Sandor Clegane: detto il mastino, è uno delle guardie del re, un soldato senza titoli, molto feroce ed abile in battaglia
  • Jon Snow: figlio bastardo di Eddard Stark, abile guerriero, di bell'aspetto, è sicuramente il personaggio del trono di spade più amato dalle donne
  • Sansa Stark: figlia di Eddard, il suo sogno di sposare il principe Joffrey la porterà molto lontano da casa
  • Arya Stark: la figlia più ribelle di Eddard, una ragazzina un po' maschiaccio che vorrebbe imparare la spada al posto che diventare una vera lady
  • Drogo: il Khal (capo) della tribù dei Dothraki, dei fortissimi guerrieri che amano girare a cavallo
  • Stannis Baratheon: il fratello di Re Robert, un personaggio molto rigido, che segue le regole alla lettera e che combatte solo per onore
  • Bronn: un abile mercenario che si metterà al servizio del nano Tyrion Lannister, un uomo forte quanto astuto

E mi fermo qui, ma vi posso assicurare che ho omesso tanti di quei nomi che nemmeno immaginate, alcuni dei quali molto importanti, come altri figli di Eddard Stark, che non ho citato ma che sono anche loro degli indiscussi protagonisti della serie de il trono di spade.

Sono uscite 8 stagioni della serie, per un totale di 73 episodi.
Ogni puntata del il trono di spade è un colpo di scena, quindi non stupisce come questa serie tv possa aver riscosso un così grande successo a livello mondiale.

Colonia (film)

Colonia è un film thriller/storico del 2015 diretto da Florian Gallenberger, con Emma Watson, Daniel Brühl, Michael Nyqvist, Richenda Carey, Vicky Krieps, Jeanne Werner, Julian Ovenden, Martin Wuttke, August Zirner.

Colonia (film)
Trama
Daniel è un fotografo tedesco che si trova in Cile per collaborare con i sostenitori del politico Salvador Allende.
Quando però sale al potere Augusto Pinochet, Daniel e tutti i sostenitori di Allende scomodi, vengono arrestati.
Per Daniel inizierà un calvario fatto di torture ed i sopprusi, un calvario che lo porterà fino alla  Colonia Dignidad, una missione che in realtà è un luogo dove vengono mandate le persone scomode.
Per cercare di salvare Daniel, la sua fidanzata Lena, deciderà di sua spontanea volontà di infiltrarsi nella missione.

Recensione
Colonia è un interessante film tratto da una storia vera.
Non so esattamente quanto riportato nel film corrisponda a realtà, dato che alcune cose sembrano proprio una trama da film, però il quadro generale su questa Colonia Dignidad mi è chiaro, ed è davvero molto inquietante.
Film abbastanza riuscito, anche se con alcuni tempi morti ed un modo di narrare le cose non sempre accattivante, ma nel complesso un buon thriller/drammatico.

Link alla scheda del film su wikipedia

domenica 26 febbraio 2017

Spostare un oggetto (Mit App Inventor 2)

La lezione di oggi su Mit App Inventor 2 riguarda la possibilità di spostare / trascinare oggetti.
Sto parlando ovviamente di immagini, da utilizzare dentro un apposito elemento chiamato Stage.
Vediamo dunque come fare il drag and drop di oggetti sul nostro cellulare, una nozione fondamentale per poter sviluppare applicazioni per android.


Come spostare / trascinare un oggetto con Mit App Inventor 2


La procedura da eseguire per poter spostare un oggetto/immagine sullo schermo, trascinandolo dove ci pare, è molto semplice.

Prima di tutto occorre aggiungere, dal pannello Disegno e animazione, uno Stage.
Adesso, per poter creare un app per android in cui spostiamo dove vogliamo un'immagine trascinandola su tutto lo schermo, cambiamo le dimensioni dello stage, mettendo 100% in altezza e larghezza.

Adesso andiamo a trascinare nel visualizzatore un oggetto (sempre da disegno e animazione) di nome Sprite.
E' qui che andremo a caricare l'immagine che vorremo poter muovere semplicemente trascinandola con il tocco delle dita sul display del cellulare.
Quindi, carichiamo una foto dal nostro computer, cliccando sulla proprietà Immagine, e se necessario, ridimensioniamola.

Spostare un oggetto (Mit App Inventor 2)

Adesso andiamo nella sezione Blocchi, per iniziare a scrivere il codice (per modo di dire) necessario al funzionamento della nostra app android.

Clicchiamo su Sprite1 (o come si chiama l'immagine 1) e poi su Per sempre quando Sprite1 .Trascinamento (Dragged).
Adesso selezioniamo il blocco Esegui Sprite1 Vai A, e poi sul valore X andiamo ad aggiungere, cliccando sulla sezione Variabili, il blocco Valore di e mettiamo X attuale (CurrentX).

Adesso possiamo fare una scelta.
Se vogliamo che il nostro oggetto sia spostabile solo in orizzontale, nel secondo blocco, quello della Y, dobbiamo selezionare Sprite1 Y, altrimenti basta ripete l'operazione precedente scegliendo come valore Y attuale (CurrentY).

Se invece volessimo muovere un oggetto solo in verticale, dovremmo mettere come Y, valore di Y attuale, e come X lo Sprite1 X.

Trascina immagine

Attenzione però, quando andrete a testare la vostra app sul vostro telefonino android, potrebbe anche capitarvi il seguente errore: "The variable $Yattuale is not bound in the current context" (o Xattuale).
Questo strano errore sembra risolversi da solo cambiando lingua in inglese, riavviando la conn al cellulare con cui fate i test, e modificando le variabili in lingua inglese (currentX e currentY).

Se volete testare il trascinamento di un oggetto, ecco il progetto .aia da scaricare.

Cliccare qui per tornare all'elenco delle lezioni.

Come cancellare una pagina Word

Sembra assurdo, ma cercando un po' su internet non ho trovato nessun comando word per cancellare una pagina, che sia vuota o meno.
Visto che esiste l'opzione "inserisci interruzione di pagina" che di fatto ti fa creare una nuova pagina, mi sarei aspettato un comando analogo per l'operazione inversa, invece eccomi qui a spiegarvi come eliminare una pagina word.


Come cancellare una pagina Word


Per poter rimuovere un pagina word vuota (o non), seguire la seguente procedura:
  1. Cliccare in alto nel menù Home
  2. Nella sezione Paragrafo, cliccare sul simbolo del pigreco
  3. Posizionarsi alla fine della pagina da cancellare, dove c'è l'ultimo simbolo del paragrafo e continuare a cliccare il tasto Backspace, fino a che la pagina word di troppo non viene eliminata

Come cancellare una pagina Word

Con questa semplice procedura, potrete cancellare qualsiasi pagina word, soprattutto magari quelle che sembrano pagine vuote, ma che in realtà nascondono qualche carattere invisibile, tipo acapi o spazi vuoti.

Certo, da un programma come word ci si sarebbe aspettato un comodo tasto rimuovi pagina corrente, ma non si può avere tutto dalla vita no?

Comunque questo metodo quantomeno è utile anche per vedere quando c'è un'interruzione di pagina, così da poterla rimuovere con il tasto backspace (la freccia indietro sopra il tasto Invio della tastiera), o con il tasto canc se si seleziona la voce tramite doppio click del mouse.

Un altro caso in cui potrebbe risultare una pagina di troppo, è quello in cui c'è qualche tabella.
Word di default sembra piazzare un paragrafo vuoto dopo le tabelle, quindi anche in questo caso basta mostrare il paragrafo e poi provare a cancellarlo con il solito metodo del backspace, oppure selezionare il paragrafo e nasconderlo, per poi disattivare la visualizzazione dei paragrafi a livello generale, replicando la procedura mostrata all'inizio.

Se poi si vuole eliminare l'ultima pagina word, senza troppi giri di parole, si può cliccare la combinazione di tasti CTRL+FINE.
Si verrà dunque posizionati in fondo al documento e con il solito tasto backspace si potrà fare piazza pulita, magari tenendolo premuto per velocizzare il tutto.

Come si può vedere, alla fine cancellare una pagina word non è poi un'operazione così difficile, anche se il tutto sarebbe stato molto più semplice ed immediato tramite un apposito tasto "cancella pagina word".