Caratteristiche di Webasic

Sommario

Introduzione

I nostri clienti ci chiedono sempre più spesso uno strumento con il quale poter modificare in autonomia e in sicurezza il loro sito internet.

Questa richiesta nasce sia per la volontà di abbattere i costi di gestione (utilizzando le risorse umane interne anziché affidandosi ad una web-agency), che per ridurre i tempi di pubblicazione dei nuovi contenuti (news, prodotti, ecc.). Un sito web sempre aggiornato che riflette in tempo reale il dinamismo dell’azienda è un fattore cruciale e strategico per mostrarsi nel miglior modo possibile ai propri clienti.

Bisogna considerare che la creazione e la manutenzione delle pagine dei siti internet sono operazioni complesse, in particolar modo se si vuole ottenere un risultato professionale. Per risultato professionale si intende il raggiungimento dei seguenti obiettivi:

  • Pagine del sito tra loro omogenee (stessa grafica, stesse formattazioni)
  • Pagine scritte con codice HTML corretto, con una particolare attenzione all’uso semantico dei tag HTML per definire in modo più corretto le informazioni
  • Pagine compatibili con la maggior parte dei browser e dei computer in circolazione (concetto di accessibilità)
  • Un sito facilmente navigabile (concetto di usabilità)

Purtroppo il personale interno all’azienda non possiede in genere la competenza necessaria per scrivere in autonomia pagine HTML rispondenti ai requisiti appena enunciati.

La soluzione al problema si ottiene solo se si riesce a separare la complessità tecnica della pagina (la cui preparazione è a cura di un esperto programmatore) dalle informazioni che essa deve contenere (di competenza del personale interno dell’azienda).

Con Webasic tale traguardo è stato raggiunto con successo, separando fisicamente l’impaginazione, la grafica e i contenuti della pagina. Questa impostazione beneficia di ulteriori vantaggi, tra i quali possiamo citare:

  • Sia l’impaginazione che la formattazione sono centralizzate, ogni modifica si riflette su tutte le pagine che vi fanno riferimento
  • La pagina che giunge al navigatore risulta più leggera in quanto non contiene il codice per la formattazione
  • È più facile ottenere buoni posizionamenti nei motori di ricerca, in quanto essi privilegiano i siti scritti in codice HTML corretto, semantico e leggero.

Nel capitolo seguente è illustrato il principio di funzionamento di Webasic.

Torna a inizio pagina

Principio di funzionamento

Webasic è un CMS (Content Management System) che permette la modifica dei contenuti e della grafica del sito utilizzando un qualsiasi browser web, senza il bisogno di usare altri software. È diviso in due parti: il front-end (cioè il sito visibile al navigatore) e il back-end (l’area del sito che permette la modifica dei contenuti e della grafica).

Schema di funzionamento di webasic

 

Back-end

Attraverso il back-end gli utenti amministratori (copywriters) possono apportare modifiche a praticamente tutti gli aspetti del sito, compatibilmente con le autorizzazioni assegnate loro dall’amministratore (utente denominato “admin”).

Webasic dispone infatti di una sofisticata gestione degli utenti, che permette l’assegnazione delle autorizzazioni in modo molto dettagliato e sicuro. Questa caratteristica permette la suddivisione dei ruoli di amministrazione senza pericoli di sovrapposizioni o di conflitti.

Mediante l’inserimento dei propri username e password, il copywriter può accedere alle varie sezioni autorizzate del back-end, con la possibilità di apportare modifiche ai dati in esso contenuti. Tali modifiche, se confermate, vengono memorizzate in un database centrale e si riflettono immediatamente sulle informazioni riportate nella parte front-end del sito web.

