Infine abbiamo anche effettuato un operazione di traduzione in italiano delle due aree principali di Joomla.

Transcript

1 Joomla dopo l installazione Lezione 2 Joomla dopo l installazione Premessa Abbiamo nella lezione precedente installato offline la piattaforma di Joomla. Ricapitolando abbiamo prima configurato EasyPhp sul Personal computer e subito dopo l installazione di Joomla abbiamo eseguito le seguenti attività: Rimozione della cartella di installazione per esplorare l area Front end per esplorare l area Back end Infine abbiamo anche effettuato un operazione di traduzione in italiano delle due aree principali di Joomla. Adesso in questa lezione ci occuperemo di trattare i seguenti argomenti: Capire gli elementi che costituiscono l area Front end e back end La configurazione server side di Joomla (al fine di settare le informazioni Ftp per effettuare l upload di Joomla su spazio remoto, le informazioni server side al fine di configurare il server mail) Lezione 2 Joomla dopo l installazione L area Front end Il lato pubblico della piattaforma Joomla è denominato in inglese Front end. Gli elementi che costituiscono tale area sono: La parte Intestazione (ossia l header): in questa sezione possiamo personalizzarla con un logo che rappresenta l azienda, l associazione, o altro soggetto pubblico o privato per il quale stiamo realizzando il sito web. L header originario del sito Joomla è rappresentato dalla seguente illustrazione grafica: Spalluzzi Francesco Manuali.Net 2009 Tutti i diritti riservati 1

2 Esso è personalizzabile; quando esamineremo la parte Back end (ossia l area di amministrazione di Joomla) vedremo le relative modalità di personalizzazione. Altra sezione importante dell area Front end risulta essere il P athw ay. L utente visitatore del sito con Joomla saprà sempre, navigando tra le sezioni del sito stesso, in quale area dello stesso sta navigando, così da non disorientarsi. La caratteristica della navigazione è di tipo gerarchico: (esempio Home >Categoria >Contenuto, ecc ecc). In ogni sito che si rispetti, e questa componente costituisce attività principale nella progettazione di qualsiasi sito internet, è il menu. Il menu vuole essere anche la mappa del sito, di modo ché il visitatore può esplorare tutte le sezioni del sito, e grazie al P athw ay, come abbiamo già ribadito, non si disorienterà mai. L area Front end ha una struttura modulare, nel senso che nell home page, grazie comunque alle personalizzazioni che vedremo nell area Back end, possono essere visibili alcuni moduli (ossia script P HP che gestiscono la visualizzazione di blocchi posizionabili) possono apparire i moduli stessi solo in alcune pagine oppure in tutte le pagine del sito. Un sito senza contenuti sarebbe scarno. Tutti i visitatori ricercano siti internet per trovare informazioni. Un sito realizzato con il progetto di Joomla, diventa un contenitore di informazioni, grazie alla possibilità di essere gestite attraverso la parte Back end (ossia area amministrativa). Possono essere del tipo: articoli links schede di contatti Quando analizzeremo la parte Back end e vorremmo gestire i contenuti, sarà mostrato l elenco completo di tutti i componenti aggiuntivi installati. Osservazione: Spalluzzi Francesco Manuali.Net 2009 Tutti i diritti riservati 2

3 Quando viene installato un componente aggiuntivo nuovo, si dice che Joomla estende le sue funzionalità originarie. L amminstratore non si deve mai preoccupare di progettare nuovo codice in P HP, al fine che ne so di inserire nella parte Front end il modo per votare il contenuto degli articoli aggiunti, ma se ne occuperà il modulo sondaggi aggiunto tramite l area Back end. In definitiva per ogni modulo o componente aggiunto, l amministratore si deve solo preoccupare: del posizionamento e del settaggio delle impostazioni del modulo aggiunto nell area pubblica. Lezione 2 Joomla dopo l installazione L area Back end Ecco lo screen shots dell area Front end da personalizzare per mezzo dell area Back end Domande: 1) Come viene personalizzata l area Header? Procedura : > 1) Nella barra degli indirizzi del browser web digitare il link 2) Riempire il form con le credenziali dell amministratore: Spalluzzi Francesco Manuali.Net 2009 Tutti i diritti riservati 3

