L'esigenza di offrire un prodotto in diversi ambiti, è sicuramente una pratica che consente di raggiungere il proprio target in maniera efficacee produttiva possibile.Ogni studente seguendo le nozioni ricevute durante le lezioni seguite fino ad ora è chiamato a sviluppare un website che presenti un dato prodotto (a discrezione dello studente) e mostrarne nelle caratteristiche inerenti ad esso. Interessante sarà sicuramente l'inserimento di funzionalità che non saranno strettamente legate all'installazione di base e al tema selezionato.Lo stile grafico-visivo sarà sicuramente un punto che all'interno di questa esercitazione avrà sicuramente importanza, quanto la creazione di una sitemap che aiuterà lo studente identificato nella figura del web designer a creare un'architettura informativa coerente e producente.Il tutto presentato tramite screenshot ed argomentazione, successivamente revisionate in classe.Ecco alcuni dei link presentati in classe a livello bibliografico:abookapart.comalistapart.comitalianalistapart.it

Over su menù principale - About tish/our campus

Ciao Camillo, come richiesto dalla consegna ho realizzato avvalendomi del programma xMind l'alberatura del sito NYU TISCH e la visualizzazione dei vari menù presenti al suo interno mediante la piattaforma WordPress. L'organizzazione dei menù all'interno del sito NYU TISCH è apparsa alquanto complessa, tant'è che nella sola homepage sono a disposizione dell'utente circa 4 menù, ognuno dei quali presenta i rispettivi sottomenù (alcuni riportanti anche delle ripetizioni). Procedendo per ordine, dunque, andiamo ad analizzare l'organizzazione dei menù presente all'interno del sito NYU TISCH. Come già descritto io sono riuscita ad individuarne 4: 1.    Menù principale2.    Menù categorie3.    Menù about us4.    Menù info

Seguendo le nozioni ricevute, ogni allievo è chiamato a visualizzare e a mappare la navigazione primaria e non, del sito NYU TISCH.La consegna prevederà la ricreazione dell'alberatura del sito e la visualizzazione dei menu presenti, all'interno della piattaforma di Wordpress.All'interno dell'articolo ogni allievo dovrà per tanto inserire:esportazione visiva della mappatura realizzatascreenshots di presentazione del menu sviluppato all'interno di WordpressNon è richiesta nessuna modifica a livello visivo, se non per aiutare a visualizzare il contenuto e a favorirne la navigazione e la coerenza.Non è richiesta la strutturazione delle pagine all'interno dell'installazione di Wordpress, il link alle pagine effettive e reali è sufficiente, nulla vieta di andare a replicarlo in maniera effettiva.Esecuzione esercizioIl lavoro è iniziato con l'analisi dei contenuti presenti all'interno dei vari menu e con la loro mappatura visiva. Sono state realizzate due mappe distinte, una per il menu di navigazione principale e una per il menu presente nel footer. 

Come da comando per l'esercizio ho creato una mappatura sia del footer che del menu principale usando xmind.Ho fatto infine lo screenshot sia del sito che della mappa.

Ho Creato il Sito Seguendo un tema che mi sembrava il più adatto per ricreare dei menu di un'universitàIl Tema scelto è quindi stato: Education Hub 

Nell'esercizio di oggi il compito era quello di inserire un menu con sotto elementi nell'head del sito, successivamente ricreare un menu nel footer seguendo come guida il sito NYU.Per progettare il sistema di navigazione del sito ho creato delle mappe usando il software XMind.

Ogni studente è invitato a selezionare due delle tipologie affrontate durante la lezione, e creare un elaborato analitico grafico - testuale,  considerando che dalle scelte effettuate, si procederà nelle lezioni successive con quelle che sono le parti più inerenti alla progettazione di una vera e propria piattaforma.Schemi di classificazione:TemporaleAlfabeticoGeograficoFormatoorganigrammaTaskPubblicoSubject TopicAnalisi 1Task.Il sito Ryanair (compagnia aerea) è organizzato in diversi step che permettono all'utente di scegliere il suo viaggio tramite sezioni, partendo dalla scelta dell' aeroporto di partenza e arrivo, data di partenza e di ritorno, orari e costi dei voli, posti a sedere e infine al pagamento del volo selezionato dall'utente.

Ogni studente è invitato a selezionare due delle tipologie affrontate durante la lezione, e creare un elaborato analitico grafico - testuale,  considerando che dalle scelte effettuate, si procederà nelle lezioni successive con quelle che sono le parti più inerenti alla progettazione di una vera e propria piattaforma.Schemi di classificazione:TemporaleAlfabetico: alphabeticalstudioGeografico: airbnbFormatoorganigrammaTask: glittyPubblicoSubject Topic: ddd

Ogni studente è invitato a selezionare due delle tipologie affrontate durante la lezione, e creare un elaborato analitico grafico - testuale,  considerando che dalle scelte effettuate, si procederà nelle lezioni successive con quelle che sono le parti più inerenti alla progettazione di una vera e propria piattaforma.Schemi di classificazione:TemporaleAlfabeticoGeograficoFormatoorganigrammaTaskPubblicoSubject Topic

