SlideShare a Scribd company logo
Web App Development
          Be smarter!
4D Japan, Ltd.
HARADA Koichi
Native Application
Platform   Language   Deployment


Mac OS     C          Installer, Copy


Windows    C          Installer
Platform        Language      Deployment


Mac OS          Objective-C   Installer, Copy, App Store


Windows         C/C++/C#/VB   Installer


iOS             Objective-C   App Store


Windows Phone   C/C++/C#/VB   Windows Phone Market Place


Android         Java          Android Market
Web App Framework at SwapSkills vol28 EN
Web App Framework at SwapSkills vol28 EN
Web App Framework at SwapSkills vol28 EN
Web App Framework at SwapSkills vol28 EN
Web App Framework at SwapSkills vol28 EN
Web App Framework at SwapSkills vol28 EN
Web
Web App Framework at SwapSkills vol28 EN
Web App Framework at SwapSkills vol28 EN
HTML
Frontend
                             CSS
Language
                          JavaScript



       http://www.htmq.com/
Web App Framework at SwapSkills vol28 EN
Perl
              PHP
 Server       Ruby
Language      Java
           JavaScript
               ...
Web App:
  Combination of
various technologies
$
?
Planning
What can be agreed
 -> Dev Process
Water fall
Plan

       Design

           Development

                         Test

                                Release
Agile
Initial
                    Plan

          Analyze           Assesment


          Design                Test

               Implementation           Release
Initial Planning is important
Focus on customers
     concern
MVC Architecture
           Web App
                     View
  Controller


                     Model
So how I can do?
Framework
Why framework?
Web app frameworks


        http://en.wikipedia.org/wiki/
Comparison_of_web_application_frameworks
App development language
Server side   Browser side
   Perl
   PHP
   Ruby        JavaScript
   Java
JavaScript
    ...
Server side
 JavaScript
Server side JavaScript

            SSJS       HTTP        Database

Node.js      ✓           ✓
CouchDB      ✓           ✓           ✓
MongoDB      ✓                       ✓
Wakanda      ✓           ✓           ✓
RDBMS
Access via SQL
NO SQL
           (Not Only SQL)
Document store                Object store




            Key-Value Store
Choose right framework
       for you
Fin

More Related Content

Web App Framework at SwapSkills vol28 EN

Editor's Notes

  1. Share problem in app development\nSolution\n
  2. \n
  3. Old good times\n
  4. Present\n
  5. Various display size\n\n
  6. Various display size\n\n
  7. Various display size\n\n
  8. Solution: Web base app\nWeb browser preinstalled\nSame language\n
  9. Solution: Web base app\nWeb browser preinstalled\nSame language\n
  10. Solution: Web base app\nWeb browser preinstalled\nSame language\n
  11. Windows 8 \ncan call WinRT API directly from JS\n
  12. \n
  13. Different implementation\n-> improving in recent browsers\n
  14. Different implementation\n-> improving in recent browsers\n
  15. Different implementation\n-> improving in recent browsers\n
  16. Different implementation\n-> improving in recent browsers\n
  17. Different implementation\n-> improving in recent browsers\n
  18. Different implementation\n-> improving in recent browsers\n
  19. Different implementation\n-> improving in recent browsers\n
  20. Supported browsers icon\n
  21. Chaos web frontend\n
  22. Various server languages\n\n
  23. \n
  24. Chaos, complex -> cost\n
  25. What shall I do?\n*Planning\n*Focus on customers concern\n*Use appropriate framework\n
  26. \n
  27. \n
  28. Document\n
  29. Communication\nWorking app\n
  30. \n
  31. \n
  32. \n
  33. MVC is architecture\nYou need help\n
  34. \n
  35. Rule, structure, idea are implemented.\nAll you have to do is implement business logic\nMVC base\n\n*can focus on business logic\n*Standard security\n*Quality\n*Cost\n-> success\n\n
  36. \n
  37. JS is recommended\n
  38. Same grammar\nDifference is API\nClient side: BOM and DOM\nServer side: API provided by JS engine\nCan access local storage or file for instance. \n\nCommonJS\n
  39. \n
  40. 代表的な関係データベース\n\n
  41. \n
  42. \n
  43. \n