Archivio per la tag 'php'

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.

Typing.io: sistema per imparare i linguaggi di programmazione senza sforzo

Typing.io è un sito web che fornisce un sistema per imparare i linguaggi di programmazione senza sforzo.

Ci si accredita con un account Google e si procede scegliendo un linguaggio di programmazione specifico: JavaScript, Ruby, C, C++, Java, PHP, Perl, Haskell, Scala e altri.

Dopodiché si procede alla scrittura ripetitiva del codice come in un corso di dattilografia.

Typing.io segnalerà gli errori commessi.

Ottimo anche per i programmatori già esperti che vogliono fare pratica e migliorare la velocità di scrittura.

SiteCake: software per costruire siti internet in modo facile e gratuito

SiteCake è un software per costruire siti internet in modo facile e gratuito.

Si tratta di un CMS che offre un editor visuale WYSIWYG e che permette di effettuare modifiche con un semplice drag&drop degli elementi che compongono il layout.

Sono disponibili tre temi di partenza e il codice è sviluppato in PHP.

Perfetto per chi non ha troppo tempo a disposizione o non ha voglia di imparare i codici di programmazione.

5 Applicazioni web open source per la gestione dei progetti

Tra una grande varietà di soluzioni gestionali open source che offre il mercato di oggi, trovare una che soddisfa tutte le esigenze è abbastanza difficile. Inoltre ci sono alcuni sistemi che combinano gli strumenti per scopi diversi. Per facilitare la scelta vi presentiamo 5 applicazioni web gratuite.

Open Atrium

Open Atrium è un’ottima piattaforma collaborativa open source sviluppata sulla base di Drupal. E’ una Intranet con molteplici strumenti che agevola la socializzazione tra i membri di un team da un lato e dall’altro lato offre dei strumenti di project management. Open Atrium integra un blog, un wiki, un calendario, una to do list, e una dashboard per gestire il tutto. L’interfaccia è molto intuitiva e facile da usare.

Redmine

Redmine è un’applicazione web multipiattaforma. Supporta MySQL, PostgreSQL e SQLite. E’ scritto in Ruby on Rails per la gestione dei progetti. La soluzione è dotata di tutte le caratteristiche indispensabili di project management e di più. Permette gestionare multiprogetti (c’è anche la possibilità di creare sottoprogetti), definire i ruoli e le responsabilità. Altre caratteristiche importanti sono un sistema di tracciamento delle issues, gestione avanzata della schedulazione di progetto, calendario e diagramma di Gantt, wiki, foro.

TeamLab

TeamLab è una piattaforma basata su web che offre le funzionalità per la gestione dei progetti, la collaborazione e l’elaborazione dei documenti. E’ completamente personalizzabile: a cominciare dal colore della skin e terminare con i widget mobili della dashboard.
Il set degli strumenti Documenti è un tratto distintivo di TeamLab. La piattaforma permette non solo di condividere i file con i colleghi ma anche di modificarli direttamente nel portale aziendale.
Per quanto riguarda le caratteristiche principali, TeamLab offre tutto il necessario per una collaborazione di successo: time tracking, compiti e milestone, blog, foro, chat e multi-chat, la possibilità di creare sondaggi e votare, rapporti automatici e altre funzioni belle che possono migliorare la comunicazione in modo efficiente a costo zero.

Collabtive

Basta una rapida occhiata all’interno di Collabtive per rendersi conto che Collabtive ha tutte le funzioni principali di project management: milestones, gestione delle attività, monitoraggio del tempo, calendario, rapporti nel formato PDF.
Non c’è limite ne dei numero di progetti ne dei numero di utenti. L’accesso è limitato dalle autorizzazioni concesse in base ai ruoli assegnati al membro.
Inoltre, è possibile importare progetti Basecamp e ricevere aggiornamenti RSS. L’interfaccia chiara può essere arricchita con vari plugin a pagamento forniti dal venditore.

Project Pier

Per coloro che hanno una conoscenza di Redmine, Project Pier sarà molto facile da imparare. Project Pier è una soluzione open source gratuita scritta in PHP. Permette di creare milestones, compiti, editare dei profili utente, caricare dei file, aggiungere dei tag per classificare i messaggi, le attività, e file. Si può proteggere dei dati sensibili dai clienti contrassegnandoli come privati. Gli impegnati hanno una possibiltà di participare nei discussioni, lasciare dei commenti, scambiare dei messaggi. Essendo piuttosto semplice e flessibile Project Pier occupa un posto d’onore tra le soluzioni open source della gestione dei progetti.

Guest Post a cura di Irina Sanaeva.

Irina Sanaeva è un’appassionata di IT, una blogger specializzata nelle soluzioni SaaS adatte alle piccole-medie imprese. Sviluppa attualmente una strategia di marketing per TeamLab – la piattaforma online per la gestione dei progetto.

Chop: condividere codice online

Chop è un ottimo sistema per condividere codice online.

Si tratta di un’applicazione molto semplice da usare, pensata per programmatori, blogger, webmaster, web designer, gestori di siti web ma che può essere usata comodamente da chiunque.

Accedendo al servizio e otterremo una campo bianco in cui digitare o incollare una porzione di codice HTML, PHP, JavaScript, CSS, Ruby…

Il codice può anche essere inserito tramite URL.

Otterremo un link da condividere via internet dove il codice sarà mostrato tramite un editor con le righe numerate che può a sua volta essere modificato e commentato da altri utenti.

Il link può essere condiviso con altri programmatori, con colleghi e amici in modo da ottenere informazioni online, per correggere il codice da errori o per trasferirlo da una persona all’altra senza dfficoltà.

Chop è uno strumento collaborativo gratuito che non richiede registrazione.

Perfetto per ottenere consigli e feedback da altre persone esperte di linguaggi di programmazione.

Codr: condividere codice online

Codr è un’applicazione semplicissima che può tornare davvero utile per condividere codice online.

Pensata per programmatori, blogger, webmaster, web designer, gestori di siti web, può essere usata comodamente da chiunque.

Accedendo gratuitamente al servizio e senza doversi registrare otterremo un editor, una pagina bianca da condividere con un link breve su cui digitare qualsiasi tipo di codice: HTML, PHP, JavaScript…

Il link può essere condiviso con altri programmatori, con i colleghi e gli amici, con chiunque in modo che si possano reperire informazioni online, per modificare il codice o per trasferirlo da una mano all’altra senza problemi.

Codr.cc è un servizio estremamente minimalista ma molto funzionale.

Pixel Art

Pixel Art

Maestro Alberto Scuola Primaria

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

Coding

Coding