Archivio per la tag 'webdesign'

Wireflow: creare diagrammi di flusso, schemi, grafiche per siti web, mappe mentali e concettuali

Wireflow  è una applicazione web con cui è possibile creare diagrammi di flusso, schemi, grafiche per siti web, mappe mentali e concettuali in modo facile ed intuitivo.

Strumenti di questo genere hanno la facoltà di rendere la comunicazione più efficace curando l’aspetto visivo delle informazioni.

Interamente basata sul web, Wireflow non richiede particolari conoscenze di grafica digitale dal momento che presenta un’interfaccia di lavoro semplice e ben strutturata che ne facilita l’uso.

Per usarla non c’è bisogno di registrarsi ma, se lo facciamo, lo strumento tiene traccia dei nostri lavori e si potrebbe usare anche in maniera collaborativa con altri utenti o colleghi di lavoro.

Incorpora infatti anche una funzionale chat per scambiare messaggi in tempo reale durante il processo di creazione.

Basta cliccare sull’apposito pulsante per entrare nell’editor dove prelevare tutta una serie di schemi già pronti, pensati soprattutto per la gestione di strumenti web, il web design, il blogging, l’e-commerce, i forum, la comunicazione via internet e via dicendo.

Il tutto avviene con il semplice drag&drop e modificando la dimensione e la disposizione degli elementi con il mouse o tramite scorciatoie di tastiera.

I modelli, tuttavia, possono essere adattati a qualsiasi progetto, anche professionale, educativo e scolastico.

Si può comunque sempre partire da zero e aggiungere elementi da connettere tra di loro come nella costruzione delle classiche mappe mentali.

Avataaars generetor: un semplice generatore di avatar da usare nei social network al posto della foto personale

Avataaars generetor  è un semplice generatore di avatar molto graziosi da usare soprattutto nei propri profili dei social network al posto di una foto personale.

Davvero molto facile da usare e del tutto gratuita, l’applicazione, attraverso un menù a tendina permette di selezionare le caratteristiche fisiche della persona, gli indumenti e gli accessori da aggiungere alla faccia e al mezzobusto da creare.

Una volta ottenuto un avatar di nostro gradimento si può scaricare sotto formato di file immagine PNG o tweetare direttamente.

Gli avatar ottenuti sono di sicuro impatto visivo come si può vedere dal sito principale avataaars.com

Avataaars generetor non richiede registrazione e con ogni probabilità sarà migliorato in futuro.

FotoJet: editare immagini online, creare collage di foto, realizzare grafiche accattivati via web

FotoJet è un’interessante applicazione web che permette di editare immagini online, creare collage di foto, realizzare grafiche accattivati via web.

L’app è infatti suddivisa in tre sezioni: design, collage, edit.

Tramite l’editor fotografico si possono applicare alle immagini caricate tutte le classiche modifiche di questo genere di strumenti: ridimensionare, ritagliare, ruotare, gestire i colori, l’esposizione, aggiungere effetti, filtri, scritte, clipart, cornici e molto altro ancora.

Lo strumento dedicato ai collage, come ben si intuisce, consente di creare collage fotografici in modo molto intuitivo attraverso modelli già pronti dal sicuro impatto grafico, ma anche fotomontaggi, cartoline, biglietti a partire dalle nostre immagini.

Il tool dedicato al design, infine, è capace di produrre una vasta gamma di grafiche utili per qualsiasi occasione e per la professione: poster, inviti, locandine, depliant, copertine di riviste, sfondi e testate da usare nei social, banner pubblicitari.

FotoJet è uno strumento molto ricco e completo, che funziona sia in flash sia in HTML5, gratuito e non richiede registrazione obbligatoria.

Ludus: un ottimo strumento per creare presentazioni creative ed accattivati online

Ludus è un ottimo strumento per creare presentazioni creative ed accattivati online che si mette in concorrenza con i vari Prezi, Emaze, Slid.es, Sway e via dicendo.

Si tratta di un’applicazione web che funziona principalmente grazie al drag&drop con cui trascinare e modificare qualsia forma di contenuto e di media: video di YouTube, foto trovate in internet, mappe di Google, link di Dropbox, oggetti 3D e tanto altro ancora (vedi video sopra).

Ludus convertirà tutti i media rilasciati in un formato leggibile e compatibile con qualsiasi dispositivo venga riprodotto, telefonino, tablet, computer che sia.

Anzi, attraverso una penna grafica, può essere usato comodamente anche sul tablet grazie ad un algoritmo di riconoscimento dei segni.

Tramite un’interfaccia molto chiara e semplice si possono ottenere risultati di tipo professionale in pochi semplici passaggi e scegliendo i template già pronti,  i colori e la grafica più aderente ai nostri progetti.

