Application Development .Net Assignment 1 (P+M+D), Assignments of Web Application Development

Download Application Development .Net Assignment 1 (P+M+D) and more Assignments Web Application Development in PDF only on Docsity!

Trần Nguyễn Tấn Sang ASSIGNMENT 1 GCS

APPLICATION DEVELOPMENT

ASSIGNMENT 1 FRONT SHEET

Qualification BTEC Level 5 HND Diploma in Business Unit number and title Unit 30: Application Development Submission date Date Received 1st submission Re-submission Date Date Received 2nd submission Student Name Trần Nguyễn Tấn Sang Student ID GCS Class GCS0803A Assessor name Thái Thị Thanh Thảo Student declaration I certify that the assignment submission is entirely my own work and I fully understand the consequences of plagiarism. I understand that making a false declaration is a form of malpractice.

 Summative Feedback:  Resubmission Feedback:

GInrtade:ernal Verifier’s^ Comments: Assessor Signature: Date: Signature & Date:

Assignment Brief 1 (RQF) Higher National Certificate/Diploma in Computing Student Name/ID Number: Unit Number and Title: Unit 30: Application Development Academic Year: 2021 – 2022 Unit Assessor: Thái Thị Thanh Thảo Assignment Title: Analysis and Design solution for a given problem Issue Date: Submission Date: Internal Verifier Name: Date: Submission Format:

LO1 Produce a Software Design Document by analysing a business-related problem and deduce an appropriate solution including a set of initial requirements LO2 Use design and development methodologies with tools and techniques associated with the creation of a business application Assignment Brief and Guidance: Scenario : As the technology is being developed rapidly nowadays, FPT Co. desires to build the continuing study environment throughout the corporation. It is necessary to develop a system, which manages the activity of “Training” for internal training program of the company. This system can be used to manage trainee accounts, manage trainers, manage course categories, manage courses, manage topics, assign topic to course, assign trainer to topic, assign trainee to course. This is a system used by HR department. We have four roles in this system, an administrator, training staff, a trainer and trainees. The detailed description of those roles can be viewed in the attached document (Requirements.docx). Tasks You and your team (2 members/team maximum) need to prepare a software design document with the following sections: o A requirement specification which explores the problem by a set of user and system requirements, as well as determine any risks related to the successful completion of your application. You are advised to use an SRS template or modify one to complete this task. o An evaluation section in which you research the use of software development tools and techniques and identify any that have been selected for the development of this application. You should compare them and justify your choices. o A design section in which you use chosen tools from previous step to produce design diagrams

for your solution based on the requirement specification.

development of this application. your preferred selection as well as your preferred software development methodology.

Table of Contents

Chapter 7 – Compare the differences between the various software development tools and

• Chapter 1 – Design Tools
  • 1. Tools to design UML
  • 2. Tools to design User Interface
  • 3. Chosen tools for the design of the application
• Chapter 2 – Front End technology stack
  • 1. Front End Programming Language
  • below: 2) Front end Languages: The front end portion is built by using some languages which are discussed
  • 3. JavaScript Library / Framework
  • 4. CSS Framework
  • 5. Conclude which Front End technologies will be used for the development
• Chapter 3 – Back End technology stack
  • 1. Back End Programming Language
  • 2. Operating System........................................................................................................................
  • 3. Web Server
  • 4. Database
  • 5. Hosting
  • 6. Frameworks
  • 7. Conclude which Back End technologies will be used for the development
• Chapter 4 – Tools for source control management
  • 1. Git, GitHub, GitLab, etc................................................................................................................
  • 2. Chosen tools used for the development
• Chapter 5 – Software Development Models
  • 1. Introduce several SDLC models: Scrum, Waterfall, V-model, etc.
  • 2. Chosen SDLC model will be used for the development with explanations
• Chapter 6 – Illustrate all your findings on how to use these by drawing the overview
• development methodology................................................................................................................................... techniques researched and justify your preferred selection as well as your preferred software
  • 1. Comparison of Waterfall with Agile model:
  • 2. The Difference between Bootstrap and Foundation
  • 3. Why I choose SQL Server instead of MySQL
  • 4. Why I choose C# instead of NodeJS
• business related problem. your preferred selection of tools and techniques in deducing an appropriate solution to a
  • 1. Why I choose C# in my project.....................................................................................................
  • 2. Why I choose Waterfall Software Development and Testing
  • 3. Why I choose .Net
  • 4. Why I choose Mockup
  • 5. Why I choose Git
