Design for the project - Essay Example

Design 5. Design System design refers to the process of defining the components, modules, interfaces, and data for a system to satisfy the specified requirements. It usually is a systematic and a rigorous action. Various design methods and tools shall be used so as to ensure that the design is in correspondence with the requirements. Systems design takes the requirements and analysis into consideration and come out with a high level and low level design that will form the blue print of the actual system being developed. 5.1 Design Methodology Design methodology refers to the development approaches of a system or method for development of a unique situation. It is most often used in software and information system design. Reason for using this methodology is; (i) It focuses on process improvement in software development. (ii) The process is important because without it, we cannot reliably and confidently deliver the products we intend to come up with. 5.1.1 Use Case for Proposed System A use case is a list of steps that show the kind of interactions between the actors of the system and the system to carry out a specific task. The actor can be a human or an external entity, and depict the specification of a use case. A use case specification provides textual details to a use case diagram. It helps further understand the interactions between the users of the system and the execution of functions. Why it is used (i) It describes the proposed functionality of a new system. (ii) They are easy to understand by the client, and provide a simple means of communication between the client and the system developers. 5.1.2 Use Case Diagram 5.1.3: Class diagram It is a type of static structure diagram that describes the structure of a system by showing the classes of the system, their attributes, methods, and the relationships among objects. They describe the object and information structures used by an application, both internally and in communication with its users. Why it is used (i) It helps to organize the project for everyone to identify the project overall theme and then the interlocking parts of research or activities that relate to the overall theme. (ii) They are used to identify the important points of research. If it is a demonstration project then one identifies the different sections of the demonstration and how they go together and the most important parts. 5.3 Data Dictionary. A data dictionary refers to the descriptions of data items in a database. In developing programs that employ the use of a data model, a data dictionary shall often be consulted to point out where a data item fits in the structure, its values and what it means in the real word. Why it is Used. (i) It is an important fundamental since it illustrates all the entities and their properties in a data model. (ii) It aids in implementation of a database because entities, primary keys, foreign keys, and data types have already been identified. (iii) It reduces data redundancy. It describes data elements and the use of a defined set of properties for every data element to reduce or eliminate the repetition of data elements. Data dictionary also allows controlling the addition of new data elements and thereby avoiding duplicates. Table Name Attribute Name Data Type Length PK/FK Not Null A_I Project projectID INT PK Not Null Yes projectName NVARCHAR MAX Not Null userName NVARCHAR MAX FK Not Null type NCHAR 10 Not Null upFiles userName NVARCHAR MAX FK Not Null Id INT PK Not Null Yes FileName NVARCHAR 50 Not Null ProjectID INT PK Not Null jsonTable userName NVARCHAR MAX FK Not Null jsonData NTEXT Id INT PK Not Null Yes filename VARCHAR MAX Not Null projectID INT FK Not Null Key: PK = Primary Key FK = Foreign Key 5.5 Sequence Diagrams Sequence diagrams are interaction diagrams used to express interaction between objects in a time sequence, depicting the objects and classes included in a scenario. Why it is used (i) It is an effective method to illustrate functionality in the Unified Modelling Language (UML) since trying to understand how different processes operate with each other can be unclear and confusing. (ii) They provide the required input for determining responsibilities of classes and interfaces. Open Annotations Sequence Open Dicom Sequence Save Annotations Sequence Save Dicom Sequence Start Annotations Sequence 5.5 Activity Diagrams Activity diagrams are diagrams used to demonstrate a sequence of activities. They depict the workflow of an activity from the start point to the finish, while detailing the many decision paths that exist of events in the activity. Why it is Used. (i) Useful for business modelling where they describe the process involved in a business activity. (ii) It helps describe the flow of control of the target system, for instance exploring complex business operations and controls. (iii) Activity diagrams help businesses improve a process. When one diagram of a process proves to be somewhat complex, they can figure out how the process could be simplified. Start Annotations activity diagrams. Available Annotations activity diagram Activity available dicom Activity diagram dicom upload Activity diagram select canvas 5.6 System Hierarchy 5.7 Wireframe Models A wireframe is a visual representation of physical objects used in three dimensional graphics. Here below are the wireframes for the Dicom project and a prototype for its development. (i) The first initial wireframe contains such basic functions as Dicom file upload for display in the browser and display the information for the Dicom file. (ii) The second wireframe adds the annotations functionality and buttons for executing specific actions such as add text, arrow, circle, and colour selection. (iii) The third wireframe saves Dicom files and load the list of the uploaded Dicom files from the system. The annotations can then be saved into the system and stored in the database for use at a later time. Local upload and download of an annotation is also added to this wireframe. Upon successful establishment of a foundation for my software and the suitable prototype, I settled on incorporating other features and functionality suitable for the software, and the design of the system to enhance user friendliness and for the user to have a better ease of access that thus enables proper interactivity between the user and the system. 1. Welcome screen Once the user is logged in for Dicom Viewer with Annotations and Storage they can navigate the system with ease as all menus are accurately labelled and are all contained in the home page. No other pages shall be opened, everything the user needs to do is done in the same page. This enhances a better and easier interaction rather between the user and the system. 2. Help Button The user needs help in order to gain maximum benefit of using the system, clicking the "Help" button, opens up a dialog box containing a search field that prompts the user to enter the kind of support they require and loads information how to use the system. 3. Uploading a file. The user can upload a Dicom file from their own computer and view it within the application. This is done by opening the "Dicom Upload" button, once clicked the menu will slide from left to right and display the available options the user can take. The user can upload any number of Dicom files from their computer, by clicking the "Upload Dicom File" button within the menu and a dialog box shall pop up in the screen asking the user to select their chosen Dicom files and click ok to upload them upon ascertaining the correctness of their choices. After successfully uploading the Dicom files, the system shall display the uploaded files into the built in canvas. If the user wishes to view the available information associated with that Dicom file, they click the "Tags" button in the menu. This will open up a dialog box with all the relevant information regarding the opened Dicom file. 4. Canvas Design. In the canvas there shall be information in the corners giving the user the position of where they clicked on each point of the canvas, the user may wish to turn this off or back on by simply clicking the "Information" button on the "Dicom Upload" menu. 5. User’s personal storage of Dicom files and project folders. A user can access this by opening the "Available Dicom" menu. From this menu the user has a number of options, such as: (a) Create new project folder. This is done by clicking the "Create Project" button and a dialog box will ask the user for a project name. (b) Upload Dicom file and store for later use into the users personal storage. This is done by clicking the "Upload Dicom File" and selecting a dicom file from their personal computer, the user shall then enter an existing project name in which they wish to place the Dicom file into. (c) Opening a project folder and viewing all available Dicom files. This is done by clicking "Open Project" from the menu, a list of project names shall be displayed, the user then selects the project they wish to view and it will display all the available Dicom files within that project. The user will also get three options next to each Dicom file stored into their personal storage space, such as download the Dicom file, deleting it from their project and also sharing the file with another registered user, to share with another user, simply click the "Share" link and this will prompt the user to enter a username that they wish to share that file with. (d) Viewing shared files from other users. If another user has shared a file with you, they can be accessed by clicking the "Shared" button, and this shall display a list of files that have been shared with the user and also give them the three aforementioned available options, such as delete, download or share. "Available Annotations" menu and the features performed. This menu has features and performs functionality for the annotations files and projects, and the sharing with other users. The user can create a new project, view available projects and a list shall appear with project name in which the user can select and shall contain all the files within that project, the user can then, download, delete or share that file with another user, and the same shall apply to shared files. The "Annotation Start" menu handles all the annotations on the canvas. The user shall click "Start Annotations" in order to begin working with annotations. The functions and features performed by this menu are; add text, add arrow, add circle, free hand draw into canvas and select colour. Other features include; save the annotation into the database, download to local computer, upload from local computer, load available annotations and select an annotation to load into the canvas, and finally the user can take a screenshot of both, the Dicom and annotations at the top and download it as an image. Read More