Facile! WEB

Federica — Tue, 31 Aug 2010 09:11:54 GMT

Federica: /* Gestione CSS (per utenti esperti) */

=Introduzione=

FACILE!WEB è un software di Content Management per siti web, realizzato con la fusione dei linguaggi PHP, SQL, HTML. È pubblicato con licenza Grupposis, quindi soggetta ai vari vincoli commerciali e legali. È nato nel gennaio 2010 ed attualmente è in rapido e continuo sviluppo sotto la guida di Grupposis Developpers. Il CMS è stato creato per accelerare i tempi di creazione dei vari siti Web richiesti dai clienti Aziendali e Notarili, in quanto è '''personalizzabile''' in tutte le sue sezioni (header, menù principale, footer ecc) e sottosezioni (menù secondario). Qui di seguito verranno elencate le principali sezioni con immagini annesse del pannello di controllo d’amministrazione e di quello di utente (senza diritti avanzati). La guida sarà rapida nell’illustrazione perché la semplicità sarà sinonimo di chiarezza.

=Gestione della sezione amministrativa di Facile!Web=

== Autenticazione ==
Per poter accedere al pannello di controllo di Facile!Web, bisogna digitare l’indirizzo della pagina di autenticazione (es. www.sitocliente.com/login.php) all’interno del browser internet (es. Mozilla Firefox o Internet Explorer o altri browsers). Vi comparirà la pagina con il form d’inserimento dati '''nome utente''' e '''password''' (vedi figura 1).

[[File:pagina login.jpg|thumb|alt=Facile!web|pagina login]] 

==Pannello d’Amministrazione==
Una volta inseriti i dati correttamente (naturalmente l’amministratore Grupposis del Gestionale Web vi comunicherà per tempo i dati necessari: username e password per ogni utente che utilizzerà la nostra piattaforma), il sistema vi indirizzerà nella pagina d’amministrazione principale in cui si possono gestire le varie funzioni avanzate (vedi figura 2).

[[File:gestioneavanzataperl'amministratore.jpg|thumb|alt=Facile!WEB|Gestione avanzata per l'amministratore]] 

==Gestione degli Utenti==

In questa sezione si possono aggiungere i vari utenti che possono essere amministratori (accesso completo al gestionale) oppure utenti senza diritti amministrativi (accedono direttamente nella sezione dei contenuti del sito e non nella sezione portante del Cms). Si arriva cliccando sull’icona evidenziata (vedi figura 3).

[[File:gestione degli utenti.jpg|thumb|alt=Facile!WEB|Gestione degli utenti]] 

Con un semplice click ci troveremo nel cuore della gestione degli utenti (vedi figura 4)

[[File:pannello gestione utenti.jpg|thumb|alt=Facile!WEB|Pannello gestione utenti]] 

Se dovessimo cambiare i diritti di un utente, cliccando su '''modifica''', ci ritroveremmo nel seguente pannello (figura 5)
[[File:modifica parametri utente.jpg|thumb|alt=Facile!WEB|Modifica parametri utente]] 

==Gestione del menù principale==

Con riferimento all’immagine sotto (figura 6), cliccando sul tasto si può modificare la struttura del menu orizzontale (menù principale), scegliendo per ogni tasto il suo nome univoco, in più si possono cambiare di posizione in un secondo momento.

[[File:Gestionedelmenùpricipale.jpg|thumb|alt=Facile!WEB|Gestione del menù principale]] 

Il menù principale è molto intuitivo e se dovessimo in un futuro cambiare nome ad un tasto oppure spostarlo dalla prima posizione alla terza, basterebbe solo un click (vedi figura 7).

[[File:Elementidelmenù.jpg|thumb|alt=Facile!WEB|Elementi del menù]] 

Ogni tasto è modificabile nel seguente modo (vedi figura 8).

[[File:Modificadelmenùprincipale.jpg|thumb|alt=Facile!WEB|Modifica del menù principale]] 

Prima di passare alla sezione sottomenù, va sottolineato che nel menù principale, degli 8 tasti disponibili, 2 sono esclusivamente dedicati ai contatti e ai links, quindi per avere la massima efficienza, si consiglia di utilizzarli con la loro funzione nativa.

==Gestione dei menù secondari==

Con riferimento all’immagine sotto (figura 9), cliccando sul tasto si può modificare la struttura del menu verticale (menù secondario), scegliendo per ogni tasto il suo nome univoco, in più, si possono cambiare di posizione in un secondo momento.

[[File:Gestionedelmenùsecondario.jpg|thumb|alt=Facile!WEB|Gestione del menù secondario]] 

Il menù secondario è molto intuitivo, appena si clicca sull’icona saremo indirizzati nella sezione in cui si vedono i tasti (padre) a cui sono abbinate le voci di menù secondario (figlio) (vedi figura 10).

[[File:Tastidelmenùsecondario.jpg|thumb|alt=Facile!WEB|Tasti del menù secondario]] 

Se dovessimo in un futuro cambiare nome ad una voce oppure spostarla dalla prima posizione alla decima, basterebbe solo un click (vedi figura 11).

[[File:Menùsecondarioassociatoalprimotasto.jpg|thumb|alt=Facile!WEB|Menù secondario associato al primo tasto]] 

Dalla figura 11 si capisce che si possono applicare le stesse modifiche del menù principale, inoltre se clicchiamo sul tasto modifica, il sistema ci indirizzerà nella pagina di effettivo editing della singola voce di sottomenù (vedi figura 12).

[[File:Modificadellavocedelsottomenù.jpg|thumb|alt=Facile!WEB|Modifica della voce del sottomenù]] 

Per i clienti che non desiderano tutte le icone del menù secondario uguali (all’interno del Back-End), possiamo modificarle ottenendo un gestionale dei contenuti (non è quello dell’amministratore) ancora più intuitivo e accattivante, magari associando al nome l’immagine che ne ricalca il senso (figura 13).

[[File:Personalizzazione delle icone di sottomenù.jpg|thumb|alt=Facile!WEB|Personalizzazione delle icone di sottomenù]] 

==Gestione intestazione==

Con riferimento all’immagine sotto (figura 14), cliccando sul tasto si può modificare la sezione dell’intestazione del gestionale.

[[File:Gestionedell'intestazionedelsitoedeimetadati.jpg|thumb|alt=Facile!WEB|Gestione dell'intestazione del sito e dei metadati]] 

La sezione intestazione è una parte molto importante del gestionale, inoltre, è consigliato farla gestire da un utente esperto (amministratore); cliccandoci si ha la schermata (figura 15). Attraverso l’intestazione il sito comunica verso l’esterno (web 2.0) con motori di ricerca (es. Google).

[[File:Gestionedell'intestazione.jpg|thumb|alt=Facile!WEB|Gestione dell'intestazione]] 

Qui di seguito (figura 16) verrà spiegato graficamente la corrispondenza numerica di ogni voce con il suo equivalente pubblico (voce del Back-EndFront-End ovvero parte privata del sito e parte pubblica).

[[File:Frontendgestionale.jpg|thumb|alt=Facile!WEB|Front end gestionale]] 

[[File:Meta descrizione.jpg|thumb|alt=Facile!WEB|Metadescrizione]] 
 
 
 

La meta descrizione sarà la frase che Google farà vedere agli utenti che cercheranno il sito Web attraverso le parole chiavi. Poi si passa alle parole chiavi generali del sito (figura 18)(ogni articolo ha parole chiavi personalizzate).

[[File:Parolechiavegenerali.jpg|thumb|alt=Facile!WEB|Parole chiave generali]] 

[[File:Promemoriagrafico.jpg|thumb|alt=Facile!WEB|Promemoria grafico]] 

I punti 5 e 6 servono a configurare il form d’inserimento delle richieste da parte dei visitatori. Quindi il punto 5 (E-mail Richieste) rappresenterà l’indirizzo a cui saranno destinate tutte le richieste ed è sempre modificabile (potrebbe cambiare l’impiegato e quindi l’e-mail). Il punto 6 invece rappresenta l’oggetto della mail che l’azienda riceverà (es. Nuova richiesta inserita sul sito www.sitoazienda.com), anche qui se l’oggetto dev’essere modificato, basterà un click. Passiamo alla prossima figura (figura19):

[[File:Gestioneintestazione.jpg|thumb|alt=Facile!WEB|Gestione intestazione]] 

[[File:GestioneHeadereFooterdel sito.jpg|thumb|alt=Facile!WEB|Gestione Header e Footer del sito]] 

Il punto 7 serve a caricare l’immagine principale del sito che verrà ridimensionata automaticamente secondo i parametri del gestionale, si consiglia di caricare immagini molto leggere ed ottimizzate per il web affinchè le pagine vengano caricate velocemente dai vari Browsers. L’ultimo punto, ovvero il 10, serve per il servizio gratuito che offre Google (Google Analytics). Nel form bisogna inserire i dati che ci rilasciano ed è uno script con dati che permetteranno poi di visualizzare le statistiche del nostro gestionale.

[[File:ServizioAnalyticsdiGoogle.jpg|thumb|alt=Facile!WEB|Servizio Analytics di Google]] 

==Gestione CSS (per utenti esperti)==