Il back-end è suddiviso essenzialmente in cinque sezioni:

  • Home: pagina di benvenuto, login/logout, cambio della password
  • Struttura: permette di accedere alle funzionalità per modificare l’aspetto grafico del front-end
  • Contenuti: mette a disposizione una serie di funzionalità per modificare i contenuti delle pagine, news, prodotti, banner, files ecc.
  • Amministrazione: raggruppa le funzionalità di gestione dell’intero sito, come per esempio la tabella utenti, le statistiche, le opzioni ecc.
  • Help: raccoglie una serie di strumenti di supporto tecnico per gli utenti amministratori

Front-end

Il front-end è tutto ciò che il client (cioè il navigatore) vede consultando il sito web. A differenza dei classici siti statici dove le pagine sono dei file HTML fisici, in Webasic esiste solo un database (che contiene le informazioni e le definizioni grafiche) e un motore di trasformazione (detto motore di rendering).

Quando un client richiede una certa pagina, il motore di rendering di Webasic effettua queste operazioni:

  1. Preleva dal database il modello grafico
  2. Preleva dal database i contenuti della pagina richiesta e li trasforma in HTML
  3. Inserisce i contenuti così elaborati nel modello grafico
  4. Restituisce il risultato al browser del navigatore
  5. Il browser scarica dal sito le ulteriori risorse statiche (fogli di stile, immagini, ecc.).

Questo processo, a differenza di quanto accade nei siti statici, fonde insieme il modello grafico con i contenuti della pagina solo al momento della richiesta della pagina stessa. Nonostante questo implichi un utilizzo più intenso delle risorse del server, il vantaggio più evidente è che una semplice modifica al modello grafico si ripercuoterà su tutte le pagine che ne fanno uso, in modo assolutamente automatico e immediato. Il rinnovo della grafica complessiva di un sito web pertanto non è più un’operazione complessa e costosa, è sufficiente sostituire il modello grafico.

Torna a inizio pagina

Funzionalità

Con Webasic il cliente ha a disposizione una piattaforma di sviluppo già pronta, che fornisce un gran numero di funzionalità per l’implementazione delle esigenze più frequenti dei moderni siti web:

  • Pagine organizzate in modo gerarchico: è prassi comune organizzare le informazioni del sito in pagine e sotto-pagine, per permettere una più agevole navigazione attraverso i menu generati automaticamente
  • Pagine in più lingue: è una richiesta sempre più frequente, anche relativamente alle lingue orientali con scrittura bidirezionale
  • Strumenti di ricerca nei testi del sito
  • Aree riservate agli utenti registrati, accessibili mediante autenticazione con username e password
  • Moduli per invio dati: completamente personalizzabili, permettono la raccolta di informazioni e richieste da parte dei navigatori
  • News con commenti: organizzate in elenchi ordinati cronologicamente, filtrabili per categorie, con la possibilità di accedere alla scheda dettagliata dell’articolo
  • Calendario eventi: consultabili per data e categoria
  • Punti vendita, filiali o rivenditori: sistema di ricerca del punto vendita per regione, provincia, città, ecc.
  • Catalogo prodotti e listini: organizzati in elenchi, filtrabili per categorie, con la possibilità di accedere alla scheda del prodotto
  • Negozio virtuale: in collegamento con il catalogo dei prodotti, permette ai navigatori di acquistare on-line; gli ordini così raccolti sono gestibili dall’apposita area nel back-end
  • Gallerie fotografiche
  • Strumenti di promozione: banner pubblicitari a rotazione, invio di newsletter a liste di indirizzi e relativa gestione
  • Statistiche di accesso: analisi delle preferenze globali dei visitatori, registrazione delle parole chiave utilizzate per cercare il sito nei motori di ricerca
  • Buon posizionamento nei motori di ricerca: viene realizzato utilizzando un insieme di tecniche (parole chiave, testi alternativi delle immagini, URL descrittivo, codice validabile, uso semantico dei tag, alta percentuale di contenuto rispetto al codice necessario per l’impaginazione, formattazione su fogli di stile esterni, ecc.)
  • Importazione ed esportazione dei dati da e verso i sistemi gestionali aziendali: è possibile per esempio caricare nel sito il catalogo prodotti già definito in un database aziendale, oppure scaricare l’elenco degli ordini effettuati on-line per poter essere successivamente elaborati in azienda