Si può addirittura usare un font personalizzato e caricarne uno già pronto da usare.

I vari componenti creati utilizzando miscugli di media, detti smart blocks, possono essere anche riutilizzati in future presentazioni.

Benché la piattaforma si basi principalmente sul web i lavori possono essere scaricati in formato PDF.

Ludus è ancora in fase beta ad inviti, offrirà una versione gratuita con due giga di spazio cloud e versioni poro a pagamento oltre a numerose nuove componenti.

Alcuni modi per creare un sito in modo semplice e veloce

Ormai esistono un sacco di sistemi per creare siti web in modo semplice e veloce senza la necessità di conoscere complicati linguaggi di programmazione, l’HTML, il PHP e via dicendo.

Molte aziende del settore propongono strumenti già pronti all’uso con cui, tramite un’interfaccia amichevole e visuale, realizzare prodotti di una certa professionalità.

Spesso, a pagamento, vengono fornite indispensabili opzioni aggiuntive e viene offerta pure la possibilità di ottenere un domino di primo livello o l’opzione di dirottare i contenuti su un dominio che magari abbiamo già registrato.

I sistemi più diffusi per la pubblicazione di siti web sono sicuramente Blogger, Joomla, Drupal e WordPress.

Blogger, il sistema di creazione di blog di Google, è il più semplice da usare e offre la possibilità di ottenere un dominio di primo livello.

Gli altri sono CMS (content management system), vale a dire piattaforme per la gestione di contenuti in internet, che necessitano di una procedura di installazione all’interno di uno spazio acquistato tramite un hosting provider piuttosto complicata per chi non è dentro il mestiere e richiedono un minimo di conoscenza dei linguaggi di programmazione e del funzionamento dei database mySQL.

Di frequente, per paura di non riuscire a dominare queste funzionalità, ci si rivolge a professionisti del settore che si fanno pagare, anche lautamente.

Fortunatamente il più diffuso Wordpress, nella sua versione wordpress.com, offre anche un sistema di pubblicazione che non richiede la conoscenza di quanto appena detto. Basta registrarsi e procedere alla pubblicazione di un sito web in modo facile, con molti strumenti user friendly pronti da usare.

In passato ho recensito alcuni strumenti per creare siti web al volo senza troppe complicazioni.

Di sicuro uno dei migliori ed affidabili continua ad essere Wix.com, una validissima piattaforma con cui creare un sito web gratis dall’aspetto professionale e curato.

La suite di Wix è in continuo sviluppo, è disponibile in moltissime lingue tra le più diffuse ed anche in Italiano all’indirizzo it.wix.com è in continua evoluzione e offre sempre  nuovi validi strumenti di pubblicazione in grado di soddisfare le esigenze più disparate.

I punti di forza di Wix rimangono l’ottimo editor sviluppato in HTML5 con cui creare pagine web in modo intuitivo con la tecnica del drag and drop, sempre più ricco di funzioni; la cura con cui sono gestite le immagini in modo da ottenere grafiche accattivanti e moderne con foto prive di diritti d’autore e di vincoli di copyright già incluse nelle gallery; il completo sistema di gestione dei menù, delle pagine e dei contenuti personali; l’adattamento automatico alla visualizzazione tramite telefono cellulare, tablet e qualsiasi altro dispositivo mobile; i numerosissimi template dagli stili grafici più disparati in cui scegliere quello che si adatta meglio a un sito web in base ai gusti, alle esigenze personali o aziendali, alle tematiche pubblicate.

Tutto ciò, ripeto,  senza dover conoscere alcun complicato linguaggio di programmazione .

In particolare i nuovi tool messi a disposizione sono:

Come si capisce chiaramente dal nome Wix Music è un sistema dedicato ai musicisti che vogliono farsi conoscere sul web con accattivati template specifici allo scopo.

Offre le immancabili funzioni social per promuovere il proprio marchio e la cerchia dei fan; la possibilità di includere file audio nei formati più diffusi e di venderli tramite download diretto; le funzioni per distribuire la musica sui vari store come iTunes e Google Play e le piattaforme di streaming alla  Spotify e Deezer; la possibilità di promuovere il proprio merchandising senza commissioni di terze parti e molto altro ancora.

Allo stesso modo Wix Video permette di mostrare, promuovere e vendere  video personali (anche di alta qualità) direttamente da uno specifico sito web, dove creare e gestire canali, offrire film in streaming, corsi, guide, tutorial, attività professionali, educative, i sempre più diffusi filmati how to (come fare) e DIY (fai da te).

Si possono ovviamente condividere video su YouTube, Vimeo e Facebook, pubblicare eventi in live streaming, inserire video a 360°.

