La nostra prima applicazione web con ASP.NET

image

Questo è il primo di una serie di articoli orientati allo sviluppo di applicazioni web con ASP.NET

Il percorso è pensato per tutti gli studenti che si avvicinano al mondo .NET per la prima volta.

Cosa vedremo oggi?

  • .NET Framework
  • ASP.NET
  • Anatomia di una pagina .aspx
  • Tool di sviluppo
  • La prima applicazione

Il .NET framework è l’ambiente di Microsoft per la creazione, la distribuzione e l’esecuzione di applicazioni di nuova generazione e servizi web. Il framework è stato progettato per fornire un ambiente di programmazione orientato agli oggetti e di esecuzione del codice.

Il .NET Framework presenta due componenti principali:

  • Il Common Language Runtime, che gestisce il codice in fase di esecuzione, fornendo servizi di base quali gestione della memoria, gestione di thread e servizi remoti.
  • La Base Class Library, un insieme completo orientato agli oggetti di tipi riutilizzabili che possono essere impiegati nello sviluppo delle applicazioni, da quelle tradizionali della riga di comando o con interfaccia utente grafica a quelle basate su applicazioni ASP.NET, quali Web Form e servizi Web XML.

Sotto trovate una rappresentazione schematica del posizionamento del .NET Framework.

image 

 

 

 

 

 

 

 

 

 

 

 

ASP.NET è una libreria ovvero un insieme di classi (oggetti) che possono essere istanziate utilizzando un qualsiasi linguaggio compatibile con Common Language Runtime (CLR), come VB.NET e C#.

Il risultato di un’applicazione .NET viene eseguito dal runtime (il CLR), che traduce le richieste fatte alle classi istanziandole e poi richiamandone proprietà, metodi ed eventi, in chiamate dirette verso il server web (IIS –Interner Information Server- oppure il sistema operativo).

A differenza delle pagine html, le pagine ASP.NET introducono il concetto di elaborazione server side: quando l’utente richiama una pagina ASP.NET (che ha estensione .aspx), ciò che viene visualizzato dal browser è il risultato dell’elaborazione della pagina .aspx da parte del server, il quale la restituisce in una forma che il client/browser può renderizzare.

Una pagina .aspx è composta dalle seguenti sezioni (in realtà possono non esserci tutte):

  • Page layout: lo scheletro della pagina, inclusi controlli lato server, testo, e tag HTML
  • Code section: gestori dei controlli server side della pagina; può essere inline o separata
  • Page directives: impostazione dell’ambiente, indicazione del linguaggio utilizzato, …

Il tool di sviluppo che utilizzeremo in tutto il percorso è Visual Studio 2008, scaricaribale gratuitamente per tutti gli studenti di informatica tramite il programma DreamSpark oppure l’abbonamento MSDNAA della propria università.

Una volta avviato Visual Studio, passiamo subito a creare un nuovo sito web. I template a nostra disposizione sono un ASP.NET website, un ASP.NET webservice o un empty website.

Un ASP.NET website non è altro che un template già pronto che crea una pagina di default e la struttura che accoglierà la nostra applicazione. Un ASP.NET web service consente invece di avere immediatamente a disposizione un servizio in cui andare a scrivere il codice da esporre come web service. L’empty website non è altro che lo scheletro di un sito web vuoto.

Ciò che andiamo a creare è una struttura di progetto che può essere appoggiata direttamente sul nostro file system, su un sito http piuttosto che su un sito ftp.

Una volta creata la directory all’interno della quale Visual Studio posizionerà il progetto, scegliamo come linguaggio C#. Questa è la visualizzazione che l’IDE ci propone per andare a gestire il nostro progetto.

image

Sulla sinistra troviamo l’elenco dei controlli (la classica Toolbox), nella zona centrale l’editor della nostra pagina e sulla destra il Solution Explorer, ovvero la nostra soluzione. L’editor consente di scrivere in formato xhtml per default. L’intellisense ci aiuta mostrando quelli che sono i tag e i controlli ASP.NET disponibili mentre scriviamo il nostro codice; per ogni tag abbiamo l’intero elenco delle proprietà impostabili. E’ possibile spostarsi in modalità Design per disegnare la nostra pagina con un editor di tipo WYSWYG.

La nostra prima applicazione ASP.NET estrae dei dati da un database e li visualizza in una pagina web.

L’idea di ASP.NET è quella di avere due tipi di controlli: quelli che consentono di recuperare delle informazioni da un database di SQL Server o di Access piuttosto che da una collection di oggetti o da una sorgente dati xml, e quelli che permettono la visualizzazione grafica di queste informazioni.

Trasciniamo un controllo SqlDataSource dalla sezione Data della Toolbox alla pagina. Scegliamo “Configure Data Source” dal menu “Common SqlDataSource Tasks”:

