Web App Development          Be smarter!4D Japan, Ltd.HARADA Koichi
Native Application
Platform   Language   DeploymentMac OS     C          Installer, CopyWindows    C          Installer
Platform        Language      DeploymentMac OS          Objective-C   Installer, Copy, App StoreWindows         C/C++/C#/V...
Web
HTMLFrontend                             CSSLanguage                          JavaScript       http://www.htmq.com/
Perl              PHP Server       RubyLanguage      Java           JavaScript               ...
Web App:  Combination ofvarious technologies
$
?
Planning
What can be agreed -> Dev Process
Water fallPlan       Design           Development                         Test                                Release
AgileInitial                    Plan          Analyze           Assesment          Design                Test             ...
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 languageServer side   Browser side   Perl   PHP   Ruby        JavaScript   JavaJavaScript    ...
Server side JavaScript
Server side JavaScript            SSJS       HTTP        DatabaseNode.js      ✓           ✓CouchDB      ✓           ✓     ...
RDBMSAccess via SQL
NO SQL           (Not Only SQL)Document store                Object store            Key-Value Store
Choose right framework       for you
Fin
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 App Framework at SwapSkills vol28 EN
Web App Framework at SwapSkills vol28 EN
Web App Framework at SwapSkills vol28 EN
Upcoming SlideShare
Loading in...5
×

Web App Framework at SwapSkills vol28 EN

335
-1

Published on

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
335
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Share problem in app development\nSolution\n
  • \n
  • Old good times\n
  • Present\n
  • Various display size\n\n
  • Various display size\n\n
  • Various display size\n\n
  • Solution: Web base app\nWeb browser preinstalled\nSame language\n
  • Solution: Web base app\nWeb browser preinstalled\nSame language\n
  • Solution: Web base app\nWeb browser preinstalled\nSame language\n
  • Windows 8 \ncan call WinRT API directly from JS\n
  • \n
  • Different implementation\n-> improving in recent browsers\n
  • Different implementation\n-> improving in recent browsers\n
  • Different implementation\n-> improving in recent browsers\n
  • Different implementation\n-> improving in recent browsers\n
  • Different implementation\n-> improving in recent browsers\n
  • Different implementation\n-> improving in recent browsers\n
  • Different implementation\n-> improving in recent browsers\n
  • Supported browsers icon\n
  • Chaos web frontend\n
  • Various server languages\n\n
  • \n
  • Chaos, complex -> cost\n
  • What shall I do?\n*Planning\n*Focus on customers concern\n*Use appropriate framework\n
  • \n
  • \n
  • Document\n
  • Communication\nWorking app\n
  • \n
  • \n
  • \n
  • MVC is architecture\nYou need help\n
  • \n
  • 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
  • \n
  • JS is recommended\n
  • 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
  • \n
  • 代表的な関係データベース\n\n
  • \n
  • \n
  • \n
  • Web App Framework at SwapSkills vol28 EN

    1. 1. Web App Development Be smarter!4D Japan, Ltd.HARADA Koichi
    2. 2. Native Application
    3. 3. Platform Language DeploymentMac OS C Installer, CopyWindows C Installer
    4. 4. Platform Language DeploymentMac OS Objective-C Installer, Copy, App StoreWindows C/C++/C#/VB InstalleriOS Objective-C App StoreWindows Phone C/C++/C#/VB Windows Phone Market PlaceAndroid Java Android Market
    5. 5. Web
    6. 6. HTMLFrontend CSSLanguage JavaScript http://www.htmq.com/
    7. 7. Perl PHP Server RubyLanguage Java JavaScript ...
    8. 8. Web App: Combination ofvarious technologies
    9. 9. $
    10. 10.
    11. 11. Planning
    12. 12. What can be agreed -> Dev Process
    13. 13. Water fallPlan Design Development Test Release
    14. 14. AgileInitial Plan Analyze Assesment Design Test Implementation Release
    15. 15. Initial Planning is important
    16. 16. Focus on customers concern
    17. 17. MVC Architecture Web App View Controller Model
    18. 18. So how I can do?
    19. 19. Framework
    20. 20. Why framework?
    21. 21. Web app frameworks http://en.wikipedia.org/wiki/Comparison_of_web_application_frameworks
    22. 22. App development languageServer side Browser side Perl PHP Ruby JavaScript JavaJavaScript ...
    23. 23. Server side JavaScript
    24. 24. Server side JavaScript SSJS HTTP DatabaseNode.js ✓ ✓CouchDB ✓ ✓ ✓MongoDB ✓ ✓Wakanda ✓ ✓ ✓
    25. 25. RDBMSAccess via SQL
    26. 26. NO SQL (Not Only SQL)Document store Object store Key-Value Store
    27. 27. Choose right framework for you
    28. 28. Fin
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×