Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere...

51
Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione

Transcript of Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere...

Page 1: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

Come realizzare un portale tutto vostro su Altervistasfruttando un CMS come

Joomla.

Senza conoscere minimamente linguaggi di programmazione

Page 2: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

Casella di posta elettronica

Per prima cosa è necessario avere una casella di posta elettronica dove vi verranno inviate alcune importanti informazioni che riguardano il vostro sito quindi se non ne avete una createla su GMAIL, HOTMAIL è indifferente!!!

Se siete pronti andate avanti

Page 3: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

ACCOUNT SU ALTERVISTA

A questo punto dobbiamo procurarci uno spazio web gratuito dove installare il software per creare il sito. Noi abbiamo scelto Altervista perché lo offre gratis.

Page 4: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

REGISTRAZIONE ACCOUNT SU ALTERVISTA

Il primo passo è quello di registrarsi su altervista.

Collegarsi all’indirizzo

• http://home.altervista.org/site/

• Cliccando su CREA IL TUO SITO e seguendo le istruzioni, avrete in breve uno spazio web tutto vostro.

Vediamo in dettaglio.

Page 5: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

REGISTRIAMO IL DOMINIO E TUTTE LE INFORMAZIONI NECESSARIE

Page 6: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

SEGUIAMO LE ISTRUZIONI E COMPLETIAMO LA REGISTRAZIONE ACCEDENDO ALLA CASELLA DI POSTA ELETTRONICA SCELTA

Page 7: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

Nel nostro caso è una casella di hotmail ma ATTENZIONE

Page 8: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

ATTENZIONE

Segnatevi accuratamente tutti i riferimenti (user, password, account FTP…) che vi saranno forniti, saranno necessari in seguito per la realizzazione del sito.

Page 9: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

La mia e-mail• Ciao rosa, grazie per aver contribuito a farci crescere

###############- ATTENZIONE -###############Prima di cominciare l'avventura devi attivare l'account seguendo il link:http://it.altervista.org/join.php?id=VDdol2008_4f626a5886260253

L'iscrizione è avvenuta con questi dati:

Nome: rosa delli paoliE-mail: [email protected]: CECap: 81040Nickname: VDdol2008Password generata: **********

• Alias: NoIndirizzo IP: *************

Non appena avrai attivato l'account potrai accedere al pannello di controllo tornando alla homepage http://www.altervista.org e inserendo il tuo nickname con la relativa password negli appositi campi in alto a sinistra.

Sarà presente anche un account FTP, ecco le impostazioni iniziali:

• Server:*********• Username:*********• Password: **********• Porta: *********• Tipo di connessione: +++++++

• Sarai raggiungile via web agli indirizzi:• Vddol2008.altervista.org• Vddol2008.altervista.org/index.wml (con cellulare WAP o GPRS)

Per non sbagliare a trascrivere salvate sul PC o stampate l’email ricevuta

Page 10: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

ATTIVATE IL LINK RIPORTATO NELLA VOSTRA E-MAIL

Page 11: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

ORA DIGITANDO L’INDIRIZZO DEL SITO NEL BROWSER AVRETE LA SEGUENTE PAGINA. L’ACCOUN E’ PRONTO PER INIZIARE A

LAVORARCI!!!

Page 12: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

ANDIAMO SU www.altervista.org E ACCEDIAMO AL PANNELLO DI CONTROLLO INSERENDO NOME DEL SITO E LA PASSWORD

INVIATA VIA E MAIL

Page 13: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

DOPO L’AUTENTICAZIONE SELEZIONARE LA VOCE AlterSito E QUINDI Gestione Files

Page 14: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

DA QUI E’ POSSIBILE CARICARE I FILE DI JOOMLA MA….

Page 15: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

Operazioni preliminari

Per inserire file sul sito è opportuno usare appositi programmi detti FTP (File Transfer Protocol).

Ce ne sono molti gratuiti. Smart FTP• http://www.smartftp.com/download (versione free per 30 giorni )