A seconda del contesto e della funzionalità di utilizzo ogni software applicativo viene identificato con una terminologia differente.Desktop, Games, Educational, Science, Software Development, Business Enterprise sono i campi di azioni nel quale lo studente dovrà identificare, documentare e analizzare tre di questi campi di azione. Il tutto dovrà essere presentato all'interno dell'articolo con chiari riferimenti visivi e didascalici.Prima AnalisiDesktopPaint , è un software in cui sono presenti diversi strumenti che permettono di creare della grafica semplice, come la modifica di immagini, la creazione di disegni e l'inserimento del testo.Si presenta in maniera semplice e facilmente utilizzabile dall'utente grazie ai suoi strumenti base disposti tutti in un unico pannello (pennelli, inserimento testo, forme geometriche, colori, gomma etc...).

A seconda del contesto e della funzionalità di utilizzo ogni software applicativo viene identificato con una terminologia differente.Desktop, Games, Educational, Science, Software Development, Business Enterprise sono i campi di azioni nel quale lo studente dovrà identificare, documentare e analizzare tre di questi campi di azione. Il tutto dovrà essere presentato all'interno dell'articolo con chiari riferimenti visivi e didascalici.

A seconda del contesto e della funzionalità di utilizzo ogni software applicativo viene identificato con una terminologia differente.Desktop, Games, Educational, Science, Software Development, Business Enterprise sono i campi di azioni nel quale lo studente dovrà identificare, documentare e analizzare tre di questi campi di azione. Il tutto dovrà essere presentato all'interno dell'articolo con chiari riferimenti visivi e didascalici.

Ogni studente è invitato a selezionare due delle tipologie affrontate durante la lezione, e creare un elaborato analitico grafico - testuale,  considerando che dalle scelte effettuate, si procederà nelle lezioni successive con quelle che sono le parti più inerenti alla progettazione di una vera e propria piattaforma.Schemi di classificazione:TemporaleAlfabeticoGeograficoFormatoorganigrammaTaskPubblicoSubject Topic

A seconda del contesto e della funzionalità di utilizzo ogni software applicativo viene identificato con una terminologia differente.Desktop, Games, Educational, Science, Software Development, Business Enterprise sono i campi di azioni nel quale lo studente dovrà identificare, documentare e analizzare tre di questi campi di azione. Il tutto dovrà essere presentato all'interno dell'articolo con chiari riferimenti visivi e didascalici.

A seconda del contesto e della funzionalità di utilizzo ogni software applicativo viene identificato con una terminologia differente.Desktop, Games, Educational, Science, Software Development, Business Enterprise sono i campi di azioni nel quale lo studente dovrà identificare, documentare e analizzare tre di questi campi di azione. Il tutto dovrà essere presentato all'interno dell'articolo con chiari riferimenti visivi e didascalici.

Seguendo le nozioni divulgate durante le prime lezioni, lo studente è chiamato ricreare, tramite i passaggi specificati, a ricreare una piattaforma web tramite l'utilizzo del cms wordpress. Seguendo le istruzioni, argomentando e motivando le scelte effettuate.Consegna:Effettuare una nuova installazioneCreazione di un n° (definito dallo studente) di pagine con differenti funzioniCreazione di un n° (definito dallo studente) di articoli con attribuiti tag e categoriePersonalizzazioneAggiungete il docente come coautore, una volta completata l'esercitazione.Ciao Camillo, ecco la presentazione del mio lavoro. Ho scelto il sito di Focus.it perché si presta particolarmente bene agli scopi indicati. Innanzitutto ho utilizzato il tema Magazine, adatto alla progettazione di siti inerenti a testate giornalistiche.Trattandosi di un tema demo ho subito potuto notare che non tutti gli aspetti sarebbero stati editabili ma ho comunque deciso di mantenerlo perché l'ho reputato molto funzionale e abbastanza coerente con colori e toni del sito originale.

Ciao Camillo, per la realizzazione della prima esercitazione su WordPress ho preso in riferimento il sito web del Giornale di Sicilia, poichè ben organizzato nelle differenti categorie/tematiche affrontate. Allego qui di seguito una serie di screenshots che ne illustrano e documentano la realizzazione ed una breve descrizione della stessa:Homepage.La mia homepage presenta in alto a sinistra il logo del GDS, la data del giorno ed immediatamente accanto scorrono in continuo aggiornamento i titoli degli articoli più recenti. A seguire le icone e i collegamenti ai vari social networks quali Facebook, Twitter, Gmail, Instagram, Pinterest e Youtube.Poco sotto vi è la barra di navigazione che presenta le categorie principali:Icona HomeCronacaPoliticaEconomiaSocietàSportCulturaGalleriaEdizioni LocaliA seguire troviamo le anteprima degli articoli più recenti ridotti a miniatura.