Con riferimento all’immagine sotto (figura 22), cliccando sul tasto si modifica profondamente la struttura (lo “scheletro”) del gestionale; quindi questa funzione va gestita con cautela e da utenti molto esperti, che sappiano le basi delle strutture a Cascata (Css). Quindi modificando questo codice e caricando opportunamente le immagini portanti del nostro gestionale, si può dare una veste grafica totalmente diversa (a quella di default).

[[File:ModificadelfileCSS.jpg|thumb|alt=Facile!WEB|Modifica del file CSS]] 

Il pannello principale della modifica del css è illustrato qui di seguito (figura 23):

[[File:ModificadelCSS.jpg|thumb|alt=Facile!WEB|Modifica del CSS]] 

[[File:Formdiuploaddelfilecss.jpg|thumb|alt=Facile!WEB|Form di upload del file css]] 

Una volta modificato il file css, bisogna sovrascrivere il precedente con il nuovo (è necessario che abbia lo stesso nome). Per salvare in locale il file css per modificarlo, bisogna prima cliccare la lente d’ingrandimento e una volta aperto il file su una nuova pagina internet, salvatela in una cartella all’interno del vostro computer, in seguito potete editarlo con un qualsiasi programma di videoscrittura (anche Openoffice) e infine cliccate su modifica caricandolo.

[[File:Esempiodimodificadelfilecss.jpg|thumb|alt=Facile!WEB|Esempio di modifica del file css]] 

==Gestione articoli==

Con riferimento all’immagine sotto (figura 26), cliccando sul tasto si passa dal pannello di gestione per l’amministratore a quello degli articoli, ovvero quello da utente senza diritti amministrativi, in cui verranno scritti i vari articoli che compariranno sulle pagine del sito Web.

Figura 26: Tasto gestione articoli.

Ecco nella figura seguente (figura 27) il pannello dell’utente semplice.

Figura 27: Sezione articoli.

=Gestione della sezione utente=

In questa sezione si iniziano a scrivere gli articoli oppure a modificarli se sono stati già creati oppure se un articolo è considerato obsoleto quest’ultimo può essere eliminato o oscurato (in modo che si abbia un archivio di tutti gli articoli passati).

===Gestione degli articoli===

Qui di seguito (figura 28) il pannello dei vari articoli da gestire, come si nota si possono aggiungere, modificare o eliminare, inoltre sono disponibili anche qui le funzioni di ricerca nel caso l’utente avesse bisogno di modificare un articolo ben preciso e non riesce a trovarlo.

Figura 28: Gestione articoli.

Cliccando sul tasto aggiungi nuovo, si ha la seguente schermata (figura 29)

Figura 29: Inserimento articoli.

==Breve descrizione della barra dell’editor di testo==

Faremo una veloce descrizione dei tasti più in uso della barra dell’editor di testo, così da poter avere massima libertà nell’inserire gli articoli con formattazioni personalizzate e adatti a notizie di diversa natura (figura 30).

Figura 30: Barra dell'editor di testo.

1) Inserisci immagine.
2) Inserisci tabella.
3) Inserisci elenco puntato.
4) Inserisci elenco numerato.
5) Visualizza sorgente HTML.
6) Pulisci il codice da tutte le formattazioni.
7) Inserisci link oppure collegamento a file da scaricare.

==Inserimento di un’immagine nell’articolo==

