1 / 51

Presentation 4: IBM Rational Software Architect Example

Presentation 4: IBM Rational Software Architect Example. James Martin CpE 691, Spring 2010 February 18, 2010. Overview. Hello World: very simple phone book application Stores user entered phone numbers to be retrieved later.

marshall-garrett
Download Presentation

Presentation 4: IBM Rational Software Architect Example

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Presentation 4: IBM Rational Software Architect Example James Martin CpE 691, Spring 2010 February 18, 2010

  2. Overview • Hello World: very simple phone book application • Stores user entered phone numbers to be retrieved later. • Adapted to a presentation from: http://www.ibm.com/developerworks/edu/i-dw-r-hellorsa.html • Also ships with RSA

  3. Steps • Create a UML project • Create a use case diagram • Create a class diagram • Create a sequence diagram • Publish the design • Transform UML to Java • Implementation

  4. Create a UML project • From the workbench, select File > New > Project > Other. • Select UML Project and then select Next. • Enter MyPhoneBookUMLProject as the project name, and select Next. • Enter Phone Book UML Model as the file name of the UML Model, uncheck the box Create a default diagram in the new model, then select Finish.

  5. Create a UML project (1)

  6. Create a UML project (2)

  7. Create a UML project (3)

  8. Create a UML project (4)

  9. Create a UML project

  10. Steps • Create a UML project • Create a use case diagram • Create a class diagram • Create a sequence diagram • Publish the design • Transform UML to Java • Implementation

  11. Create a use case diagram • One actor: Any User • Two use cases: • Add an entryEnter a unique person name and a phone number using the provided application user interface. The system processes the entered data and stores it. • Search for a phone numberRetrieve a phone number by entering a unique person name using the provided application user interface. The system locates the phone number and returns it to the actor.

  12. Create a use case diagram (1) • In the Model Explorer view, right-click Phone Book UML Model and select Add Diagram > Use Case Diagram.

  13. Create a use case diagram (2) • Enter Use Case Diagram as the name of the generated diagram to replace the default name Diagram1. Now you can draw the use case diagram by adding various model elements from the Palette to the diagram.

  14. Create a use case diagram (3-5) • Select Actor in the Palette, then click anywhere in the diagram to create an Actor. Name it Any User. • Select Use Case in the Palette, then click anywhere in the diagram to create a Use Case. Name it Add an entry. • Similarly, create another use case called Search for a phone number.

  15. Create a use case diagram (6-7) • Select Association in the Palette. Draw the association relationship line from the actor Any User to the use case Add an entry to initiate a relationship between the two model elements. • Similarly, create another association relationship between the actor Any User and the use case Search for a phone number.

  16. Create a use case diagram (8) • The complete use case diagram should look similar to the figure. Enter Ctrl-S to save the diagram.

  17. Steps • Create a UML project • Create a use case diagram • Create a class diagram • Create a sequence diagram • Publish the design • Transform UML to Java • Implementation

  18. Create a class diagram • Design the simple phone book application using the Model-View-Controller (MVC) architecture pattern • Three classes: • PhoneBookModel • PhoneBookView • PhoneBookController

  19. Conceptual Design

  20. Class: PhoneBookModel • Manages the phone book entries and captures the state of the application • Whenever the state is changed, it notifies PhoneBookView, which should then refresh the user interface based on the state of the application

  21. Class: PhoneBookView • Manages the graphical or textual interface to the user based on the state of the application • Notifies PhoneBookController when an input is received

  22. Class: PhoneBookController • Controls the operation of the entire application. • Changes the model state of the application and updates the data model based on user input.

  23. Class Operations • PhoneBookModel • addAnEntry • searchPhoneNumber • getSearchResult • getState • PhoneBookView • stateHasChanged • changeViewgetUserInput • PhoneBookController • userHasInput • start

  24. Create a class diagram (1-3) • In the Model Explorer view, right-click Phone Book UML Model and select Add Diagram > Class Diagram. • Enter Class Diagram as the name of the generated diagram to replace the default name Diagram1. • Select Class in the Palette, then click anywhere in the diagram to create a class. Name it PhoneBookModel.

  25. Create a class diagram (4-6) • Right click the created class PhoneBookModel and select Add UML > Operation to create an operation for this class. Name it setState. • Similarly, create the rest of the classes and operations as given previously. • Create some associations to relate these three classes together. Click the arrow that appears next to Association from the Palette and select Directed Association.

  26. Create a class diagram (7-8) • Draw the directed association relationship line from the class PhoneBookController to PhoneBookModel (the order is important) to initiate a Directed Association relationship between these two classes. A Directed Association relationship means the first one is aware of the latter, but not the other way round. • Create the following relationships: • Association relationship between the class PhoneBookModel and PhoneBookView. • Association relationship between the class PhoneBookView and PhoneBookController. • An Association relationship without any direction means the two connected classes are aware of each other.

  27. Create a class diagram (9) • The complete class diagram should look similar to the figure. Enter Ctrl-S to save the diagram.

  28. Steps • Create a UML project • Create a use case diagram • Create a class diagram • Create a sequence diagram • Publish the design • Transform UML to Java • Implementation

  29. Create a sequence diagram • Realize the use case Search for a phone number • Show the associated interaction using a sequence diagram

  30. Sequence Description • The actor Any Usermakes use of the interface provided by PhoneBookView to request a search. • PhoneBookView notifies PhoneBookController about the user's request. • PhoneBookController then updates the data model that is stored in PhoneBookModel. • Because there is a change of the model, PhoneBookModel notifies PhoneBookView, which should then refresh the user interface to reflect the latest state of the application.

  31. Create a sequence diagram (1-2) • In the Model Explorer view, right-click Phone Book UML Model and select Add Diagram > Sequence Diagram. • Enter Sequence Diagram as the name of the generated diagram to replace the default name Diagram1.

  32. Create a sequence diagram (3) • Drag the actor Any User from the Model Explorer view to the diagram to create an instance of the actor, as shown in in the figure. Similarly, create instances of PhoneBookView, PhoneBookController and PhoneBookModel by dragging them to the diagram.

  33. Create a sequence diagram (4) • Select Asynchronous Message in the Palette. As shown in the figure, click the line under any User: Any User and then the line under phoneBookView:PhoneBookView.

  34. Create a sequence diagram (5) • Select the operation PhoneBookView::getUserInput() from the drop down list.

  35. Create a sequence diagram (6) • Similarly, create the following Asynchronous Message lines shown in the table. To create an Asynchronous Message to call itself, simply click the instance bar directly without any dragging.

  36. Create a sequence diagram (7) • The complete sequence diagram should look like the figure. Select File > Save All to save everything.

  37. Steps • Create a UML project • Create a use case diagram • Create a class diagram • Create a sequence diagram • Publish the design • Transform UML to Java • Implementation

  38. Publish the design • Allows for sharing of a model with people who do not have the modeling tool. • RSA supports two publishing capabilities: • Publishing models to a web page • Publishing a model information report

  39. Publish the design (1) • Select Phone Book UML Model in the Model Explorer view. Select Modeling > Publish > Web.

  40. Publish the design (2) • Specify the target location of the generated HTML files, for example C:\HelloWorldSeries\RSA_Web, and select OK. The model is then published into HTML files that are stored in the specified location.

  41. Publish the design (3) • Open the file C:\HelloWorldSeries\RSA_Web\index.html using any Web browser.

  42. Publish the design (4-5) • Select the link Phone Book UML Model. • Navigate the published model by clicking the elements links and the diagrams.

  43. Publish the design (5)

  44. Steps • Create a UML project • Create a use case diagram • Create a class diagram • Create a sequence diagram • Publish the design • Transform UML to Java • Implementation

  45. Transform UML to Java (1-3) • In the Model Explorer view, right-click Phone Book UML Model and select Transforms > UML to Java. Select Create new Target Container... • In the New Java Project panel, enter PhoneBookJavaProjectas the Java project name, and select Create separate source and output folder. Select Finish. • Select Run to start the transformation.

  46. Transform UML to Java (4) • In the Model Explorer view, a Java project PhoneBookJavaProject is created automatically with three Java files underneath.

  47. PhoneBookController.java Stubs

  48. Steps • Create a UML project • Create a use case diagram • Create a class diagram • Create a sequence diagram • Publish the design • Transform UML to Java • Implementation

  49. Implementation • Sample implementation uses a command line interface and stores the phone entries into a local file. • Alternative implementations could be carried out • Example: • Create a GUI interface instead of a command line interface, store the data with EJB components instead of to a file • Use the Observer pattern to implement the notification mechanism

  50. Sample Implementation • Copy and paste the sample implementation into stubs. • Select File > Save All to save everything. • Select PhoneBookController, then select Run > Run As ... > Java Application to run the phone book implementation as a Java application.

More Related