cuttingEdgepresentation0318
•Download as PPT, PDF•
0 likes•213 views
This document discusses moving from legacy Java applications to dynamic web and mobile applications. It covers server-side frameworks like Spring and Play that can help with this transition. It also discusses front-end frameworks like AngularJS that are well-suited for dynamic web and mobile apps. Finally, it provides an overview of tools for developing hybrid mobile apps like PhoneGap and Sencha Architect.
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Similar to cuttingEdgepresentation0318
Similar to cuttingEdgepresentation0318 (20)
cuttingEdgepresentation0318
- 1. 1 From Legacy Java to Dynamic Web and Mobile Applications Hongbiao Chen, Sr. Pr. Web Developer Ishita Verma, Software Engineer From Legacy Java to Dynamic Web and Mobile Applications
- 2. CUTTING EDGE 2014 Back End From Legacy Java to Dynamic Web and Mobile Applications 2 Why Get Rid of HTML Responses?1 REpresentational State Transfer2 The Symantec Trust Center Application3 Server Side Frameworks roundup4 Mobile App Frameworks roundup5
- 3. CUTTING EDGE 2014 Why Get Rid of HTML Responses? • Pushes you towards a decoupled RESTful design of reusing couple pool of resources for serving different clients • Client side MVC have faster page load for most parts*. • HTML responses are just not very flexible. • Faster to iterate over presentation logic with client side technologies. *if you don’t often need to go to server to render 3From Legacy Java to Dynamic Web and Mobile Applications
- 4. CUTTING EDGE 2014 REpresentational State Transfer "REST is defined by four interface constraints: - identification of resources; -manipulation of resources through representations; -self-descriptive messages; and, -hypermedia as the engine of application state.“ From Legacy Java to Dynamic Web and Mobile Applications 4
- 5. CUTTING EDGE 2014 The Symantec SSL Trust Center Application From Legacy Java to Dynamic Web and Mobile Applications 5 Give every “thing” a URI Link things together Use standard methods Resources with multiple representations Communicate statelessly
- 6. CUTTING EDGE 2014 Technology Roundup: Spring • Spring HATEOAS – provides common abstractions (representaiton models, a Link class, API to build links pointing to Spring MVC controllers etc.) to ease building hypermedia driven REST APIs with Spring MVC in general. • Spring Data JPA, – makes it easy to easily implement JPA based repositories. • Spring Data REST – uses Spring HATEOAS to automatically expose resources for entities managed by Spring Data repositories and leverages hypermedia aspects to do pagination, link entities etc. From Legacy Java to Dynamic Web and Mobile Applications 6
- 7. CUTTING EDGE 2014 Technology Roundup: Play! From Legacy Java to Dynamic Web and Mobile Applications 7
- 8. CUTTING EDGE 2014 PhoneGap & Sencha Architect From Legacy Java to Dynamic Web and Mobile Applications 8
- 9. CUTTING EDGE 2014 Front End From Legacy Java to Dynamic Web and Mobile Applications 9 Mobile App1 Web App2 AngularJS3 Jasmine4 Grunt5
- 10. CUTTING EDGE 2014 Mobile App From Legacy Java to Dynamic Web and Mobile Applications 10 Sign In
- 11. CUTTING EDGE 2014 Mobile App From Legacy Java to Dynamic Web and Mobile Applications 11 Home
- 12. CUTTING EDGE 2014 Mobile App Presentation Identifier Goes Here 12 Home
- 13. CUTTING EDGE 2014 Mobile App From Legacy Java to Dynamic Web and Mobile Applications 13 Certificates
- 14. CUTTING EDGE 2014 Mobile App Presentation Identifier Goes Here 14 Certificates
- 15. CUTTING EDGE 2014 Mobile App From Legacy Java to Dynamic Web and Mobile Applications 15 Certificate Details
- 16. CUTTING EDGE 2014 Mobile App Presentation Identifier Goes Here 16 Certificate Details
- 17. CUTTING EDGE 2014 Web App From Legacy Java to Dynamic Web and Mobile Applications 17 Enrollment - Configure
- 18. CUTTING EDGE 2014 Web App From Legacy Java to Dynamic Web and Mobile Applications 18 Enrollment - Contact
- 19. CUTTING EDGE 2014 Top JavaScript MVC Frameworks Source: InfoQ
- 20. CUTTING EDGE 2014 Features Comparison Feature Angular Backbone Ember Knockout Observables Y Y Y Y Routing Y Y Y View binding Y p Y Y Two-way binding Y Y Y Partial view Y p Y Filter Y p Y Module Y Controllers Y Y Y Directives Y Y Factories Y Services Y Dependency Injection Y From Legacy Java to Dynamic Web and Mobile Applications
- 21. CUTTING EDGE 2014 Community Metric Angular Backbone Ember Knockout GitHub Stars 20,797 17,169 9,448 4,675 Plugins 486 195 14 40 Sites using 106 86 ? ? From Legacy Java to Dynamic Web and Mobile Applications
- 22. CUTTING EDGE 2014From Legacy Java to Dynamic Web and Mobile Applications 22
- 23. CUTTING EDGE 2014From Legacy Java to Dynamic Web and Mobile Applications 23
- 24. CUTTING EDGE 2014From Legacy Java to Dynamic Web and Mobile Applications 24
- 25. CUTTING EDGE 2014From Legacy Java to Dynamic Web and Mobile Applications 25
- 26. CUTTING EDGE 2014From Legacy Java to Dynamic Web and Mobile Applications 26
- 27. CUTTING EDGE 2014From Legacy Java to Dynamic Web and Mobile Applications 27
- 28. CUTTING EDGE 2014 Questions? Ishita_Verma@symantec.com HongBiao_Chen@symantec.com From Legacy Java to Dynamic Web and Mobile Applications 28
Editor's Notes
- This is a sample Agenda/Preview slide. This slide is ideal for setting the scene at the beginning of your presentation by providing a big picture overview of what you plan to cover. To Change Titles in Shapes (i.e.: “Text here”): Select text. (Optional: Press Delete.) Begin typing desired text. To Change Font Color/Size: Select text, right-click and adjust the font setting on the Mini toolbar. Select desired attributes to change: font, size, boldness, color, etc. Note: many of the same commands can also be accessed from the Font group of the Home tab. To Change a Shape’s Fill Color: Select the desired object by clicking once on its edge. On the Home tab, click the Shape Fill button within the Drawing group to select a theme color from the Symantec color palette. To Delete a Shape: Select the desired object by clicking once on its edge. Press the Delete key on your keyboard. To Copy a Text Box or Shape: Select the text box or shape. Note: Make sure to select the entire object, not just the text, by clicking the edge of the text box or shape. Type Ctrl C (copy), click outside object, then type Ctrl V (paste) to place the object. Click and drag the pasted object to desired location.
- Give every “thing” a URI Link things together Use standard methods Resources with multiple representations Communicate statelessly
- Spring HATEOAS provides common abstractions (representaiton models, a Link class, API to build links pointing to Spring MVC controllers etc.) to ease building hypermedia driven REST APIs with Spring MVC in general. Thus, you can use it alongside Spring MVC to manually build those services. Spring Data REST uses Spring HATEOAS to automatically expose resources for entities managed by Spring Data repositories and leverages hypermedia aspects to do pagination, link entities etc. So it covers the 80% use case for the basic stuff and allows you to selective add more complex processes using manually implemented controllers later on Spring HATEOAS provides common abstractions (representaiton models, a Link class, API to build links pointing to Spring MVC controllers etc.) to ease building hypermedia driven REST APIs with Spring MVC in general. Spring Data JPA, makes it easy to easily implement JPA based repositories. This module deals with enhanced support for JPA based data access layers. Spring Data REST uses Spring HATEOAS to automatically expose resources for entities managed by Spring Data repositories and leverages hypermedia aspects to do pagination, link entities etc.
- Let’s take a look at some of the major features of Play. Developers often make small changes in coding during the development and testing phase to identify the best possible solution. Generally, they need to restart the system to see the changes they have made. However, if you use Play, all you need to do is refresh the browser to see the recent changes immediately. It has only one XML file for configuration and thankfully, most of the configurations are either default or automatically set. It does not use Servlets API. Therefore, developers can use hot swapping. What are the advantages? It allows you to develop faster so that you can work on multiple projects at the same time and deliver all of them within deadline. Testing the application is very easy and testing provides authentic results. The user interface is intuitive.
- You can code in standard HTML, CSS and JavaScript instead of Objective-C or Java and build apps quickly. Because you develop the app once, but can deploy in multiple platforms, the client saves time and money. You are still able to tap into many of the device’s built-in features (location services, push notification, etc.). The apps can have their own icons, rather than just being bookmarked, which offers a marketing & branding advantage. The apps have a cleaner interface, operating similarly to native apps without a browser frame around them. You can distribute the apps via app stores. PhoneGap supports seven different mobile platforms, including iOS, Android, BlackBerry, webOS, Symbian, Samsung Bada and Windows Phone. Because it’s open source, new modules are continually being developed.
- This is a sample Agenda/Preview slide. This slide is ideal for setting the scene at the beginning of your presentation by providing a big picture overview of what you plan to cover. To Change Titles in Shapes (i.e.: “Text here”): Select text. (Optional: Press Delete.) Begin typing desired text. To Change Font Color/Size: Select text, right-click and adjust the font setting on the Mini toolbar. Select desired attributes to change: font, size, boldness, color, etc. Note: many of the same commands can also be accessed from the Font group of the Home tab. To Change a Shape’s Fill Color: Select the desired object by clicking once on its edge. On the Home tab, click the Shape Fill button within the Drawing group to select a theme color from the Symantec color palette. To Delete a Shape: Select the desired object by clicking once on its edge. Press the Delete key on your keyboard. To Copy a Text Box or Shape: Select the text box or shape. Note: Make sure to select the entire object, not just the text, by clicking the edge of the text box or shape. Type Ctrl C (copy), click outside object, then type Ctrl V (paste) to place the object. Click and drag the pasted object to desired location.