L’inserimento di un’immagine nell’articolo è molto semplice (basta cliccare sul tasto che ha come icona il ritratto (figura 31).

Figura 31: Inserimento immagine.

Una volta cliccato il tasto, ci ritroveremo il pannello (figura 32) seguente, in cui visualizzeremo la cartella remota con immagini caricate precedentemente e già presenti nei vari articoli. Volendo caricare un’immagine presente nel nostro computer, cliccheremo sul tasto “carica immagine” e potremo scegliere se lasciarla nella cartella principale oppure crearne una nuova.

Figura 32: Gestione immagini.

Caricare immagini che pesano poco, quindi un formato consigliato è lo Gif che rende tutto più leggero. Per trasformare l’immagine, dovrete avere a vostra disposizione programmi con funzione di compressione immagine.

Figura 33: Caricamento immagine nuova.

==Inserimento di un file nell’articolo==

Per inserire file da scaricare all’interno di un articolo, vedi il seguente pannello (figura 34).

Figura 34: Inserimento allegati.

Una volta cliccata l’icona della cartellina (upload file) si aprirà (come accadeva per le immagini) il gestore delle risorse remote (figura 35) e ci comporteremo come nel caso delle immagini, scegliendo il file da associare alla parola (o immagine).

Figura 35: Gestore risorse remote.

==Condivisione degli articoli su social network (Facebook)==

Il gestionale guarda anche con un occhio di riguardo i Social Networks, per esempio Facebook (che oramai è diventato vitale anche per la comunicazione aziendale o dei liberi professionisti). Ogni articolo del sito può essere condiviso su quest’ultima piattaforma citata (figura 36) in modo da allargare al massimo il confine mediatico di Facile!Web. Oltre a questo tipo di funzione, Facile!Web integra la tecnologia dei Feeds Rss, dunque tutti gli articoli possono essere letti con vari aggregatori di feed (es. FeedReader, FeedBurner ecc). Dunque la comunicazione al primo posto!

Figura 36: Condivisione dell'articolo su Facebook.

=Conclusioni=

Il manuale di Facile!Web ha lo scopo di essere una guida all’utilizzo pratico del gestionale Web. La piattaforma sarà in continua evoluzione grazie al lavoro quotidiano di GruppoSis Developpers. Nei momenti del bisogno, troverete questo manuale sempre on-line a vostra disposizione cliccando sul tasto “Guida Facile!Web” presente nel pannello di controllo principale sulla vostra sinistra (menù verticale). GruppoSis rigrazia la vostra collaborazione.

Facile! WEB

Federica — Tue, 31 Aug 2010 09:11:09 GMT

Federica: /* Gestione CSS (per utenti esperti) */

=Introduzione=

FACILE!WEB è un software di Content Management per siti web, realizzato con la fusione dei linguaggi PHP, SQL, HTML. È pubblicato con licenza Grupposis, quindi soggetta ai vari vincoli commerciali e legali. È nato nel gennaio 2010 ed attualmente è in rapido e continuo sviluppo sotto la guida di Grupposis Developpers. Il CMS è stato creato per accelerare i tempi di creazione dei vari siti Web richiesti dai clienti Aziendali e Notarili, in quanto è '''personalizzabile''' in tutte le sue sezioni (header, menù principale, footer ecc) e sottosezioni (menù secondario). Qui di seguito verranno elencate le principali sezioni con immagini annesse del pannello di controllo d’amministrazione e di quello di utente (senza diritti avanzati). La guida sarà rapida nell’illustrazione perché la semplicità sarà sinonimo di chiarezza.

=Gestione della sezione amministrativa di Facile!Web=

== Autenticazione ==
Per poter accedere al pannello di controllo di Facile!Web, bisogna digitare l’indirizzo della pagina di autenticazione (es. www.sitocliente.com/login.php) all’interno del browser internet (es. Mozilla Firefox o Internet Explorer o altri browsers). Vi comparirà la pagina con il form d’inserimento dati '''nome utente''' e '''password''' (vedi figura 1).

[[File:pagina login.jpg|thumb|alt=Facile!web|pagina login]] 

==Pannello d’Amministrazione==
Una volta inseriti i dati correttamente (naturalmente l’amministratore Grupposis del Gestionale Web vi comunicherà per tempo i dati necessari: username e password per ogni utente che utilizzerà la nostra piattaforma), il sistema vi indirizzerà nella pagina d’amministrazione principale in cui si possono gestire le varie funzioni avanzate (vedi figura 2).

[[File:gestioneavanzataperl'amministratore.jpg|thumb|alt=Facile!WEB|Gestione avanzata per l'amministratore]] 

==Gestione degli Utenti==

In questa sezione si possono aggiungere i vari utenti che possono essere amministratori (accesso completo al gestionale) oppure utenti senza diritti amministrativi (accedono direttamente nella sezione dei contenuti del sito e non nella sezione portante del Cms). Si arriva cliccando sull’icona evidenziata (vedi figura 3).

[[File:gestione degli utenti.jpg|thumb|alt=Facile!WEB|Gestione degli utenti]] 

Con un semplice click ci troveremo nel cuore della gestione degli utenti (vedi figura 4)

[[File:pannello gestione utenti.jpg|thumb|alt=Facile!WEB|Pannello gestione utenti]] 

Se dovessimo cambiare i diritti di un utente, cliccando su '''modifica''', ci ritroveremmo nel seguente pannello (figura 5)
[[File:modifica parametri utente.jpg|thumb|alt=Facile!WEB|Modifica parametri utente]] 

==Gestione del menù principale==

Con riferimento all’immagine sotto (figura 6), cliccando sul tasto si può modificare la struttura del menu orizzontale (menù principale), scegliendo per ogni tasto il suo nome univoco, in più si possono cambiare di posizione in un secondo momento.

[[File:Gestionedelmenùpricipale.jpg|thumb|alt=Facile!WEB|Gestione del menù principale]] 

Il menù principale è molto intuitivo e se dovessimo in un futuro cambiare nome ad un tasto oppure spostarlo dalla prima posizione alla terza, basterebbe solo un click (vedi figura 7).

[[File:Elementidelmenù.jpg|thumb|alt=Facile!WEB|Elementi del menù]] 

Ogni tasto è modificabile nel seguente modo (vedi figura 8).

[[File:Modificadelmenùprincipale.jpg|thumb|alt=Facile!WEB|Modifica del menù principale]] 

Prima di passare alla sezione sottomenù, va sottolineato che nel menù principale, degli 8 tasti disponibili, 2 sono esclusivamente dedicati ai contatti e ai links, quindi per avere la massima efficienza, si consiglia di utilizzarli con la loro funzione nativa.

==Gestione dei menù secondari==

Con riferimento all’immagine sotto (figura 9), cliccando sul tasto si può modificare la struttura del menu verticale (menù secondario), scegliendo per ogni tasto il suo nome univoco, in più, si possono cambiare di posizione in un secondo momento.

[[File:Gestionedelmenùsecondario.jpg|thumb|alt=Facile!WEB|Gestione del menù secondario]] 

Il menù secondario è molto intuitivo, appena si clicca sull’icona saremo indirizzati nella sezione in cui si vedono i tasti (padre) a cui sono abbinate le voci di menù secondario (figlio) (vedi figura 10).

[[File:Tastidelmenùsecondario.jpg|thumb|alt=Facile!WEB|Tasti del menù secondario]] 

Se dovessimo in un futuro cambiare nome ad una voce oppure spostarla dalla prima posizione alla decima, basterebbe solo un click (vedi figura 11).

[[File:Menùsecondarioassociatoalprimotasto.jpg|thumb|alt=Facile!WEB|Menù secondario associato al primo tasto]] 

Dalla figura 11 si capisce che si possono applicare le stesse modifiche del menù principale, inoltre se clicchiamo sul tasto modifica, il sistema ci indirizzerà nella pagina di effettivo editing della singola voce di sottomenù (vedi figura 12).

[[File:Modificadellavocedelsottomenù.jpg|thumb|alt=Facile!WEB|Modifica della voce del sottomenù]] 

Per i clienti che non desiderano tutte le icone del menù secondario uguali (all’interno del Back-End), possiamo modificarle ottenendo un gestionale dei contenuti (non è quello dell’amministratore) ancora più intuitivo e accattivante, magari associando al nome l’immagine che ne ricalca il senso (figura 13).

[[File:Personalizzazione delle icone di sottomenù.jpg|thumb|alt=Facile!WEB|Personalizzazione delle icone di sottomenù]] 

==Gestione intestazione==

Con riferimento all’immagine sotto (figura 14), cliccando sul tasto si può modificare la sezione dell’intestazione del gestionale.

[[File:Gestionedell'intestazionedelsitoedeimetadati.jpg|thumb|alt=Facile!WEB|Gestione dell'intestazione del sito e dei metadati]] 

La sezione intestazione è una parte molto importante del gestionale, inoltre, è consigliato farla gestire da un utente esperto (amministratore); cliccandoci si ha la schermata (figura 15). Attraverso l’intestazione il sito comunica verso l’esterno (web 2.0) con motori di ricerca (es. Google).

[[File:Gestionedell'intestazione.jpg|thumb|alt=Facile!WEB|Gestione dell'intestazione]] 

Qui di seguito (figura 16) verrà spiegato graficamente la corrispondenza numerica di ogni voce con il suo equivalente pubblico (voce del Back-EndFront-End ovvero parte privata del sito e parte pubblica).

[[File:Frontendgestionale.jpg|thumb|alt=Facile!WEB|Front end gestionale]] 

[[File:Meta descrizione.jpg|thumb|alt=Facile!WEB|Metadescrizione]] 
 
 
 

La meta descrizione sarà la frase che Google farà vedere agli utenti che cercheranno il sito Web attraverso le parole chiavi. Poi si passa alle parole chiavi generali del sito (figura 18)(ogni articolo ha parole chiavi personalizzate).

[[File:Parolechiavegenerali.jpg|thumb|alt=Facile!WEB|Parole chiave generali]] 

[[File:Promemoriagrafico.jpg|thumb|alt=Facile!WEB|Promemoria grafico]] 

I punti 5 e 6 servono a configurare il form d’inserimento delle richieste da parte dei visitatori. Quindi il punto 5 (E-mail Richieste) rappresenterà l’indirizzo a cui saranno destinate tutte le richieste ed è sempre modificabile (potrebbe cambiare l’impiegato e quindi l’e-mail). Il punto 6 invece rappresenta l’oggetto della mail che l’azienda riceverà (es. Nuova richiesta inserita sul sito www.sitoazienda.com), anche qui se l’oggetto dev’essere modificato, basterà un click. Passiamo alla prossima figura (figura19):

[[File:Gestioneintestazione.jpg|thumb|alt=Facile!WEB|Gestione intestazione]] 

[[File:GestioneHeadereFooterdel sito.jpg|thumb|alt=Facile!WEB|Gestione Header e Footer del sito]] 

Il punto 7 serve a caricare l’immagine principale del sito che verrà ridimensionata automaticamente secondo i parametri del gestionale, si consiglia di caricare immagini molto leggere ed ottimizzate per il web affinchè le pagine vengano caricate velocemente dai vari Browsers. L’ultimo punto, ovvero il 10, serve per il servizio gratuito che offre Google (Google Analytics). Nel form bisogna inserire i dati che ci rilasciano ed è uno script con dati che permetteranno poi di visualizzare le statistiche del nostro gestionale.

[[File:ServizioAnalyticsdiGoogle.jpg|thumb|alt=Facile!WEB|Servizio Analytics di Google]] 

==Gestione CSS (per utenti esperti)==

Con riferimento all’immagine sotto (figura 22), cliccando sul tasto si modifica profondamente la struttura (lo “scheletro”) del gestionale; quindi questa funzione va gestita con cautela e da utenti molto esperti, che sappiano le basi delle strutture a Cascata (Css). Quindi modificando questo codice e caricando opportunamente le immagini portanti del nostro gestionale, si può dare una veste grafica totalmente diversa (a quella di default).

[[File:ModificadelfileCSS.jpg|thumb|alt=Facile!WEB|Modifica del file CSS]] 

Il pannello principale della modifica del css è illustrato qui di seguito (figura 23):

[[File:ModificadelCSS.jpg|thumb|alt=Facile!WEB|Modifica del CSS]] 

[[File:Formdiuploaddelfilecss.jpg|thumb|alt=Facile!WEB|Form di upload del file css]] 

Una volta modificato il file css, bisogna sovrascrivere il precedente con il nuovo (è necessario che abbia lo stesso nome). Per salvare in locale il file css per modificarlo, bisogna prima cliccare la lente d’ingrandimento e una volta aperto il file su una nuova pagina internet, salvatela in una cartella all’interno del vostro computer, in seguito potete editarlo con un qualsiasi programma di videoscrittura (anche Openoffice) e infine cliccate su modifica caricandolo.

[[File:Esempiodimodificadelfilecss.jpg|thumb|alt=Facile!WEB|Esempio di modifica del file css]] 

==Gestione articoli==

Con riferimento all’immagine sotto (figura 26), cliccando sul tasto si passa dal pannello di gestione per l’amministratore a quello degli articoli, ovvero quello da utente senza diritti amministrativi, in cui verranno scritti i vari articoli che compariranno sulle pagine del sito Web.

Figura 26: Tasto gestione articoli.

Ecco nella figura seguente (figura 27) il pannello dell’utente semplice.

Figura 27: Sezione articoli.

=Gestione della sezione utente=

In questa sezione si iniziano a scrivere gli articoli oppure a modificarli se sono stati già creati oppure se un articolo è considerato obsoleto quest’ultimo può essere eliminato o oscurato (in modo che si abbia un archivio di tutti gli articoli passati).

===Gestione degli articoli===

Qui di seguito (figura 28) il pannello dei vari articoli da gestire, come si nota si possono aggiungere, modificare o eliminare, inoltre sono disponibili anche qui le funzioni di ricerca nel caso l’utente avesse bisogno di modificare un articolo ben preciso e non riesce a trovarlo.

Figura 28: Gestione articoli.

Cliccando sul tasto aggiungi nuovo, si ha la seguente schermata (figura 29)

Figura 29: Inserimento articoli.

==Breve descrizione della barra dell’editor di testo==

Faremo una veloce descrizione dei tasti più in uso della barra dell’editor di testo, così da poter avere massima libertà nell’inserire gli articoli con formattazioni personalizzate e adatti a notizie di diversa natura (figura 30).

Figura 30: Barra dell'editor di testo.

1) Inserisci immagine.
2) Inserisci tabella.
3) Inserisci elenco puntato.
4) Inserisci elenco numerato.
5) Visualizza sorgente HTML.
6) Pulisci il codice da tutte le formattazioni.
7) Inserisci link oppure collegamento a file da scaricare.

==Inserimento di un’immagine nell’articolo==

