1. Utilize Flex and Java Servlet to Implement File Upload Albert Guo junyuo@gmail.com

2. Use Case Architecture Storyboard Flex files Implementation FileUploadServletImplemetation Agenda

3. Use Case

4. Architecture

5. Architecture

6. Bridge between Java and Flex

7. The RemoteObject protocol is the fastest communication method for data services that Flex offers. The class gives you access to back-end classes through AMF encoding. This binary protocol uses Java classes directly to provide data to Flex. The RemoteObject component uses HTTP to transport binary ActionScript over the communication channel. RemoteObject Protocol

8. RemoteObject Protocol

9. RemoteObject Protocol Mxml files Servlet commons fileUpload

10. Sequence Diagram

11. Storyboard

12. Storyboard Click “File” and select “Open”

13. Storyboard – cont. System will launch this popup window Click “Upload File” button

14. Storyboard – cont. Choose one xml file

15. Storyboard – cont. System will show this confirmation message, it will start to upload after you click “Yes” option.

16. Storyboard – cont. Close window as user click this button System will show upload progress in this area.

17. Flex files Implementation

18. Flex files Implementation

19. Flex files Implementation – cont.

20. Flex files Implementation – cont.

21. Flex files Implementation – cont.

22. Flex files Implementation – cont.

23. Flex files Implementation – cont.

24. Flex files Implementation – cont.

25. FileUploadServletImplemetation

26. FileUploadServletImplemetation

27. FileUploadServletImplemetation– cont.

28. FileUploadServletImplemetation – cont.

29. Web.xml Register <servlet> and <servlet-mapping> to web.xml