Architettura a tre livelli

Architettura a 3 Livelli

• L'architettura software a 3 livelli è un modello che permette l'aggiunta di ulteriori livelli.
• Ogni livello è responsabile di una specifica funzione dell'applicazione.
• Livelli aggiuntivi aumentano la sicurezza, la gestione delle API, e l'integrazione con sistemi esterni.
• Lo scopo principale è migliorare la modificabilità, semplificando l'aggiornamento e la manutenzione dell'applicazione.

Livello di Presentazione

• Questo livello si occupa dell'interfaccia utente e delle comunicazioni con l'utente.
• Comprende le pagine web, le applicazioni desktop e tutti gli elementi con cui l'utente interagisce.
• Include tecnologie frontend come HTML, CSS, JavaScript, React e Angular.
• Esegue una validazione di base degli input prima di inviarli al livello dell'applicazione.

Livello della Logica di Business/App

• È il nucleo dell'applicazione e contiene le regole aziendali, la logica di elaborazione, e coordina dati e interfaccia utente.
• Può svilupparsi in Python, Java e C#, utilizzando framework come Django, Spring o .NET.
• È responsabile della gestione delle interazioni con servizi esterni e API.

Livello dei Dati

• Questo livello gestisce la memorizzazione delle informazioni in database o altre soluzioni come data warehousing, MongoDB e Redis.
• Si occupa della gestione sicura, della memorizzazione e del recupero dei dati.

Infrastruttura Web

• Comprende i componenti e servizi necessari per ospitare e far funzionare un sito web.

Web Hosting

• È il servizio che fornisce spazio server per siti web, offrendo funzionalità come backup automatici, certificati SSL e scalabilità.

Registrar di Dominio

• Si occupa della registrazione dei domini, garantendo unicità, configurazione DNS e protezione della privacy per i proprietari dei dati.

Server dei Nomi Autorevole

• Contiene la mappatura definitiva tra un dominio e il suo indirizzo IP.
• È il riferimento principale per la risoluzione dei domini.

Server DNS di Livello Superiore

• Gestisce i domini di primo livello come .com e .org.

Cache DNS

• Si tratta di una memoria temporanea dei record DNS che consente accessi più veloci.
• Può causare problemi se i record cambiano prima dell'aggiornamento della cache.

Strumenti per lo Sviluppo Web

• GitHub: Piattaforma di controllo versione Git per la collaborazione tra sviluppatori.
• GitHub Pages: Permette di pubblicare siti web direttamente dai repository.
• Google App Engine: Piattaforma cloud per sviluppo e hosting web.

URL e Nomi di Dominio

• Comprendere la struttura degli URL e dei nomi di dominio è fondamentale per la navigazione e l'organizzazione del web.

Tipi di Dominio

• TLD (Top-Level Domain): La parte finale del dominio, come .com o .org.
• Dominio di Secondo Livello (SLD): La parte prima del TLD, ad esempio "mozilla" in mozilla.org.
• Sottodominio: Una suddivisione di un dominio, ad esempio "developer" in developer.mozilla.org.

Tipologie di URL

• URL Assoluto: Percorso completo di una risorsa.
• URL Relativo: Percorso relativo al documento corrente.
• URL Relativo allo Schema: Omette il protocollo, usando quello del documento corrente.
• URL Relativo al Dominio: Omette protocollo e dominio del documento.
• URL Solo Ancoraggio: Specifica solo un'ancora all'interno del documento.
• Data URL: Utilizza lo schema "data:" per incorporare file.

Concetti Chiave di Architettura Web

• Comprende le differenze tra architetture 3-Tier e 3-Layer.

3-Tier Architecture (Separazione Fisica)

• Prevede una separazione fisica tra presentazione (client), logica applicativa (server) e dati (database), dove ogni livello può risiedere su server separati.

3-Layer Architecture (Separazione Logica)