L’inserimento di un’immagine nell’articolo è molto semplice (basta cliccare sul tasto che ha come icona il ritratto (figura 31).

Figura 31: Inserimento immagine.

Una volta cliccato il tasto, ci ritroveremo il pannello (figura 32) seguente, in cui visualizzeremo la cartella remota con immagini caricate precedentemente e già presenti nei vari articoli. Volendo caricare un’immagine presente nel nostro computer, cliccheremo sul tasto “carica immagine” e potremo scegliere se lasciarla nella cartella principale oppure crearne una nuova.

Figura 32: Gestione immagini.

Caricare immagini che pesano poco, quindi un formato consigliato è lo Gif che rende tutto più leggero. Per trasformare l’immagine, dovrete avere a vostra disposizione programmi con funzione di compressione immagine.

Figura 33: Caricamento immagine nuova.

==Inserimento di un file nell’articolo==

Per inserire file da scaricare all’interno di un articolo, vedi il seguente pannello (figura 34).

Figura 34: Inserimento allegati.

Una volta cliccata l’icona della cartellina (upload file) si aprirà (come accadeva per le immagini) il gestore delle risorse remote (figura 35) e ci comporteremo come nel caso delle immagini, scegliendo il file da associare alla parola (o immagine).

Figura 35: Gestore risorse remote.

==Condivisione degli articoli su social network (Facebook)==

Il gestionale guarda anche con un occhio di riguardo i Social Networks, per esempio Facebook (che oramai è diventato vitale anche per la comunicazione aziendale o dei liberi professionisti). Ogni articolo del sito può essere condiviso su quest’ultima piattaforma citata (figura 36) in modo da allargare al massimo il confine mediatico di Facile!Web. Oltre a questo tipo di funzione, Facile!Web integra la tecnologia dei Feeds Rss, dunque tutti gli articoli possono essere letti con vari aggregatori di feed (es. FeedReader, FeedBurner ecc). Dunque la comunicazione al primo posto!

Figura 36: Condivisione dell'articolo su Facebook.

=Conclusioni=

Il manuale di Facile!Web ha lo scopo di essere una guida all’utilizzo pratico del gestionale Web. La piattaforma sarà in continua evoluzione grazie al lavoro quotidiano di GruppoSis Developpers. Nei momenti del bisogno, troverete questo manuale sempre on-line a vostra disposizione cliccando sul tasto “Guida Facile!Web” presente nel pannello di controllo principale sulla vostra sinistra (menù verticale). GruppoSis rigrazia la vostra collaborazione.

Facile! WEB

Federica — Tue, 31 Aug 2010 09:10:53 GMT

Federica: /* Gestione CSS (per utenti esperti) */

=Introduzione=

FACILE!WEB è un software di Content Management per siti web, realizzato con la fusione dei linguaggi PHP, SQL, HTML. È pubblicato con licenza Grupposis, quindi soggetta ai vari vincoli commerciali e legali. È nato nel gennaio 2010 ed attualmente è in rapido e continuo sviluppo sotto la guida di Grupposis Developpers. Il CMS è stato creato per accelerare i tempi di creazione dei vari siti Web richiesti dai clienti Aziendali e Notarili, in quanto è '''personalizzabile''' in tutte le sue sezioni (header, menù principale, footer ecc) e sottosezioni (menù secondario). Qui di seguito verranno elencate le principali sezioni con immagini annesse del pannello di controllo d’amministrazione e di quello di utente (senza diritti avanzati). La guida sarà rapida nell’illustrazione perché la semplicità sarà sinonimo di chiarezza.

=Gestione della sezione amministrativa di Facile!Web=

== Autenticazione ==
Per poter accedere al pannello di controllo di Facile!Web, bisogna digitare l’indirizzo della pagina di autenticazione (es. www.sitocliente.com/login.php) all’interno del browser internet (es. Mozilla Firefox o Internet Explorer o altri browsers). Vi comparirà la pagina con il form d’inserimento dati '''nome utente''' e '''password''' (vedi figura 1).

[[File:pagina login.jpg|thumb|alt=Facile!web|pagina login]] 

==Pannello d’Amministrazione==
Una volta inseriti i dati correttamente (naturalmente l’amministratore Grupposis del Gestionale Web vi comunicherà per tempo i dati necessari: username e password per ogni utente che utilizzerà la nostra piattaforma), il sistema vi indirizzerà nella pagina d’amministrazione principale in cui si possono gestire le varie funzioni avanzate (vedi figura 2).

[[File:gestioneavanzataperl'amministratore.jpg|thumb|alt=Facile!WEB|Gestione avanzata per l'amministratore]] 

==Gestione degli Utenti==

In questa sezione si possono aggiungere i vari utenti che possono essere amministratori (accesso completo al gestionale) oppure utenti senza diritti amministrativi (accedono direttamente nella sezione dei contenuti del sito e non nella sezione portante del Cms). Si arriva cliccando sull’icona evidenziata (vedi figura 3).

[[File:gestione degli utenti.jpg|thumb|alt=Facile!WEB|Gestione degli utenti]] 

Con un semplice click ci troveremo nel cuore della gestione degli utenti (vedi figura 4)

[[File:pannello gestione utenti.jpg|thumb|alt=Facile!WEB|Pannello gestione utenti]] 

Se dovessimo cambiare i diritti di un utente, cliccando su '''modifica''', ci ritroveremmo nel seguente pannello (figura 5)
[[File:modifica parametri utente.jpg|thumb|alt=Facile!WEB|Modifica parametri utente]] 

==Gestione del menù principale==

Con riferimento all’immagine sotto (figura 6), cliccando sul tasto si può modificare la struttura del menu orizzontale (menù principale), scegliendo per ogni tasto il suo nome univoco, in più si possono cambiare di posizione in un secondo momento.

[[File:Gestionedelmenùpricipale.jpg|thumb|alt=Facile!WEB|Gestione del menù principale]] 

Il menù principale è molto intuitivo e se dovessimo in un futuro cambiare nome ad un tasto oppure spostarlo dalla prima posizione alla terza, basterebbe solo un click (vedi figura 7).

[[File:Elementidelmenù.jpg|thumb|alt=Facile!WEB|Elementi del menù]] 

Ogni tasto è modificabile nel seguente modo (vedi figura 8).

[[File:Modificadelmenùprincipale.jpg|thumb|alt=Facile!WEB|Modifica del menù principale]] 

Prima di passare alla sezione sottomenù, va sottolineato che nel menù principale, degli 8 tasti disponibili, 2 sono esclusivamente dedicati ai contatti e ai links, quindi per avere la massima efficienza, si consiglia di utilizzarli con la loro funzione nativa.

==Gestione dei menù secondari==

Con riferimento all’immagine sotto (figura 9), cliccando sul tasto si può modificare la struttura del menu verticale (menù secondario), scegliendo per ogni tasto il suo nome univoco, in più, si possono cambiare di posizione in un secondo momento.

[[File:Gestionedelmenùsecondario.jpg|thumb|alt=Facile!WEB|Gestione del menù secondario]] 

Il menù secondario è molto intuitivo, appena si clicca sull’icona saremo indirizzati nella sezione in cui si vedono i tasti (padre) a cui sono abbinate le voci di menù secondario (figlio) (vedi figura 10).

[[File:Tastidelmenùsecondario.jpg|thumb|alt=Facile!WEB|Tasti del menù secondario]] 

Se dovessimo in un futuro cambiare nome ad una voce oppure spostarla dalla prima posizione alla decima, basterebbe solo un click (vedi figura 11).

[[File:Menùsecondarioassociatoalprimotasto.jpg|thumb|alt=Facile!WEB|Menù secondario associato al primo tasto]] 

Dalla figura 11 si capisce che si possono applicare le stesse modifiche del menù principale, inoltre se clicchiamo sul tasto modifica, il sistema ci indirizzerà nella pagina di effettivo editing della singola voce di sottomenù (vedi figura 12).

[[File:Modificadellavocedelsottomenù.jpg|thumb|alt=Facile!WEB|Modifica della voce del sottomenù]] 

Per i clienti che non desiderano tutte le icone del menù secondario uguali (all’interno del Back-End), possiamo modificarle ottenendo un gestionale dei contenuti (non è quello dell’amministratore) ancora più intuitivo e accattivante, magari associando al nome l’immagine che ne ricalca il senso (figura 13).

[[File:Personalizzazione delle icone di sottomenù.jpg|thumb|alt=Facile!WEB|Personalizzazione delle icone di sottomenù]] 

==Gestione intestazione==

Con riferimento all’immagine sotto (figura 14), cliccando sul tasto si può modificare la sezione dell’intestazione del gestionale.

[[File:Gestionedell'intestazionedelsitoedeimetadati.jpg|thumb|alt=Facile!WEB|Gestione dell'intestazione del sito e dei metadati]] 

La sezione intestazione è una parte molto importante del gestionale, inoltre, è consigliato farla gestire da un utente esperto (amministratore); cliccandoci si ha la schermata (figura 15). Attraverso l’intestazione il sito comunica verso l’esterno (web 2.0) con motori di ricerca (es. Google).

[[File:Gestionedell'intestazione.jpg|thumb|alt=Facile!WEB|Gestione dell'intestazione]] 

Qui di seguito (figura 16) verrà spiegato graficamente la corrispondenza numerica di ogni voce con il suo equivalente pubblico (voce del Back-EndFront-End ovvero parte privata del sito e parte pubblica).

[[File:Frontendgestionale.jpg|thumb|alt=Facile!WEB|Front end gestionale]] 

[[File:Meta descrizione.jpg|thumb|alt=Facile!WEB|Metadescrizione]] 
 
 
 

La meta descrizione sarà la frase che Google farà vedere agli utenti che cercheranno il sito Web attraverso le parole chiavi. Poi si passa alle parole chiavi generali del sito (figura 18)(ogni articolo ha parole chiavi personalizzate).

[[File:Parolechiavegenerali.jpg|thumb|alt=Facile!WEB|Parole chiave generali]] 

[[File:Promemoriagrafico.jpg|thumb|alt=Facile!WEB|Promemoria grafico]] 

I punti 5 e 6 servono a configurare il form d’inserimento delle richieste da parte dei visitatori. Quindi il punto 5 (E-mail Richieste) rappresenterà l’indirizzo a cui saranno destinate tutte le richieste ed è sempre modificabile (potrebbe cambiare l’impiegato e quindi l’e-mail). Il punto 6 invece rappresenta l’oggetto della mail che l’azienda riceverà (es. Nuova richiesta inserita sul sito www.sitoazienda.com), anche qui se l’oggetto dev’essere modificato, basterà un click. Passiamo alla prossima figura (figura19):

[[File:Gestioneintestazione.jpg|thumb|alt=Facile!WEB|Gestione intestazione]] 

[[File:GestioneHeadereFooterdel sito.jpg|thumb|alt=Facile!WEB|Gestione Header e Footer del sito]] 

Il punto 7 serve a caricare l’immagine principale del sito che verrà ridimensionata automaticamente secondo i parametri del gestionale, si consiglia di caricare immagini molto leggere ed ottimizzate per il web affinchè le pagine vengano caricate velocemente dai vari Browsers. L’ultimo punto, ovvero il 10, serve per il servizio gratuito che offre Google (Google Analytics). Nel form bisogna inserire i dati che ci rilasciano ed è uno script con dati che permetteranno poi di visualizzare le statistiche del nostro gestionale.

[[File:ServizioAnalyticsdiGoogle.jpg|thumb|alt=Facile!WEB|Servizio Analytics di Google]] 

==Gestione CSS (per utenti esperti)==

Con riferimento all’immagine sotto (figura 22), cliccando sul tasto si modifica profondamente la struttura (lo “scheletro”) del gestionale; quindi questa funzione va gestita con cautela e da utenti molto esperti, che sappiano le basi delle strutture a Cascata (Css). Quindi modificando questo codice e caricando opportunamente le immagini portanti del nostro gestionale, si può dare una veste grafica totalmente diversa (a quella di default).

[[File:ModificadelfileCSS.jpg|thumb|alt=Facile!WEB|Modifica del file CSS]] 

Il pannello principale della modifica del css è illustrato qui di seguito (figura 23):

[[File:ModificadelCSS.jpg|thumb|alt=Facile!WEB|Modifica del CSS]] 

[[File:Formdiuploaddelfilecss.jpg|thumb|alt=Facile!WEB|Form di upload del file css]] 

Una volta modificato il file css, bisogna sovrascrivere il precedente con il nuovo (è necessario che abbia lo stesso nome). Per salvare in locale il file css per modificarlo, bisogna prima cliccare la lente d’ingrandimento e una volta aperto il file su una nuova pagina internet, salvatela in una cartella all’interno del vostro computer, in seguito potete editarlo con un qualsiasi programma di videoscrittura (anche Openoffice) e infine cliccate su modifica caricandolo.

[[File:Esempiodimodificadelfilecss.jpg|thumb|alt=Facile!WEB|Esempio di modifica del file css]] 

==Gestione articoli==

Con riferimento all’immagine sotto (figura 26), cliccando sul tasto si passa dal pannello di gestione per l’amministratore a quello degli articoli, ovvero quello da utente senza diritti amministrativi, in cui verranno scritti i vari articoli che compariranno sulle pagine del sito Web.

Figura 26: Tasto gestione articoli.

Ecco nella figura seguente (figura 27) il pannello dell’utente semplice.

Figura 27: Sezione articoli.

=Gestione della sezione utente=

In questa sezione si iniziano a scrivere gli articoli oppure a modificarli se sono stati già creati oppure se un articolo è considerato obsoleto quest’ultimo può essere eliminato o oscurato (in modo che si abbia un archivio di tutti gli articoli passati).

===Gestione degli articoli===

Qui di seguito (figura 28) il pannello dei vari articoli da gestire, come si nota si possono aggiungere, modificare o eliminare, inoltre sono disponibili anche qui le funzioni di ricerca nel caso l’utente avesse bisogno di modificare un articolo ben preciso e non riesce a trovarlo.

Figura 28: Gestione articoli.

Cliccando sul tasto aggiungi nuovo, si ha la seguente schermata (figura 29)

Figura 29: Inserimento articoli.

==Breve descrizione della barra dell’editor di testo==

Faremo una veloce descrizione dei tasti più in uso della barra dell’editor di testo, così da poter avere massima libertà nell’inserire gli articoli con formattazioni personalizzate e adatti a notizie di diversa natura (figura 30).

Figura 30: Barra dell'editor di testo.

1) Inserisci immagine.
2) Inserisci tabella.
3) Inserisci elenco puntato.
4) Inserisci elenco numerato.
5) Visualizza sorgente HTML.
6) Pulisci il codice da tutte le formattazioni.
7) Inserisci link oppure collegamento a file da scaricare.