FileZilla• http://www.2007-download.com/filezilla/index.asp (inglese? :-( )• http://sourceforge.net/projects/filezilla/• http://www.anarchia.com/dettagli-gratis/FileZilla-italiano-798.html• http://filezilla-project.org/download.php?type=client

Abbiamo scaricato il file suggerito nell’ultimo link

Page 16: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

Download Automatico

Page 17: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

Esegui

Page 18: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

In pochi click ecco l’interfaccia di FileZilla

Page 19: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

DOWNLOAD DI JOOMLA

A questo punto dobbiamo reperire il software di Joomla (gratis) ma…

Che cosa è e a che serve??

Page 20: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

Joomla!!!!Joomla è un CMS, cioè un Content Manager System. In pratica un gestore di contenuti per un sito

web.

Un sito web creato con Joomla, deve necessariamente, appoggiarsi su un database del tipo MySql, inoltre occorre che sia supportata la tecnologia PHP.

Il vantaggio di Joomla è che è modulare, cioè potrete in seguito aggiungere, con le stesse modalità, alcuni moduli per espandere le funzioni del sito, come una galleria web, un guestbook, un forum, un blog.

Per lo più questo materiale è tutto gratuito.

Altervista fornisce tutta la struttura gratuitamente. Ci sono provider a pagamento che offrono gli stessi servizi.

L’ultima versione stabile è la 1.5.8.

Si può scaricare il software Joomla al seguente indirizzo

http://download.joomla.it/index.php?option=com_docman&task=cat_view&gid=192&Itemid=2

Page 21: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

SCARICHIAMO IL CORE E LE PACH

Page 22: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

ESTRAETE TUTTO IL CONTENUTO DEL FILE ZIP IN UNA CARTELLA DEL VOSTRO PC

Page 23: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

Si aprirà nella finestra Siti FTP una nuova cartella dove dovete inserire il nome del vostro sito, nel nostro caso vddol2008.

A questo punto avviate Filezilla.

Nel menu FILE

selezionate Gestore Siti

poi cliccate su

Nuovo Sito

Page 24: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

INSERIAMO I PARAMETRI FORNITI DA ALTERVISTA

