Skip to topic | Skip to bottom
Home

Tesi
Tesi.CssMetricsr1.17 - 22 Jan 2006 - 00:08 - AlessandroCalvaresitopic end

Start of topic | Skip to actions

CSS: Organizzazione e dettaglio della metrica

(1) Organizzazione
(2) Descrizione dettagliata

(1) Organizzazione

Sulla base delle osservazioni fatte in precedenza, nel caso di applicativi per fogli di stile CSS, sono state delineate le seguenti macro-aree ed i rispettivi parametri:

DESCRIPTION
Comprende tutti quegli aspetti descrittivi di un applicativo, perlopiù non valutabili, ma che possono influenzarne la scelta.

  • Name
  • Publisher
  • URL
  • Operating System
  • Price
  • License
  • Year

DOCUMENTS MANAGEMENT
Vi sono contenuti tutti quei parametri che permettono di valutare la capacità di un applicativo di gestire sia progetti complessi che singoli documenti.

  • Document Creation
  • Project Management
  • Remote Management
  • File Explorer

CODE EDITING
Contiene quei parametri che valutano l’effettivo supporto offerto alla scrittura del codice sorgente.

  • Copy/Paste
  • Undo/Redo
  • Find/Replace
  • Bookmarks
  • Line Numbering
  • Line Wrapping
  • Indentation
  • Comments
  • Spell-Checking
  • Code Replacement
  • Code Library
  • Code Printing

CSS DEVELOPMENT
Parametri che permettono di valutare funzionalità particolari di supporto allo sviluppo di codice CSS, create per facilitare l’utente, in modo più o meno astratto, nella realizzazione di compiti più o meno complessi.

  • CSS Syntax Highlight
  • CSS Code-Completion
  • CSS Entry Helper
  • CSS Validator
  • CSS Level Export
  • Rules/Selectors Definition
  • @-Rules Definition
  • Selectors Inspector
  • Text Formatting Tools
  • Color Inspector
  • Color Picker

WEB DEVELOPMENT
Include tutte quelle funzionalità mirate a fornire un ulteriore supporto allo sviluppo di pagine web complete, siano esse statiche che dinamiche.

  • Web Source Code Import
  • Visual (X)HTML Editing
  • (X)HTML Layout Wizard
  • (X)HTML Syntax Highlight
  • (X)HMTL Code-Completion
  • (X)HTML Validator
  • Accessibility Check
  • DOCTYPE/Document Conversion
  • Dynamic Pages Development
  • Code Cleaning
  • Preview

NOTA: la dicitura (X)HTML sta ad indicare sia codice HTML che XHTML (nelle varie versioni)

USABILITY
Parametri che permettono di esprimere una misura euristica dell’usabilità di un applicativo, e degli aspetti legati all’utilizzo della sua interfaccia.

  • User Interface
  • System Control
  • System Orientation
  • System Learning
  • Error Management
  • Flexibility
  • Efficiency
  • Documentation

NOTA: questi parametri sono ancora in fase di definizione.

(2) Descrizione dettagliata

DESCRIPTION

  • Name
  • Publisher
  • URL
  • Operating System
  • License
  • Price
  • Year

DOCUMENTS MANAGEMENT

  • Document Creation
    Voto Descrizione
    0 Nessun ulteriore supporto fornito
    6 Possibilità di creare documenti partendo da modelli predefiniti
    10 Possibilità di definire e riutilizzare modelli per la creazione di nuovi documenti

  • Project Management
    Voto Descrizione
    0 Gestione di un unico documento per volta
    6 Gestione di più documenti eterogenei contemporaneamente
    10 Possibilità di organizzare i documenti di lavoro in progetti, gestitibili per mezzo di un apposito strumento

  • Remote Management
    Voto Descrizione
    0 Nessuno supporto fornito
    10 Possibilità di lavorare con documenti remoti specificando i parametri di accesso al server per la pubblicazione

  • File Explorer
    Voto Descrizione
    0 Nessuno strumento presente
    10 Presenza di uno strumento integrato per gestione completa e reperimento di files