image

Nella finestra di dialogo “Configure Data Source” scegliamo di creare una nuova connessione a database. In “Choose Data Source”, scegliamo “Microsoft SQL Server” come data source e “.NET Framework Data Provider for SQL Server” come data provider:

image

Nella finestra di dialogo “Add Connection” inseriamo la stringa “localhost\sqlexpress” (oppure solo “localhost” se si sta usando la versione non express di SQL Server) nella casella “Select or enter a server name”, quindi selezioniamo “Use Windows Authentication”. Inseriamo “pubs” in “Select or enter a database name”:

image

Nella successiva finestra di dialogo selezioniamo “titles” dall’elenco a discesa “Name”. Nella casella “Columns” scegliamo “title”, “price” e “notes”. Abbiamo terminato la configurazione del controllo SqlDataSource.

Trasciniamo un controllo GridView nella pagina, sotto il controllo SqlDataSource. Associamo il controllo GridView al controllo SqlDataSource selezionando SqlDataSource1 dall’elenco “Choose Data Source” del menu “GridView Tasks”.

imageScegliamo “Auto Format” dal menu “GridView Tasks” per applicare il formato che più ci piace a GridView.

Quello che stiamo facendo è proprio l’operazione di binding: legare i dati estratti dal controllo SqlDataSource al controllo di visualizzazione.

Premete Ctrl+F5 e ditemi cosa viene visualizzato ;-)

 

Nel prossimo appuntamento vedremo:

  • Pagine Master e temi
  • Code behind
  • Accesso ai dati

STAY TUNED!

clip_image001[11]

 

 

 

 

 

 

 

IC10_leaderboard_banner

Vi presento la locandina del .NET Campus 2010!

Vi aspettiamo a Roma 3 >> sabato 13 marzo 2010!!!

locandina

2009-12-16 Tour WEB Università di Salerno

Tour WEB Salerno

Tour WEB Salerno

Tour WEB Salerno

Tour WEB Salerno

Tour WEB SalernoTour WEB Salerno

Tour WEB Salerno

Tour WEB Salerno

Nasce .NetCampus, la conferenza gratuita su tecnologie Microsoft

dotnetcampus

L’università è il vivaio dove crescono i guru e i leader tecnologici di domani, i giovani rappresentano coloro che aiuteranno la ripresa nelle aziende italiane in un futuro molto vicino, dalla scuola nasceranno gli autori dei libri che leggeremo fra qualche anno.

Spesso, l’incontro con il mondo del lavoro è un momento difficile per molti studenti: è il momento in cui si passa dalla teoria alla pratica, il momento in cui ci si confronta con aziende che hanno modelli di sviluppo profondamente diversi da quelli perfetti studiati sui libri. Dall’altra parte, le aziende sono il vivaio dove nascono i prodotti di domani, le persone che vi lavorano partecipano a conferenze professionali per aggiornare le proprie competenze e si rivolgono a esperti del settore per progettare e realizzare le proprie soluzioni.

.NET Campus nasce per far incontrare questi due mondi.

Speaker professionisti provenienti dalle Aziende e Community IT più attive sul territorio, coordinati dal gruppo DevLeap supportato dal team italiano dei Microsoft Student Partners e formato da professionisti che affiancano da anni Microsoft in conferenze ed eventi professionali si alterneranno per una full immersion di tecnologia nelle aule dell’Università Roma3 –che rimarrà aperta di sabato per l’occasione- il prossimo 13 marzo; sarà un momento di formazione sia per studenti che per aziende, un’occasione per incontrare gli esperti del settore, per capire come muoversi e dove investire nell’immediato futuro e, non ultimo, un momento un cui imparare le infinite possibilità che questo settore offre a tutti coloro che hanno voglia di impegnarsi.

Se sei uno studente, porta il tuo curriculum vitae! Potrai consegnarlo direttamente alle aziende e alle persone che ruotano intorno alla manifestazione. Se sei un professionista IT che già lavora in .NET e vuoi vedere in anteprima le novità attese nei prossimi mesi, o lavori in Java e sei interessato a valutare le possibilità di integrazione fra le due tecnologie più importanti sul mercato, non perdere questa occasione: 5 tracce parallele copriranno le aree di WEB, Linguaggi, Interaction Design, Sviluppo Mobile e opportunità di lavoro e formazione, quest’ultima curata dalle aziende coinvolte.

Le iscrizioni sono aperte già oggi: assicurati un posto in prima fila. Ci vediamo a Roma 3!

www.dotnetcampus.it

Seguici anche su FACEBOOK!

Windows Azure Platform Training Course

Today Channel 9 launches an online training courses created by developers for developers. 

These videos and labs, with links to extensive training kits, allow developers to get started on hands-on-learning about emerging technologies at your own pace.   

