Documenti simili

Impatto del globale rete di computer Internet acceso mondo moderno. Creazione e sviluppo di siti. Classificazione delle tecnologie web. Strumenti per lo sviluppo di applicazioni Web. Linguaggio di programmazione javascript. Analisi comparativa degli ambienti per la creazione di applicazioni Web.

tesina, aggiunta il 16/01/2012


Concetti di base delle tecnologie Web e classificazione delle applicazioni Web utilizzate nell'attività imprenditoriale. Definizione funzionalità strumenti e linguaggi per lo sviluppo di siti web. Analisi dei requisiti psicofisici per applicazioni Web.

test, aggiunto il 08/06/2014


Studio del concetto e della classificazione di un'applicazione web. Strumenti di sviluppo e ambiti di applicazione dei linguaggi di programmazione per lo sviluppo di applicazioni web (HTML, PHP, Ajax. JavaScript, VBSScript, Perl). Analisi comparativa di diversi ambienti per la creazione di applicazioni Web.

tesina, aggiunta il 04/03/2013


Descrizione del problema di scegliere un semplice sistema di programmazione per creare semplice sistemi di informazione. Condurre un'analisi dettagliata delle applicazioni informatiche esistenti. Una panoramica dell'uso dei fogli di calcolo per lo sviluppo di applicazioni informative.

articolo, aggiunto il 25/12/2017


Riepilogo del materiale sugli strumenti di sviluppo visivo applicazioni software. Considerazione di finestre di dialogo, controlli, opzioni, accesso ai dati, elaborazione, analisi, tecnologie, librerie, esportazioni, applicazioni, flussi.

cheat sheet, aggiunto il 26/06/2014


Vengono descritti i principi dello sviluppo di applicazioni utilizzando il linguaggio di programmazione C++. Considerato caratteristiche chiave C++, i suoi vantaggi e svantaggi. Vengono offerte recensioni dei framework più popolari coinvolti nella creazione di applicazioni multipiattaforma.

articolo, aggiunto il 03/01/2019


Access come strumento per lo sviluppo rapido di applicazioni. descrizione generale E caratteristiche funzionali applicazioni che utilizzano sistemi di gestione di database, lo sviluppo di tecnologie web con il loro utilizzo. Creazione dinamica di documenti ipertestuali.

abstract, aggiunto il 15/05/2015


L'essenza del concetto e della classificazione delle tecnologie web. Analisi dell'ambito dei linguaggi di programmazione per lo sviluppo di applicazioni. Razionale per la scelta dell'ambiente di sviluppo creazione del programma, la sua struttura e contenuto. Aggiunta e riproduzione di video in un progetto.

tesi, aggiunta il 23/06/2017


Implementazione di mixin nel moderno ambiente di sviluppo di applicazioni database SharpArchitect RAD Studio. Sviluppa il tuo profilo per rappresentare i diagrammi UML. Creazione di proprietà per classi di sistema del proprio ambiente di sviluppo rapido per applicazioni di database.

articolo, aggiunto il 02/02/2019


Tecnologia per lo sviluppo di libri di testo elettronici con accesso remoto, conchiglie usate. Tipi di applicazioni multimediali, software e hardware per il loro sviluppo. Animazione flash come mezzo per creare risorse visive in fisica, risorse Internet.

introduzione

L'influenza della rete informatica globale Internet sul mondo moderno non ha analoghi storici. Il suo presente è l'inizio dell'era della penetrazione elettronica in tutte le sfere della vita umana, è qualcosa di più di una semplice campagna di marketing, è la base di una nuova filosofia e di una nuova strategia aziendale.

È abbastanza logico presumere che Internet sia la risorsa più significativa dal punto di vista della pubblicità di prodotti o servizi. La maggior parte delle persone moderne utilizza Internet come la fonte di informazioni più accessibile.

La creazione di siti Web è una delle tecnologie più importanti per lo sviluppo delle risorse Internet. Buon sito, assorbe tutto informazioni utili, è il miglior biglietto da visita sia di un'azienda commerciale che di un'istituzione educativa, lavorando per loro in qualsiasi momento della giornata.

Dopo aver analizzato diversi siti che forniscono supporto informativo alle piccole imprese in termini di conformità agli obiettivi, ai requisiti psicofisiologici e ai contenuti informativi, nonché alla correttezza della scelta degli strumenti di sviluppo, è possibile identificare le seguenti carenze caratteristiche:

non conformità del sito ai requisiti psicofisiologici, che porta ad un aumento della fatica o della distrazione;

La passione per l'animazione, le immagini grafiche e i frammenti video che non portano un carico semantico comporta automaticamente una diminuzione del numero di potenziali visitatori del sito Web, poiché aumenta i requisiti di larghezza di banda della connessione Internet e volume di traffico;

ridondanza o mancanza di informazioni fornite;

Scelta errata degli strumenti di sviluppo, che comporta un irragionevole aumento del costo del prodotto finito.

Pertanto, la determinazione della funzionalità di strumenti e linguaggi per lo sviluppo del sito, nonché dei requisiti psicofisiologici per le informazioni testuali e grafiche presentate sullo schermo del monitor, sembra essere un compito urgente.

Inoltre, ora che il numero di utenti online è stimato a più di 500 milioni di persone (e questo numero sta crescendo a un tasso di circa il 7% al mese), è necessario cercare modi per utilizzare le nuove tecnologie che potrebbero aiutare ad attrarre e mantenere l'attenzione degli utenti che viaggiano attraverso le vaste distese del Web.

Oggetto della ricerca sono le tecnologie web.

Object - ambienti e linguaggi per lo sviluppo di applicazioni web.

Lo scopo di questo lavoro è quello di esplorare le possibilità uso pratico linguaggi e strumenti per lo sviluppo di applicazioni web.

1) considerare i concetti di base delle tecnologie web;

2) fornire varie classificazioni delle applicazioni web utilizzate nelle attività aziendali;

3) considerare i requisiti psicofisici per le applicazioni web;

4) determinare l'ambito dei linguaggi di programmazione per lo sviluppo di applicazioni web;

5) analizzare la funzionalità degli ambienti per la creazione di applicazioni web.

Vale la pena avvicinarsi al compito di creare la propria "rappresentazione Internet" in modo responsabile. Il sito dovrebbe essere facile da usare: le pagine dovrebbero caricarsi il più rapidamente possibile e la risorsa stessa dovrebbe avere una struttura logica e comprensibile. Solo in questo caso puoi contare sul fatto che il visitatore sarà interessato alle informazioni fornite e rimarrà sul sito.

Sviluppo della moderna tecnologia informatica e implementazione le ultime tecnologie ha segnato l'inizio di una nuova direzione della vita sulla Terra. In un periodo di tempo abbastanza breve nello sviluppo della microelettronica e della cibernetica, sono avvenuti molti cambiamenti.

Il progressivo sviluppo della tecnologia ha portato alla nascita di nuovi prodotti software. Ogni anno vengono introdotti sempre più linguaggi di programmazione. Tutti sono focalizzati principalmente sul pubblico di destinazione.

Non solo i computer si stanno sviluppando, ma anche le reti. Se qualche decennio fa Internet era un piccolo rete privata, ora è un gigantesco sistema di computer interconnessi, senza i quali, forse, non riusciremo a immaginare la vita.

Internet non è solo una "piscina fresca" in cui le persone molto "surriscaldate" si sentono a proprio agio, ma anche un luogo dove puoi "toccare" quasi tutti gli argomenti caldi senza paura di scottarti.

La tecnologia Web ha completamente ribaltato l'idea di lavorare con le informazioni e con un computer in generale. Si è scoperto che i parametri tradizionali dello sviluppo della tecnologia informatica - prestazioni, throughput, capacità di archiviazione - non tenevano conto del principale "collo di bottiglia" del sistema: l'interfaccia con una persona. Il meccanismo obsoleto dell'interazione umana con il sistema informativo ha ostacolato l'introduzione di nuove tecnologie e ridotto i benefici derivanti dal loro utilizzo. È stato solo quando l'interfaccia tra uomo e computer è stata semplificata alla percezione naturale di una persona comune che è seguita un'esplosione di interesse senza precedenti per le possibilità della tecnologia informatica.

Le informazioni disponibili per gli utenti di Internet si trovano su computer (server Web) su cui è installato un software speciale. Molte di queste informazioni sono organizzate sotto forma di siti web. Ognuno di loro ha il proprio nome (indirizzo) su Internet. Un sito Web è costituito da informazioni presentate in una determinata forma, che si trova su un server Web e ha un proprio nome. Per visualizzare i siti Web sul computer di un utente, utilizzano programmi speciali che sono chiamati browser. I browser più comuni attualmente sono Internet Explorer e Navigatore di Netscape. A seconda del nome del sito che abbiamo impostato nella riga "Indirizzo", il browser caricherà le informazioni appropriate nella sua finestra.

Un sito Web è costituito da pagine Web collegate. Una pagina web è un file di testo con estensione *.htm che contiene informazioni testuali e comandi speciali: codici HTML che determinano come queste informazioni verranno visualizzate nella finestra del browser. Tutte le informazioni grafiche, audio e video non sono incluse direttamente nella pagina Web e sono un file separato (Figura 1 Appendice A).

Le moderne applicazioni web sono fondamentalmente dei portali che forniscono servizi a cui non è possibile accedere da nessun'altra parte.Uno degli svantaggi di tali servizi è la difficoltà di scambio di informazioni tra le aziende. In particolare, anche contatto e altro informazione personale Devi rientrare su ciascuno di questi siti.

Attualmente, in termini di scopo, esistono tre tipi principali di portali:

· Portali pubblici o orizzontali (a volte chiamati megaportali) come Yahoo, Lycos, Excite, Rambler. Tali portali sono spesso il risultato dello sviluppo dei motori di ricerca. Sono destinati al pubblico più vasto, che si riflette nel contenuto delle informazioni e dei servizi che forniscono. In genere, questa informazione è carattere generale, nonché i servizi forniti (e-mail, newsletter, ecc.).

· Portali verticali. Questo tipo di portale è progettato per specifici tipi di mercato e serve il pubblico utilizzando i servizi di questo mercato o lavorando su di esso. Esempi di tali portali sono, ad esempio, le agenzie di viaggio che forniscono servizi di prenotazione alberghiera, biglietteria e consegna, accesso a mappe e informazioni su percorsi stradali o portali B2B (business-to-business) che consentono ai propri clienti di implementare operazioni commerciali congiunte (ad esempio, selezionare fornitori e acquistare beni, tenere aste).

· I portali aziendali sono destinati a dipendenti, clienti e partner di un'impresa. Gli utenti di tale portale ottengono l'accesso ai servizi e alle applicazioni a loro destinati, a seconda del ruolo e del profilo personale.

Altre applicazioni web più comuni:

· Portali Internet regionali, universali nella loro direzione, ma limitati dalla geografia dei visitatori interessati (e1.ru);

· I motori di ricerca sono portali Internet progettati per fornire ai propri visitatori l'opportunità di trovare siti in cui si trovano le parole o le frasi intere (metabot.ru);

· Una directory è una raccolta di collegamenti a siti. Perché abbiamo bisogno di directory se c'è una ricerca? Molto spesso non sappiamo esattamente di cosa abbiamo bisogno, non possiamo formularlo in un paio di parole (mail.ru);