Wix Events, invece, si occupa di fornire tutti gli attrezzi necessari a creare un sito web specifico dedicato ad uno o più eventi da promuovere e pubblicizzare in internet.

C’è un layout per ogni tipo di evento, che sia una festa, una gara, una cerimonia, un meeting e via dicendo.

Gli inviti e i flussi delle persone coinvolte nell’evento possono essere gestiti comodamente da dentro la piattaforma e condivise nei social.

Wix Pro Gallery, infine, è un app utile a generare gallerie di immagini professionali, con tantissime impostazioni grafiche disponibili per la pubblicazione e la visualizzazione ottimizzata per qualsiasi dispositivo.

Insomma, in conclusione, Wix ancora una volta propone un ulteriore pacchetto di strumenti ideali per la pubblicazione di contenuti nel web, funzionali e semplici da usare, in grado di generare risultati di tipo professionale.

Si può trnquillamente consigliare Wix sia al principiante, sia a chi vuol migliorare la propria presenza in internet senza troppe complicazioni, senza l’aiuto degli specialisti del settore e senza dover pagare le agenzie che offrono tali servizi.

Wix offre un piano completamente gratuito ma anche pacchetti professionali premium a pagamento con sistemi di assistenza 24 ore su 24, sette giorni alla settimana.

Wix è ormai una realtà consolidata del web a livello mondiale ed è in continua evoluzione e miglioramento. Resta pertanto uno dei modi più semplici ed affidabili per creare un sito web gratis  o per intraprendere un percorso professionale di pubblicazione di contenuti online.

Come inserire una galleria di foto e un elenco di file di Google Drive in una pagina web

Per quanti usano le Google App ed in particolare Google Drive, per le aziende che usano le Google Apps for Work o le Google Apps for Education (ora semplicemente chiamate G Suite e G Suite for Education), per i webmaster in generale e per gli insegnanti in particolare che si occupano del sito web della scuola, può tornare comodo questo breve tutorial su come inserire una galleria di foto e un elenco di file residenti in Google Drive in una pagina web.

Dal momento che i file non risiederanno direttamente sul nostro sito, questa pratica è molto opportuna per non sovraccaricare la pagina web  rendendola lenta nel caricamento e per non consumare lo spazio acquistato dall’hosting provider, generalmente limitato, evitando eventuali costi aggiuntivi di abbonamento.

La procedura è piuttosto semplice e non richiede grande conoscenza dei linguaggi di programmazione. Eccola:

  1. creare una cartella in Google Drive e assegnarle un nome
  2. inserire i file o le immagini da mostrare dentro la cartella e concludere l’upload
  3. renderla pubblica cliccandoci sopra con il tasto destro del mouse, condividi>avanzate>Pubblico sul Web – Chiunque abbia accesso a Internet può trovare e visualizzare
  4. procurarsi l’ID della cartella aprendola, si tratta di una striscia di caratteri che si trova nella URL della barra di navigazione del browser dopo la scritta folders e lo slash (vedi sotto):

https://drive.google.com/drive/folders/ID

A questo punto non vi resta che copiare ed incollare nella vostra pagina web questa striscia di codice opportunamente modificata nella parte in grassetto e salvare:

<iframe style="width: 500px; height: 500px; border: 0;" src="https://drive.google.com/embeddedfolderview?id=IDFOLDER#grid" width="300" height="150">&lt;br /&gt;</iframe>

Oppure, se usate G Suite o G Suite for Education, quest’altra striscia dove mettere anche il nome a dominio del sito su cui sono installate le G Suite:

<iframe style="width: 100%; height: 600px; border: 0;" src="https://drive.google.com/a/NOMEDOMINIO/embeddedfolderview?id=IDFOLDER#grid" width="300" height="150">&lt;br /&gt;</iframe>

In questo modo, con l’attributo grid, otterrete una cornice iframe a griglia.

Se invece volete una visione a lista basta cambiare l’attributo grid con list.

Si può infine modificare la dimensione della cornice intervenendo sul numero di pixel in altezza e larghezza o sostituendo px con il simbolo della percentuale che ovviamente non deve superare il 100%.

Vedi sotto un esempio di codice di una lista di file con percentuale:

<iframe src="https://drive.google.com/embeddedfolderview?id=IDFOLDER#list" style="width:100%; height:600px; border:0;"></iframe>

Ecco un esempio di una serie di gallerie di immagini a griglia inserite nel mio blog didattico qui.

Cliccando su una di esse si aprirà in una nuova finestra del browser dove potrà essere zoomata e scaricata.

Pixel Art

Pixel Art

Maestro Alberto Scuola Primaria

Maestro Alberto albertopiccini.it
Se cerchi notizie sulla Scuola Primaria clicca sopra

Coding

Coding