inserite il nome del Server (link al vostro spazio web senza http://www)

Il numero della porta è 21

Selezionare ACCOUNT e inserite gli altri dati

Page 25: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

Connettiamoci al Server

Page 26: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

ELIMINIAMO IL FILE INDEX PRESENTE NEL SITO REMOTO ALTRIMENTI SARA’ PIU’ COMPLICATO

INSTALLARE JOOMLA IN SEGUITO

Page 27: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

In Sito Locale selezionare la cartella dove abbiamo scompattato Joomla

Selezionare il contenuto

Il trasferimento durerà parecchio… rilassatevi!

Trascinarlo nella finestra del Sito Remoto

Trasferiamo i file sul server remoto

Page 28: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

TUTTO E’ QUASI PRONTO PER INSTALLARE JOOMLA

Page 29: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

ATTIVIAMO UN DATABASE

Un qualunque sito che si rispetti ha necessità di un database dove tenere tutte le cose.

Uno dei più usati (anche da joomla) è MySql che, fortunatamente è fornito direttamente da Altervista.

Page 30: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

ATTIVIAMO UN DATABASEAndiamo nel pannello

di controllo di Altervista.

Clicchiamo su RISORSE E UPGRADE.

Attiviamo un database MySql almeno di classe 2, perché Joomla per funzionare necessità almeno di questa classe.

Page 31: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.
Page 32: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

Conservare i dati forniti

• Hostname/server: localhost

• Username: vddol2008

• Password: facoltativa (puoi lasciare il campo vuoto)

• Database: my_vddol2008

Page 33: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

AVVIAMO L’INSTALLAZIONE DI JOOMLA

• Aprite il browser e digitate l’indirizzo del vostro sito.

• La pagina index che si aprirà è quella dell’installazione.

• Andate avanti alla selezione della lingua (di default è italiano perché abbiamo scaricato la versione italiana di joomla), sui controlli di preinstallazione non dovrebbero segnalare errori, andate avanti sulla licenza, fino ad arrivare alla configurazione del database.

Page 34: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

ECCO LA FINESTRA DI CONFIGURAZIONE CON I NOSTRI DATI

Page 35: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

SALTIAMO LA FASE DI CONFIGURAZIONE PER FTP

Page 36: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

INSERIAMO l’URL DEL SITO LA PASSWORD E LA EMAIL DELL’AMMINISTRATORE

Page 37: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

OPERAZIONI FINALI

Terminata la configurazione occorre eliminare la cartella installation per motivi di sicurezza.

L’operazione è semplice!

Page 38: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

Operazioni finaliBasta accedere al

pannello di controllo su altervista inserendo login e password.

Selezionare AlterSito – Gestione Files.

Spuntare la casella vicino alla voce Installation e cliccare su “cancella”.

Page 39: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

Se l’installazione è avvenuta con successo, aprendo la pagina del browser e digitando l’indirizzo del sito, nel nostro caso http://vddol2008.altervista.org, comparirà la pagina iniziale del sito con i contenuti di Joomla.

Page 40: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.
Page 41: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

ACCESSO AL SITO (in amministrazione)

La gestione dei contenuti avviene attraverso un pannello di amministrazione (detto backend) a cui si accede tramite una maschera in cui vanno inseriti username (admin) e password (quella scelta in fase di installazione di Joomla).

Si possono prevedere diversi utenti per l’accesso ma l’amministratore è quello che ha tutti i poteri.

Page 42: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

ACCESSO AL SITO (in amministrazione)

Per visualizzare la maschera di accesso basta digitare nella barra dell’indirizzo del browser

Indirizzocompletodelsito/administrator/

L’accesso è più semplice se sulla prima pagina è presente la voce Amministrazione nel menù principale.

Page 43: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

Non appena si accede al sito, ci si trova davanti alla schermata del Pannello di Controllo da cui si ha l’accesso a tutte le funzioni del sito

Per maggiori informazioni consultate questa pagina

Page 44: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

Metodologia

Prima di scrivere il contenuto sotto forma di articoli conviene creare le sezioni e quindi le categorie all’interno delle sezioni. In questo modo sarà più intuitivo inserire gli articoli.

Nel nostro caso abbiamo creato una sezione chiamata “progetto dol”

Page 45: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

Creazione della sezione progetto dol

Page 46: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

Creazione categorie

In gestione categorie abbiamo creato due categorie per i contenuti.La categoria “informazioni dol” che poi conterrà gli articoli informativi sul

diploma on line

Page 47: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

Creazione categorie

la categoria “Videotutorial su Joomla” che conterrà i video che abbiamo utilizzato in fase di apprendimento.

Page 48: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

Inserimento articoli

Abbiamo inserito quindi un articolo “informazioni sul diploma” specificando titolo, sezione, categoria di appartenenza e contenuto.

Page 49: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

Inserimento articoli

In modo analogo per l’articolo contenente i link ai video tutorial utilizzati

Page 50: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

Siti web e Open SourceLA QUINTA D

Belardo Rosangela,

Delli Paoli Rosa

Di Fuccia Pasqua

Froncillo Michele

Generoso Maddalena

Gioniti Concetta

Gionti Vincenzo

Golino Anna Maria

Lasco Rosa

Marchesino Luigi

Negro Giustina

Postiglione Martina

Russo Elisabetta

Silvestro Domenica

TartaglioneRosalia

Zarrillo Annunziata

La musica di sottofondo Inchiostro

è tratto dall’album

Come fuori da ogni tempo

di

Erberomantiche

La musica è distribuita su www.jamedo.com

con licenza Creative Commons

DOCENTE

Morrone Matrona

CLASSE E3

TUTOR Merola Mario

Page 51: Come realizzare un portale tutto vostro su Altervista sfruttando un CMS come Joomla. Senza conoscere minimamente linguaggi di programmazione.

http://vddol2008.altervista.org