· Bacheche elettroniche - sono un luogo su Internet dove quasi chiunque può lasciare informazioni per scopi informativi, di invito o promozionali;

· I forum sono siti speciali o sezioni di siti progettati per consentire ai visitatori di scambiare opinioni lasciando i propri messaggi;

· Chat - sono un altro luogo di comunicazione su Internet, solo il suo scopo non è uno scambio di opinioni su un argomento, ma solo un passatempo;

· File da scaricare;

· Gallerie fotografiche;

Elementi di statistica;

Archiviazione di varie informazioni su Internet;

· Server di mailing list, offrono servizi per la consegna di informazioni a una vasta gamma di lettori (subscribe.ru);

· Negozi online e aste (ozon.ru, molotok.ru).

Il punto di partenza in un progetto web è un'analisi degli obiettivi del sito e delle funzionalità che verranno offerte all'utente.

La seconda fase sarà la costruzione dell'architettura informativa del sito.

Dopo che tutti i materiali del sito e la sua struttura sono noti, puoi passare al design della navigazione e delle pagine stesse.

Posiziona un link altamente visibile alla mappa del sito su ogni pagina. La pagina di visualizzazione della mappa non deve superare le due pagine sullo schermo dell'utente. Vengono utilizzati due tipi di mappe: statiche e dinamiche. È più efficace utilizzare una mappa con una visualizzazione statica dell'architettura dell'informazione, poiché vista dinamica porta l'utente a una confusione ancora maggiore. La mappa è stata creata per orientare meglio l'utente, quindi la mappa deve visualizzare non solo la posizione attuale dell'utente sul sito, ma anche quelle sezioni che ha già visitato.

La pagina principale del sito Web dell'azienda è il volto del sito, rivolto verso l'intera rete (Figura 2 Appendice B). Gli obiettivi dell'azienda sono chiaramente indicati nella pagina principale, mentre ogni elemento di design dovrebbe consentire all'utente di comprendere meglio il sito e determinare la sequenza di azioni per risolvere i propri problemi.

È dalla pagina principale che la maggior parte degli utenti inizia il proprio viaggio attraverso il sito. Allo stesso tempo, il nostro sito dovrebbe essere realizzato in modo tale che le persone che accedono al sito tramite un collegamento profondo si sentano a proprio agio. Per fare ciò, è necessario inserire in ogni pagina del sito:

nome o logo dell'azienda nell'angolo in alto a sinistra

slogan individuale per il sito, composto da una frase

Non si può presumere che l'utente abbia raggiunto questa pagina percorrendola dall'inizio alla fine. È possibile che non abbia visto le informazioni che abbiamo indicato nelle pagine del livello più alto della gerarchia. Con i deep link, dobbiamo orientare l'utente verso il luogo, dirgli dove si trova adesso sul sito, indicando un anello di catena sulla pagina. Se c'è la necessità che qualche pagina non venga indicizzata nei motori di ricerca, è necessario inserire l'elemento "HEAD" .

Nella sezione "Chi siamo", è necessario fornire informazioni di base sull'azienda:

· Informazioni sui contatti;

filosofia dell'organizzazione (visione aziendale, rapporti con la società, aspirazioni);

principali tappe storiche;

Una lunga spiegazione nella parte superiore della pagina "Chi siamo" aiuta l'utente a comprendere meglio ciò che è contenuto nelle profondità di questa dispensa.

Il testo deve essere facile da leggere sia per gli utenti giovani che per quelli meno giovani, quindi dovremo specificare la dimensione del carattere in unità relative, non assolute, poiché la dimensione è scelta dagli utenti. Allo stesso tempo, il testo dovrebbe adattarsi completamente alla pagina, non importa quanto sia fastidioso utilizzare lo scorrimento orizzontale delle pagine del sito.

Gli utenti raramente leggono le pagine Web parola per parola. Alla prima visione, cerca i fatti e ignora i dettagli, ma avendo trovato materiale di interesse, può andare più in profondità. Uno schema approssimativo per visualizzare una pagina è simile al seguente: la prima riga viene scansionata orizzontalmente per intero, la successiva non viene scansionata a tutta profondità e con ogni riga successiva lo strappo di informazioni si riduce sempre di più.

Pertanto, gli utenti spesso visualizzano solo la parte superiore dell'articolo. E solo i lettori più interessati scorreranno la pagina, e solo questi pochi capiranno la storia dell'articolo in tutti i suoi dettagli. Pertanto, è importante applicare il "principio delle piramidi rovesciate", che consiste nel fatto che l'articolo inizia con una "conclusione", dopo di che c'è un messaggio sul Informazioni importanti, e alla fine viene fornito lo sfondo dell'evento.

Per facilitare la visualizzazione delle pagine, utilizzeremo:

selezione delle parole chiave;

Titoli ben scritti

· liste con marcatori;

un paragrafo per idea (gli utenti salteranno tutte le altre idee a meno che non siano attratti dalle parole principali del paragrafo);

stile a piramide rovesciata (dove l'articolo inizia con una conclusione);

meno parole che in un articolo normale;

un minimo di termini poco comprensibili;

Indicazione della data di creazione del messaggio (per sapere per quanto tempo è rilevante al momento);

informazioni contestuali dell'attributo "ALT".

I titoli elettronici sono spesso visualizzati fuori contesto:

nell'elenco degli articoli presenti sul sito;

nelle intestazioni dei messaggi E-mail;

Nei risultati di ricerca

nei segnalibri del browser.

Allo stesso tempo, gli utenti non devono avere alcuna super conoscenza per comprendere la nostra intestazione se saltano il testo sotto le intestazioni. Per questo motivo, il testo del titolo dovrebbe essere un'informazione autonoma che lo renda comprensibile in assenza del resto del contenuto. Quando si scrive il titolo, è necessario utilizzare un linguaggio neutro e non utilizzare: giochi di parole, "trucchi", "lure", lettere maiuscole (come sembra che stiamo urlando all'utente)

Gli utenti preferiscono titoli significativi. Più breve è il micro-contenuto, più facile è la navigazione. È necessario escludere l'uso della stessa parola all'inizio di ogni articolo e il nome della pagina, poiché quando si utilizzano più articoli di questo tipo contemporaneamente, sarà difficile selezionare l'articolo necessario sul pannello o sulle schede.

Quando viene chiesto di fornirci un indirizzo email, è necessario dire, qui e ora, cosa esattamente riceverà l'utente, e quante volte tu disturberai la quiete della sua casella di posta. I collegamenti mailto dovrebbero essere utilizzati in modo tale da poter capire esattamente cosa c'è di fronte a noi indirizzo di posta. Non pubblicare collegamenti di posta sui nomi, poiché facendo clic su un nome dovresti portarti alla loro biografia. Quando si comunica via e-mail, non c'è motivo di utilizzare il nome specifico di uno dei dipendenti, a meno che l'utente non abbia stabilito un rapporto personale con lui (le lettere di persone sconosciute finiscono spesso nella spazzatura).

Per aumentare la credibilità del sito è necessario utilizzare immagini grafiche di alta qualità. In questo caso, per impostazione predefinita, non dovresti utilizzare immagini di grandi dimensioni. Si consiglia di utilizzare le miniature e, se necessario, aumentarle quanto desidera l'utente. Le miniature devono contenere tutte le informazioni di base sull'immagine. Sarebbe più corretto utilizzare foto di dipendenti e clienti reali sul sito e non modelli fotografici con un sorriso smagliante di Hollywood. È inoltre necessario utilizzare un buon stile di scrittura e collegamenti ipertestuali in uscita verso altri siti. Non è necessario utilizzare "l'acqua pubblicitaria", poiché comporta un carico emotivo aggiuntivo e gli utenti devono passare il tempo a setacciare l'iperbole dai fatti reali.

Il modo classico per aumentare il coinvolgimento con un sito è pubblicare nuovi contenuti a intervalli regolari (giornalmente o mensilmente). Per chi lo desidera è necessario organizzare distribuzioni di materiale fresco. Quasi il 100% di coloro che si sono iscritti visiteranno periodicamente il sito stesso mentre l'autore ricorda loro se stesso.

Il design del sito dovrebbe adattarsi alle persone. Una delle opzioni per tale dispositivo è un profilo, ma compilarlo richiede pazienza, per questo motivo viene compilato da visitatori del sito affermati. Pertanto, per tracciare gli utenti, è meglio utilizzare un "cookie", in cui vengono inserite tutte le informazioni necessarie, piuttosto che una noiosa procedura di registrazione. Se la registrazione è ancora necessaria per un funzionamento sicuro, non creare moduli di iscrizione troppo rigidi. Se possibile, utilizza il completamento automatico e imposta automaticamente il cursore nel primo campo del modulo.

Non è necessario creare moduli per la ricerca su Internet, se l'utente ne ha bisogno, utilizzerà un apposito motore di ricerca.

I collegamenti dovrebbero essere prevedibili, l'utente dovrebbe sapere cosa accadrà se fa clic sul collegamento. Indica chiaramente cos'è un link: se è testo, lascia che sia colorato o sottolineato. Non nascondere le differenze tra link visitati e non visitati. Creare collegamenti con l'aspettativa che motori di ricerca sono i visitatori più importanti, e sono sordi e ciechi di fronte all'alta tecnologia. Progetta i tag "titolo" in modo che abbiano un bell'aspetto nei motori di ricerca e nei segnalibri, quindi è necessario avviare i collegamenti con una parola chiave.

Non consentire la visualizzazione di collegamenti interrotti, poiché in questo caso altri siti e motori di ricerca non si collegheranno a noi.

Durante la navigazione nel sito, consenti all'utente di scegliere come aprire le pagine, in finestre pop-up o in altro modo.

Nel WEB, gli utenti non prestano attenzione a nient'altro che al loro obiettivo e la pubblicità che li distrae dal raggiungimento del loro obiettivo viene semplicemente ignorata da loro. Se il nostro annuncio appare prima che l'utente trovi il materiale di suo interesse, molto probabilmente verrà chiuso. E quando completa il suo compito principale ed è pronto per dare un'occhiata più da vicino all'annuncio, semplicemente non lo vedrà più perché ha chiuso la finestra pop-up. Pertanto, non dovresti mai distrarre l'utente dal tuo obiettivo.

Quando un utente digita le parole della query su un server di ricerca, gli annunci visualizzati nell'elenco dei risultati della query saranno direttamente correlati a ciò di cui la persona ha bisogno. E così legge questi annunci e fa clic sui collegamenti. Tale pubblicità è molto più economica della distribuzione di volantini.

Quindi, il segreto del successo è abbinare gli annunci agli obiettivi degli utenti.

Mancanza del pulsante "Chiudi";

indicare chiaramente cosa accadrà quando si fa clic su di esso;

· fornisce ulteriori informazioni su di te senza la necessità di lasciare la pagina corrente.

Per svolgere il lavoro di valutazione è necessario coinvolgere da tre a cinque partecipanti. Ognuno di loro lavora individualmente. Successivamente, i loro risultati vengono confrontati e portati a un'unica conclusione. Il test si svolge in due fasi:

1) capire come funziona l'interfaccia;

2) concentrazione dell'attenzione su alcuni elementi.

È necessaria una menzione separata di ciascun problema, indipendentemente da come si ripeterà in futuro.

Strumenti per lo sviluppo di applicazioni web

Applicazioni di linguaggi di programmazione per lo sviluppo di applicazioni Web

