Per la costruzione di un sito in wordpress è opportuno prima di tutto scaricare il software MAMP che permette di lavorare al progetto in locale.Dopo aver scaricato e installato MAMP bisogna installare Wordpress, impostare la lingua e aprire il nostro Sito.All'interno del nostro progetto wordpress ci presenta subito una navigazione intuitiva formata da una dashboard laterale a sinistra in cui troviamo tutti i comandi necessari a modificare il nostro sito.

Ciao Camillo, il prodotto che ho scelto per la realizzazione del Product Website è ilnuovo modello di scarpe "Victor SH-A920", impiegate esclusivamente in sport quali Badminton, Squash e Tennis.Per prima cosa, al fine di pianificare il lavoro al meglio, ho sviluppato una mappatura del sito web che avevo intenzione di creare, servendomi di XMind, successivamente ho proceduto con la scelta di un tema, l'organizzazione grafica e l'impiego di svariati plugins uniti all'uso del codice CSS al fine di rendere quanto più versatile possibile il tema scelto inizialmente.

Ho preso il marchio di jeans dondup per il mio sito.Ho creato un e-commerce cercando un tema sullo store di wordpress, ho usato il filtro e-commerce per arrivare subito al tema che più si adattava alle mie esigenze, inserendo anche una pagina di descrizione del marchio.Successivamente ho installato il plugin Woocommerce, che già di per sè ha tutto quello che serve per creare il proprio sito e-commerce.Infine ho installato anche ultimate social media icons per personalizzare nel footer la barra dei social.

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 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.

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.

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.

La prima lezione del corso di GUI introdurrà lo studente all'interno della progettazione di applicativi digitali. All'inizio verrà richiesto allo studente una vera e propria completa confessione di tutto ciò che nel suo individuo e accostabile al concetto di web design, che è il termine che più facilmente si accosta alla designazione di prodotti non legati prettamente al mondo cartaceo ed editoriale.Dopo aver argomentato in maniera autonoma attraverso un saggio breve tutto ciò che l'essere conosce, attraverso l'utlizzo di Authorea, la quale piattaforma verrà introdotta ed esplicata nella stessa, il gruppo classe allestirà un vero e proprio dibattito per cercare di capire cosa è accostabile nel contemporaneo a tale argomento. Il saggio breve personale verrà ovviamente conteggiato e potrà essere continuamente aggiornato durante tutto l'anno accademico, per creare quella che verrà poi considerata la propria visione/interpretazione del contesto di analisi e di azione.Tutto l'apprendimento è quindi legato ad un tempo che non direttamente proporzionale allo svisceramento dei contenuti.La sua efficacia si misura nel futuro prossimo, non nell'immediato.Il web design è la fase di ideazione e di sviluppo di un sito web contenente informazioni utili per gli utenti.Il web designer si occupa della progettazione e dell'estetica dell'interfaccia, ed ha il compito di  dover far comprendere all'utente dove poter cercare le informazioni che gli occorrono all'interno della pagina web.

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.

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.

ConsegnaRealizzare un sito web per IndexPlus, una design agency con target di riferimento medio-alto.Linee guida vincolanti sono l'utilizzo del font Montserrat, l'impiego di una palette cromatica a tre colori, di cui uno in contrasto con gli altri, la presenza di quattro sezioni (home, about, portfolio, contact) e l'inserimento di link ai profili social dell'agenzia.Sviluppo progettoNella realizzazione del sito si adotterà un layout one-page, per conferire maggiore evidenza al contenuto si è scelto di mantenere la struttura più lineare possibile. La palette colori richiama una scelta effettuata ancora una volta in base a criteri di chiarezza e linearità.

Web Design - saggio breve Indica l'attività di progettazione e realizzazione di un sito web e si occupa di definire sia l'aspetto visivo del sito sia la creazione di pagine web, passando dalla progettazione grafica a configurazione di pagine web con cui l'utente può interagire.Il web designer può collaborare con altre figure professionali, l'analista, il graphic designer, l'architetto web, il web master ecc. Il sito deve rispettare determinate linee di comunicazione digitale, essere accattivanti, con una buona visuale, semplice da navigare e accessibile utilizzando browser e tecnologie digitali per raggiungere l'utente.                                                                                                                                                                                                                                                 Roberta Inverardi e Roberta Nuvoli

L'esigenza di offrire un prodotto in diversi ambiti, è sicuramente una pratica che consente di raggiungere il proprio target in maniera efficace e 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

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

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.

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 modalità di analisi fornite durante la lezione, ogni studente è chiamato ad analizzare ed argomentare un prodotto che si sviluppi in ambito editoriale (quindi stampato) e in ambito digitale (piattaforma web). L'esercitazione prevede un'analisi che visualizzi e divulghi le ragioni per il quale la linea guida venga o meno seguita all'interno dello sviluppo del prodotto nei due differenti ambiti.Non ci sono limiti, la ricerca può essere ad esito positivo o negativo, l'importanza di avere il prodotto stampato effetivamente disponibile non potrà far altro che giovare per l'analisi della stessa.