CODE EDITING

  • Copy/Paste
    Voto Descrizione
    0 Nessuno supporto fornito
    6 Possibilità di Copiare/Incollare codice
    10 Presenza di uno strumento di gestione visuale avanzata di più elementi copiati nella Clipboard

  • Undo/Redo
    Voto Descrizione
    0 Nessuno supporto fornito
    6 Annullamento/Ripetizione dell'ultima operazione compiuta
    10 Possibilità di Annullare/Ripetere le operazioni in modo illimitato

  • Search/Replace
    Voto Descrizione
    0 Nessuno strumento presente
    6 Ricerca/Sostituzione di una singola stringa all'interno del documento
    10 Strumento avanzato di Ricerca/Sostituzione anche su più documenti, con possibilità di specificare pattern per il matching

  • Bookmarks
    Voto Descrizione
    0 Nessuno strumento presente
    10 Aggiunta e rimozione di bookmarks per posizionamnto rapido nel codice

  • Line Numebring
    Voto Descrizione
    0 Nessuno strumento presente
    10 Numerazione delle righe di codice sviluppate con possibilità di posizionamento rapido (goto)

  • Line Wrapping
    Voto Descrizione
    0 Nessuno supporto fornito
    10 Possibilità di impostare l'accapo automatico delle righe di codice che superano lo spazio visivo disponibile o un margine stabilito

  • Indentation
    Voto Descrizione
    0 Nessuno strumento presente
    10 Presenza di strumenti per indentazione facilitata del codice

  • Comments
    Voto Descrizione
    0 Nessuno strumento presente
    10 Presenza di uno strumento per commentare/scommentare rapidamente frammenti di codice

  • Spell-Checking
    Voto Descrizione
    0 Nessuno supporto fornito
    6 Possibilità di distinguere e valutare parole in inglese presenti nel codice
    10 Possibilità di definire più dizionari per un supporto multilingue

  • Code Replacement
    Voto Descrizione
    0 Nessuno strumento presente
    10 Presenza di uno strumento di auto-sostituzione del codice con abbreviazioni definibili dall’utente

  • Code Library
    Voto Descrizione
    0 Nessuno strumento presente
    10 Presenza di una libreria personalizzabile di frammenti di codice riutilizzabile rapidamente

  • Code Printing
    Voto Descrizione
    0 Nessuno strumento presente
    5 Gestione standard della stampa senza ulteriori funzionalità
    10 Possibilità di personalizzare completamente i parametri di stampa (colorazione del codice, numerazione delle linee etc.)

CSS DEVELOPMENT

  • CSS Syntax Highlight
    Voto Descrizione
    0 Nessuno strumento presente
    8 Riconoscimento sintassi del codice CSS (sintax highlight)
    10 Possibilità di personalizzare in modo completo e dettagliato la colorazione del codice

  • CSS Code-Completion
    Voto Descrizione
    0 Nessuno strumento presente
    10 Presenza di uno strumento di auto-completamento in-line personalizzabile del codice CSS

  • CSS Entry Helper
    Voto Descrizione
    0 Nessuno strumento presente
    8 Presenza di un pannello di supporto che permetta di visualizzare ed inserire rapidamente nel codice proprietà, raggruppate per categorie di appartenenza (Font, Background etc.) e che fornisca indicazioni sulle compatibilità di ciascuna proprietà (per Browser o CSS Level)
    10 Ulteriore possibilità di mostrare esclusivamente proprietà appartenenti ad un determinato CSS Level o compatibili con determinati Browsers

  • CSS Validator
    Voto Descrizione
    0 Nessuno strumento presente
    6 Validazione on-line del codice CSS tramite validatore del W3C
    10 Validatore CSS interno, personalizzabile, con possibilità di configrarne il livello di tolleranza (errori, warning, consigli) ed il livello di compatibilità con uno specifico CSS Level o un particolare browser

  • CSS Level Export
    Voto Descrizione
    0 Nessuno strumento presente
    10 Possibilità di esportare (o convertire) il documento CSS in un nuovo documento che contenga soltanto selettori, proprietà e valori supportati da uno specifico CSS Level o da uno specifico browser

  • Rules/Selectors Definition
    Voto Descrizione
    0 Specifica esclusivamente da codice
    6 Presenza di uno strumento semplice per inserimento rapido di nuovi selettori
    10 Wizard completo per creazione di nuovi selettori, che permetta di definirne una regola dettagliatamente, ed ulteriore possibilità di creare selettori come duplicati di altri (con le stesse proprietà)

  • @-Rules Definition
    Voto Descrizione
    0 Specifica esclusivamente da codice
    8 Wizard per inserimento di regole @import e @media
    10 Wizard per definizione di tutte le @-rules disponibili

  • Selectors Inspector
    Voto Descrizione
    0 Nessuno strumento presente
    6 Presenza di una lista semplice dei selettori creati, con posizionamento rapido sul codice, senza distinzione tra elementi, classi ed identificatori
    10 Presenza di una lista dei selettori creati contraddistinti, e ulteriore possibilità di raggruppamento per categorie (elementi, classi ed identificatori)

  • Text Formatting Tools
    Voto Descrizione
    0 Specifica esclusivamente da codice
    10 Definizione rapida, attraverso menu o toolbars, di proprietà per la formattazione dei testi (font, allineamento, spacing etc.)

  • Color Inspector
    Voto Descrizione
    0 Nessuno strumento presente
    8 Lista semplice dei colori utilizzati con posizionamento rapido nel codice
    10 Lista dei colori utilizzati con posizionamento rapido nel codice, e ulteriori funzioni di sostituzione/conversione rapida dei colori

  • Color Picker
    Voto Descrizione
    0 Nessuno strumento presente
    9 Strumento di selezione e scelta dei colori (tramite tavolozza)
    10 Possibilità di interagire con lo strumento da più parti (dal codice, dal properties inspector, da toolbar etc.)