Hypertext Markup Language, o più comunemente chiamato HTML, è il linguaggio informatico che sta alla base del World Wide Web. Grazie a Linguaggio HTML Qualsiasi testo può essere contrassegnato convertendolo in ipertesto e quindi pubblicandolo sul Web.

L'HTML ha il proprio set di caratteri che i browser Web utilizzano per visualizzare una pagina. Questi simboli, chiamati descrittori, includono gli elementi necessari per creare collegamenti ipertestuali.

Una delle caratteristiche distintive dei documenti HTML è che il documento stesso contiene solo testo e tutti gli altri oggetti sono incorporati nel documento nel momento in cui viene visualizzato dal browser utilizzando tag speciali e memorizzati separatamente. Quando si salva un file HTML, viene creata una cartella nella posizione del documento, in cui vengono inseriti gli elementi grafici associati.

Prima di tutto PHP viene utilizzato per creare script che funzionano lato server, per questo, infatti, l'hanno inventato. PHP è in grado di eseguire le stesse attività di qualsiasi altro script CGI, inclusa l'elaborazione dei dati dei moduli html, la generazione dinamica pagine html eccetera. Ma ci sono altre aree in cui PHP può essere utilizzato.

La seconda area è la creazione di script che vengono eseguiti sulla riga di comando. Cioè, usando PHP, puoi creare tali script che verranno eseguiti, indipendentemente dal server web e dal browser, su una macchina specifica.

E l'ultima area è la creazione di applicazioni GUI ( interfacce grafiche) in esecuzione sul lato client.

Ajax sta per Asynchronous Javascript And XML (Asynchronous Javascript and XML) e non è una tecnologia nel senso stretto del termine. Se in un'applicazione Web standard il server elabora tutte le informazioni, mentre il browser è responsabile solo dell'interazione con l'utente, della trasmissione delle richieste e dell'output dell'HTML in entrata, nell'applicazione Ajax appare un altro intermediario tra l'utente e il server: il Motore dell'Ajax. Determina quali richieste possono essere elaborate "sul posto" e quali devono essere indirizzate al server.

Anche il comportamento del server è cambiato. Se prima il server emetteva una nuova pagina per ogni richiesta, ora invia solo i dati di cui il client ha bisogno e l'HTML da essi forma il motore Ajax direttamente nel browser.

L'asincronia si manifesta nel fatto che non tutti i clic dell'utente raggiungono il server, ed è vero anche il contrario: non tutte le reazioni del server sono dovute a una richiesta dell'utente. La maggior parte delle richieste viene generata dal motore Ajax e può essere scritto in modo tale da caricare informazioni in previsione delle azioni dell'utente.

Dove usare Ajax:

· Forme. Sono molto lenti. Se invii i dati in modo asincrono, la pagina non si ricarica.

· Navigazione sotto forma di "albero". In generale, tale navigazione è terribile. Una topologia semplice è molto più conveniente, ma se si riduce a questo, è meglio usare Ajax.

· Filtri. Spesso sui siti ordinano per data, per nome. L'Ajax sarà molto più conveniente.

javascript

Il linguaggio di programmazione JavaScript è stato sviluppato da Netscape per creare documenti HTML interattivi. È un linguaggio orientato agli oggetti per lo sviluppo di applicazioni integrate che vengono eseguite sia sul lato client che sul lato server. La sintassi del linguaggio è molto simile a quella di Java, motivo per cui si chiama Java-like.

Le principali applicazioni di JavaScript rientrano nelle seguenti categorie:

· creazione dinamica del documento tramite lo scenario;

convalida rapida dei campi compilati dall'utente Moduli HTML prima di trasferirli al server;

Creazione di pagine HTML dinamiche in combinazione con Cascading Style Sheets e Document Object Model;

interazione con l'utente durante la risoluzione di attività "locali" risolte da un'applicazione JavaScript incorporata in una pagina HTML.

VBScript

Il linguaggio di scripting VBScript è stato sviluppato da Microsoft ed è un sottoinsieme del linguaggio Visual Basic che è abbastanza comune tra i programmatori per lo sviluppo di applicazioni Windows. Come il suo genitore, VBScript è abbastanza semplice e facile da imparare.

Il vantaggio del suo utilizzo per lo scripting è la possibilità di utilizzare, con piccoli aggiustamenti, procedure precedentemente scritte in Visual Basic e Visual Basic for Application.

La funzionalità degli script scritti in VBScript non è diversa da quella degli script JavaScript: creazione dinamica documento o sue parti, intercettazione ed elaborazione di eventi, e così via.

VBScript viene utilizzato per lo scripting del client (nel qual caso il browser deve disporre di un interprete VBScript incorporato) e per lo scripting del server (nel qual caso il server deve supportare VBScript).

Si utilizza un insieme di oggetti simili a JavaScript per creare script client. Gli oggetti client e server sono diversi, ma esiste una parte comune (nucleo) di oggetti utilizzati nello sviluppo sia degli script client che degli script server.

Perl è ampiamente utilizzato per lo sviluppo di strumenti di amministrazione del sistema, ma più recentemente ha guadagnato un'immensa popolarità nell'area dello sviluppo di applicazioni Internet: scripting CGI, sistemi di elaborazione automatica della posta elettronica e supporto di siti Web.

Ecco alcuni esempi di attività che possono essere eseguite con Perl:

· Controllo degli utenti di Windows NT per incoerenze nel loro stato e capacità;

gestione dei servizi NT da riga di comando e da remoto dalla macchina locale ottenendo dati statistici su una macchina separata;

Può funzionare anche con il protocollo FTP;

· Supporto di sistema UNIX e Windows.

Attualmente, ci sono diversi milioni di siti Web sul World Wide Web e il loro numero è in costante crescita. Ognuno ha l'opportunità non solo di visualizzarne qualcuno ed estrarre informazioni utili per se stesso, ma anche di prendere parte attiva alla loro creazione. Di grande importanza è l'ambiente in cui avverrà lo sviluppo.

Macromedia continua a rendere Dreamweaver intuitivo e facile da usare. Potenti strumenti da un lato e facilità d'uso dall'altro, rendono i prodotti Macromedia ideali pacchetto software, sia per i web designer professionisti che per i principianti. I prodotti inclusi nel pacchetto Macromedia, come: Flash, Firework, Dreamweaver, renderanno il tuo lavoro più produttivo e allo stesso tempo possono sostituirsi a vicenda (ad esempio, puoi creare pulsanti in ognuno di essi). Prodotti come: Sitespring, FreeHand - aggiungeranno efficienza quando si lavora con un cliente.

Dreamweaver ha molti vantaggi:

Dreamweaver supporta codice HTML puro e le più recenti estensioni DHTML e CSS.

Contiene ottimi ingredienti controllo automatico collegamenti, ovvero, con qualsiasi movimento di file nell'ambiente, tutti i collegamenti vengono ripristinati automaticamente. Il blocco delle sezioni della pagina viene fornito per proteggerle da danni involontari.

Consente di annullare le modifiche apportate qualche passo indietro (tuttavia, dopo aver salvato la pagina, non sarà possibile annullare le modifiche).

Viene applicato il "Controllo dinamico per vari browser".

Supporta estensioni, sia sviluppatori di terze parti che Macromedia stesso (più di 500).

Dreamweaver viene fornito con una libreria di elementi che puoi utilizzare nelle tue pagine Web, come la barra di navigazione, il descrittore del copyright e altro ancora.

Utilizzato per aggiungere contenuti multimediali alle pagine web e vari tipi file da Flash e Java a RealAudio, elementi interattivi come motori di ricerca, forum, sistemi di e-commerce.

Dreamweaver non dispone di strumenti per la creazione di immagini native. Presenta solo gli strumenti di modifica più semplici, quindi abbiamo bisogno di speciali editor grafici per creare e modificare le immagini.

Dreamweaver ti consente di rimuovere il codice non necessario dalle applicazioni Microsoft, dopodiché le pagine verranno caricate più velocemente e visualizzate meglio in diversi browser.

Fireworks è un editor grafico con la possibilità di ottimizzarli ulteriormente e pubblicarli sul web. Utilizzando un'ampia varietà utensili, possiamo creare e modificare grafica vettoriale e raster all'interno dello stesso file invece di passare da un programma all'altro. Fireworks genera codice HTML e JavaScript e può facilmente creare menu dinamici e barre di navigazione per le nostre pagine web. L'ottimizzazione efficace dei file grafici consente di ridurne il più possibile le dimensioni senza perdere in qualità.

Inoltre, è possibile modificare i layout delle pagine WEB. Ad esempio, in Fireworks 8 puoi aprire file grafico per l'intera larghezza del futuro sito, disegna il disegno grafico necessario, quindi taglialo con lo strumento Slice come dovrebbe apparire la futura tabella del documento HTML. Successivamente, puoi iniziare a finalizzare i singoli elementi grafici, inclusa la creazione di grafici attivi che rispondono al cursore, senza conoscere affatto il linguaggio di programmazione (JavaScript).

Uno dei tre professionisti redattori grafici conducendo, con successo variabile, la lotta per il primato nel lavorare con grafica vettoriale. FreeHand è molto più veloce e più facile dei suoi concorrenti: CorelDraw e Adobe Illustrator. FreeHand è ottimo per creare loghi, pubblicità, grafica web e animazioni.

I produttori del programma hanno compiuto grandi sforzi per rendere la vita il più semplice possibile agli utenti: l'interfaccia del programma è semplice e intuitiva, ci sono molti "gadget" che consentono di eseguire rapidamente e facilmente trasformazioni complesse di oggetti o ottenere una varietà di effetti artistici. FreeHand può esportare e importare file in quasi tutti i formati comuni. Inoltre, include impostazioni di tasti di scelta rapida che emulano altri programmi comuni (Adobe Illustrator, CorelDraw). Quindi non è necessario riapprendere passando a FreeHand.

Una caratteristica interessante e importante di FreeHand quando si lavora su progetti di grandi dimensioni è la possibilità di modificare globalmente il documento, sia per il testo che per tutti gli oggetti grafici. Il meccanismo di sostituzione globale è molto flessibile. Oltre alla sostituzione, consente di selezionare gli oggetti con date proprietà per la successiva conversione. Le principali proprietà utilizzate per cercare e sostituire o selezionare gli oggetti sono il colore, lo spessore del contorno, il carattere, l'angolo di rotazione.

I documenti FreeHand possono essere facilmente trasformati in pagine web. Naturalmente, FreeHand non è un editor HTML, ma lo supporta Elementi basici HTML. Con FreeHand è facile fornire pagine WEB con animazione Flash. Nella clip di animazione vengono inseriti blocchi di testo, gruppi di oggetti e oggetti con contorni. Una piccola clip di oggetti FreeHand viene creata letteralmente con un comando: non resta che seguire alcune impostazioni. Ogni fotogramma della clip viene posizionato su un livello separato; l'effetto di animazione si ottiene mediante la riproduzione sequenziale dei contenuti dei singoli livelli. Ma gli strumenti FreeHand non sostituiranno l'editor Macromedia Flash.

Crea interessanti presentazioni multimediali interattive per i siti web. Flash è caratterizzato da grafica vettoriale e animazione, sebbene possa essere utilizzato anche per manipolare o visualizzare grafica bitmap, modificare video e persino manipolare file audio.

