Project_Report
Contents
1. CS5604 Information Storage and Retrieval Project Report Generation of a User I nterface Prototype from an Integrated Scenario Specification Project Members Colaso Vikrant Lobo Lester Shah Anuj Shastri Priya Client Kelapure Rohit Instructor Dr Edward A Fox Fall 2002 Generation of a User Interface Prototype from an Integrated Scenario Specification Table of Contents IL MMITOGUCH OM OA EEA E pad eues ds fel erage ides duct 2 2 Design and Architecture Details icc cc depo eatdougucchdeoarniah teeth oa fenstanls 4 2 1 Problemis Paced zs erreren ise eae ate earache ve ot le eaters 5 2 2 Project destini enere eaalenyvuneeue ues E REE E EEE ENES GA 6 2 2 1 Modifications integrated into the SUIP design cceeeeeeeeerreee 6 2 2 2 Flow of control in the design ssssssssssreresssresssrerrrrresrrsrssesresre 8 3 User Mantal essenin e ana aar a E a E A a Mattie EAI TRR 9 Appendix A Generated UIML code sssssssssscceeeeereererrrresrrrrrrrereen 10 Appendix B Snapshot of the UI prototype sssssseseesssrrnrerresrresssreees 12 References vean aa a EEEE ENEE VE EA ETERRA 13 Generation of a User Interface Prototype from an Integrated Scenario Specification 1 Introduction This report discusses the design for the generation of a device independent user interface prototype for services offered by a digital library from an Integrated Scenario Specification using class diagrams and collaboration dia2. ML code To achieve this goal we had to undertake several activities before getting down to writing code for the final deliverable We took the following approach to realize our objective 1 Pi RY ee tS Understanding the SUIP algorithm in order to understand where our design would fit into the code Obtaining the latest UIML specification UIML v2 0 and v3 0 Installing the UIML renderer LiquidUD Modifying the SUIP algorithm in order to integrate our design into the SUIP code Preparing a demonstrable prototype 2 1 Problems Faced We were faced with several problematic issues during the course of the project Some were due to our assumptions and the others were due to the non standardization of UIML We have listed the hurdles that we faced below 1 We started our design assuming that UIML had the ability to call functions across files However we couldn t find such functionality in the specification We thus had to abandon our initial design based on our assumptions We decided to split the files into 2 types stat and act files The stat files contained the UI part which was static content The act files had the action listeners for the UI components The final output is a single file which concatenates the stat and act files We realized that the UIML renderer renders only the older version of the UIML specification much later and by this time we already had the UIML code generated as per the latest spec
3. df 5 The SUIP tool for scenario based prototyping http www iro umontreal ca labs gelo suip 6 UIML draft specification version 3 0 htto Awww uiml org specs uiml3 DraftSpec htm 7 UIML draft specification version 2 0 htto Awww uiml org specs uiml2 DraftSpec htm 8 List of java classes supported by the renderer http Avww uiml org toolkits Java_1 3 Harmonia 1 0 uiml 13
4. g functions were integrated into the UIGraph java file generateuimlFile This function was created in line with our initial approach of creating multiple uiml files which could call each other This function creates a uiml file with the initial headers Code for generating the static content of the uiml files has been written However the further development on this approach was abandoned because we couldn t find a way of function calling between uiml files Generation of a User Interface Prototype from an Integrated Scenario Specification generateuimlLwidget generateuimlCwidget generateuimlBwidget generateStatFile generateUimIControllor ActivateUiml Widgets DesactivateUiml Widgets chooseUimlScenario This function generates the UIML equivalent of the java label code This function generates the UIML equivalent of the java Checkbox code Since the renderer didn t support the checkbox group we implemented this as a button group having radio buttons This in effect had the same functionality as the checkbox group This function generates the UIML equivalent of the java button widget This function creates the stat and act files It however doesn t populate the files This function generates the UIML equivalent of the java action listeners of the various UI components In our project the action listeners correspond to button actions and menu actions This function generates the comments on state trans
5. grams as input The project was conceived as an extension to the SUIP tool which generates a User interface in java But this approach has an inherent problem The interfaces thus generated have the java look and feel and this can t be changed if the user so desires Our design overcomes this drawback by generating the interface in UIML which is device independent and thus it is possible to render the code in java HTML WML and other languages The report aims at providing details about the intricacies of the design and the tries to answer the common how to questions to get the code running In addition it also lists possible enhancements to the code that could be taken up as future work Generation of a User Interface Prototype from an Integrated Scenario Specification 2 Design and Architecture Details Our project was to basically extend the functionality of the SUIP tool so that it generates the interface code in UIML The following concept map shows where we concentrated our efforts in the whole SUIP scenario Device Independent Ul Prototype SUIP Tool Java specific look 3 Analysis of partial specifications followed by extended by 2 generation of partial Specifications from Scenarios Fig Project Concept Map Generation of a User Interface Prototype from an Integrated Scenario Specification As seen in the concept map the project involved converting the partial specifications into the UI
6. ification We ended up creating 2 deliverables so that we had a demonstrable prototype One more difficulty was getting the UIML renderer LiquidUI up and running The documentation provided by the software is insufficient to do this It took us some time to realize that the software required jdkl 1 now obsolete for the installation However the ironical part is that the same software requires jdk1 3 to Tun Generation of a User Interface Prototype from an Integrated Scenario Specification 4 Finally we had problems regarding the SUIP code obtained from the authors since the code provided had bugs We had to debug this code before beginning our design 2 2 Logical Flow of the Design The code written for our project modified 3 files of the original SUIP code 1 UlJGraph java 2 Utiljava 3 SUIP java The UJGraph java file is concerned with the generation of the stat and act files from the partial specifications generated by the SUIP code The Utiljava file is concerned with the generation of the Main Window for SUIP and the Simulation Window which shows the transitions between the states of the state chart diagram The states correspond to the status of the UI components The SUIP java file is the main application file which starts the entire process and it contains the code for combining the stat and act files into a single resultant file final uiml 2 2 1 Modifications Integrated into the SUIP Design The followin
7. iml Fig 2 Flow of Control 8 Generation of a User Interface Prototype from an Integrated Scenario Specification 3 User Manual To use our deliverable following steps are to be taken l 2 SN DY e 10 11 12 14 16 Unzip the SuipSpec V2 0 zip to the destination folder Note SuipSpec V3 0 zip can t be rendered completely because UIML spec v3 0 can t be rendered by the renderer Open a DOS window and go to the destination directory where the file has been unzipped Go to the SuipSpec V2 0 libprj UIObjects Terminal directory On the command prompt type javac java java SUIP classDiagram File This generates the final uiml file which is the output file to be rendered The file is created in the SuipSpec V2 0 directory Download the UIML renderer LiquidUI This can be downloaded at the following link http www harmonia com products liquidui download htm Install jdk1 1 since it is required for LiquidUI installation This version is obsolete but can be obtained from the archive at the following link http java sun com products archive index html 13 Install jdk1 3 to run the renderer This is a requirement by the renderer The jdk1 3 can be obtained at the following link http java sun com j2se 1 3 download html 15 Once the installation is complete and the final uiml file has been generated it is necessary to check if the vocabulary file CUIML2_Og dtd is present in the same director
8. itions which are in turn displayed in the simulation window This function deactivates the UI components depending on the transition of the states in the state transition diagram This function generates the UI for choosing the regular or the error scenario The following function was modified in the Util java file MenuForUIObject This function was modified to generate UIML code for the main SUIP terminal and the simulation window The following modifications were done in the SUIP java file Code was written to concatenate the stat and act files into a single UIML file final uim Generation of a User Interface Prototype from an Integrated Scenario Specification 2 2 2 Flow of Control in the Design UIGraph java generateFrame Loop through Use Cases generateuimlFile generateStatFile Generate headers in stat files Loop through UI components in the use case If textfield 2 generateuimllwidget If Label 2 generateuimlLwidget If Button generateuimlBwidget If CheckBox 4s generateuimlB widget generateUimlControllor generateUimIControllor Generate menu Action listener for the main SUIP terminal ActivateUim1Widgets Loop through buttons in each use case o DescativateUiml Widgets o ActivateUiml Widgets o ChooseUim Scenario MenuForUIObject Util java 1 Creates SUIP Terminal 2 Creates Simulation window SUIP java 1 Concatenate stat and act files into final u
9. t lt property part name txtFld5 name enabled gt true lt property gt lt property part name txtFld5 name text gt lt property gt lt property part name button2 name enabled gt true lt property gt lt property part name txtAreal name content gt CLICK BUTTON lt property gt lt property part name txtAreal name content gt lt property part name button2 name text gt lt property gt lt property part name txtAreal name content gt lt property gt lt property part name loan_Dialog1 name visible gt false lt property gt lt action gt lt rule gt lt behavior gt lt interface gt lt peers gt lt presentation source J ava_1 3_Harmonia_1 0 uiml vocab base Java_1 3_Harmonia_1 0 gt lt peers gt lt uiml gt 11 Generation of a User Interface Prototype from an Integrated Scenario Specification Appendix B Snapshots of the UI prototype TCV eeke ea ts Ot dee E Oas Het Lynes Dent be Vocamteary 12 Generation of a User Interface Prototype from an Integrated Scenario Specification References 1 Project page http collab dlib vt edu runwiki wiki pl lsRprojKelapure Three 2 Scenario synthesis algorithm 1 http Awww iro umontreal ca labs gelo suip GELO 82 pdf 3 Scenario synthesis algorithm 2 http www iro umontreal ca labgelo Publications Papers ccpe 2001 pdf 4 Scenario synthesis algorithm 3 http www iro umontreal ca labs gelo suip bookChapter p
10. t property gt lt property name borderAlignment gt Center lt property gt lt style gt lt part gt lt part gt lt part gt lt structure gt lt behavior gt lt rule gt lt condition gt lt event class actionPerformed part name loanD1radio1 gt lt condition gt lt action gt lt property part name txtAreal name content gt DISPLAY lt property gt lt property part name txtAreal name content gt lt property part name L 2 name text gt lt property gt 10 Generation of a User Interface Prototype from an Integrated Scenario Specification lt property part name txtAreal name content gt lt property gt lt property part name txtAreal name content gt DISPLAY lt property gt lt property part name txtAreal name content gt lt property part name L 3 name text gt lt property gt lt property part name txtAreal name content gt lt property gt lt property part name txtAreal name content gt DISPLAY lt property gt lt property part name txtAreal name content gt lt property part name L 4 name text gt lt property gt lt property part name txtAreal name content gt lt property gt lt property part name txtAreal name content gt ENTER lt property gt lt property part name txtAreal name content gt lt property part name L 5 name text gt lt property gt lt property part name txtAreal name content gt lt property g
11. y If not place this file in the same directory as the output file The file final uiml is now ready to be opened by the renderer which then shows the UI prototype Generation of a User Interface Prototype from an Integrated Scenario Specification Appendix A Generated UIML code sample lt xml version 1 0 gt lt DOCTYPE uiml PUBLIC Harmonia DTD UIML 2 0 Draft EN UIML2_0g dtd gt lt uiml gt lt interface id myinterface gt lt structure gt lt part id loan_Dialog1 class Frame gt lt style gt lt property name title part name loan_Dialog1 gt Choose Scenarios lt property gt lt property name size part name loan_Dialog1 gt 300 109 lt property gt lt property name layout gt java awt BorderLayout lt property gt lt property name visible gt false lt property gt lt style gt lt part id loanD1Group1 class ButtonGroup gt lt part id loanD1radio1 class RadioButton gt lt style gt lt property name bounds gt 25 25 188 25 lt property gt lt property name text gt cancelLoan regularLoan lt property gt lt property name enabled gt true lt property gt lt property name borderAlignment gt North lt property gt lt style gt lt part gt lt part id loanD1radio2 class RadioButton gt lt style gt lt property name bounds gt 25 50 125 25 lt property gt lt property name text gt errorUserLoan lt property gt lt property name enabled gt true l
Download Pdf Manuals
Related Search