Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Mobile Web App Development with Single Page Int...

Dongsu Jang
September 26, 2011

Mobile Web App Development with Single Page Interface

Dongsu Jang

September 26, 2011
Tweet

Other Decks in Technology

Transcript

  1. 

  2. 

  3. 

  4. 

  5. Video Javascript SVG CSS3 Geolocation Web Storage Semantic WebSocket Canvas

    ARIA MathML Audio Device Element New Form Drag & Drop Microdata Offline Application WebGL Files Worker 
  6. 

  7. Multiplication results The Product of 10 and 20 is 200.

    printf("%s%c%c\n", "Content-Type:text/html",13,10); printf("<HTML><HEAD><TITLE>Multiplication results</TITLE></HEAD><BODY>"); printf("<H3>results</H3>"); char *data = getenv("QUERY_STRING"); if(data == NULL) printf("<P>Error!</P>"); else if(sscanf(data,"m=%ld&n=%ld",&m,&n)!=2) printf("<P>Error!</P>"); else printf("<P>The product of %ld and %ld is <b>%ld</b>.</P>",m,n,m*n); printf("</BODY></HTML>”); 
  8. 

  9. 

  10. <%@ page language=”java”%> <html><head><title>Multiplication results</title></head><body> <H3>Multiplication results</H3><% try { long

    m = Long.parseLong(request.getParameter(“m”)); long n = Long.parseLong(request.getParamter(“n”)); %><p>The product of <%=m%> and <%=n%> is <b><%=(m*n)%></b>.</p> <% } catch(Exception e) { %> <p>Error!</p><% } %></body></html> Multiplication results The Product of 10 and 20 is 200. 
  11. ↟"41/&5.7$ $BLF1)1 %KBOHP 3P3 4QSJOH.7$ 4USVUT  ݆ӝبೞ૑@ ↟.7$оજ׮ӡې ↟ખ؊t୓҅੸ੋu$(*

    ↟Ӓېࢲ ખ؊tӈଳ਷u$(* ↟)5.-మ೒݁ূ૓ ↟ࣗझ௏٘৬)5.-ਸܻ࠙ .0%&- 
  12. 

  13. http:/test.com/test.com/mul.jsp?m=10&n=20 Multiplication results The Product of 10 and 20 is

    200. class ProductModel { long multiplier, long multiplicant, long product; } class CalcService { long getProduct(long m, long n) { return m * n; } } long m = Long.parseLong(request.getParameter(“m”)); long n = Long.parseLong(request.getParameter(“n”)); ProductModel model = new ProductModel(m, n, calcService.getProduct (m, n)); request.setAttribute(“model”, model); getServletContext().getRequestDispatcher(“mul.jsp”).forward(request, response); <jsp:useBean id=”model” class=”ProductBean”/> <H3>Multiplication results</H3> <p>The product of <jsp:getProperty name=”model” property=”multiplier”/> and <jsp:getProperty name=”model” property=”multiplicand”/> is <b><jsp:getProperty name=”model” property=”product”/></b>.</p> M V C 
  14. ↟8FC0CKFDU +4' "41/&54FSWFS$POUSPMT (85  ↟tPODMJDLuPWFS)551 ↟ખ؊Ӓۡ٠ೠ.7$ ↟Ӓېࢲ ખ؊ו۰ఠ૑Ҋ ખ؊ӈଳ਷.7$

    ↟ࢲߡӝ߈ਢஹನք౟ ↟಴ળਢӝ߈3*" 9*OUFSOFU ↟)5.-ઑп  ࢲߡ৬ాनೡ ੗߄झ௼݀౟ .0%&- .0%&- 
  15. 

  16. 

  17. 

  18. 

  19. "+"9ಁఢ  ಁఢ ࢸݺ #SPXTFSTJEF5FNQMBUJOH మ೒݁୊ܻܳਢ࠳ۄ਋ઉীࢲ"+"9৬੗߄झ௼݀౟ܳࢎਊೞৈ୊ܻ $SPTT%PNBJO1SPYZ 4BNF0SJHJOীਤ஖ೠਢࢲߡо ௼۽झبݫੋীਤ஖ೠࢲߡ৬੄ాनਸ؀೯ )FBSUCFBU

    ௿ۄ੉঱౟੄അ੤࢚కܳ઱ӝ੸ਵ۽઱Ҋ߉਺ )5.-.FTTBHF )551ܳ)5.-җٱܻܽࣗझܳ߉ח؀न +40/9.-١੄ؘ੉ఠܳ઱Ҋ߉חؘࢎਊ .JDSPMJOL زੌೠಕ੉૑ղ੄׮ܲࠗ࠙ਵ۽੉ز ചݶ࢚క੹ജ ೞӝਤ೧о࢚ ੄݂௼ܳઁҕ 0O%FNBOE+BWB4DSJQU ੗߄झ௼݀౟ܳ೙ਃীٮۄز੸ਵ۽۽٬ 1BHF"SSBOHFNFOU അ੤࢚కীٮۄࢲߡীࢲ࢜۽਍੿ࠁܳоઉ৬ )5.-6*ܳјन಴दऀӣ ୹୊.4%/ݒѢ૓ 
  20. "+"9ಁఢ  ಁఢ ࢸݺ 1FSJPEJD3FGSFTI ઱ӝ੸ਵ۽ࢲߡীࢲ࢜۽਍੿ࠁܳоઉ৬)5.-6*ܳјन 1PQVQ ౼সਦب؀न ׮ܲ)5.-֢٘ਤী಴दغח֢٘ܳా೧ ݽ׳؀ച࢚੗ܳઁҕ

    1SPHSFTT*OEJDBUPS ࢲߡ৬੄ాन੉૓೯غח࢚ടܳ಴द 4VCNJTTJPO5ISPUUMJOH ࢲߡ۽ࠁղחਃ୒ਸݽইࢲࠁղѢա ۽ஸநदܳࢎਊ 5JNFPVU ࢲߡ۽ࠁղחਃ୒ীઁೠदрਸ੸ਊ 6OJRVF63-T য೒ܻா੉࣌੄п࢚కীҊਬೠ63-ਸࠗৈ 7JSUVBM8PSLTQBDF ୭ࣗೠ੄ؘ੉ఠ݅ਵ۽6*ܳ಴അೞҊ ୶о੸ੋؘ੉ఠח೙ਃೡٸ߉ইࢲ6*јन ୹୊.4%/ݒѢ૓ 
  21. ↟ 1304 ↟ ֎౟ਖ؀৉಩$16ࠗೞхࣗ ↟ ਽׹ࢿೱ࢚ࢎਊ੗҃೷ૐ؀ ↟ $0/4 ↟ ࠘݃௼

    ੉੹׮਺ߡౡ ↟ Ѩ࢝ূ૓୭੸ച 4&0 ↟ ౼সਦب ↟ ಕ੉૑੉زӝ߈ࢲ࠺झ ↟ ੽Ӕࢿ 1304$0/4 
  22. 

  23. .0%&-9 ↟ਢ࠳ۄ਋ઉਢ۠ఋ੐ 8FC3VOUJNF835 ↟۠ఋ੐ۄ੉࠳۞ܻ%0. "+"9BOE)5.-+4"1* 8$8FC"QJ  ↟(6*ࢲ࠳दझమ)5.- $44 $BOWBT

    47(  ↟*0ࢲ࠳दझమ)551 "+"9 ਢࣗ௄ ਢझషܻ૑ LFZWBMVF நद  ↟೐۽Ӓې߁঱য੗߄झ௼݀౟ $PGGFF4DSJQU 0CKFDUJWF+  ↟ਢ য೒ܻா੉࣌ ࢲߡҊ੹੸ੋਢࢲߡ 3&45GVM 0QFOPSOPU "1*ࢲߡ ↟ ௿ۄ੉঱౟оਢ࠳ۄ਋ઉ۽੿ഋച಴ળചػ ௿ۄ੉঱౟ࢲߡইఃఫ୛ ↟ ؘझ௼఑ਊ(6*য೒ܻா੉࣌җزੌೠ &WFOU%SJWFO1SPHSBNNJOH 
  24. +26&3:.0#*-&ࣗѐ ↟ K2VFSZӝ߈ ↟ ઱ਃݽ߄ੌ೒ۖಬഐജ ↟ ҃۝ L ੉޷૑ࢎਊ୭ࣗച ↟

    )5.-݃௼সӝ߈ࢸ੿ ↟ ੼૓੸ѐࢶ 1SPHSFTTJWF&OIBODFNFOU ↟ ੗زୡӝച "VUPNBUJD*OJUJBMJ[BUJPO ↟ ੽Ӕࢿ "DDFTTJCJMJUZ ૑ਗ ↟ ఠ஖୭੸ച੉߮౟೒۞Ӓੋ ↟ ъ۱ೠప݃೐ۨ੐ਖ 
  25. ↟ GPPIUNM ↟ CPEZ ↟ EJWEBUBSPMFuQBHFu ↟ BISFGuCBSIUNMu$MJDL)FSFB ↟ EJW

    ↟ CPEZ ↟ CBSIUNM ↟ CPEZ ↟ EJWEBUBSPMFuQBHFuEJW ↟ CPEZ ࠗ࠙ಕ੉૑јन 
  26. 

  27. 

  28. ஹನք౟ٜ݅ӝ ↟WBSGPPOFX&YU1BOFM \ ↟JUFNT<\YUZQFrCVUUPOs UFYUr$MJDL)FSFs IBOEMFSGVODUJPO \ ↟QBOFMTFU"DUJWF*UFN rCBSs 

    ↟^^> ↟^  ↟WBSCBSOFX&YU1BOFM \JErCBSs ^  ↟WBSUPQOFX&YU1BOFM \MBZPVUrDBSEs JUFNT<GPP CBS>^  
  29. ↟OFX&YU1BOFM \ ↟JErGPPs ↟IUNMrI)FMMP 8PSMEIs ↟^  ↟&YU"KBYSFRVFTU VSMrGPPIUNMs TVDDFTTGVODUJPO

    SFT \ ↟&YUHFU$NQ rGPPs VQEBUF SFTSFTQPOTF5FYU  ↟^  ஹನք౟јनೞӝ 
  30. ↟ +BWB4DSJQU ↟ &YUSFH.PEFM r"WBUBSs \GJFMET<rOBNFs rDMBTTs rMFWFMs>^  ↟

    OFX&YU-JTU \ ↟ JUFN5QMrQ\OBNF^QQTNBMM\DMBTT^\MFWFM^TNBMMQs ↟ TUPSFOFX&YUEBUB+TPO4UPSF \NPEFMr"WBUBSs QSPYZ\UZQFrBKBYs VSMrIUUQTFSWFSBQJBWBUBSTKTPOs^^  ↟ ^  ↟ %ZOBNJD%BUB IUUQTFSWFSBQJBWBUBSTKTPO  ↟ 3FTVMU4FUSTDPOOFYFDVUF2VFSZ t4&-&$5OBNF DMBTT MFWFM'30.BWBUBSTu  ↟ PVUQSJOUMO t<t  ↟ XIJMF STOFYU \ ↟ PVUQSJOUMO t\OBNFsu STHFU4USJOH tOBNFu us DMBTTsu STHFU4USJOH tDMBTTu us MFWFMu STHFU*OU tMFWFMu u^u  ↟ ^ ↟ PVUQSJOUMO t>u  ز੸ؘ੉ఠӝ߈ஹನք౟ 
  31. K2VFSZ.PCJMF WT 4FODIB5PVDI C ߡ੹  .*5 ۄ੉ࣃझ (1-W࢚সਊ झ݃౟ಪҗక࠶݁ਸਤೠ

    ఠ஖ী୭੸ചػਢ೐ۨ੐ਖ ࠄੋٜ੄઱੢ ݽ߄ੌ੗߄झ௼݀౟೐ۨ੐ਖ ୭ୡ੄)5.-ݽ߄ੌਢজ೐ۨ੐ਖ žž 6*ஹನք౟ žžžž žžž ࠳ۄ਋ઉ૑ਗ žžžž žžžž ੽Ӕࢿ ž žžžžžž ೟णҋࢶ ѐߊ٣੗ੋ žž žžžžž ࢿמ ۽٬प೯ žžžž žžžž ޙࢲ ҕध࠺ҕध žžž ਢtࢎ੉౟u ղ݋؀۽Ѿۿ ਢtয೒ܻா੉࣌u