4 Le credenziali sono: User Name: admin (*) Password <quella impostata durante la procedura di installazione di Joomla vedi Lezione uno del corso> Language: scegliere Italian (* vedi lezione 1 per rivedere la procedura di impostazione della lingua italiana per le due aree front end e backend di Joomla) Osservazione: Come possiamo attraverso l area Back end cambiare la username dell amministratore? Procedura: Dopo essere andata a buon fine la procedura di autenticazione, bisogna cliccare su Spalluzzi Francesco Manuali.Net 2009 Tutti i diritti riservati 4

5 Cliccando sulla voce Gestione utenti abbiamo: LISTA UTENTI CON SUPER PRIVILEGI E UTENTI SEMPLICI (allo stato attuale c è solo il profilo Administrator) Ultimo passaggio è quello di cliccare su Administrator e avremo la scheda dettagli. Basta modificare il campo Nome utente. Modificata l informazione basta cliccare sull icona Applica Chiusa questa parentesi sulla modifica del nome utente della figura dell amministratore, ritorniamo alla personalizzazione della sezione header dell area Front end. Entrati nel pannello di amministrazione clicchiamo sulla voce di menu Spalluzzi Francesco Manuali.Net 2009 Tutti i diritti riservati 5

6 Cliccare sulla voce Estensioni > selezionare Gestione template Elenco templates configurati durante l installazione di Joomla In corrispondenza della stellina, quello è il template di default impostato quando abbiamo cliccato su P er impostare come predefinito uno di quelli non selezionati, si procedere a cliccare sul controllo RadioButton e poi fare clic a sua volta sulla stella P redefinito in alto a destra. Per esempio se selezioniamo il Radiobutton in corrispondenza di Ja_Purity, prima di impostarlo come predefinito, basta passare il mouse sul link e potremmo verificare in anteprima come si modificherà il layout dell area Frontend dopo le modifiche apportate. Spalluzzi Francesco Manuali.Net 2009 Tutti i diritti riservati 6

7 Cliccando sulla stella (Predefinito) situata nella parte alta a destra del pannello di controllo, quel template sarà impostato come predefinito. Ecco come si mostrerà il layout dell area pubblica per i visitatori, dopo la modifiche apportate. Senza uscire dal pannello di controllo si può cliccare sulla voce Anteprima: Nelle successive lezioni parleremo delle modalità per mezzo delle quali si possono creare nuovi template o poterli anche scaricare da Internet. Adesso nel prossimo paragrafo spiegheremo la procedura per creare un menu di navigazione. Spalluzzi Francesco Manuali.Net 2009 Tutti i diritti riservati 7

8 Lezione 2 Joomla dopo l installazione Creare un menu di navigazione Stando sempre nel pannello di controllo spieghiamo passo passo come creare un menu di navigazione e come renderlo visibile nell home page. Intanto se non siete all interno dell area Back end vi suggerisco di farlo. In una situazione dove non c è nessuna configurazione, l anteprima di Joomla dall area Back end sarà: adesso dal menu scegliamo la voce Gestione menu e verrà visualizzato nel brow ser il pannello di controllo. Spalluzzi Francesco Manuali.Net 2009 Tutti i diritti riservati 8

9 Sulla destra c è un icona raffigurativa della voce Nuovo. Clicchiamoci su per creare un nuovo menu. Basterà riempire le seguenti informazioni: commentiamo le informazioni presenti in questo form: Tipo menu rappresenta un identificativo dell oggetto all interno del codice che gestisce poi Joomla al fine di visualizzare la pagina di front end. Titolo è il titolo che viene assegnato all oggetto menu che si sta creando. Descrizione una descrizione sintetica per comprenderne il contenuto delle voci che andiamo organizzando in quel menu stesso Titolo modulo: rappresenta il nome del modulo Menu. Salvando queste informazioni verrà creato un nuovo modulo dal nome rappresentato da Titolo modulo. (bisognerà cliccare sull icona Salva) Ecco il modulo riempito: Spalluzzi Francesco Manuali.Net 2009 Tutti i diritti riservati 9

10 Impostiamo una voce di menu cliccando sull icona corrispondente. Successivamente dal pannello cliccare sempre sulla voce Nuovo. Apparirà nel brow ser w eb l elenco delle tipologie di voci menu: Per impostare le proprietà di questa voce di menu, bisogna cliccare sul link cerca: Spalluzzi Francesco Manuali.Net 2009 Tutti i diritti riservati 10