Il contenuto Flash viene pubblicato come file SWF compatti per la visualizzazione su un'ampia varietà di piattaforme utilizzando Flash Player. Durante la riproduzione di un file SWF in modalità operativa può caricare dinamicamente contenuti come file audio MP3, video Flash e immagini JPEG. Flash Player consente di connettersi alle origini dati per combinarle con un database, XML o servizi Web. Con tutte queste funzionalità, animazioni ed effetti accattivanti possono essere introdotti in applicazioni basate sui dati. Flash ha il supporto per l'anti-aliasing (smussare i bordi mescolando i colori vicini). Poiché questo formato di file è basato su grafica vettoriale, l'oggetto mantiene la qualità dell'immagine a qualsiasi risoluzione ed è ideale per creare fotogrammi di animazione.

Potente linguaggio basato sugli eventi. Il linguaggio ActionScript utilizzato è quasi un linguaggio di programmazione completo, con supporto per condizioni, cicli, array, funzioni e classi che possono essere ereditate.

A favore di Flash, le dimensioni ridotte dei file risultanti e l'uso di un formato di immagine vettoriale e la compressione di file bitmap e audio, che ha un effetto molto positivo sulla riduzione delle dimensioni della pagina e del suo tempo di download.

Questo programma è molto facile da usare. Ha molti tag e modelli già pronti.

La flessibilità dell'interfaccia è uno dei punti di forza del prodotto. Qualsiasi utente può facilmente personalizzare l'interfaccia di HomeSite in base alle proprie preferenze ed esigenze.

Durante il lavoro, l'utente può visualizzare un'area di lavoro con due schede: Sfoglia e Modifica. Cioè, la programmazione avviene nella scheda Modifica e il risultato può essere visualizzato se si seleziona la scheda Sfoglia. Durante la creazione nuova pagina alcuni tag come HTML e BODY appaiono automaticamente nel campo di modifica. Questo è il modello caricato quando viene creata una nuova pagina. Il suo contenuto può essere modificato.

HomeSite semplifica la creazione dell'architettura di un sito web. Ciò è facilitato dal pannello Quick Bar con un sistema di schede con tag già pronti. I tag in queste schede sono molto diversi, da quelli semplici come un paragrafo agli script java. In genere puoi lasciare una scheda, aggiungendovi tutti i tag necessari tramite il menu Personalizza. Puoi anche creare tu stesso tag o combinazioni di essi. Quando si fa clic su un pulsante con un tag specifico, viene visualizzata una finestra in cui è possibile impostare le opzioni del tag e specificarne gli attributi. Supporta la modalità WYSIWYG con tutti i suoi pro e contro.

Per velocità, ci sono molti strumenti di modifica dei tag. Si tratta, ad esempio, di funzionalità come Tag Completion, Tag Editor e Tag Insight. Facilitano notevolmente la modifica dei tag e dei loro attributi. Ci sono anche frammenti di codice.

HomeSite si integra facilmente con gli strumenti di gestione del codice sorgente e i sistemi di gestione dei progetti e offre anche funzionalità FTP estese, in modo da poter implementare rapidamente un sito e organizzarne una manutenzione efficiente.

È l'editor HTML più popolare sul mercato, principalmente a causa della popolarità del pacchetto Microsoft Office. Il programma offre potenti funzionalità e un attraente pacchetto software, incluso Image Composer, progettato per la creazione di immagini (Appendice B). FrontPage contiene inoltre i componenti Web necessari per aggiungere proprietà interattive al sito Web. Microsoft FrontPage è un classico editor WYSIWYG, che però ha la possibilità di modificare manualmente il codice.

Il programma ha tre modalità di lavoro con un documento: Normale, HTML e Anteprima.

In modalità Normale, le pagine web sono normali file di testo con la possibilità di modificare tutti gli elementi, dal testo alle immagini.

In modalità HTML, viene eseguita l'evidenziazione della sintassi, ma piuttosto mediocre: i descrittori sono evidenziati in blu, tutto il resto è nero.

In modalità Anteprima, puoi vedere come apparirà la tua pagina nella finestra del browser.

FrontPage ha un generatore di tabelle che semplifica notevolmente la creazione di tabelle. Uno dei principali vantaggi del programma è un gran numero di modelli disponibili che consentono all'utente di non scervellarsi sul design del proprio progetto. Dopo aver scelto il modello necessario, possiamo procedere direttamente al riempimento della pagina con il contenuto. È qui che entra in gioco la bellezza di FrontPage: il processo di creazione di una pagina HTML non è diverso dalla creazione di una pagina normale. documento di testo in Microsoft Word. Gli stessi strumenti sono a nostra disposizione per modificare il testo, cambiarne la formattazione, creare e modificare tabelle, inserire vari oggetti e immagini, e tutto questo senza conoscere l'HTML. FrontPage divide l'area di lavoro in diversi blocchi contenenti determinati elementi pagine - immagini, testo, intestazioni, ecc. Per ogni blocco, puoi assegnare le tue opzioni di formattazione e la sua posizione rispetto alla pagina.

Contro: un piccolo set di strumenti di sviluppo, l'impossibilità di un acquisto separato del programma. Microsoft FrontPage funziona bene come editor HTML per la prima volta, ma man mano che le tue esigenze crescono, le sue capacità potrebbero non essere sufficienti. C'è anche un rovescio della medaglia: la complessità e l'ingombro del codice risultante, che naturalmente influisce sulla dimensione finale del documento. Sarà anche molto difficile apportare modifiche a tale documento in futuro. Ma questo è piuttosto un difetto non di un prodotto specifico, ma di quasi tutti gli editor WYSIWYG (What You See Is What You Get - "ciò che vedi è ciò che ottieni").

Nonostante il fatto che Microsoft Word sia un editor di testo e non sia realmente considerato un editor HTML. Ha la capacità di salvare i file in formato HTML. Di conseguenza, potremmo incontrare pagine create in un modo o nell'altro in Microsoft Word. I problemi nel codice HTML ricevuto dall'editor sono simili a quelli di FrontPage: entrambi questi programmi producono codice ridondante che non è pienamente conforme allo standard HTML. Un numero enorme di persone che usano Word nel loro lavoro quotidiano diventano potenziali sviluppatori di documenti HTML.

Esistono due modi per creare una pagina Web in Word: utilizzando la procedura guidata o convertendo un documento Word esistente in formato HTML. Allo stesso tempo, Word stesso genera tag HTML, anche se non in modo ottimale. La trasformazione porta naturalmente al fatto che alcuni elementi del design del documento andranno persi o modificati. Se è necessario inserire i propri tag nella pagina HTML, Word fornisce la modifica diretta del codice HTML.

Progettato per creare e modificare illustrazioni, ovvero immagini contenenti elementi di grafica vettoriale, come caratteri, forme geometriche, ecc.

Le pagine web possono contenere molti elementi - Testo HTML, immagini raster, grafica vettoriale. In Illustrator, puoi utilizzare le sezioni per definire i limiti di vari elementi web in un oggetto. La pagina web è divisa in celle che vengono presentate in tre tipi: immagini, nessuna immagine, testo HTML.

In questo caso, puoi salvare ogni frammento come file indipendente con il proprio formato, impostazioni e tavolozza dei colori. Il blocco del frammento previene cambiamenti di posizione accidentali. La dimensione di un frammento è legata all'oggetto che contiene. Pertanto, quando si sposta o si ridimensiona un oggetto, i limiti del frammento vengono corretti automaticamente, ma se necessario possono sempre essere corretti manualmente.

Le mappe di collegamento consentono di collegare una o più aree di un'immagine (chiamate hotspot) a un URL. Quando clicchiamo su un hotspot, il browser Web scarica il file ad esso associato.

La differenza principale tra l'utilizzo di mappe di collegamenti e frammenti per creare collegamenti è il modo in cui l'oggetto viene esportato nella pagina web. L'utilizzo di mappe di collegamento salva l'oggetto come un singolo file di immagine, mentre nel caso di utilizzo di frammenti, l'oggetto viene suddiviso in diversi file separati. Un'altra differenza tra mappe di collegamento e frammenti è che le mappe consentono di collegare aree poligonali o rettangolari in un oggetto, mentre i frammenti consentono solo rettangoli.

Il programma di modifica delle immagini più popolare e utilizzato. Con il suo aiuto, puoi creare immagini altamente artistiche. Contiene tutto il necessario per creare e modificare grafica professionale.

Photoshop non è solo un programma di modifica delle immagini, è il programma più potente e funzionale della sua categoria. Il programma consente di ritoccare l'immagine e sottoporla a effetti speciali, trasferire i dettagli di un'immagine a un'altra, aggiungere testo, modificare il rapporto colore e persino aggiungere colore alle immagini in scala di grigi. Gli strumenti di Photoshop sono compatibili con le tavolette grafiche, il che consente di creare immagini piuttosto artistiche, non peggiori di quelle realizzate con acquerello e olio.

Con tutta la semplicità degli strumenti di base di Photoshop, l'utente può anche personalizzarli "per se stessi". E questo equivale alla presenza di un'infinita varietà di pastelli. Poiché i programmi di disegno si basano sui pixel per funzionare, sono ideali per lavorare con fotografie elettroniche (digitali) di matite colorate, pistole a spruzzo, acquerelli, oli e altro. Photoshop ti offre il controllo completo su ogni pixel della tua immagine. La mancanza di programmi di disegno a risoluzione limitata. Perché una bitmap è composta da un numero fisso di pixel.

CorelDraw consente di elaborare un'ampia varietà di informazioni presentate in un documento sotto forma di oggetti vettoriali e raster, blocchi di testo semplice e artistico, nonché oggetti Internet.

Il programma utilizza un'interfaccia moderna di tipo piatto, caratterizzata dal fatto che gli strumenti posti su vari pannelli vengono visualizzati sotto forma di normali disegni piatti, e uno di essi viene selezionato solo quando il puntatore viene posizionato su di esso.

Quando si costruiscono immagini vettoriali, linee e forme vengono sovrapposte fino ad ottenere l'immagine finale. Ogni oggetto può essere modificato indipendentemente dagli altri: uno dei pochi vantaggi dell'approccio all'oggetto, tuttavia, l'immagine deve ancora essere costruita per fasi. In un programma di disegno vettoriale, linee, forme e testo sono definiti da espressioni matematiche, il che rende possibile adattarli automaticamente a risoluzione massima dispositivi di uscita. Un altro vantaggio dei disegni vettoriali è che non richiedono molto spazio su disco. Il volume di un file di disegno vettoriale dipende solo dal numero e dalla complessità degli oggetti che compongono questo disegno, quindi le sue dimensioni, a differenza di un disegno raster, praticamente non influiscono su questo volume.

CorelDraw dimostra le qualità di un potente editor di pagine Web visive: l'utente ha la possibilità di generare documenti HTML ricchi che possono includere script JavaScript e fogli di stile CSS.

Con potenti funzionalità di grafica, testo, layout ed esportazione per la pubblicazione sul Web, CorelDraw è un buon punto di partenza per generare le prime versioni di un file HTML.

Quando si inseriscono immagini su una pagina, una delle attività più importanti è ottimizzare le dimensioni dei file immagine. Il "massimale" consigliato della dimensione totale della pagina è compreso tra 100 e 150 kb. La riduzione delle dimensioni dei file immagine viene eseguita comprimendo i file e riducendo il numero di colori. Queste attività sono disponibili per tutti i programmi di grafica sopra elencati.