==Inserimento di un’immagine nell’articolo==

L’inserimento di un’immagine nell’articolo è molto semplice (basta cliccare sul tasto che ha come icona il ritratto (figura 31).

Figura 31: Inserimento immagine.

Una volta cliccato il tasto, ci ritroveremo il pannello (figura 32) seguente, in cui visualizzeremo la cartella remota con immagini caricate precedentemente e già presenti nei vari articoli. Volendo caricare un’immagine presente nel nostro computer, cliccheremo sul tasto “carica immagine” e potremo scegliere se lasciarla nella cartella principale oppure crearne una nuova.

Figura 32: Gestione immagini.

Caricare immagini che pesano poco, quindi un formato consigliato è lo Gif che rende tutto più leggero. Per trasformare l’immagine, dovrete avere a vostra disposizione programmi con funzione di compressione immagine.

Figura 33: Caricamento immagine nuova.

==Inserimento di un file nell’articolo==

Per inserire file da scaricare all’interno di un articolo, vedi il seguente pannello (figura 34).

Figura 34: Inserimento allegati.

Una volta cliccata l’icona della cartellina (upload file) si aprirà (come accadeva per le immagini) il gestore delle risorse remote (figura 35) e ci comporteremo come nel caso delle immagini, scegliendo il file da associare alla parola (o immagine).

Figura 35: Gestore risorse remote.

==Condivisione degli articoli su social network (Facebook)==

Il gestionale guarda anche con un occhio di riguardo i Social Networks, per esempio Facebook (che oramai è diventato vitale anche per la comunicazione aziendale o dei liberi professionisti). Ogni articolo del sito può essere condiviso su quest’ultima piattaforma citata (figura 36) in modo da allargare al massimo il confine mediatico di Facile!Web. Oltre a questo tipo di funzione, Facile!Web integra la tecnologia dei Feeds Rss, dunque tutti gli articoli possono essere letti con vari aggregatori di feed (es. FeedReader, FeedBurner ecc). Dunque la comunicazione al primo posto!

Figura 36: Condivisione dell'articolo su Facebook.

=Conclusioni=

Il manuale di Facile!Web ha lo scopo di essere una guida all’utilizzo pratico del gestionale Web. La piattaforma sarà in continua evoluzione grazie al lavoro quotidiano di GruppoSis Developpers. Nei momenti del bisogno, troverete questo manuale sempre on-line a vostra disposizione cliccando sul tasto “Guida Facile!Web” presente nel pannello di controllo principale sulla vostra sinistra (menù verticale). GruppoSis rigrazia la vostra collaborazione.

File:Esempiodimodificadelfilecss.jpg

Federica — Tue, 31 Aug 2010 09:10:14 GMT

Federica:

Facile! WEB

Federica — Tue, 31 Aug 2010 09:09:11 GMT

Federica: /* Gestione CSS (per utenti esperti) */

=Introduzione=

FACILE!WEB è un software di Content Management per siti web, realizzato con la fusione dei linguaggi PHP, SQL, HTML. È pubblicato con licenza Grupposis, quindi soggetta ai vari vincoli commerciali e legali. È nato nel gennaio 2010 ed attualmente è in rapido e continuo sviluppo sotto la guida di Grupposis Developpers. Il CMS è stato creato per accelerare i tempi di creazione dei vari siti Web richiesti dai clienti Aziendali e Notarili, in quanto è '''personalizzabile''' in tutte le sue sezioni (header, menù principale, footer ecc) e sottosezioni (menù secondario). Qui di seguito verranno elencate le principali sezioni con immagini annesse del pannello di controllo d’amministrazione e di quello di utente (senza diritti avanzati). La guida sarà rapida nell’illustrazione perché la semplicità sarà sinonimo di chiarezza.

=Gestione della sezione amministrativa di Facile!Web=

== Autenticazione ==
Per poter accedere al pannello di controllo di Facile!Web, bisogna digitare l’indirizzo della pagina di autenticazione (es. www.sitocliente.com/login.php) all’interno del browser internet (es. Mozilla Firefox o Internet Explorer o altri browsers). Vi comparirà la pagina con il form d’inserimento dati '''nome utente''' e '''password''' (vedi figura 1).

[[File:pagina login.jpg|thumb|alt=Facile!web|pagina login]] 

==Pannello d’Amministrazione==
Una volta inseriti i dati correttamente (naturalmente l’amministratore Grupposis del Gestionale Web vi comunicherà per tempo i dati necessari: username e password per ogni utente che utilizzerà la nostra piattaforma), il sistema vi indirizzerà nella pagina d’amministrazione principale in cui si possono gestire le varie funzioni avanzate (vedi figura 2).

[[File:gestioneavanzataperl'amministratore.jpg|thumb|alt=Facile!WEB|Gestione avanzata per l'amministratore]] 

==Gestione degli Utenti==

In questa sezione si possono aggiungere i vari utenti che possono essere amministratori (accesso completo al gestionale) oppure utenti senza diritti amministrativi (accedono direttamente nella sezione dei contenuti del sito e non nella sezione portante del Cms). Si arriva cliccando sull’icona evidenziata (vedi figura 3).

[[File:gestione degli utenti.jpg|thumb|alt=Facile!WEB|Gestione degli utenti]] 

Con un semplice click ci troveremo nel cuore della gestione degli utenti (vedi figura 4)

[[File:pannello gestione utenti.jpg|thumb|alt=Facile!WEB|Pannello gestione utenti]] 

Se dovessimo cambiare i diritti di un utente, cliccando su '''modifica''', ci ritroveremmo nel seguente pannello (figura 5)
[[File:modifica parametri utente.jpg|thumb|alt=Facile!WEB|Modifica parametri utente]] 

==Gestione del menù principale==

Con riferimento all’immagine sotto (figura 6), cliccando sul tasto si può modificare la struttura del menu orizzontale (menù principale), scegliendo per ogni tasto il suo nome univoco, in più si possono cambiare di posizione in un secondo momento.

[[File:Gestionedelmenùpricipale.jpg|thumb|alt=Facile!WEB|Gestione del menù principale]] 

Il menù principale è molto intuitivo e se dovessimo in un futuro cambiare nome ad un tasto oppure spostarlo dalla prima posizione alla terza, basterebbe solo un click (vedi figura 7).

[[File:Elementidelmenù.jpg|thumb|alt=Facile!WEB|Elementi del menù]] 

Ogni tasto è modificabile nel seguente modo (vedi figura 8).

[[File:Modificadelmenùprincipale.jpg|thumb|alt=Facile!WEB|Modifica del menù principale]] 

Prima di passare alla sezione sottomenù, va sottolineato che nel menù principale, degli 8 tasti disponibili, 2 sono esclusivamente dedicati ai contatti e ai links, quindi per avere la massima efficienza, si consiglia di utilizzarli con la loro funzione nativa.

==Gestione dei menù secondari==

Con riferimento all’immagine sotto (figura 9), cliccando sul tasto si può modificare la struttura del menu verticale (menù secondario), scegliendo per ogni tasto il suo nome univoco, in più, si possono cambiare di posizione in un secondo momento.

[[File:Gestionedelmenùsecondario.jpg|thumb|alt=Facile!WEB|Gestione del menù secondario]] 

Il menù secondario è molto intuitivo, appena si clicca sull’icona saremo indirizzati nella sezione in cui si vedono i tasti (padre) a cui sono abbinate le voci di menù secondario (figlio) (vedi figura 10).

[[File:Tastidelmenùsecondario.jpg|thumb|alt=Facile!WEB|Tasti del menù secondario]] 

Se dovessimo in un futuro cambiare nome ad una voce oppure spostarla dalla prima posizione alla decima, basterebbe solo un click (vedi figura 11).

[[File:Menùsecondarioassociatoalprimotasto.jpg|thumb|alt=Facile!WEB|Menù secondario associato al primo tasto]] 

Dalla figura 11 si capisce che si possono applicare le stesse modifiche del menù principale, inoltre se clicchiamo sul tasto modifica, il sistema ci indirizzerà nella pagina di effettivo editing della singola voce di sottomenù (vedi figura 12).

[[File:Modificadellavocedelsottomenù.jpg|thumb|alt=Facile!WEB|Modifica della voce del sottomenù]] 

Per i clienti che non desiderano tutte le icone del menù secondario uguali (all’interno del Back-End), possiamo modificarle ottenendo un gestionale dei contenuti (non è quello dell’amministratore) ancora più intuitivo e accattivante, magari associando al nome l’immagine che ne ricalca il senso (figura 13).

[[File:Personalizzazione delle icone di sottomenù.jpg|thumb|alt=Facile!WEB|Personalizzazione delle icone di sottomenù]] 

==Gestione intestazione==

Con riferimento all’immagine sotto (figura 14), cliccando sul tasto si può modificare la sezione dell’intestazione del gestionale.

[[File:Gestionedell'intestazionedelsitoedeimetadati.jpg|thumb|alt=Facile!WEB|Gestione dell'intestazione del sito e dei metadati]] 

La sezione intestazione è una parte molto importante del gestionale, inoltre, è consigliato farla gestire da un utente esperto (amministratore); cliccandoci si ha la schermata (figura 15). Attraverso l’intestazione il sito comunica verso l’esterno (web 2.0) con motori di ricerca (es. Google).

[[File:Gestionedell'intestazione.jpg|thumb|alt=Facile!WEB|Gestione dell'intestazione]] 

Qui di seguito (figura 16) verrà spiegato graficamente la corrispondenza numerica di ogni voce con il suo equivalente pubblico (voce del Back-EndFront-End ovvero parte privata del sito e parte pubblica).

[[File:Frontendgestionale.jpg|thumb|alt=Facile!WEB|Front end gestionale]] 

[[File:Meta descrizione.jpg|thumb|alt=Facile!WEB|Metadescrizione]] 
 
 
 

La meta descrizione sarà la frase che Google farà vedere agli utenti che cercheranno il sito Web attraverso le parole chiavi. Poi si passa alle parole chiavi generali del sito (figura 18)(ogni articolo ha parole chiavi personalizzate).

[[File:Parolechiavegenerali.jpg|thumb|alt=Facile!WEB|Parole chiave generali]] 

[[File:Promemoriagrafico.jpg|thumb|alt=Facile!WEB|Promemoria grafico]] 

I punti 5 e 6 servono a configurare il form d’inserimento delle richieste da parte dei visitatori. Quindi il punto 5 (E-mail Richieste) rappresenterà l’indirizzo a cui saranno destinate tutte le richieste ed è sempre modificabile (potrebbe cambiare l’impiegato e quindi l’e-mail). Il punto 6 invece rappresenta l’oggetto della mail che l’azienda riceverà (es. Nuova richiesta inserita sul sito www.sitoazienda.com), anche qui se l’oggetto dev’essere modificato, basterà un click. Passiamo alla prossima figura (figura19):

[[File:Gestioneintestazione.jpg|thumb|alt=Facile!WEB|Gestione intestazione]] 

[[File:GestioneHeadereFooterdel sito.jpg|thumb|alt=Facile!WEB|Gestione Header e Footer del sito]] 

Il punto 7 serve a caricare l’immagine principale del sito che verrà ridimensionata automaticamente secondo i parametri del gestionale, si consiglia di caricare immagini molto leggere ed ottimizzate per il web affinchè le pagine vengano caricate velocemente dai vari Browsers. L’ultimo punto, ovvero il 10, serve per il servizio gratuito che offre Google (Google Analytics). Nel form bisogna inserire i dati che ci rilasciano ed è uno script con dati che permetteranno poi di visualizzare le statistiche del nostro gestionale.

[[File:ServizioAnalyticsdiGoogle.jpg|thumb|alt=Facile!WEB|Servizio Analytics di Google]] 

==Gestione CSS (per utenti esperti)==

Con riferimento all’immagine sotto (figura 22), cliccando sul tasto si modifica profondamente la struttura (lo “scheletro”) del gestionale; quindi questa funzione va gestita con cautela e da utenti molto esperti, che sappiano le basi delle strutture a Cascata (Css). Quindi modificando questo codice e caricando opportunamente le immagini portanti del nostro gestionale, si può dare una veste grafica totalmente diversa (a quella di default).

[[File:ModificadelfileCSS.jpg|thumb|alt=Facile!WEB|Modifica del file CSS]] 

Il pannello principale della modifica del css è illustrato qui di seguito (figura 23):

[[File:ModificadelCSS.jpg|thumb|alt=Facile!WEB|Modifica del CSS]] 

[[File:Formdiuploaddelfilecss.jpg|thumb|alt=Facile!WEB|Form di upload del file css]] 

Una volta modificato il file css, bisogna sovrascrivere il precedente con il nuovo (è necessario che abbia lo stesso nome). Per salvare in locale il file css per modificarlo, bisogna prima cliccare la lente d’ingrandimento e una volta aperto il file su una nuova pagina internet, salvatela in una cartella all’interno del vostro computer, in seguito potete editarlo con un qualsiasi programma di videoscrittura (anche Openoffice) e infine cliccate su modifica caricandolo.

[[File:Esempiodimodificadelfilecss.jpg|thumb|alt=Facile!WEB|Esempio di modifica del file css]] 

==Gestione articoli==

Con riferimento all’immagine sotto (figura 26), cliccando sul tasto si passa dal pannello di gestione per l’amministratore a quello degli articoli, ovvero quello da utente senza diritti amministrativi, in cui verranno scritti i vari articoli che compariranno sulle pagine del sito Web.

Figura 26: Tasto gestione articoli.

Ecco nella figura seguente (figura 27) il pannello dell’utente semplice.

Figura 27: Sezione articoli.

=Gestione della sezione utente=

In questa sezione si iniziano a scrivere gli articoli oppure a modificarli se sono stati già creati oppure se un articolo è considerato obsoleto quest’ultimo può essere eliminato o oscurato (in modo che si abbia un archivio di tutti gli articoli passati).

===Gestione degli articoli===

Qui di seguito (figura 28) il pannello dei vari articoli da gestire, come si nota si possono aggiungere, modificare o eliminare, inoltre sono disponibili anche qui le funzioni di ricerca nel caso l’utente avesse bisogno di modificare un articolo ben preciso e non riesce a trovarlo.

Figura 28: Gestione articoli.

Cliccando sul tasto aggiungi nuovo, si ha la seguente schermata (figura 29)

Figura 29: Inserimento articoli.

==Breve descrizione della barra dell’editor di testo==

Faremo una veloce descrizione dei tasti più in uso della barra dell’editor di testo, così da poter avere massima libertà nell’inserire gli articoli con formattazioni personalizzate e adatti a notizie di diversa natura (figura 30).

Figura 30: Barra dell'editor di testo.

1) Inserisci immagine.
2) Inserisci tabella.
3) Inserisci elenco puntato.
4) Inserisci elenco numerato.
5) Visualizza sorgente HTML.
6) Pulisci il codice da tutte le formattazioni.
7) Inserisci link oppure collegamento a file da scaricare.