11 Descrizione: abbiamo assegnato come titolo CERCA NOTIZIE parametro alias cerca new s Mostra in : (è il primo menu che creiamo, quindi la voce che si sta creando sarà mostrata in quel menu) P er adesso il livello di accesso a tale voce è di tipo P ublic Viene deciso per default che al clic il contenuto del modulo sarà aperto nella stessa pagina in cui l utente sta navigando. Impostiamo gli attributi per la voce P arametri sistema: Operazione da compiere dopo tali impostazioni è quella del clic sull icona Salva. Spalluzzi Francesco Manuali.Net 2009 Tutti i diritti riservati 11

12 Selezioniamo la voce di menu creata e premiamo sul pulsante icona P redefinito, ottenendo la griglia voci menu aggiornata: Dopo queste operazione, andiamo spediti al menu Estensioni e selezioniamo la voce Gestione moduli. Attiviamo il modulo per renderlo visibile nell area Front end Basta fare click sull icona rossa in corrispondenza della voce griglia Attivato. L anteprima: Su questo argomento ritorneremo nelle prossime lezioni Spalluzzi Francesco Manuali.Net 2009 Tutti i diritti riservati 12

13 Lezione 2 Joomla dopo l installazione Configurazione server side Configurazione e mail Dall area Back end esistono diverse tipologie di configurazioni server side. In questa occasione parleremo della configurazione e mail. Possiamo avere l esigenza che direttamente da Joomla vorremmo inviare delle . Qual è la procedura da utilizzare? Come dovremmo configurare Joomla dal pannello di controllo lato amministratore? Sta alla base la procedura di accesso al pannello di amministratore attraverso il seguente URL nella barra degli indirizzi del browser: si indicheranno nel form le credenziali indicate in fase di installazione di Joomla; eseguito l accesso bisogna andare spediti dal menu Sito e selezionare la voce Configurazione. In questo paragrafo conclusivo della lezione ci interessa la tipologia di configurazione server side, ossia la possibilità di configurazione del sistema per l invio delle mail. Ecco il form da considerare sezione Configurazione E mail: Spalluzzi Francesco Manuali.Net 2009 Tutti i diritti riservati 13

14 Ci sono una serie di parametri da impostare: Mailer Si può scegliere tra diverse voci; quella predefinita è quella di utilizzo della funzione integrata di invio di P HP. Mail indirizzo di chi spedisce. Il nome che viene settato come mittente per le inviate s imposta il percorso Sendmail su configurazione di Joomla sotto piattaforma Linux Smtp Auth Viene impostato nel momento in cui si vuole utilizzare un server di posta esterno tipo Yahoo.it, oppure uno a livello di dominio personale. Sempre inerente la fase di invio abbiamo i seguenti parametri: Smtp User (nome utente utilizzato dal provider di posta) Smtp P assw ord (la passw ord utilizzata con detto provider) Host SMTP (indirizzo del server di posta elettronica) Il motivo per il quale esiste la configurazione del server e mail è legato allo strumento di Mass Mail offerto dal pannello di Back end Invio . Questa funzione la si trova all interno del Menu strumenti. La mail viene inviata soltanto premendo sull icona Invia Mail. (selezionare nella figura che si vede Registered) P rima di usare questa funzione bisogna registrare un utente: Spalluzzi Francesco Manuali.Net 2009 Tutti i diritti riservati 14

15 Una volta aggiunto con successo l utente si può usare il servizio di Invio mail Se dovesse capitare di ricevere questo messaggio di errore: significa che nel file P hp.ini non è stata configurata l area Mail Function for W IN32 Only. Bisogna aprire il file cercare la voce SMTP e ricordarsi di impostare gli attributi SMTP con quello del proprio provider di connessione a Internet Sendmail From Fatto ciò salvare il file con le modifiche apportate e riavviare il w eb server EasyPhp. Ripetendo la procedura di invio si dovrà avere questo messaggio dal sistema J oomla Spalluzzi Francesco Manuali.Net 2009 Tutti i diritti riservati 15

16 La prova tangibile di arrivo della mail a destinazione Spalluzzi Francesco Manuali.Net 2009 Tutti i diritti riservati 16