Negli scacchi la strategia di aprire un secondo fronte nelle operazioni di attacco, quando abbiamo un vantaggio acquisito magari su lato opposto ma non basta per vincere la partita, è una soluzione spesso ok per portare a casa il punto. Quando si inizia con CI Framework non si hanno tutte le risposte e quindi l’unica filosofia che si può perseguire è quella di scomporre i problemi in problemi più piccoli e anche di studiare gli esempi perché far funzionare tutto e subito non è alla portata del NEWBIE!
Quando un problema come nel mio caso attende una risposta trascendente sull’operatore LIKE in MVC che al momento non arriva, tutto quello che si può fare é non perdere l’allenamento con CI e cimentarsi comunque a percorsi indiretti CHE APPARENTEMENTE PORTANO LONTANO DA UNA SOLUZIONE. Ad esempio vediamo come realizzare nel procedurale una soluzione come un search engine che al momento traslato su CI non mi funziona. Un motore di ricerca interno per il mio western Movie è indispensabile ma al momento deve mancarmi qualche info tecnica su come mettere in moto la dinamica di funzionamento. Almeno avere le idee chiare nel prcedurale! Immaginiamo quindi di volere tirare su un search engine che cerca solo info legate alle birre, come fare? Abbiamo la nostra pagina statica come index o piattaforma di lancio o di ricerca dopodiché nel body inseriamo:
<form action="result.php" method="get"> <img src="images/logo.png" /> <input type="text" name="user_query" size="80" placeholder="write something to search beer"/> <input type="submit" name="search" value="Search Beer Now"> </form>
analizziamo bene i punti critici che sono dopo l’apertura e la conseguente chiusura del tag FORM: action=”result.php” e method=”get” presenti nel form che si preoccupano rispettivamente di inviare i dati compilati dall’ utente a una pagina che farà il lavoro sporco e la specificazione del metodo GET preferito per comodità ma non per specifiche di sicurezza a POST. Il nome del campo testo è molto importante: name=”user_query” così come é molto importante il pulsante identificato come search . Questo FORM spediscei dati alla pagina di elaborazione result.php che recupererà i dati in transito sulla URL con il metodo GET per inserirli in una Query che filtrerà i dati nel database grazie alla clausola WHERE e all’operatore LIKE che fa uso dei caratteri Jolly (%) per supportare alcuni criteri di ricerca. Vediamo quindi come si recuperano intanto i dati:
if(isset($_GET['search'])){
$get_value = $_GET['user_query'];
if($get_value==''){
echo "<center><b>Please go back, and write something in the search box!</b></center>";
exit();
}
Alla riga uno si chiede se l’utente ha spedito qualcosa come dati, se il pacchetto dati ‘search’ è pieno (ISSET) allora setta una variabile di nome get_value che ha come valore la cattura del dato del campo testo! Dopodiché ci sarà una condizione IF – ELSE che dice: se il valore di get_value é vuoto avvisa che devi cercare qualcosa di diverso in wikibeer (nella stringa campo testo) altrimenti procedi con una situazione di TRUE e il codice si sviluppa in questo modo:
$result_query = "select * from tuonometabella where keywords like '%$get_value%'";
$run_result = mysqli_query($conn, $result_query);
if(mysqli_num_rows($run_result)<1){
echo "<center><b>Oops! sorry, nothing was found in the database!</b></center>";
exit();
}
Qui l’interpretazione della stele di Roseta dice che: seleziona tutti i record presenti nella tabella con il nome da te scelto dove il campo keywords ha come valore (grazie all’ operatore LIKE) la stringa digitata dall’ utente, dopodichè questa query in relazione ai parametri di connessione avrà una situazione di tabella vuota e di tabella piena, quindi devo gestire i messaggi all’ utente con un IF-ELSE dove sopra si evince solo la prima istruzione condizionale del FALSE che riporta un messaggio di database VUOTO all’ utente, che continua sotto con la condizione TRUE caratterizzata dal ciclo WHILE che fa tutto il lavoro di scorrimento dei dati:
while($row_result=mysqli_fetch_array($run_result)){
$title=$row_result['title'];
$link=$row_result['link'];
$link1=$row_result['link1'];
$tipo=$row_result['tipo'];
$alcol=$row_result['alcol'];
$desc=$row_result['desc'];
$history=$row_result['history'];
$image=$row_result['image'];
echo "<div class='results'>
<h2>$site_title</h2>
<img src='images/$image' width='88' height='100' style='float:left;padding-right:4px;margin-right:4px;'/>
<a href='$link' target='_blank'>$link</a> <a href='$link1' target='_blank'>$link1</a>
<p align='justify'>$tipo - $alcol - $desc</p>
<p align='justify'>$history</p>
</div>";
}
}
Quindi con due sole pagine, una di spedizione di dati e l’altra di ricezione abbiamo una INTERA APPLICAZIONE FUNZIONANTE! Certo a livello grafico il tutto lascia molto a desiderare, per cui stiamo seriamente pensando a fini didattici di migliorare il restyling della nostra applicazione, soprattutto in termini responsivi, che sarà oggetto del nostro prossimo articolo!
Dopo aver visto i comandi da finestra terminale e da riga di comando con il comando dotnet seguito da qualche cosa e anche come installare pacchetti aggiuntivi con NuGet, approfondiamo Visual Studio Code, l’editor leggero e snello che ci consentirà di programmare in C# senza appesantire troppo il nostro hard disk, editor che abbiamo imparato a conoscere da 
Grazie all’ uso di estensioni può supportare una enorme quantità di linguaggi e risolvere problemi tecnici tra i più svariati, nonchè migliorare la qualità della nostra programmazione manuale, basti pensare ad Emmet per esempio, indirizzo 
link a incona sulla barra laterale sinistra. Certamente l’ultimo riquadro delle estensioni è molto importante. Esiste una finestra terminale che si lancia con CTRL + ò da dove posso lanciare i miei comandi dotnet. Posso cambiare anche il tema e i colori anche usando la COMMAND PALETTE in alto e cercando THEME. Si lavora molto con gli short-cut ossia con le combinazioni di tasti. Per lavorare in C# devo installare l’estensione specifica e ricaricare per rendere effettiva l’installazione. Anche OMNISHARP va installato perchè invia il codice dall’ editor al compilatore funzionando da PONTE. In questo modo scrivendo il codice mi verrà suggerito il metodo che voglio applicare. Quando scrivo il codice se erro nella digitazione ho la possibilità di capire che cosa c’è che non funziona posizionandomi sopra e azionando omnisharp che indicherà l’anomalia da correggere. Poi abbiamo dei FIX utili per il refactoring con delle lampadine visualizzate che per esempio ci indicheranno delle using non più necessarie. Facciamo un piccolo riassunto sugli accessi rapidi:
A questo punto dobbiamo investigare le capacità di debugging dell’ editor. Un BUG è un errore che abbiamo commesso e che dobbiamo correggere. Il debugger è uno strumento software che va a scandagliare il codice a caccia di errori. L’interazione è anche bidirezionale perchè posso forzare la chiusura del flusso in punti specifici per capire se fino a quel punto vi erano anomalie. 
Con F5 si avvia l’applicazione di debug. In alto compare una barra fluttuante che ci consente di stoppare o riavviare l’applicazione. Il breakpoint è un punto di interruzione così il debug si arresterà proprio in quel punto. Con F9 fisso i punti di stop. In questo modo posso ispezionare gli oggetti anche nei sottolivelli di difficoltà composti da altri oggetti e da altre proprietà. CTRL + S salva le modifiche e F5 ripristina l’applicazione. CTRL + SHIFT + F5 ricompila il codice e rende effettive eventuali modifiche. I breakpoint sono così definiti in wikipedia: “nell’ambito dello sviluppo del software, un breakpoint è un punto di interruzione nel codice di un programma, normalmente usato per scopi di debugging. Un breakpoint è sostanzialmente uno strumento che consente di eseguire un programma con la possibilità di interromperlo in punto desiderato oppure quando si verificano determinate condizioni, allo scopo di acquisire informazioni su un programma in esecuzione. 
In particolare, il programmatore può analizzare eventuali file di log, lo stato delle variabili o dei registri, e così via, per verificare se il programma funziona come previsto o, in caso contrario, per risalire alla causa del malfunzionamento (bug)”. Il pannello WATCH sulla sinistra è molto importante perchè copiando il metodo sul pannello scopriamo se la condizione VERA per esempio e non crea problemi.Con CTRL + T posso cercare codice specifico all’ interno dei file con il simbolo del cancelletto. 
Cont CTRL + SHIFT + O ricerco con il simbolo di chiocciola ma non tutte le ricerche fanno uso di simboli come per esempio il contenuto dei file XML. Tutto ciò per migliorare la navigabilità dell’ applicazione al posto di impazzire manualmente cercando i file individualmente.Con CTRL + P non ho prefissi e simboli e posso cercare direttamente i file. CTRL + G posso cercare per riga di codice, ricerca molto utile quando il compilatore segnala errori su un file alla riga Numero X per esempio. ALT freccia a destra o ALT e freccia a sinistra posso navigare tra le classi e i rispettivi file che la utilizzano, tutto ciò ci responsabilizza sull’ enorme varietà di tecniche messe a disposizione dall’ editor per navigare il codice senza fare diecimila click sui file, con gli short-cut e le scorciatoie da tastiera possiamo davvero velocizzare la nostra programmazione. RIASSUMENDO con U
L’applicazione può essere così avviata in debug con il tasto F5. Visual Studio Code possiede una Command Palette, che consiste di una casella di testo polivalente che è richiamabile con varie scorciatoie da tastiera. In base alla scorciatoia usata, la Command Palette offre funzionalità diverse: Con F1 si predispone alla ricerca ed esecuzione di uno dei comandi disponibili in Visual Studio Code. Alcuni di questi comandi sono anche richiamabili dai menu (ad esempio: impostazione del tema per cambiare i colori e lo stile dell’interfaccia); con Ctrl+P permette di cercare e aprire file in base al nome; con Ctrl+T si attiva la ricerca per simbolo in tutta l’applicazione. Un simbolo è un elemento nel codice sorgente che possiede un nome, come ad esempio una classe, un metodo, una proprietà, un campo privato, una costante, un’enumerazione, un’interfaccia e così via; con Ctrl+Shift+O si cerca tra i simboli locali, ovvero definiti nel file di codice C# attualmente aperto; con Ctrl+G si può saltare alla riga indicata del file attualmente aperto.
Come wikipedia testimonia, “la mountain bike (spesso abbreviata in MTB, acronimo di Mountain/Trials Bike o Mountain Trail Bike; in italiano, rampichino) è una bicicletta strutturata in maniera da potersi muovere anche fuori da strade asfaltate, sia in salita che in discesa“. Qui parliamo di un percorso schematizzato come C7 davvero turistico da fare senza particolari patemi e sofferenze, se non l’ansia di scegliere dove fermarsi per fare una foto suggestiva. E’ un percorso che ha due varianti sostanzialmente, perchè al ritorno il ciclista condominiale (ossia quel particolare atleta che non ha esigenze particolari di battere qualche record) può anche ritornare verso Colle di Nocera Umbra seguendo la via dell’ andata. Sostanzialmente parliamo di un tragitto che se effettuato in indole turistica assorbe un oretta di tempo, con circa 10/15 km da percorrere su un strade agevoli per lunghi tratti asfaltate e comunque location interessanti da vedere, al di là dei classici cartelli vendesi che affiorano spesso durante il percorso sintomatici di visionari scenari futuri permeati di città fantasma (la popolazione di queste frazioni inserite nel CAP 06025 é prevalentemente anziana). Ma per fortuna la bicicletta di suo può mettersi in gioco e valorizzare il territorio anche se non è periodo di felici congiunture astrali dal punto di vista economico: giunge voce alla redazione di 
Inutile dire che frazioni come Colle di Nocera Umbra o anche quelle citate nella gita segnalata come percorso random “c7” (con particolare riferimento a un riquadro di una delle sessantaquattro caselle contenute in una scacchiera composta da un quadrato contenente otto colonne e otto traverse, soluzione che abbiamo usato grazie alle coordinate incrociate per dare ordine alla toponomastica dei percorsi possibili) diventano nel periodo che va da Maggio a Settembre dei luoghi fantastici paragonabili al Nexus del Comandante Kirk (a capo della mitica astronave della old serie Star-Trek, denominata NCC 1701 A) quando in Generazioni lo vediamo immergersi con un’ ascia in mano in una insana beatitudine in un Nexus autoreferenziale formato da valli verdi e casette agricole con tanta legna da spaccare: 
Sopra la chiesa c’è ISOLA ALTA che data la nostra avversione per le salite troppo intense che procurano emozioni troppo forti abbiamo deciso di evitare, ne consegue che il percorso va ulteriormente ampliato ed esplorato perchè alcune voci di corridoio ad esempio asseriscono che da qui è possibile raggiungere la frazione di Ponte Parrano dove costeggiando la ferrovia si può percorrere una strada molto agevole fino alla stazione di Nocera Umbra Scalo (verifica da inserire in agenda come nota per le prossime gite, perchè in effetti le stradine che si snodano da queste frazioncine sono tante e sembrano portare ovunque!). Ok ti sei rigenerato con la fontanella locale, hai fatto le foto, hai respirato aria buona, prima ti sei sparato anche cappuccino e brioches e pizzette di rito davvero non ti resta che telefonare a KIrk , alias William Shatner, 
A un primo impatto è come per Champollion decodificare i geroglifici, si vedono delle cose già abbastanza complicate come un ogetto che viene esteso con una classe su un figlio (AppCompatActivity) che eredità tutti i metodi principali e che ha potere di sovrascriverli con un @ovverride; ci vorrebbe una stele che semplifica il lavoro di criptazione! Forse l’unica cosa che si capisce è che chi ha fatto questa prima applicazione mobile sta lavorando su Kubrick per esaltarne il suo genio creativo con un activity che prende in ingresso una informazione immessa dall’ utente per restituirla tale e quale con qualche modifica in mezzo a un componente TOAST che nel mondo android è un metodo che spedisce a video un messaggio istantaneo. In sostanza il lavoro per mettere in piedi una APP primordiale è la prima volta duplice e ricorda un atleta che fa sollevamento pesi e che carica il suo fardello in due fasi distinte: da un lato cerca di sollevare il tutto da terra prima dell’ ultimo sforzo, poi raccoglie le energie e sincronizza il respiro per sollevarsi in posizione eretta e portare il peso in verticale sopra la testa. 
Anche noi dobbiamo procedere con questa logica: prima installare quello che serve, poi configurare l’ambiente con SDK e ADV in modo da avere anche un telefonino grafico per vedere come reagisce il nostro codice scritto e infine aprire un progetto, aprire la prima interfaccia grafica che vedrà l’utente appunto inserendo una nuova activity empty, poi collegare anche a questa activity la parte di codice java, il tutto senza dimenticare alcune sfumature: ad esempio quando si crea l’activity bisogna ricordarsi di fleggare in MainActivity presente nel file AndroidManifest.xml che è responsabile dell’ inclusione dei layout poi in fase di visualizzazione. Alla fine la nostra applicazione che cosa deve fare di fatto: saluta all’ inizio e dice qualcosa, poi propone al regista di segnalare il suo film migliore dopodichè la sua risposta sarà catturata in un contenitore variabile e riutilizzata come valore per estrapolare una frase simbolica tramite un COMPONENTE TOAST che ha la particolarità di lanciare un messaggio a video TEMPORANEO che può essere breve o lungo (qui abbiamo utilizzato la seconda cioé il metodo Toast.LENGTH_LONG ), solo per vedere se questa prima finalizzazione andrà in porto l’onere di costruire la prima APP come fa l’atleta con i pesi arrivando sul podio. Quindi quali elementi abbiamo bisogno di materializzare come prima APP? Lasciamo parlare direttamente l’activity_main presente nelle risorse alla voce layout:
la seconda espressione attinge all’ armadio risorse, in un cassetto chiamato stringhe con un valore identificato come name=”text” mentre la prima crea al volo un testo senza estrapolare nulla da nessuna parte. Inutile dire che a livello di organizzazione di codice bisogna sfruttare la seconda soluzione. Del resto Android Studio dal punto di vista della compattazione del codice è impeccabile, tutto il contenuto di APP ha le sue sezioni specifiche cok repository e bisogna sare che espressioni del tipo setContentView(R.layout.activity_main); di fatto non fanno altro che estrapolare dalla cartella res, identificata tramite la casse R nella sezione layout l’activity che prende il nome di activity_main. Questo perchè abbiamo un luogo dove poter prendere elementi grafici, altri per settare i vestiti con i css, altri per inserire valori stringa e cassetti che si occupano di gestire i layout, insomma un universo complesso che all’ inizio crea molti dubbi del tipo: ma non ho modo più facile per creare APP? In questo ambiente mi sembra di avere a che fare non con una trama di un film di Kubrick ma con tutta la sua produzione contemporaneamente! Senza contare che l’interfaccia grafica di suo è molto complessa e che cliccando inavvertitamente nel posto sbagliato si finirebbe per modificare la stessa IDE con disorientamenti acuti a corredo e perplessità non facilmente risanabili. Android Studio è un pachiderma ma ha il vantaggio di essere molto sicuro e affidabile soprattutto se supportato dalla RAM! Qui di seguito segue la gallery che testimonia gli sforzi progettuali del neofita di fronte la sua iniziazione e il prodotto finale (alla fine è il risultato che conta) dove la centralità dell’ opera di Kubrick non può essere messa in discussione. Naturalemente siamo di fronte a un punto di partenza, qui è stato agganciato un solo evento senza traumi. Ma che succederà quando le complicazioni nel codice aumenteranno di intensità? Non resta che scoprirlo, cimentandosi alla conquista di pesi maggiori da valorizzare!
sono tre stedi, come i tre scatti del mouse durante il DRAG and DROP) passando dalle materie che sono da acquisire nel proprio skill per completare il proprio ruolo (nel mio caso quello di frontend developer ma può variare in base ai settori di competenza, non esclusi quelli sportivi dove le aree di miglioramento su dove intervenire non sarebbero penalizzate in una visualizzazione grafica, anzi, ne otterrebbero solo un grande beneficio) come punto di partenza per arrivare alla fascia intermedia dell’ approfondimento e delle conoscenza della tecnologia specifica, per approdare allo stadio finale dove il bruco diventa farfalla e ha assimilato nel suo iter in working progress tutti i target focalizzati nella mission iniziale. I movimenti del cursore grazie a una facile personalizzazione, sono facilmente variabili a seconda delle proprie esigenze, in questo caso la scelta di camminare solo tre volte per il bottone iniziale che si sposta orizzontalmente era in sintonia con la cover di sfondo che appunto contrassegna tre aree diverse di lavoro. In ultimo è stato inserito anche un operatore di avanzamento con caratteristiche diverse, che segnala la percentuale lungo il suo percorso in maniera dinamica. Questo è molto utile per fare una fotografia dello stato dell’ arte e rendersi conto a quale priorità dare alle materie che necessitano di interventi di acquisizione rapida per arrivare a centrare prima l’obiettivo. Il consiglio è quello di fare largo uso degli indicatori di avanzamento e molto altro messi a disposizione dalla libreria DRAGDEALER in tutti gli ambiti e le discipline, perchè la visualizzazione grafica sugli interventi da fare nel proprio settore per migliorare magari delle aree difettose è molto produttiva in termini di energie canalizzate nel modo migliore. L’esperimento di 