Conclusione

Con l'avvento della tecnologia web, i computer iniziano ad essere utilizzati da segmenti completamente nuovi della popolazione terrestre. È possibile individuare due gruppi più caratteristici, situati a poli sociali diversi, che furono rapidamente coinvolti dalla nuova tecnologia, forse anche contro la loro stessa volontà. Da un lato, questi erano rappresentanti di gruppi elitari della società: capi di grandi organizzazioni, presidenti di banche, top manager, influenti funzionari governativi. D'altra parte, erano rappresentanti delle fasce più ampie della popolazione: casalinghe, pensionati, bambini.

Lo spettro dei gruppi sociali che si connettono a Internet e ricerca di informazioni nel WWW, viene continuamente ampliato da utenti non professionisti Tecnologie informatiche. Questi sono medici, costruttori, storici, avvocati, finanzieri, atleti, viaggiatori, clero, artisti, scrittori, artisti. L'elenco è infinito. Chiunque abbia sentito l'utilità e l'indispensabilità del Web per la propria attività professionale o hobby si unisce al vasto esercito di consumatori di informazioni sul World Wide Web.

Con lo sviluppo delle tecnologie di markup ipertestuale, sempre più siti iniziarono ad apparire su Internet, i cui argomenti erano completamente diversi: dai siti di grandi aziende che raccontano i successi dell'azienda e i suoi fallimenti, ai siti di piccole imprese che offrono per visitare i loro uffici all'interno della stessa città.

Lo sviluppo delle tecnologie Internet è servito da impulso per l'emergere di un nuovo ramo su Internet: i forum Internet. Cominciarono ad apparire siti Web e persino interi portali, in cui persone provenienti da tutto il mondo possono comunicare, ottenere risposte a qualsiasi domanda e persino concludere affari.

La creazione di un sito Web è una fase di marketing volta a creare una risorsa informativa che offrirà all'azienda l'opportunità sia di conservare i vecchi clienti sia di attrarne di nuovi.

La creazione e lo sviluppo di siti include:

Approvazione dei primi termini di riferimento per lo sviluppo del sito;

determinazione dello schema strutturale del sito - l'ubicazione delle sezioni, del contenuto e della navigazione;

Web-design - creazione di elementi grafici del layout del sito, stili ed elementi di navigazione;

sviluppo del codice del programma, moduli, database e altri elementi del sito richiesti nel progetto;

Testare e posizionare il sito su Internet.

Esistono molti strumenti per la creazione di siti Web, ma solo pochi di essi sono in grado di fornire agli sviluppatori gli strumenti per risolvere la stragrande maggioranza dei loro compiti. Quando si sviluppa un sito Web, tra tutte le moderne tecnologie Web che consentono di creare pagine Web interattive, è necessario scegliere quelle più adatte per eseguire i compiti impostati nella fase iniziale.

questo è un file di testo con estensione *.htm, che contiene informazioni di testo e comandi speciali - codici HTML che determinano come queste informazioni verranno visualizzate nella finestra del browser

Elenco delle fonti utilizzate

1. Borisenko A.A. Web design. Proprio come due più due. – M.: Eksmo, 2008.- 320 p.

2. Burlakov M. V. CorelDRAW 12. - San Pietroburgo; BHV-Pietroburgo, 2004. - 688 p.

3. Jamsa Chris. Un tutorial efficace sul Web design creativo. HTML, XHTML, CSS, Javascript, PHP, ASP, ActiveX. Testo, grafica, suono e animazione. Tradotto dall'inglese / Chris Jamsa, Konrad King, Andy Anderson - M.: DiaSoftUP LLC, 2005.- 672 p.

4. Dunaev V. Tutorial JavaScript, 2a ed. - San Pietroburgo: Pietro, 2005. - 395 p.

5. Zolnikov D.S. PHP5. Come creare un sito Web di qualsiasi complessità da solo. - 2a ed. cancellato - M.: NT Press, 2007. - 272 p.

6. Inkova N. A., Zaitseva E. A., Kuzmina N. V., Tolstykh S. G. Creazione di siti Web: manuale educativo e metodologico. Parte 5. Tambov: Casa editrice Tambov. stato tech. un-ta, 2005. - 56 p.

7. Mazurkevich A. PHP: manuale di un programmatore / Alexander Mazurkevich, Dmitry Elovoy. - Minsk: Nuova conoscenza, 2006. - 495 p.

8. McClelland Dick. Photoshop 7. Bibbia dell'utente. : Per. dall'inglese. - M.: Casa editrice "William", 2006. - 928 p.

9. Sito Web Orlov L. V. senza segreti. / LV Orlov. - 2a ed. – M.: Buk-press, 2006. – 512 p.

10. Polonskaya E.L. Linguaggio HTML. Manuale di autoistruzione.: - M.: Casa editrice "William", 2005.- 320 p.

11. Creazione di pagine Web e siti Web. Tutorial: [proc. indennità] / ed. VN Pechnikova. - M .: Casa editrice Triumph, 2006.- 464 p.

12. Yakushev, L. V. Inizia a lavorare su Internet. Guida veloce. - M.: Casa editrice "William", 2006. -128 p.

Uno degli aspetti importanti della modernizzazione della produzione in Russia è l'uso delle tecnologie dell'informazione e della comunicazione per creare informazioni e sistemi aziendali. Un posto importante in questo processo è occupato dalle tecnologie web, che stanno diventando lo strumento principale per organizzare un unico spazio informativo.

Una persona moderna dovrebbe essere in grado di utilizzare i siti Web nelle proprie attività professionali e nell'autoeducazione. L'uso qui significa non solo la ricerca, l'analisi e l'inserimento nel processo produttivo come mezzo di lavoro, ma anche la capacità di farlo creare siti web progettati per risolvere vari problemi.

Esistono molti strumenti e tecnologie software per la creazione e la modifica di siti Web.

Sezione 1. Informazioni generali sul servizio Internet www.

Internet- un sistema mondiale di reti informatiche interconnesse, costruito sull'uso di una famiglia di protocolli TCP/IP e l'instradamento dei pacchetti di dati. In generale, un protocollo è un insieme di istruzioni che regolano il funzionamento di sistemi o oggetti interconnessi in una rete. Internet costituisce uno spazio informativo globale, non ha un unico centro e un'unica amministrazione. Il coordinamento complessivo delle sue attività è svolto da organizzazioni internazionali, i cui membri sono i più autorevoli esperti di diversi paesi.

Il vero periodo di massimo splendore di Internet iniziò nel 1992, quando fu inventato un nuovo servizio, chiamato " Il World Wide Web" (MondoLargoragnatela, O www, o semplicemente RAGNATELA). Il WWW ha permesso a qualsiasi utente di Internet di pubblicare i propri testi e grafici in modo attraente, collegandoli alle pubblicazioni di altri autori e fornendo un comodo sistema di navigazione. Internet ha iniziato a trasformarsi da mezzo di corrispondenza e scambio di file in un gigantesco archivio di informazioni.

1.1. Concetti basilari.

Tutti i computer connessi a Internet hanno il loro unico IP-indirizzo. Per comodità, ai nodi di rete di grandi dimensioni vengono assegnati i propri nomi (di dominio) (service DNS). Le risorse disponibili per gli utenti di Internet si trovano sui computer server su cui è installato un software speciale che garantisce il trasferimento delle informazioni. Per lavorare con le risorse Internet, sui computer degli utenti sono installati programmi client.

Viene chiamata una coppia client-server che fornisce l'accesso condiviso a un certo tipo di risorse informative servizio O servizio(WWW, FTP, e-mail, IRC). Ciascuno di essi utilizza il proprio protocollo di trasferimento dati della famiglia TCP/IP. Quelli. il lavoro dell'utente con Internet può essere svolto in modi diversi, diversi nella forma di rappresentazione delle risorse e nei mezzi (protocollo) di accesso ad esse. Alcuni di loro (i primi) muoiono, altri sono in fase di sviluppo attivo.

Ogni servizio si basa sul proprio protocollo di rete della famiglia TCP/IP - un insieme di regole ben definite: come richiedere, formattare e inviare questo tipo di informazioni sul Web.

Il servizio più popolare è World Wide Web(Il World Wide Web). Non è solo comodo da usare, ma fornisce anche l'accesso ad altri servizi Internet. Il World Wide Web (World Wide Web) è un ipertesto , sistema ipermediale, distribuito, integrato e globale per il recupero delle informazioni su Internet.

La trasmissione dei dati sul World Wide Web avviene grazie al protocollo di trasferimento ipertestuale - http(protocollo di trasmissione ipertestuale). HTTP è un protocollo a livello di applicazione progettato per lo scambio di informazioni ipertestuali su Internet. Il protocollo è stato utilizzato sul WWW dal 1990.

WWW funziona secondo il principio client-server: ci sono molti web server che, su richiesta del cliente (programma browser), gli restituiscono un documento ipermediale - un documento composto da parti con una diversa presentazione delle informazioni (testo, grafica, audio, video), in cui ogni elemento può essere un collegamento ad un altro documento o parte di esso. Ogni risorsa web di informazioni in rete globale Internet è indirizzabile in modo univoco e un documento è in grado di fare riferimento sia ad altri documenti sullo stesso server sia a documenti che si trovano su altri server Web Internet. Inoltre, l'utente non se ne accorge e lavora con l'intero spazio informativo di Internet come un'unica entità. I collegamenti WWW puntano non solo a documenti specifici del WWW stesso, ma anche ad altri servizi Internet e risorse informative. Inoltre, la maggior parte dei client WWW non solo comprende tali collegamenti, ma è anche client per i servizi corrispondenti: ftp, gopher, notizie sulla rete Usenet, e-mail e così via. Pertanto, gli strumenti software WWW sono universali per vari servizi Internet e lo stesso sistema informativo WWW svolge un ruolo di integrazione.

Durante gli anni di sviluppo del servizio WWW, sono stati creati numerosi programmi browser. Nella pratica russa, il nome "browser" è saldamente stabilito, sebbene in alcuni casi venga utilizzata una traduzione diretta in russo: "programma browser". Inoltre, un browser è talvolta chiamato browser o navigatore. Oggi ci sono almeno una dozzina di browser diversi nel mondo. I più comuni includono Internet Explorer (Microsoft), Netscape Navigator (Netscape/AOL), Opera (Opera Software) e Mozilla. Tutti i browser hanno i loro vantaggi e svantaggi, che consistono nella velocità di lavoro, nella capacità di rimuovere determinate applicazioni, nel rispetto dei requisiti di sicurezza quando si lavora sul Web. Naturalmente, la popolarità dei browser è influenzata dalla prevalenza di alcuni sistemi operativi nel mondo.

Il servizio WWW utilizza URl(Uniform Resource Locator, Universal Resource Locator) per l'indirizzamento di documenti che si trovano su server web di informazioni Internet. L'URL include il nome del protocollo (solitamente http) utilizzato per accedere alla risorsa, l'indirizzo del server (ad esempio: www.tstu.ru), il percorso completo (ad esempio: /win/kultur/museum/chiherin/) e il nome (ad esempio: 0.htm) del file memorizzato lì (otteniamo l'indirizzo url: http://www.tstu.ru/win/kultur/museum/chiherin/0.htm).