Learn how to build applications that utilize Windows Azure and SQL Azure in this self-paced course of videos, samples and hands-on labs.
http://r.ch9.ms/winazn

Windows Embedded @IC2009… LIVE FROM Egypt!

Look at these amazing videos from Imagine Cup 2009! :)

Imagine Cup – Day 1 Embedded

Imagine Cup – Day 2 Embedded

Imagine Cup – Day 3 Embedded

Imagine Cup – Day 4 Embedded

Imagine Cup – Day 5 Embedded

Wish I was there!!!

Imagine Cup: votiamo per l'Italia!

Anche quest’anno, studenti  di tutto il mondo partecipano a Imagine Cup, un concorso che prevede di sfruttare la tecnologia a beneficio di alcuni dei più importanti problemi globali descritti nei Millennium Development Goals delle Nazioni Unite.

Le finali mondiali di Imagine Cup avranno luogo a Il Cairo (Egitto) dal 3 al 7 di luglio, e in occasione di questo evento Microsoft presenta il premio People’s Choice.  Per la prima volta sarà possibile votare direttamente online i progetti più belli realizzati dagli oltre 300.000 ragazzi in gara.

Per votare è sufficiente visitare il sito dove sono raccolti tutti i filmati dei progetti presentati ed esprimere direttamente online la proprie preferenza.

patatrackIl progetto italiano in gara si chiama PataTrack ed è stato realizzato da un team di studenti dell’Università di Udine che ha sviluppato un’applicazione per sensibilizzare ed educare i bambini ai problemi legati all’inquinamento attraverso un gioco interattivo. La soluzione, che si installa su un dispositivo Windows Mobile, coinvolge infatti i ragazzi e i loro amici in un serious game virtuale attraverso il quale -mentre si divertono per raggiungere obiettivi prefissati- imparano i princìpi legati alla sostenibilità ambientale. Per votare il team italiano basta collegarsi al sito http://peopleschoice.imaginecup.com e scegliere Italy PataTrack.

Sarà possibile seguire le finali online da Imagine Cup blogTwitter e PressPass.

Gruppo Facebook – Finali italiane

Giving Technical Presentations

I want to share with you some suggestions I received from one of the best speakers in the computer world: David Chappell.

I met him @TechEd 2008, in Barcelona. He had a speech with the group of all the Microsoft Student Partners from Western Europe, giving some tips&tricks about delivering technical presentations.

Here you have some points of what I got from him!

Goals of a Technical Presentation – The three I’s

Information: Facts
Insight: Connections among facts
Inspiration: Feelings about facts 

Presentation Content

Structure, structure, structure

Get the organization right

Tell a story

Prioritize, prioritize, prioritize

Cover what’s important to the audience

Don’t try to convey everything you know

Remember what it was like not to know the topic

What was hard for you to understand?

Don’t show “How” to people who don’t yet know “What” and “Why”

Build pictures in the audience’s heads

Diagrams are more memorable than words

Presentation Style

Find a part of yourself that works well on stage, then project that part

Speaking is theatre

Control the audience’s attention

With PowerPoint, always use a wireless remote

Use builds

Use pauses

Look for emotion

Tell stories: People will remember them

Final Thoughts

Giving effective technical presentations is a skill: One that can be learned and practiced

Being a strong communicator can be a big asset: It can be at least as important as being a strong technologist

 

DreamBuildPlay 2009 – Registration open!!!!

skyscrapertower

 your DREAM game | BUILD it today | millions may PLAY it tomorrow

What Is? It’s a Microsoft XNA Game Studio Contest.

Another year, another chance to win fortune and fame: 2 years ago, Microsoft launched the Dream-Build-Play Challenge, a contest for developers to create amazing video games using XNA Game Studio Express. It’s back this year, bigger and better than ever.

The challenge is to use the new XNA Game Studio 3.0 and XNA Game Studio 3.1 to build a truly groundbreaking game. The reward is a chunk $75,000 USD cash, plus global exposure on Xbox LIVE Marketplace.

You can go it alone, or build a team of up to 7 people to compete. Are you ready to meet the challenge? If you are, leave me a comment and share your experience. Let’s talk about teaming up and start creating the game that takes it all.

If you want to more, go to http://www.dreambuildplay.com

Join us on Facebook!!!!!

Free Microsoft Certification: which one?

Being a student let you get access to free Microsoft Certification Exam Vouchers through the DreamSpark program.

I got a copy of Microsoft .NET Framework – Application Developer Foundation which is part of the self-paced training kit for the MCTS Exam 70-536.

9780735626195[1]

If you’re interested in getting a free Microsoft Certification Exam Voucher, you’ve time ’till 30th of June! You can get it on www.dreamspark.com