Torna a inizio pagina

Impaginazione e grafica

Webasic permette l’utilizzo di qualsiasi tipo di impaginazione, a layout fisso o fluido. La scelta dipende sia dalle indicazioni fornite dal cliente, sia da valutazioni derivanti dal tipo e dalla quantità di informazioni che il sito dovrà contenere. In ogni caso, cerchiamo di progettare interfacce grafiche che tengano conto nel modo più completo possibile dei concetti di “accessibilità” e “usabilità”, qui di seguito sinteticamente illustrati.

Accessibilità

Un sito dovrebbe essere progettato in modo che l’utente possa usufruire dei contenuti indipendentemente dal suo sistema informatico. Per questo spesso rinunciamo all’utilizzo di alcune tecniche a volte molto accattivanti ma che risultano essere sgradevoli per il navigatore, disabilitate, opzionali o addirittura non compatibili con gli standard. Tra queste possiamo citare:

  • Gli applet java (non tutti i computer sono dotati dell’apposito interprete, opzionale) e i controlli ActiveX (funzionanti sono in ambienti Windows)
  • I menu e gli effetti speciali utilizzanti javascript (per ragioni di sicurezza molti utenti disabilitano l’esecuzione degli script)
  • L’uso delle finestre popup (le famigerate e fastidiose finestre pubblicitarie, che ormai vengono bloccate in quasi tutti i browser)
  • Le musiche di sottofondo e le immagini animate (noiose o poco gradite alla maggior parte dei navigatori) e altri sistemi pubblicitari invasivi
  • In generale, l’uso di tag HTML non definiti dagli standard internazionali (W3C).

Purtroppo l’aderenza agli standard del W3C non è sufficiente per preservarsi dalle sorprese; i vari browser in circolazione (tra i quali Explorer, Firefox, Opera, Konqueror, Safari, nelle varie versioni rilasciate) non implementano allo stesso modo gli standard e di questo il progettista dell’interfaccia grafica deve tenerne conto.

Usabilità

Un sito facilmente navigabile e ben organizzato è un fattore molto importante per il suo successo. Esistono importanti studi ed estese trattazioni in materia, ci limitiamo in questa sede a descrivere sommariamente le linee guida.

  1. Efficienza d’uso: il sito deve essere studiato per ridurre al minimo il tempo e l’impegno necessari per eseguire determinati compiti
  2. Facilità di apprendimento: la struttura del sito deve essere progettata in modo tale che il navigatore ne possa intuire facilmente il funzionamento fin dal primo accesso
  3. Soddisfazione: l’interazione con l’utente deve essere curata per impedire situazioni frustranti (errori di programmazione, moduli di invio dati che si cancellano completamente qualora avvenga un errore su un dato, informazioni ambigue che portano a scelte non adeguate)

Torna a inizio pagina

Assistenza

Attualmente, i clienti di Webasic possono usufruire dei seguenti strumenti di assistenza:

  • Avviamento e formazione, garantiti durante i primi giorni successivi all’installazione di Webasic sul sito web
  • Assistenza tecnica remota durante il periodo di garanzia (1 anno dalla data di vendita; il servizio è rinnovabile di anno in anno, vedi listino prezzi)
  • F.A.Q. (Frequently Asked Questions) disponibili online a partire dall’indirizzo web http://www.bludev.it/?faq_webasic
  • Il “Manuale d’uso”, disponibile online a partire dall’indirizzo web http://www.bludev.it/?manuale_webasic
  • Il “Manuale dei comandi dell’editor”, disponibile a partire dall’indirizzo web http://www.bludev.it/?editor_webasic

Torna a inizio pagina