La tecnologia è al centro del World Wide Web ipertesto. Inventato nei primi anni '90, Hypertext Markup Language - HTML(HyperText Markup Language) semplifica l'inclusione nei documenti WWW, di cui il WWW è principalmente costituito, una varietà di tipi di oggetti e crea collegamenti ad altri file, indipendentemente da dove si trovano.

I documenti WWW sono chiamati ragnatela-pagine e includono vari elementi informativi (testo, grafica, suono, video), nonché collegamenti ipertestuali ad altre risorse Internet. Vengono chiamate diverse pagine, unite da significato, contenuto e design sito web.

Una pagina web è un file di testo con estensione htm o html che contiene informazioni testuali e comandi speciali - HTML-tag, che determinano come queste informazioni verranno visualizzate nella finestra del browser. Tutte le informazioni grafiche, audio e video non sono incluse direttamente nella pagina Web e sono un file separato con estensioni *.gif, *.jpg (grafica), *.mid, *.mp3 (audio), *.avi (video) . Il codice HTML della pagina contiene solo riferimenti a tali file.

La transizione tra le pagine del sito Web nel browser viene effettuata utilizzando collegamenti ipertestuali. Collegamento ipertestuale rappresenta un frammento selezionato di testo o immagine, al passaggio del mouse su di esso, il puntatore del mouse assume la forma di una mano con un dito teso. Quando si fa clic su un collegamento ipertestuale con il tasto sinistro del mouse, si passa a un altro documento elettronico, che può trovarsi sia su questo server web che su un altro. Per organizzare un collegamento ipertestuale, uno speciale codice HTML viene inserito nel contenuto di una pagina Web contenente l'indirizzo url di questo collegamento. documento elettronico. Per organizzare un collegamento ipertestuale è necessario conoscere l'ubicazione della risorsa informativa, che può essere definita nel servizio WWW in forma assoluta e relativa.

Affrontare in forma assoluta - un indirizzo universale che individua una risorsa di informazioni è chiamato URL (Uniform Resource Locator - un indirizzo di risorsa uniforme). L'URL è composto da due parti separate da due punti. La prima parte indica il tipo protocollo di rete, che dipende dal tipo di risorsa (ad esempio, se la risorsa si trova su un server WWW, è il protocollo http). La seconda parte include il nome del server web nel sistema dei nomi di dominio (ad esempio, www.tstu.ru) e, se richiesto, il percorso del file (ad esempio, win/kultur/nauka/vernad/vertitul.htm ). Quando si scrive un percorso, i nomi delle directory sono separati da barre (simbolo /); i nomi di file e directory distinguono tra lettere maiuscole e minuscole.

Ecco un URL di esempio: http://www.tstu.ru/win/kultur/nauka/vernad/vertitul.htm.

Nel caso di utilizzo dell'indirizzamento in forma relativa quando si scrive il percorso di un file, i nomi delle directory sono separati da una barra (/); salire di un livello nelle directory del computer è indicato da due punti (..).

Se un collegamento ipertestuale fa riferimento a un documento che non è una pagina Web, sono disponibili due opzioni per visualizzarlo. Se il browser dispone di moduli integrati per l'elaborazione di tale documento, il suo contenuto verrà visualizzato nella finestra del browser. In caso contrario, il browser avvierà l'applicazione esterna necessaria (in Windows, ad esempio, sono registrati nel registro) e il documento non verrà più visualizzato nella finestra del browser.

HTML. Il processo di sviluppo di applicazioni Web diventa simile allo sviluppo di normali applicazioni Windows, in cui lo sviluppatore visivamente controlli sul form, ne imposta le proprietà e scrive i gestori di eventi.

Ambiente estensibile per l'hosting di applicazioni Web e la gestione del ciclo di vita

Un ambiente di hosting ASP .NET estensibile gestisce il ciclo di vita dell'applicazione dal primo accesso di un utente a una risorsa fino alla fine dell'applicazione. ASP .NET stesso utilizza un server Web (IIS) come ambiente, fornendo funzionalità di hosting. ASP .NET consente di gestire gli eventi che si verificano nelle applicazioni e di creare i propri gestori e moduli HTTP.

Ambiente di progettazione dell'interfaccia utente dell'applicazione Web estensibile

ASP .NET consente di creare i propri editor visivi per i controlli del server e di integrarli in strumenti di sviluppo come Visual Studio. Gli editor visivi consentono di sviluppare interfacce utente per i controlli e aggiungere le proprietà e i metodi necessari ai controlli.