==Inserimento di un’immagine nell’articolo==

L’inserimento di un’immagine nell’articolo è molto semplice (basta cliccare sul tasto che ha come icona il ritratto (figura 31).

Figura 31: Inserimento immagine.

Una volta cliccato il tasto, ci ritroveremo il pannello (figura 32) seguente, in cui visualizzeremo la cartella remota con immagini caricate precedentemente e già presenti nei vari articoli. Volendo caricare un’immagine presente nel nostro computer, cliccheremo sul tasto “carica immagine” e potremo scegliere se lasciarla nella cartella principale oppure crearne una nuova.

Figura 32: Gestione immagini.

Caricare immagini che pesano poco, quindi un formato consigliato è lo Gif che rende tutto più leggero. Per trasformare l’immagine, dovrete avere a vostra disposizione programmi con funzione di compressione immagine.

Figura 33: Caricamento immagine nuova.

==Inserimento di un file nell’articolo==

Per inserire file da scaricare all’interno di un articolo, vedi il seguente pannello (figura 34).

Figura 34: Inserimento allegati.

Una volta cliccata l’icona della cartellina (upload file) si aprirà (come accadeva per le immagini) il gestore delle risorse remote (figura 35) e ci comporteremo come nel caso delle immagini, scegliendo il file da associare alla parola (o immagine).

Figura 35: Gestore risorse remote.

==Condivisione degli articoli su social network (Facebook)==

Il gestionale guarda anche con un occhio di riguardo i Social Networks, per esempio Facebook (che oramai è diventato vitale anche per la comunicazione aziendale o dei liberi professionisti). Ogni articolo del sito può essere condiviso su quest’ultima piattaforma citata (figura 36) in modo da allargare al massimo il confine mediatico di Facile!Web. Oltre a questo tipo di funzione, Facile!Web integra la tecnologia dei Feeds Rss, dunque tutti gli articoli possono essere letti con vari aggregatori di feed (es. FeedReader, FeedBurner ecc). Dunque la comunicazione al primo posto!

Figura 36: Condivisione dell'articolo su Facebook.

=Conclusioni=

Il manuale di Facile!Web ha lo scopo di essere una guida all’utilizzo pratico del gestionale Web. La piattaforma sarà in continua evoluzione grazie al lavoro quotidiano di GruppoSis Developpers. Nei momenti del bisogno, troverete questo manuale sempre on-line a vostra disposizione cliccando sul tasto “Guida Facile!Web” presente nel pannello di controllo principale sulla vostra sinistra (menù verticale). GruppoSis rigrazia la vostra collaborazione.

File:Formdiuploaddelfilecss.jpg

Federica — Tue, 31 Aug 2010 09:07:57 GMT

Federica:

File:ModificadelCSS.jpg

Federica — Tue, 31 Aug 2010 09:06:37 GMT

Federica:

File:ModificadelfileCSS.jpg

Federica — Tue, 31 Aug 2010 09:04:22 GMT

Federica:

Facile! WEB

Facile! WEB

Federica — Mon, 30 Aug 2010 14:51:17 GMT

Federica: /* Gestione intestazione */

=Introduzione=

FACILE!WEB è un software di Content Management per siti web, realizzato con la fusione dei linguaggi PHP, SQL, HTML. È pubblicato con licenza Grupposis, quindi soggetta ai vari vincoli commerciali e legali. È nato nel gennaio 2010 ed attualmente è in rapido e continuo sviluppo sotto la guida di Grupposis Developpers. Il CMS è stato creato per accelerare i tempi di creazione dei vari siti Web richiesti dai clienti Aziendali e Notarili, in quanto è '''personalizzabile''' in tutte le sue sezioni (header, menù principale, footer ecc) e sottosezioni (menù secondario). Qui di seguito verranno elencate le principali sezioni con immagini annesse del pannello di controllo d’amministrazione e di quello di utente (senza diritti avanzati). La guida sarà rapida nell’illustrazione perché la semplicità sarà sinonimo di chiarezza.

=Gestione della sezione amministrativa di Facile!Web=

== Autenticazione ==
Per poter accedere al pannello di controllo di Facile!Web, bisogna digitare l’indirizzo della pagina di autenticazione (es. www.sitocliente.com/login.php) all’interno del browser internet (es. Mozilla Firefox o Internet Explorer o altri browsers). Vi comparirà la pagina con il form d’inserimento dati '''nome utente''' e '''password''' (vedi figura 1).

[[File:pagina login.jpg|thumb|alt=Facile!web|pagina login]] 

==Pannello d’Amministrazione==
Una volta inseriti i dati correttamente (naturalmente l’amministratore Grupposis del Gestionale Web vi comunicherà per tempo i dati necessari: username e password per ogni utente che utilizzerà la nostra piattaforma), il sistema vi indirizzerà nella pagina d’amministrazione principale in cui si possono gestire le varie funzioni avanzate (vedi figura 2).

[[File:gestioneavanzataperl'amministratore.jpg|thumb|alt=Facile!WEB|Gestione avanzata per l'amministratore]] 

==Gestione degli Utenti==

In questa sezione si possono aggiungere i vari utenti che possono essere amministratori (accesso completo al gestionale) oppure utenti senza diritti amministrativi (accedono direttamente nella sezione dei contenuti del sito e non nella sezione portante del Cms). Si arriva cliccando sull’icona evidenziata (vedi figura 3).

[[File:gestione degli utenti.jpg|thumb|alt=Facile!WEB|Gestione degli utenti]] 

Con un semplice click ci troveremo nel cuore della gestione degli utenti (vedi figura 4)

[[File:pannello gestione utenti.jpg|thumb|alt=Facile!WEB|Pannello gestione utenti]] 

Se dovessimo cambiare i diritti di un utente, cliccando su '''modifica''', ci ritroveremmo nel seguente pannello (figura 5)
[[File:modifica parametri utente.jpg|thumb|alt=Facile!WEB|Modifica parametri utente]] 

==Gestione del menù principale==

Con riferimento all’immagine sotto (figura 6), cliccando sul tasto si può modificare la struttura del menu orizzontale (menù principale), scegliendo per ogni tasto il suo nome univoco, in più si possono cambiare di posizione in un secondo momento.

[[File:Gestionedelmenùpricipale.jpg|thumb|alt=Facile!WEB|Gestione del menù principale]] 

Il menù principale è molto intuitivo e se dovessimo in un futuro cambiare nome ad un tasto oppure spostarlo dalla prima posizione alla terza, basterebbe solo un click (vedi figura 7).

[[File:Elementidelmenù.jpg|thumb|alt=Facile!WEB|Elementi del menù]] 

Ogni tasto è modificabile nel seguente modo (vedi figura 8).

[[File:Modificadelmenùprincipale.jpg|thumb|alt=Facile!WEB|Modifica del menù principale]] 

Prima di passare alla sezione sottomenù, va sottolineato che nel menù principale, degli 8 tasti disponibili, 2 sono esclusivamente dedicati ai contatti e ai links, quindi per avere la massima efficienza, si consiglia di utilizzarli con la loro funzione nativa.

==Gestione dei menù secondari==

Con riferimento all’immagine sotto (figura 9), cliccando sul tasto si può modificare la struttura del menu verticale (menù secondario), scegliendo per ogni tasto il suo nome univoco, in più, si possono cambiare di posizione in un secondo momento.

[[File:Gestionedelmenùsecondario.jpg|thumb|alt=Facile!WEB|Gestione del menù secondario]] 

Il menù secondario è molto intuitivo, appena si clicca sull’icona saremo indirizzati nella sezione in cui si vedono i tasti (padre) a cui sono abbinate le voci di menù secondario (figlio) (vedi figura 10).

[[File:Tastidelmenùsecondario.jpg|thumb|alt=Facile!WEB|Tasti del menù secondario]] 

Se dovessimo in un futuro cambiare nome ad una voce oppure spostarla dalla prima posizione alla decima, basterebbe solo un click (vedi figura 11).

[[File:Menùsecondarioassociatoalprimotasto.jpg|thumb|alt=Facile!WEB|Menù secondario associato al primo tasto]] 

Dalla figura 11 si capisce che si possono applicare le stesse modifiche del menù principale, inoltre se clicchiamo sul tasto modifica, il sistema ci indirizzerà nella pagina di effettivo editing della singola voce di sottomenù (vedi figura 12).

[[File:Modificadellavocedelsottomenù.jpg|thumb|alt=Facile!WEB|Modifica della voce del sottomenù]] 

Per i clienti che non desiderano tutte le icone del menù secondario uguali (all’interno del Back-End), possiamo modificarle ottenendo un gestionale dei contenuti (non è quello dell’amministratore) ancora più intuitivo e accattivante, magari associando al nome l’immagine che ne ricalca il senso (figura 13).

[[File:Personalizzazione delle icone di sottomenù.jpg|thumb|alt=Facile!WEB|Personalizzazione delle icone di sottomenù]] 

==Gestione intestazione==

Con riferimento all’immagine sotto (figura 14), cliccando sul tasto si può modificare la sezione dell’intestazione del gestionale.

[[File:Gestionedell'intestazionedelsitoedeimetadati.jpg|thumb|alt=Facile!WEB|Gestione dell'intestazione del sito e dei metadati]] 

La sezione intestazione è una parte molto importante del gestionale, inoltre, è consigliato farla gestire da un utente esperto (amministratore); cliccandoci si ha la schermata (figura 15). Attraverso l’intestazione il sito comunica verso l’esterno (web 2.0) con motori di ricerca (es. Google).

[[File:Gestionedell'intestazione.jpg|thumb|alt=Facile!WEB|Gestione dell'intestazione]] 

Qui di seguito (figura 16) verrà spiegato graficamente la corrispondenza numerica di ogni voce con il suo equivalente pubblico (voce del Back-EndFront-End ovvero parte privata del sito e parte pubblica).

[[File:Frontendgestionale.jpg|thumb|alt=Facile!WEB|Front end gestionale]] 

[[File:Meta descrizione.jpg|thumb|alt=Facile!WEB|Metadescrizione]] 
 
 
 

La meta descrizione sarà la frase che Google farà vedere agli utenti che cercheranno il sito Web attraverso le parole chiavi. Poi si passa alle parole chiavi generali del sito (figura 18)(ogni articolo ha parole chiavi personalizzate).

[[File:Parolechiavegenerali.jpg|thumb|alt=Facile!WEB|Parole chiave generali]] 

[[File:Promemoriagrafico.jpg|thumb|alt=Facile!WEB|Promemoria grafico]] 

I punti 5 e 6 servono a configurare il form d’inserimento delle richieste da parte dei visitatori. Quindi il punto 5 (E-mail Richieste) rappresenterà l’indirizzo a cui saranno destinate tutte le richieste ed è sempre modificabile (potrebbe cambiare l’impiegato e quindi l’e-mail). Il punto 6 invece rappresenta l’oggetto della mail che l’azienda riceverà (es. Nuova richiesta inserita sul sito www.sitoazienda.com), anche qui se l’oggetto dev’essere modificato, basterà un click. Passiamo alla prossima figura (figura19):

Figura 19: Gestione intestazione (altri parametri)

Figura 20: Gestione Header e Footer del sito.

Il punto 7 serve a caricare l’immagine principale del sito che verrà ridimensionata automaticamente secondo i parametri del gestionale, si consiglia di caricare immagini molto leggere ed ottimizzate per il web affinchè le pagine vengano caricate velocemente dai vari Browsers. L’ultimo punto, ovvero il 10, serve per il servizio gratuito che offre Google (Google Analytics). Nel form bisogna inserire i dati che ci rilasciano ed è uno script con dati che permetteranno poi di visualizzare le statistiche del nostro gestionale.

Figura 21: Servizio Analytics di Google.

==Gestione CSS (per utenti esperti)==

Con riferimento all’immagine sotto (figura 22), cliccando sul tasto si modifica profondamente la struttura (lo “scheletro”) del gestionale; quindi questa funzione va gestita con cautela e da utenti molto esperti, che sappiano le basi delle strutture a Cascata (Css). Quindi modificando questo codice e caricando opportunamente le immagini portanti del nostro gestionale, si può dare una veste grafica totalmente diversa (a quella di default).

Figura 22: Modifica del file CSS.

Il pannello principale della modifica del css è illustrato qui di seguito (figura 23):

Figura 23: Modifica del CSS.

Figura 24: Form di upload del file css.

Una volta modificato il file css, bisogna sovrascrivere il precedente con il nuovo (è necessario che abbia lo stesso nome). Per salvare in locale il file css per modificarlo, bisogna prima cliccare la lente d’ingrandimento e una volta aperto il file su una nuova pagina internet, salvatela in una cartella all’interno del vostro computer, in seguito potete editarlo con un qualsiasi programma di videoscrittura (anche Openoffice) e infine cliccate su modifica caricandolo.

Figura 25: Esempio di modifica del file css.

==Gestione articoli==

Con riferimento all’immagine sotto (figura 26), cliccando sul tasto si passa dal pannello di gestione per l’amministratore a quello degli articoli, ovvero quello da utente senza diritti amministrativi, in cui verranno scritti i vari articoli che compariranno sulle pagine del sito Web.

Figura 26: Tasto gestione articoli.

Ecco nella figura seguente (figura 27) il pannello dell’utente semplice.

Figura 27: Sezione articoli.

=Gestione della sezione utente=

In questa sezione si iniziano a scrivere gli articoli oppure a modificarli se sono stati già creati oppure se un articolo è considerato obsoleto quest’ultimo può essere eliminato o oscurato (in modo che si abbia un archivio di tutti gli articoli passati).

===Gestione degli articoli===

Qui di seguito (figura 28) il pannello dei vari articoli da gestire, come si nota si possono aggiungere, modificare o eliminare, inoltre sono disponibili anche qui le funzioni di ricerca nel caso l’utente avesse bisogno di modificare un articolo ben preciso e non riesce a trovarlo.

Figura 28: Gestione articoli.

Cliccando sul tasto aggiungi nuovo, si ha la seguente schermata (figura 29)

Figura 29: Inserimento articoli.

==Breve descrizione della barra dell’editor di testo==

Faremo una veloce descrizione dei tasti più in uso della barra dell’editor di testo, così da poter avere massima libertà nell’inserire gli articoli con formattazioni personalizzate e adatti a notizie di diversa natura (figura 30).

Figura 30: Barra dell'editor di testo.

1) Inserisci immagine.
2) Inserisci tabella.
3) Inserisci elenco puntato.
4) Inserisci elenco numerato.
5) Visualizza sorgente HTML.
6) Pulisci il codice da tutte le formattazioni.
7) Inserisci link oppure collegamento a file da scaricare.