• References
• Table 1 GitMind tool Table of Tables
• Table 2 Gliffy tool.............................................................................................................................................................
• Table 3 MagicDraw tool
• Table 4 Lucidchart tool
• Table 5 Microsoft Visio tool
• Table 6 UML tools comparison
• Table 7 Difference between Agile and Waterfall Model:
• Figure 1 Gitmind (https://gitmind.com/) Table of Figures
• Figure 2 Gliffy (https://www.gliffy.com/)
• Figure 3 Lucidchart tool
• Figure 4 Microsoft Visio tool............................................................................................................................................
• Figure 5 Sketch tool
• Figure 6 InVision Studio
• Figure 7 Axure
• Figure 8 Gitmind tool
• Figure 9 Sketch Prototyping
• Figure 10 Communication with team and clients
• Figure 11 Functions of Operating System........................................................................................................................
• Figure 12 Web server.......................................................................................................................................................
• Figure 13 Django
• Figure 14 Laravel..............................................................................................................................................................
• Figure 15 ExpressJS
• Figure 16 GitHub
• Figure 17 GitLab
• Figure 18 Bitbucket
• Figure 19 SourceForge
• Figure 20 GitHub Banner
• Figure 21 SDLC Models
• Figure 22 Waterfall Model
• Figure 23 V-Shaped Model
• Figure 24 Iterative model
• Figure 25 Spiral Model
• Figure 26 Big Bang model
• Figure 27 Agile model
• Figure 28 Waterfall Model
• Figure 29 Illustrate overview my system
• Figure 30 .NET Core vs Node.js performance

Chapter 1 – Design Tools

1) Tools to design UML

1.1. What is UML? UML, short for Unified Modeling Language, is a standardized modeling language consisting of an integrated set of diagrams, developed to help system and software developers for specifying, visualizing, constructing, and documenting the artifacts of software systems, as well as for business modeling and other non-software systems. The UML represents a collection of best engineering practices that have proven successful in the modeling of large and complex systems. The UML is a very important part of developing object-oriented software and the software development process. The UML uses mostly graphical notations to express the design of software projects. Using the UML helps project teams communicate, explore potential designs, and validate the architectural design of the software. 1.2. What is the use of UML? Mainly, UML has been used as a general-purpose modeling language in the field of software engineering. However, it has now found its way into the documentation of several business processes or workflows. For example, activity diagrams, a type of UML diagram, can be used as a replacement for flowcharts. They provide both a more standardized way of modeling workflows as well as a wider range of features to improve readability and efficacy. 1.3. Tools: A good tool does its job without making operation difficult with unnecessary extras. Free UML tools are sufficient for simple drafts like in use case A. To illustrate complex systems or to find solutions for program integration through diagrams (like in cases B and C), you need the best UML tools with numerous features. In the following paragraphs, we introduce you to tools with very different functional ranges. GitMind: simple use in the cloud

Collaboration with team members Gliffy: an online UML tool for beginners Figure 2 Gliffy (https://www.gliffy.com/) The online application Gliffy is a cloud-based UML tool for the browser. First released in 2006, the modeling tool creates all types of diagrams such as flowcharts, Venn diagrams, and of course, UML diagrams. The online tool was written in HTML5 and scores points with its fast reaction time. Even before Gliffy went through the beta phase in 2007, the company (under the same name) cooperated with the Australian software group Atlassian. As early on as 2006, its collaboration software, Confluence, integrated a Gliffy plugin. Later, the Gliffy team developed a plugin for Jira. Google’s Workspace and Drive also contain the UML tool. Table 2 Gliffy tool Advantages Disadvantages Suitable for all current browsers Features such as image export and Google Drive interface can only be used in group business Extensive support No debugger

Integrated team communication Does not create code Fast operation thanks to HTML5, drag-and-drop, and clear user interface UML 2 compatible MagicDraw: everything you need for professional UML diagrams MagicDraw von No Magic is the first comprehensive full version for professional modeling in this list. A modern design and a clean layout set this desktop app apart from the rest as a proprietary software for high demands. The range of functions and user-friendliness confirm this. The modeling tool supports UML, its equivalent for operating systems, SysML, the graphical representation of business processes with BPMN (Business Process Model and Notation) and the UPDM architecture framework (United Profile for DoDAF/MODAF). In MagicDraw, you work with current diagrams according to the UML 2.5 standard, whose profiles you can tailor to your own needs. MagicDraw also offers OCL, the boundary condition notation, and XMI, which you can use to export diagrams to other programs without any loss. Table 3 MagicDraw tool Advantages Disadvantages Contains all templates for diagram types in current UML 2. File download only possible after completing registration Supports many programming languages and formats Comparatively high prices Intuitive and understandable user interface WebPortal only available in Enterpriseedition Import/export, code generation, reverse engineering, and round-trip engineering

Scalable through cloud storage Space-saving, clear design Microsoft Visio: the UML drawing tool for Office users Figure 4 Microsoft Visio tool Microsoft Visio is a popular chart and visualization software and belongs to the Office family. Therefore, Visio can be easily integrated into the suite. For example, if you use Office Pro 365, Microsoft offers you a subscription extension for Visio. However, the cost will be added to your Office subscription. Visio Online Plan 2 includes a desktop app and a web-based editor for up to five PCs (volume licensing on request). Table 5 Microsoft Visio tool Advantages Disadvantages Supports UML 2.0 (Online Plan 2 also supports UML 2.5), including XML metadata Steep learning curve for beginners Real-time data linking helps with live testing Expensive compared to other options Clear user interface with familiar ribbon menu No integrated code frame generation

2) Tools to design User Interface

1.1. Overview: UI design tools give designers what they need to design accurate hi-fi wireframes, mockups, and prototypes and render minimally viable products. They represent the nuts and bolts of a design, communicating its functionality. UX design tools focus on the user and how they’ll experience the content. These tools can help structure the information architecture, as well as how someone will flow through the experience. Since this is more conceptual, UX tools are about helping a designer paint the broader picture of how content and organization will affect experience. 1.2. 7 useful tools for UI/UX designer: ➢ Sketch Figure 5 Sketch tool Being able to make universal changes — whether it's through their library of symbols, layer styles, or text styles, or its smooth resizing and alignment features — saves designers time to deliver consistent prototypes. It takes out what’s tedious and lets designers jump in and create. And with a multitude of third-party plugins that integrate without problems, there’s no shortage of tools out there that can be used with Sketch. ➢ InVision Studio