Forma del programma del corso: 1. Titolo. Strumenti per lo sviluppo efficace di applicazioni Web. 2. Consigliato per studenti del 2°-3° anno che hanno familiarità con le basi della programmazione e OOP, HTML e C#. 3. Lezioni - ore, lavori di laboratorio 4. Annotazione (200 parole max) 5. Contenuti (programma) Indice Argomento 1. Oggetto e compiti della disciplina. Definizione e struttura delle applicazioni web. Classificazione delle applicazioni web. .................................................. . ..................2 Argomento 2. Fondamenti di progettazione di applicazioni web. Il ciclo di vita di un'applicazione web. Prova di carico. .................................................. . ........................4 Argomento 3. Fondamenti di progettazione di applicazioni web. Siti web. Servizi Web......7 Argomento 4. Visual Web Developer Express Edition. Idea generale del prodotto come strumento per lo sviluppo di applicazioni web dinamiche. ..................................................8 Argomento 5. Funzionalità di base di Visual Web Developer Express Edition. Progettazione dell'interfaccia utente ................................................... .................. ................................. ................. .......21 Argomento 6. Funzionalità di debug e test di un'applicazione web. Strumenti di debug delle applicazioni Web. Breakpoint, gestione delle eccezioni, ispezione delle variabili. 28 Argomento 7. Funzionalità di base di Visual Web Developer Express Edition. Strumenti di amministrazione del sito Web.............................................. ..................... ............................. .......................33 Argomento 8. Protezione dei siti Web................................. .............................. .................... ...........................37 Argomento 9. Accesso a secondo Visual Web Developer Express Edition. Controlli associati ai dati. .................................................. . ................................40 Argomento 10. Caratteristiche aggiuntive Visual Web Developer Express Edition. Struttura e navigazione del sito. Personalizzazione. Tecnologia delle web part. ................................47 Laboratorio ................. .................. ................................. ................. ................................. .............53 1 Tema 1. Oggetto e compiti della disciplina. Definizione e struttura delle applicazioni web. Classificazione delle applicazioni web. Il corso introduce lo studente a una classe di programmi come le applicazioni web, ai fondamenti teorici della progettazione e dello sviluppo e ai mezzi tecnici dello sviluppo web. Esistono diverse definizioni di un'applicazione web. Applicazione Web: un insieme di programmi che implementano l'elaborazione dei dati in una specifica area di applicazione nell'ambiente Web. Un'applicazione Web è un software ausiliario progettato per eseguire automaticamente qualsiasi azione su un server Web. Tuttavia, utilizzano i browser Web come interfacce utente. Di solito le applicazioni web vengono create in diverse opzioni architettura client-server. Un'applicazione Web è un'applicazione che viene eseguita su un server Web e vi si accede inviando e ricevendo pacchetti tramite il protocollo HTTP. In questo corso, un'applicazione Web si riferisce a una classe di applicazioni i cui componenti funzionano trattamento automatizzato dati, che interagiscono nell'ambiente web. L'architettura dell'applicazione Web generica è un modello client-server in cui i componenti dell'applicazione sono divisi in componenti client e server e i componenti interagiscono inviando e ricevendo pacchetti tramite il protocollo HTTP. Il client è un browser Web e il server è un server Web. Pacchetti HTTP client server Fig. 1 Architettura di un'applicazione Web generica I compiti di un server Web consistono nell'eseguire un determinato insieme di funzioni di elaborazione dei dati e fornire un'interfaccia (software o interfaccia utente) tramite il protocollo HTTP per accedere a tali funzioni. Il componente server di applicazioni Web riceve una richiesta dal client ed esegue l'elaborazione dei dati, quindi genera una risposta e/o una pagina Web e invia un pacchetto di dati al client tramite la rete utilizzando il protocollo HTTP. I componenti server di un'applicazione Web possono fungere da client di altri servizi (servizi), come un database o un'altra applicazione Web situata su un server diverso. Un vantaggio di questo approccio è che i clienti sono indipendenti da un particolare sistema operativo utente e le applicazioni Web sono quindi servizi multipiattaforma. Classificazione delle applicazioni web 1. in base al grado di connessione (interfacciamento) dei componenti del sistema: a. debolmente coniugato b. fortemente connesso Il grado di connettività (coniugazione) dei componenti del sistema è il grado in cui ciascuno dei componenti dipende da altri moduli del sistema. Il grado di connettività può essere alto (forte) o basso (debole). Un'applicazione è debolmente accoppiata se i suoi componenti interagiscono tra loro utilizzando le stesse interfacce e non dipendono dall'implementazione interna di ciascuno dei componenti. In tale applicazione, una modifica all'implementazione di uno dei componenti non richiede modifiche all'implementazione degli altri componenti. In un'applicazione strettamente accoppiata, invece, il funzionamento di uno dei componenti dipende dall'implementazione interna degli altri componenti, e quindi i cambiamenti in questi componenti portano a cambiamenti nel 2 componente dipendente. Inoltre, i singoli componenti di un'applicazione strettamente accoppiata sono difficili da comprendere se visualizzati senza i componenti dipendenti di tale applicazione. Inoltre, la presenza di forti connessioni tra i componenti rende difficile testarli in modo indipendente. 2. dal numero di livelli logici presenti nell'infrastruttura applicativa. UN. a due livelli b. n-tier La struttura logica di un'applicazione può essere suddivisa in tre livelli: servizi per l'utente (livello di presentazione), servizi applicativi (livello di logica aziendale) e servizi dati. I servizi utente sono un'interfaccia utente-sistema che consente all'utente di controllare il sistema e al sistema di fornire il risultato delle azioni dell'utente. I servizi applicativi implementano la logica di business dell'applicazione, ad es. definire gli oggetti di business e le loro interazioni. Pertanto, i servizi applicativi implementano algoritmi di elaborazione dei dati in conformità con le richieste degli utenti e le regole aziendali. I servizi dati forniscono metodi di archiviazione e accesso ai dati. Se i primi due livelli logici (utenti e servizi applicativi) sono combinati in un unico livello di infrastruttura, allora tale applicazione ha un'architettura a due livelli. Se ogni livello logico corrisponde a un livello di infrastruttura separato, si tratta di un'applicazione a tre livelli, che è il caso più comune di un'opzione a più livelli. L'introduzione di un livello aggiuntivo nell'infrastruttura consente di sostituire o modificare uno qualsiasi dei livelli, se necessario. Ad esempio, la modifica del sistema operativo del cliente a livello di presentazione dei dati richiederebbe solo la modifica del codice dell'interfaccia utente, la logica aziendale e il livello di accesso ai dati rimarrebbero invariati. 3. in base al tipo di informazioni fornite all'utente a. statico B. dinamico Le applicazioni dinamiche contengono contenuto informativo significativo (contenuto) che cambia, mentre un'applicazione Web statica contiene contenuto immutabile. Requisiti per le applicazioni web La qualità dell'applicazione sviluppata è determinata dal modo in cui soddisfa i requisiti stabiliti in fase di progettazione del sistema. Tutti i requisiti per le applicazioni, comprese le applicazioni Web, sono suddivisi in funzionali e non funzionali. I requisiti funzionali definiscono la funzionalità del sistema che gli sviluppatori devono creare in modo che gli utenti possano completare le loro attività come parte dei loro processi aziendali. I requisiti non funzionali sono descrizioni delle caratteristiche dell'applicazione importanti per l'utente durante l'utilizzo del sistema. Consideriamo quali caratteristiche stabiliscono i requisiti non funzionali per il sistema: affidabilità. Formalmente, l'affidabilità è la proprietà di un'applicazione di mantenere nel tempo entro i limiti stabiliti i valori di tutti i parametri che caratterizzano la capacità di svolgere le funzioni richieste in modalità e condizioni di utilizzo specificate (GOST 27.002-89). Quelli. i requisiti di affidabilità dell'applicazione sono determinati dalle condizioni operative dell'applicazione (parametri del server, numero massimo di utenti dell'applicazione) e indicatori di prestazioni accettabili del sistema in queste condizioni (tempo di elaborazione per una richiesta utente al sistema, numero di errori di sistema). Pertanto, un'applicazione Web attendibile deve fornire l'accesso a tutte le funzioni per l'utente in qualsiasi 3 condizioni (ovvero tutte le condizioni possibili per questa applicazione dovrebbe essere considerata e presa in considerazione durante la progettazione del sistema). velocità dell'applicazione. Le prestazioni sono definite come il tempo medio di elaborazione di una richiesta utente al sistema. Il tempo di risposta massimo accettabile per le applicazioni web è di 5 secondi. sicurezza. Il requisito di sicurezza dell'applicazione web comprende: differenziazione dei diritti di accesso alle funzioni e ai dati di ciascun componente dell'applicazione web, controllo del livello di accesso dei componenti e/o degli utenti, autorizzazione e verifica degli utenti. la scalabilità è la capacità di un sistema di aumentare le proprie prestazioni sotto carico maggiore e l'aggiunta di risorse. L'utente di un'applicazione Web scalabile non dovrebbe notare il momento (ovvero, il tempo di risposta del sistema alle richieste degli utenti non dovrebbe cambiare sensibilmente) in cui il carico aumenta (ad esempio, più utenti accedono all'applicazione contemporaneamente) e quando il modifiche alla configurazione dell'applicazione (ad esempio, se un ulteriore componente di elaborazione dei dati viene aggiunto al livello della logica aziendale). Puoi leggere di più sui requisiti per un'applicazione e su come raccoglierli, analizzarli e controllarli nel libro. Argomento 2. Fondamenti di progettazione di applicazioni web. Ciclo di vita dell'applicazione web. Prova di carico. Considera le fasi principali della creazione di un'applicazione web. Il processo di sviluppo di un'applicazione web, come qualsiasi sistema informativo, è definito dal concetto di "ciclo di vita". Il modello del ciclo di vita è una struttura costituita da processi, attività e compiti, compreso lo sviluppo, il funzionamento e la manutenzione di un prodotto software, che copre la vita del sistema dalla definizione dei requisiti fino alla cessazione del suo utilizzo. Il principale documento normativo che regola il ciclo di vita del software è lo standard internazionale ISO/IEC 12207. Questo standard definisce i processi, le attività ei compiti utilizzati: quando si acquista un sistema contenente software o un prodotto software fornito separatamente; durante il rendering servizio software, nonché nella fornitura, sviluppo, gestione e manutenzione di prodotti software. La struttura del ciclo di vita si basa su tre gruppi di processi: i processi principali del ciclo di vita del software (ordine, consegna, sviluppo, funzionamento, manutenzione); processi ausiliari che assicurano l'implementazione dei processi principali (documentazione, gestione della configurazione, garanzia della qualità, verifica, certificazione, valutazione, audit, risoluzione dei problemi); processi organizzativi (gestione del progetto, creazione dell'infrastruttura del progetto, definizione, valutazione e miglioramento del ciclo di vita stesso, formazione). Il ciclo di vita prevede 4 fasi: 1) analisi e pianificazione dei requisiti. In questa fase, viene determinato un insieme di funzioni che il sistema dovrebbe svolgere, con una priorità di quelle che dovrebbero essere implementate più velocemente; viene effettuata una descrizione delle esigenze informative del sistema; vengono determinati i costi del materiale, l'hardware e vengono fissate le scadenze per l'esecuzione del lavoro. 2) progettazione del sistema, può avvenire con l'uso di CASE-tools. In questa fase vengono analizzate le funzioni del sistema ei collegamenti tra di esse, vengono stabiliti i requisiti per delimitare l'accesso ai dati e la documentazione necessaria e viene presa la decisione di suddividere il sistema in sottosistemi. Il risultato dell'esecuzione della fase è un modello generale di oggetti e relazioni tra di essi, un modello funzionale nel suo insieme e ogni sottosistema, interfacce definite con precisione utilizzando gli strumenti CASE, costruendo prototipi di schermate, finestre di dialogo, report. 3) costruzione (implementazione e collaudo del sistema). In questa fase avviene lo sviluppo dell'applicazione: la generazione o lo sviluppo di codici, l'integrazione dell'intero sistema nel suo insieme. Il risultato della fase è un sistema già pronto che soddisfa tutti i requisiti proposti nella prima fase. 4) implementazione del sistema e formazione degli utenti. I principali tipi di modelli del ciclo di vita: modello a cascata modello a spirale Quando si lavora su un modello a cascata, l'intero sviluppo è suddiviso in fasi (fasi) e il passaggio da una fase all'altra avviene solo dopo che il lavoro su quella attuale è completamente completato. Ogni fase culmina nel rilascio di un set completo di documentazione, sufficiente affinché lo sviluppo possa essere continuato da un altro team di sviluppo. Lati positivi applicazioni approccio a cascata sono i seguenti: in ogni fase viene formato un set completo di documentazione progettuale che risponde a criteri di completezza e coerenza; le fasi di lavoro eseguite in una sequenza logica consentono di pianificare i tempi di completamento di tutti i lavori e i relativi costi. La sequenza di lavoro nell'ambito del modello a cascata è la seguente: Fig. 2 Modello del ciclo di vita a cascata L'approccio a cascata ha funzionato bene per i sistemi di costruzione per i quali, all'inizio dello sviluppo, tutti i requisiti possono essere formulati in modo abbastanza accurato e completo per dare agli sviluppatori la libertà di implementarli nel miglior modo possibile da un punto di vista tecnico punto di vista. Sistemi computazionali complessi, sistemi in tempo reale e altri compiti simili rientrano in questa categoria. Tuttavia, nel processo di utilizzo di questo approccio, sono state scoperte numerose carenze, principalmente dovute al fatto che processo reale lo sviluppo del software non si è mai pienamente inserito in uno schema così rigido. Il principale svantaggio dell'approccio a cascata è un notevole ritardo nell'ottenimento dei risultati. Il coordinamento dei risultati con gli utenti viene effettuato solo nei punti previsti dopo il completamento di ogni fase di lavoro, i requisiti per l'IS vengono "congelati" sotto forma di incarico tecnico per tutto il tempo della sua creazione. Pertanto, gli utenti possono inviare i loro commenti solo dopo che il lavoro sul sistema è stato completato. Modello alternativoè un modello di ciclo di vita a spirale. Questo modello tiene conto della necessità di una costante revisione, perfezionamento e valutazione dei requisiti di progettazione. Il modello si concentra sulle fasi iniziali del ciclo: analisi e progettazione. In queste fasi viene testata la fattibilità delle soluzioni tecniche attraverso la realizzazione di 5 prototipi. Ogni giro della spirale corrisponde alla creazione di un frammento o versione del sistema, su cui vengono specificati gli obiettivi e le caratteristiche del progetto, ne viene determinata la qualità e viene pianificato il lavoro del prossimo giro della spirale. Pertanto, i dettagli del progetto vengono approfonditi e concretizzati in modo coerente e, di conseguenza, viene selezionata un'opzione ragionevole, che viene portata all'attuazione. Questo approccio può essere molto efficace quando si sviluppano rapidamente piccoli progetti. Stimola l'interazione attiva tra il team di progetto e il cliente, poiché il cliente valuta i progressi e i risultati del lavoro durante tutto il progetto. Lo svantaggio del modello a spirale è la mancanza di pietre miliari chiare ( punti di controllo tra le fasi del ciclo di vita del progetto), che può portare al caos nel processo di sviluppo. Riso. 3 Il Microsoft Spiral Life Cycle Model è stato sviluppato con la metodologia MSF, il Microsoft Solution Framework. Questo modello combina le proprietà di due modelli di produzione standard: a cascata (a cascata) ea spirale (a spirale). Conserva i vantaggi dell'ordine del modello a cascata senza perdere la flessibilità e la creatività del modello a spirale. Il modello di processo MSF tiene conto dei requisiti di progetto in continua evoluzione. Procede dal fatto che lo sviluppo di una soluzione dovrebbe consistere in brevi cicli che creano un movimento progressivo dalle versioni più semplici della soluzione alla sua forma finale. Nella metodologia MSF, il ciclo di vita del progetto è suddiviso in 5 fasi (stadi): 1. Fase di sviluppo del concetto - in questa fase, vengono determinati gli obiettivi ei limiti del progetto e vengono valutati i rischi del progetto. 2. La fase di pianificazione include la preparazione della specifica dei requisiti per il progetto, la stima dei costi del progetto e la tempistica dello sviluppo delle varie componenti del progetto. 3. Fase di sviluppo: in questa fase di sviluppo, il team di progetto si concentra sulla creazione dei componenti della soluzione (inclusi sia la documentazione che il codice). Tuttavia, parte di questo lavoro potrebbe continuare anche nella fase di stabilizzazione, se tale necessità viene identificata durante il processo di test. Questa fase comprende anche lo sviluppo delle infrastrutture. 4. Fase di stabilizzazione. Durante la fase di stabilizzazione, la soluzione sviluppata viene testata. Allo stesso tempo, l'attenzione è focalizzata sul suo funzionamento in un modello realistico dell'ambiente di produzione. 5. Fase di attuazione. Durante questa fase, il team di progetto implementa le tecnologie ei componenti della soluzione, stabilizza la soluzione implementata, affida il lavoro al personale di supporto e manutenzione e riceve l'approvazione finale dal cliente per i risultati del progetto. Al termine dell'implementazione, il team di progetto analizza il lavoro svolto e la soddisfazione del cliente. Durante questa fase, mentre i componenti della soluzione vengono migrati dall'ambiente di test 6 all'ambiente di produzione, gli sforzi per stabilizzare la soluzione possono continuare. Questa metodologia di sviluppo software descrive la gestione delle persone (il team di progetto) e dei processi di lavoro nel processo di sviluppo della soluzione. MSF è un insieme coerente di concetti, modelli e regole. All'interno di MSF, il codice, la documentazione, i progetti, i piani e altri materiali di lavoro vengono creati in modo iterativo. MSF consiglia di iniziare a sviluppare una soluzione costruendo, testando e distribuendo le sue funzionalità principali. Quindi sempre più funzionalità vengono aggiunte alla soluzione. Questa strategia è chiamata strategia di controllo delle versioni. Sebbene una singola versione possa essere sufficiente per progetti più piccoli, si consiglia di non perdere l'opportunità di creare più versioni per un'unica soluzione. Con la creazione di nuove versioni, la funzionalità della soluzione si evolve. Descrizione dettagliata La metodologia MSF è disponibile sul sito Web di Microsoft. Argomento 3. Fondamenti di progettazione di applicazioni web. Siti web. Servizi web. Un sito Web è una o una combinazione di pagine Web disponibili su Internet tramite i protocolli HTTP/HTTPS. Le pagine di un sito Web sono collegate tra loro da un indirizzo principale comune e, di solito, per argomento, struttura logica, design e/o paternità. Le informazioni fornite all'utente sul sito possono essere statiche e il server in questo caso è solo un repository delle pagine del sito Web, che invia invariate su richiesta del client. Un altro schema di funzionamento dell'applicazione web appare se il sito web funziona con informazioni dinamiche, ad es. le informazioni dovrebbero dipendere da chi e in quale momento vi ha accesso. Un sito dinamico può contenere salvaschermi in flash, video, animazioni, nonché singole pagine statiche. Considera i pro e i contro di un sito web statico. I vantaggi includono il costo relativamente basso di sviluppo e supporto tecnico (hosting). Lo svantaggio è la necessità di modificare il codice del programma se si desidera modificare il contenuto del sito. Con l'aumentare del volume del sito, diventa problematico mantenerne l'integrità. Un sito dinamico consente uno scambio bidirezionale di informazioni tra l'utente e l'applicazione, ed è anche più comodo da gestire e mantenere, perché questo non richiede alcuna modifica al codice delle pagine. Allo stesso tempo, un sito dinamico è più costoso supporto tecnico che statico richiede più risorse del server. In un'applicazione Web statica, non vi è alcuna separazione dei livelli logici dell'applicazione in livelli di presentazione, elaborazione e accesso ai dati. In un'applicazione dinamica, appare una tale separazione. I dati non vengono più memorizzati nel codice delle pagine Web, ma in file separati o in un database (DB). Il livello di elaborazione dei dati può essere implementato come componente monolitico di un'applicazione web, oppure i singoli componenti possono essere isolati come speciali servizi web, software, accessibili via web. L'uso di tali componenti migliora la scalabilità del sistema e rende i componenti riutilizzabili. Un web service è un sistema software identificato da una stringa URI le cui interfacce e associazioni pubbliche sono definite e descritte da XML. Descrizione di questo sistema software può essere trovato da altri sistemi software che possono interagire con esso secondo questa descrizione 7 tramite messaggi basati su XML e trasmessi utilizzando protocolli Internet. I servizi web forniscono i seguenti vantaggi al sistema: l'interazione dei componenti software è possibile indipendentemente dalla piattaforma, grazie all'utilizzo del protocollo HTTP è possibile l'interazione dei componenti via web. Dal punto di vista dell'organizzazione logica dei servizi web: chiamiamo servizio una risorsa che implementa una funzione aziendale e ha le seguenti proprietà: è riutilizzabile; definito da una o più interfacce esplicite indipendenti dalla tecnologia; liberamente accoppiato ad altre risorse simili e può essere richiamato tramite protocolli di comunicazione che consentono alle risorse di interagire tra loro. Ovvero, l'utilizzo dei servizi web consente di allentare l'accoppiamento dei componenti di un'applicazione web. Per fornire all'utente finale le funzionalità implementate da un web service, è necessario organizzare l'interazione di tre componenti: la fonte della richiesta al web service, il web service provider e il web service broker, che funge da un intermediario tra la fonte e il fornitore di servizi web. Riso. 4 Servizio web. Interazione dei componenti. SOAP (Simple Object Access Protocol) è un protocollo di messaggistica tra il provider e il consumatore di un servizio Web, il protocollo si basa su XML e HTTP. WSDL (Web Service Description Language) è uno schema XML che descrive i metodi e i parametri di un servizio Web. Uno schema XML è un insieme di tag utilizzati in un documento XML. Ti consente di determinare con precisione quali dati sono contenuti nel documento XML corrispondente, verificarne l'integrità. Il protocollo UDDI (Universal Description, Discovery, and Intgration) è un framework aperto indipendente dalla piattaforma per la descrizione, la scoperta e l'integrazione dei servizi sul web. Vedi www.uddi.com per maggiori dettagli. Argomento 4. Visual Web Developer Express Edition. Idea generale del prodotto come strumento per lo sviluppo di applicazioni web dinamiche. Abbiamo familiarizzato con le basi teoriche della progettazione di applicazioni web, il passo successivo è applicare le conoscenze acquisite nello sviluppo dell'applicazione. 8 Lo sviluppo di applicazioni Web complesse da zero è un'attività che richiede tempo e che richiede agli sviluppatori le competenze necessarie per progettare e sviluppare sistemi informativi. Per le persone che iniziano la loro strada nel campo dello sviluppo web, la soluzione a questo problema diventa più accessibile utilizzando strumenti di sviluppo focalizzati specificamente sulle esigenze degli utenti inesperti. Un ambiente di sviluppo popolare che soddisfa questo requisito è Prodotto Microsoft Visual Web Developer Express Edition. Per ogni livello di un'applicazione web (interfaccia, business logic, dati), VWD offre un efficiente toolkit di sviluppo (vedi sotto). Le applicazioni Web in Visual Web Developer Express Edition si basano sulla tecnologia ASP.NET. ASP.NET è un framework per lo sviluppo e l'esecuzione di applicazioni su un server Web, inclusi oggetti e controlli in fase di progettazione e un contesto di runtime. ASP.NET, a sua volta, fa parte di .NET Framework e fornisce quindi l'accesso a tutte le funzionalità di questo framework. Ad esempio, puoi creare applicazioni Web ASP.NET in qualsiasi linguaggio di programmazione .NET (Visual Basic, C#, estensioni gestite per C++ e molti altri) e strumenti di debug .NET. L'accesso ai dati avviene tramite ADO.NET. Allo stesso modo, è possibile accedere ai servizi del sistema operativo utilizzando le classi .NET Framework e così via.Le applicazioni Web ASP.NET vengono eseguite su un server Web configurato per funzionare con Microsoft Internet Information Services (IIS). Tuttavia, non è necessario lavorare direttamente con IIS. È possibile programmare gli strumenti IIS utilizzando le classi ASP.NET e Visual Web Developer Express Edition eseguirà attività di gestione dei file come la creazione di applicazioni IIS secondo necessità e la fornitura di modi per distribuire applicazioni Web su IIS. Il vantaggio dell'utilizzo di Visual Web Developer Express Edition per creare applicazioni Web è che fornisce strumenti che rendono il processo di sviluppo dell'applicazione molto più rapido, semplice e affidabile. Questi strumenti includono: Progettisti visivi per pagine Web con prototipi di controllo e Code View (HTML) che fornisce il controllo della sintassi del codice. Editor di codice ottimizzati che includono funzionalità IntelliSense. IntelliSense in Visual Web Developer Express Edition è uno strumento che fornisce accesso rapido utente a tutte le caratteristiche del linguaggio di programmazione. Consente di cercare gli elementi del linguaggio nella modalità di modifica del codice del programma, selezionare elemento adatto e aggiungerlo al codice. Intellisense fornisce le seguenti funzionalità: o Visualizzazione di un elenco di membri della classe (strutture, unioni o spazi dei nomi) per un oggetto di riferimento di tale classe. Il membro della classe selezionato in questo elenco verrà aggiunto al codice del programma. o visualizzare l'elenco dei parametri della funzione specificata nel codice. Le informazioni sulla funzione includono i nomi e i tipi di tutti i parametri, il tipo del valore restituito. o accesso alle informazioni sulla variabile. Questa funzione consente di selezionare l'identificatore della variabile nel codice e vedere come è stata dichiarata la variabile. o completamento automatico. Questa funzione completa i nomi non finiti di variabili, funzioni, quando vengono immessi caratteri sufficienti per risolvere l'ambiguità dei nomi. o Corrispondenza automatica di parentesi aperte e chiuse e segmenti di codice non chiusi. Strumenti di compilazione e debug integrati. 9 Strumenti di gestione del progetto per la creazione e la gestione dei file dell'applicazione, inclusa la distribuzione su un server locale o remoto. Elementi delle applicazioni Web ASP.NET La creazione di applicazioni Web ASP.NET comporta l'utilizzo di molti degli elementi utilizzati in qualsiasi applicazione client-server. Questi includono: Interfaccia utente. L'applicazione, di norma, mostra i dati sullo schermo all'utente; in un'applicazione Web ASP.NET, l'interfaccia utente è rappresentata come pagine web Moduli che inviano l'output al browser. Se necessario, è possibile creare un output appositamente progettato per lavorare con dispositivi mobili o altri dispositivi web. Componenti. Molte applicazioni Web possono essere suddivise in componenti che contengono codice per eseguire attività specifiche e possono essere riutilizzate. Questi componenti possono essere creati come servizi Web XML, che consentono di chiamare questi componenti sul Web, ad esempio da un'applicazione Web, un altro servizio Web o un Windows Form, e riutilizzarli. Dati. La maggior parte delle applicazioni richiede una qualche forma di accesso ai dati. In Visual Web Developer Express Edition è possibile utilizzare ADO.NET (un servizio dati che fa parte di .NET Framework) per eseguire questa operazione. Creazione di un'applicazione Web in Visual Web Developer Express Edition Esaminiamo i passaggi per creare una semplice applicazione Web in Visual Web Developer Express Edition. Questo sarà un sito Web che visualizza un messaggio (come "Hello World") quando si fa clic su un pulsante. È possibile creare un nuovo sito Web selezionando la voce di menu File | nuovo sito web. La finestra di dialogo visualizzata richiede di selezionare il tipo di sito che si desidera creare: può essere Sito Web ASP.NET, Sito Web vuoto, Servizio Web ASP.NET, Starter Kit sito Web personale. Se selezioni il modello Sito Web ASP.NET, Visual Web Developer Express Edition genererà il numero minimo di file necessari per creare un sito Web. Verranno creati una pagina Web, una directory dati vuota e un file .sln del progetto. Se selezioni il modello Servizio Web ASP.NET, Visual Web Developer Express Edition genererà il numero minimo di file necessari per creare un servizio Web. Se si seleziona il modello Sito Web vuoto, verranno creati solo una directory vuota e un file di progetto .sln. Se si seleziona il modello Starter kit del sito Web personale, Visual Web Developer Express Edition utilizzerà lo starter kit, un sito Web personale di esempio con alcune funzionalità incorporate. Nell'elenco Posizione è possibile selezionare la posizione del sito Web che si sta creando. Sono disponibili tre opzioni: HTTP: il modo tradizionale per accedere a un sito Web tramite HTTP utilizzando le estensioni del server di FrontPage (simile a quella utilizzata in versione precedente); FTP - l'accesso al sito verrà effettuato tramite il protocollo FTP; filesystem- nuova opportunità ASP.NET 2.0 offerto per impostazione predefinita. Selezionandolo verrà creato un sito Web solo nella directory sistema di file computer locale e il server Web di debug integrato in ASP.NET verrà usato per il debug. Al termine dello sviluppo dell'applicazione, sarà necessario pubblicarla su un normale server Web di Internet Information Server. Per il nostro esempio, scegliamo il modello di sito Web ASP.NET. Inseriamo il nome del sito - HelloWorld, e il percorso ad esso, indica il linguaggio di programmazione - Visual C #. 10