==Inserimento di un’immagine nell’articolo==

L’inserimento di un’immagine nell’articolo è molto semplice (basta cliccare sul tasto che ha come icona il ritratto (figura 31).

Figura 31: Inserimento immagine.

Una volta cliccato il tasto, ci ritroveremo il pannello (figura 32) seguente, in cui visualizzeremo la cartella remota con immagini caricate precedentemente e già presenti nei vari articoli. Volendo caricare un’immagine presente nel nostro computer, cliccheremo sul tasto “carica immagine” e potremo scegliere se lasciarla nella cartella principale oppure crearne una nuova.

Figura 32: Gestione immagini.

Caricare immagini che pesano poco, quindi un formato consigliato è lo Gif che rende tutto più leggero. Per trasformare l’immagine, dovrete avere a vostra disposizione programmi con funzione di compressione immagine.

Figura 33: Caricamento immagine nuova.

==Inserimento di un file nell’articolo==

Per inserire file da scaricare all’interno di un articolo, vedi il seguente pannello (figura 34).

Figura 34: Inserimento allegati.

Una volta cliccata l’icona della cartellina (upload file) si aprirà (come accadeva per le immagini) il gestore delle risorse remote (figura 35) e ci comporteremo come nel caso delle immagini, scegliendo il file da associare alla parola (o immagine).

Figura 35: Gestore risorse remote.

==Condivisione degli articoli su social network (Facebook)==

Il gestionale guarda anche con un occhio di riguardo i Social Networks, per esempio Facebook (che oramai è diventato vitale anche per la comunicazione aziendale o dei liberi professionisti). Ogni articolo del sito può essere condiviso su quest’ultima piattaforma citata (figura 36) in modo da allargare al massimo il confine mediatico di Facile!Web. Oltre a questo tipo di funzione, Facile!Web integra la tecnologia dei Feeds Rss, dunque tutti gli articoli possono essere letti con vari aggregatori di feed (es. FeedReader, FeedBurner ecc). Dunque la comunicazione al primo posto!

Figura 36: Condivisione dell'articolo su Facebook.

=Conclusioni=

Il manuale di Facile!Web ha lo scopo di essere una guida all’utilizzo pratico del gestionale Web. La piattaforma sarà in continua evoluzione grazie al lavoro quotidiano di GruppoSis Developpers. Nei momenti del bisogno, troverete questo manuale sempre on-line a vostra disposizione cliccando sul tasto “Guida Facile!Web” presente nel pannello di controllo principale sulla vostra sinistra (menù verticale). GruppoSis rigrazia la vostra collaborazione.