WEB DEVELOPMENT

  • Web Source Code Import
    Voto Descrizione
    0 Nessuno strumento presente
    8 Possibilità di importare fogli di stile CSS specificando indirizzi HTTP
    10 Possibilità di importare pagine web complete (CSS, HTML) specificando indirizzi HTTP

  • Visual (X)HTML Editing
    Voto Descrizione
    0 Nessuno strumento presente
    5 Editor WYSIWIG basato esclusivamente su layout tabellari con possibilità di definire codice CSS inline integrato al documento (X)HTML
    10 Editor WYSIWYG che permette la creazione di layouts CSS (tableless) e la gestione degli stili, con tutte le loro funzionalità, sia internamente al documento (X)HTML che esternamente.

  • (X)HTML Layout Wizard
    Voto Descrizione
    0 Nessuno strumento presente
    10 Possibilità di strutturare in modo assistito layouts tipici di pagine web (a due, tre colonne, disign liquido etc.) bastati su fogli CSS (tableless)

  • (X)HTML Syntax Highlight
    Voto Descrizione
    0 Nessuno strumento presente
    8 Riconoscimento sintassi del codice (X)HTML (sintax highlight)
    10 Possibilità di personalizzare in modo completo e dettagliato la colorazione del codice

  • (X)HTML Code-Completion
    Voto Descrizione
    0 Nessuno strumento presente
    10 Presenza di uno strumento di auto-completamento in-line personalizzabile del codice (X)HTML

  • (X)HTML Validator
    Voto Descrizione
    0 Nessuno strumento presente
    6 Validazione on-line del codice (X)HTML tramite validatore del W3C
    10 Validatore (X)HTML interno, personalizzabile, con possibilità di configrarne il livello di tolleranza (errori, warning), completo di suggerimenti e riferimenti per una corretta implementazione del codice

  • Accessibility Checker
    Voto Descrizione
    0 Nessuno strumento presente
    6 Possibilità di controllare esternamente (on-line) il livello di accessibilità del documento creato
    10 Presenza di uno strumento interno, personalizzabile, per il controllo del livello di accessibilità, completo di suggerimenti e riferimenti alle direttive standard

  • Dynamic Pages Development
    Voto Descrizione
    0 Nessuno supporto fornito
    6 Riconoscimento sintassi (sintax highlight) di linguaggi di scripting (server-side e client-side) per creazione di pagine web dinamiche
    10 Supporto completo all'editing di linguaggi di scripting (server-side e client-side) fornendo strumenti avanzati di sviluppo e controllo del codice (code-completion, code-inspectors, remote management etc.)

  • DOCTYPE/Document Conversion
    Voto Descrizione
    0 Nessuno strumento presente
    10 Possibilità di convertire automaticamente il documento adeguandolo ad uno specificato DOCTYPE (HTML 4.0, XHTML 1.0 etc.)

  • Code Cleaning
    Voto Descrizione
    0 Nessuno supporto fornito
    7 Possibilità di eseguire un insieme limitato di operazioni predefinite per migliorare la pulizia del codice (eliminare ridondanze, tag vuoti etc.)
    10 Strumento personalizzabile per pulire/riformattare il codice a seconda di specificate esigenze attraverso definizione di macro (HTML Tidy)

  • Preview
    Voto Descrizione
    0 Nessuno strumento presente
    6 Preview interna dei documenti prodotti
    8 Preview interna ed esterna dei documenti prodotti, con possibilità di definire più browsers
    10 Ulteriore possibilità di specificare i parametri per il mapping su un server nel caso il codice contenga anche scripting server-side

USABILITY

  • User Interface
  • System Control
  • System Orientation
  • System Learning
  • Error Management
  • Flexibility
  • Efficiency
  • Documentation

-- AlessandroCalvaresi - 27 Sep 2005
to top


Copyright © 1999-2018 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding Fabio's Wiki? Send feedback