Da Wintech Manuali.

Indice 1 Introduzione 2 Gestione della sezione amministrativa di Facile!Web 2.1 Autenticazione 2.2 Pannello d’Amministrazione 2.3 Gestione degli Utenti 2.4 Gestione del menù principale 2.5 Gestione dei menù secondari 2.6 Gestione intestazione 2.7 Gestione CSS (per utenti esperti) 2.8 Gestione articoli 3 Gestione della sezione utente 3.1 Gestione degli articoli 3.2 Breve descrizione della barra dell’editor di testo 3.3 Inserimento di un’immagine nell’articolo 3.4 Inserimento di un file nell’articolo 3.5 Condivisione degli articoli su social network (Facebook) 4 Conclusioni

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 Developers. Il CMS (contenent management system)è 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).

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

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

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

Se dovessimo cambiare i diritti di un utente, cliccando su modifica, ci ritroveremmo nel seguente pannello (figura 5)

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.

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

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

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.

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

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

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

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

Gestione intestazione

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

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

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

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

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):

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.

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

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

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.

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.

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

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.

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

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

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

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.

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.

Inserimento di un file nell’articolo

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

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

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!

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 ringrazia la vostra collaborazione.