• Separa logicamente i livelli di presentazione (UI), logica di business e accesso ai dati, senza necessariamente una separazione fisica.

Funzionamento del DNS e Comunicazione Web

• Comprendere come il DNS permette la comunicazione tra client e server è essenziale per il funzionamento del web.

Ruolo del DNS nell'Accesso a un Sito Web

• Il DNS funziona come una rubrica di Internet, traducendo nomi di dominio in indirizzi IP e permettendo l'accesso ai siti senza dover ricordare indirizzi numerici complessi.

Modello Client-Server nella Comunicazione Web

• Il client richiede risorse al server, il quale elabora la richiesta e restituisce le risorse richieste.

URL e HTTP nella Comunicazione Web

• L'URL è un identificatore univoco di una risorsa su internet.
• L'HTTP è il protocollo per lo scambio di informazioni tra client e server.

Scopo e Componenti Principali di una URL

• URL (Uniform Resource Locator): Identifica in modo univoco una risorsa su internet.
  • Schema: Protocollo (es. https://).
  • Authority: Dominio (es. example.com) e porta.
  • Path: Percorso della risorsa (es. /images/logo.png).
  • Query Parameters: Dati aggiuntivi (es. ?id=123).
  • Anchor: Riferimento interno a una pagina (es. #section1).

Ruolo di HTTP nella Comunicazione Web

• HTTP (Hypertext Transfer Protocol): Protocollo per lo scambio di informazioni tra client e server, definendo richieste (GET, POST) e risposte (HTML, JSON, codici di stato).
• HTTPS aggiunge crittografia per maggiore sicurezza.

Funzione di un Web Server nella Pubblicazione di Siti Web

• Un web server è un computer specializzato che ospita i file di un sito web, gestisce le richieste dei client e fornisce risposte (pagine HTML, file multimediali).
• Esempi di web server: Apache, Nginx, IIS.

Differenze tra Tipologie di URL

• Comprendere la differenza tra URL assoluta e relativa è fondamentale per costruire link corretti.

Differenza tra URL Assoluta e Relativa

• Absolute URL: Fornisce l'indirizzo completo, includendo protocollo, dominio e percorso completo.
• Relative URL: Dipende dalla posizione corrente del documento ed è utile per risorse interne al sito.

Semantic URLs e loro Vantaggi

• Semantic URLs: URL strutturate con parole significative, migliorando la comprensibilità, la SEO e la gestione del sito.

Data URLs e loro Limitazioni

• Data URLs: Incorporano piccoli file direttamente nel documento, ma hanno limiti di lunghezza, performance e sicurezza.

Web Development Basics: HTML, CSS, e JavaScript

• Questi tre linguaggi sono fondamentali per lo sviluppo web.

Ruoli Principali di HTML, CSS e JavaScript

• HTML: Definisce la struttura e il significato semantico del contenuto web.
• CSS: Gestisce lo stile e la presentazione visiva.
• JavaScript: Aggiunge interattività e funzionalità dinamiche.

Web Standards Model

• Il modello enfatizza la separazione delle responsabilità tra HTML (struttura), CSS (presentazione) e JavaScript (comportamento), migliorando manutenibilità, accessibilità e compatibilità tra browser.

Progressive Enhancement

• Permette di creare un sito web funzionale con caratteristiche di base per tutti i browser, aggiungendo funzionalità avanzate per browser moderni, garantendo un'esperienza uniforme e inclusività migliorata.

"Don't Break the Web"

• Questo principio sottolinea l'importanza della compatibilità retroattiva e futura.

Differenza tra Front-end e Back-end

• Front-end: Si occupa dell'interfaccia utente e dell'esperienza visiva.
• Back-end: Si occupa della logica lato server, gestione database e funzionalità dietro le quinte.

Ruolo del Server DNS

• Traduce i nomi di dominio in indirizzi IP, permettendo al browser di connettersi al server che ospita il sito web.

HTTP e Caricamento delle Pagine

• Il browser invia una richiesta HTTP al server, il quale risponde con il contenuto richiesto.
• Il browser processa e rende visibile il contenuto.

Preload Scanner

• Identifica risorse critiche (CSS, JavaScript) mentre l'HTML viene analizzato e le scarica in parallelo, velocizzando il caricamento della pagina.

Posizionamento dei Tag <script>

• Posizionare i tag <script> prima di </body> assicura che l'HTML sia completamente caricato prima che JavaScript lo manipoli, evitando errori.

Programmi Bug Bounty

• Incentivano i ricercatori a trovare vulnerabilità nei browser, migliorando la sicurezza tramite collaborazioni esterne.

Perché Separare HTML, CSS e JavaScript?

• Per manutenibilità, collaborazione e riutilizzabilità del codice.

Compatibilità tra Browser

• Affrontare le differenze di interpretazione del codice e della disponibilità di funzionalità tra i vari browser è essenziale per garantire un'esperienza utente coerente.
• Per risolvere i problemi di compatibilità è utile fare testing su browser e dispositivi diversi, graceful degradation, polyfill e transpiler, e standardizzazione del codice.

Graceful Degradation

• L'obiettivo è di progettare un sito che offra l'esperienza completa sui browser più moderni ma che rimanga funzionale sui browser più vecchi (animazioni, form validation, design semplificato).

Font di Sistema vs Font Web

• I font di sistema sono veloci ma limitati nella personalizzazione, mentre i font web sono più estetici e personalizzabili, ma possono rallentare il caricamento.

Ruolo del DOM e JavaScript

• Il DOM (Document Object Model) è una rappresentazione strutturata del documento HTML.
• Ogni elemento del DOM è un oggetto manipolabile con JavaScript.

Interazione di JavaScript con il DOM:

• Selezione, modifica, creazione ed eventi sono le tipologie di interazione.

HTML Multimedia and Embedding

• Gli elementi <img>, <video> e <audio> permettono di incorporare multimedia in una pagina web.

Altre Tecnologie di Incorporamento

• L'elemento <iframe> consente di incorporare contenuti di terze parti, ma richiede attenzione alla sicurezza.

Piramide di Anthony

• Il concetto di "Organizzazioni gerarchiche e piramide di Anthony" è cruciale per comprendere la struttura e il funzionamento delle organizzazioni moderne.
• Ogni organizzazione, sia essa un'azienda, un'istituzione o un gruppo di interesse, opera all'interno di reti logistiche e informative.
• La loro struttura è spesso organizzata gerarchicamente, seguendo il modello della piramide di Anthony, che suddivide l'organizzazione in tre livelli principali:

Livello Direzionale

• Il Direzionale è responsabile delle decisioni strategiche e della pianificazione a lungo termine e utilizza strumenti avanzati come l'Artificial Intelligence (AI), i Sistemi di Supporto alle Decisioni (DSS), la Business Intelligence (BI) e i Data Warehouse (DW).
• Esempio: in un'università, include figure come il rettore, il direttore amministrativo, il senato accademico e il consiglio di amministrazione.

Livello Gestionale

• Il livello gestionale è incaricato dell'implementazione delle strategie e del controllo manageriale, si basa su sistemi come l'Enterprise Resource Planning (ERP).
• Esempio: Comprende responsabili di uffici e direttori di dipartimento.

Livello Operativo

• Il livello operativo gestisce le attività quotidiane e interagisce direttamente con utenti o clienti, si avvale di sistemi di Customer Relationship Management (CRM).
• Esempio: in ambito universitario, include professori e personale tecnico-amministrativo a contatto con studenti e famiglie.

Esplora l'architettura a tre livelli: presentazione, logica e dati. Scopri le responsabilità di ogni livello e i vantaggi di questo approccio nello sviluppo software. Approfondisci le tecnologie chiave utilizzate in ogni livello.