9 Aspnet Mobile

692 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
692
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

9 Aspnet Mobile

  1. 2. ASP.NET & Mobility Roberto Brunetti [email_address] http://blogs.devleap.com/rob http://thinkmobile.it/blogs/rob Demo da VM - SQL attivo
  2. 3. La sfida Web Site
  3. 4. La sfiga  <ul><li>Device Diversi </li></ul><ul><li>Schermi diversi </li></ul><ul><li>Dimensioni diverse </li></ul><ul><li>Supporto Markup Language Diverso </li></ul><ul><li>Html e Http li conosciamo </li></ul><ul><li>Diamo uno sguardo a WML rispetto a HTML </li></ul><ul><li>Ricordiamoci che il WAP Gateway gira le richieste in Http verso il server </li></ul>
  4. 5. Simile a HTML <ul><li><?xml version=“1.0”?> </li></ul><ul><li><!DOCTYPE wml PUBLIC ...........> </li></ul><ul><li><wml> </li></ul><ul><li><card id=“card1” title=“Prima card”> </li></ul><ul><li><p>Primo esempio</p> </li></ul><ul><li></card> </li></ul><ul><li></wml> </li></ul>
  5. 6. MultiCard <ul><li><?xml version=“1.0”?> </li></ul><ul><li><!DOCTYPE wml PUBLIC ...........> </li></ul><ul><li><wml> </li></ul><ul><li><card id=“card1” title=“Prima card”> </li></ul><ul><li><p>Prima</p> </li></ul><ul><li></card> </li></ul><ul><li><card id=“card2” title=“Seconda card”> </li></ul><ul><li><p>Seconda</p> </li></ul><ul><li></card> </li></ul><ul><li></wml> </li></ul>
  6. 7. WML: Tag e Element Deck / Card Events Tasks Variables User Input Anchor Image Timer Text wml, card , template, head, access, meta do, ontimer , onenter, onpick, onevent, postfield go, prev, refresh, noop Setvar input, select, option, optgroup, fieldset a, anchor img timer br, p, table, tr, td
  7. 8. Variabili <ul><li>In HTML in quanto tale non esistono ! </li></ul><ul><li>Sono case sensitive </li></ul><ul><li>Si impostano con </li></ul><ul><ul><li><setvar name=“variab1” value=“valore”/> </li></ul></ul><ul><li>Durante la navigazione </li></ul><ul><ul><li><go href=“#card2”><setvar...../></go> </li></ul></ul><ul><li>Si leggono i valori con </li></ul><ul><ul><li>$(variab1) </li></ul></ul><ul><li>Mantengono il contesto (!= HTTP) </li></ul><ul><ul><li>Se l’utente naviga interagendo con l’applicazione </li></ul></ul><ul><ul><li>Può essere perso se naviga verso altri deck non interagendo con l’applicazione </li></ul></ul>
  8. 9. Torniamo al problema <ul><li>WML e HTML sono diversi </li></ul><ul><ul><li>Per la gestione dei form </li></ul></ul><ul><ul><li>Per la gestione delle variabili </li></ul></ul><ul><ul><li>In WML non esistono molti dei tag HTML </li></ul></ul><ul><li>Inoltre abbiamo schermi di dimensioni diversi da device a device </li></ul><ul><li>Potremmo scrivere codice che testa il device (HTTP_USER_AGENT) e si comporta di conseguenza </li></ul><ul><ul><li>Che fare per ogni nuovo device che esce ? </li></ul></ul><ul><ul><li>Ci potremmo fare una libreria e un file di configurazione </li></ul></ul>Trace
  9. 10. ASP.NET Mobile Controls 1.1 <ul><li>Integrazione con VS.NET 2002/2003 </li></ul><ul><li>Estendono ASP.NET per app mobile </li></ul><ul><li>Multi-Device </li></ul><ul><li>Multi-Language HTML/WML… </li></ul>.NET Framework Services Framework ASP.NET Common Language Runtime System Services Windows Forms & .NET Compact Framework Base Data Debug … Web Forms Mobile Web Forms Web Services
  10. 11. Supporto Device – 250 c.a. <ul><li>ACCESS Compact: NetFront 2.0, Fujitsu F503i, Mitsubishi D502i, Mitsubishi D503i, NEC N210i, NEC N502i, Sony SO503i </li></ul><ul><li>Ericsson 2.0: Ericsson R380, Ericsson R320, Ericsson R520m, Ericsson T20s </li></ul><ul><li>GoAmerica Go.Web: Compaq iPAQ H3650, Palm Vx, RIM Blackberry 857, RIM Blackberry 950, RIM Blackberry 957, </li></ul><ul><li>Microsoft Mobile Explorer: Sony CMD-Z5, Sony CMD-J5, Benefon Q, </li></ul><ul><li>Microsoft Pocket Internet Explorer: Casio Cassiopeia E-125, Compaq iPAQ H3630, Compaq iPAQ H3650, HP Jornada 720, Compaq iPAQ H3670 </li></ul><ul><li>Nokia: Nokia 3330, Nokia 6210, Nokia 7110, Nokia 9110i </li></ul><ul><li>Openwave UP.Browser 3.x: Audiovox CDM-9000, Ericsson R280LX, Hitachi C407H, Kyocera QCP 2035A, Kyocera QCP 3035, LG V111, Mitsubishi T250, Motorola StarTAC 7868W, Motorola TimePort P8767, Samsung SCH-6100, Samsung SCH-850, Samsung SCH-8500, Samsung UpRoar M100, Sanyo C401SA, Sanyo SCP-4500, Sanyo SCP-5000, Sprint Touchpoint, Sprint Touchpoint 2200, Sprint Touchpoint 3000 </li></ul><ul><li>Openwave UP.Browser 4.x: Alcatel One Touch 701, Audiovox CDM-135, Audiovox CDM-9100, Motorola i1000plus, Motorola i2000plus, Motorola i50sx, Motorola i85s, Motorola T2288, Motorola TimePort P7382i, Motorola TimePort P7389, Motorola V100, Motorola V120c, Motorola V2288, Motorola V60c, Siemens C35i, Siemens S35i, Siemens SL45 </li></ul><ul><li>Miscellaneous Browsers: Handspring Visor Platinum (Qualcomm Eudora Internet Suite 2.1; Blazer 1.0 and Omnisky 2.1.0.15), IBM WorkPad c505 (ilinx Xiino 1.01J), Kyocera QCP 6035 (Qualcomm Eudora 2.0), Nokia 9210 (Symbian Crystal 6.0), Palm VII (MyPalm 1.0), Palm Vx (AU-Systems 2.12181.1 and Omnisky 2.0.04), Palm m505 (MyPalm 1.1), Panasonic P210i, Panasonic P502i, Sharp J-SH04 (Original Equipment Manufacturer's Version 3.0), Sharp Zaurus MI-E1 (Original Equipment Manufacturer's Version 6.1), Sony CLIE PEG-N700C (ilinz Palmscape 4.0SJ), Toshiba J-T05 (Original Equipment Manufacturer's Version 3.0), </li></ul>Machine.Config
  11. 12. Caratteristiche <ul><li>Adaptive Rendering </li></ul><ul><ul><li>Mobile Control </li></ul></ul><ul><ul><ul><li>Sviluppo </li></ul></ul></ul><ul><ul><ul><li>Espongono Proprieta’, Metodi, Eventi </li></ul></ul></ul><ul><ul><li>Adapter </li></ul></ul><ul><ul><ul><li>Producono l’Output </li></ul></ul></ul><ul><ul><ul><li>Un adapter per ogni tipo di “ML” da inviare </li></ul></ul></ul><ul><ul><ul><li>Inviano ML corretto </li></ul></ul></ul><ul><ul><ul><li>Configurati nel machine.config </li></ul></ul></ul><ul><li>Customization </li></ul><ul><ul><li>Modello estendibile per customizzare il rendering per un particolare device </li></ul></ul>Machine.Config
  12. 13. Adaptive Rendering Calendario WML cHTML HTML Calendar Mobile Capabilities HTTP Request Mobile.ASPX WAP ASP.NET and IIS Invio super-TABLE HTML Recupero Device Adapter Recupero info Browser e Device Selezione Device Adapter Recupero Device Adapter Invio testo WML Inizializzazione Controlli

×