-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsoftware-design.html
138 lines (135 loc) · 9.67 KB
/
software-design.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Favicon and Icons -->
<link rel="icon" href="https://Smokey027.github.io/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<!-- Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Software Design and Engineering page of Scot's ePortfolio.">
<!-- Title -->
<title>Software Design and Engineering - Scot C. Batton's ePortfolio</title>
<!-- Styles -->
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
background-color: #f0f0f0;
color: #333;
}
header {
padding: 20px;
text-align: center;
background-image: url('red-3124617_1280.png');
background-size: cover;
background-position: center;
color: black;
font-family: 'Copperplate Gothic Bold', sans-serif;
}
header h1 {
font-size: 28px;
margin: 5px 0;
}
header p {
font-size: 24px;
margin: 5px 0;
}
nav {
background-color: #333;
color: #fff;
padding: 10px;
text-align: center;
}
nav a {
color: #fff;
margin: 0 15px;
text-decoration: none;
cursor: pointer;
}
main {
padding: 20px;
max-width: 800px;
margin: 0 auto;
background-color: #fff;
}
footer {
padding: 20px;
background-color: #888;
color: #fff;
text-align: center;
}
section {
margin-bottom: 40px;
}
h2, h3 {
color: #4169e1;
}
a {
color: #4169e1;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.img-center {
display: block;
margin: 0 auto;
max-width: 100%;
position: relative;
transform: scaleY(0.75);
}
.github-button {
display: inline-block;
margin-top: 10px;
padding: 10px 20px;
background-color: #24292e;
color: #ffffff;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
}
</style>
</head>
<body>
<header>
<h1>Scot C. Batton</h1>
<p>ePortfolio</p>
<p>CS-499 Computer Science Capstone</p>
<a href="https://github.com/Smokey027/Smokey027.github.io" class="github-button" target="_blank" rel="noopener noreferrer">View Project on GitHub</a>
</header>
<nav>
<a href="index.html#welcome">Welcome</a>
<a href="index.html#self-assessment">Professional Self-Assessment</a>
<a href="refinement-plan-and-code-review.html">Enhancement Plan and Code Review</a>
<a href="software-design.html">Software Design</a>
<a href="algorithms.html">Algorithms</a>
<a href="databases.html">Databases</a>
</nav>
<main>
<section id="softwaredesign">
<h2>Software Design and Engineering</h2>
<img class="img-center" src="Software-Engineering-la-gi.jpg" alt="Software Engineering Image" title="Software Engineering">
<a href="Module 3 Narrative (Software Design and Engineering).docx" title="Software Design and Engineering Narrative">Software Design and Engineering Narrative</a>
<p style ="text-indent: 40px;"> The artifact that I created for this capstone project is an Event Tracking Mobile App for the Android operating system. This artifact was originally created during my class, <strong>CS-360: Mobile Architecture and Design</strong> in the 2023-24 school year at Southern New Hampshire University. The application that I am enhancing for this project gives users the ability to manage events in their lives. The application allows the user to manage the details of the event, track multiple events in their portfolio, add and delete events, and keep their information secure through a mobile interface. </p>
<p style ="text-indent: 40px;"> As described in the <a href="refinement-plan-and-code-review.html" title="Enhancement Plan and Code Review">Enhancement Plan and Code Review</a>, the artifact selected for the software design and engineering category is the <strong>Mobile Event Tracking Application</strong>. I have chosen to include the Event Tracking Mobile App in my portfolio to demonstrate mobile application development and database handling. The artifact allows me to showcase my skills in application development, UI/UX design, and secure and industry standard coding practices. The inclusion in my ePortfolio of this artifact will highlight my design of a user-friendly application, application reliability, and management of secure databases. The redesign of the UI/UX with a consistent scheme will showcase my skills in application development along with proper unit tests and error handling. These sections of my enhancement will showcase a user-friendly, reliable application. I will also be implementing password hashing and encryption to provide a more secure application and mitigate SQL injection risks. This artifact was enhanced by creating a bottom navigation bar, creating animated buttons for feedback, adding encryption, and input sanitation that significantly improves the application.</p>
<p style ="text-indent: 40px;"> I planned well to show the demonstration of my skills and the successful inclusion of the course outcomes into my application enhancements. This section of the process enhanced my project through consistent navigation, animation feedback, clear layouts, testing and security. I achieved <strong>Outcome 1</strong> by employing strategies for building collaborative environments that enable diverse audiences to support organizational decision-making in the field of computer science is crucial to a well-built application. In this outcome I used my skills in modular design and consistent practices to build a collaborative environment. The code uses a modular code structure that allows multiple team members to work on different parts of the application without conflicts. I have also shared themes, styles, colors, and used BottomNaviationView across all pages. This supports organizational design-making that aligns with this outcome. I was able to achieve <strong>Outcome 2</strong> through designing, developing, and delivering professional-quality oral, written, and visual communications that are coherent, technically sound, and appropriately adapted to specific audiences and contexts is shown through this code. This outcome was achieved by using toast messages in my code to communicate feedback to the user on whether actions were successful or failed. Animation feedback on button clicks also communicates feedback to the user. The request and handling of SMS permissions communicates with the user on how their privacy is maintained and how security is handled within the application. Lastly, I achieved <strong>Outcome 3</strong> by designing and evaluating computing solutions that solve a given problem using algorithmic principles and computer science practices and standards appropriate to its solution, while managing the trade-offs involved in design choices is also used in this code. By using authentication logic and checking user credentials against the database (dbHelper.checkUser(username, password), shows algorithmic thinking to solve a problem. This validates inputs, queries the database, and determines access based on if the results are true or false. The navigation logic in the BottomNavigationView and the if-else conditions within it manage user flows which demonstrate algorithmic principles. The error handling within the application, denied permissions and displaying error messages, involves logical structures and further provides proof of outcome 3.</p>
<p style ="text-indent: 40px;"> Through the process of enhancing and modifying my artifact during the initial stages of this capstone, I have learned a lot about my skills, skills employers are looking for, and how to handle challenges in an industry best way. When I initially created the artifact, I learned all the initial information I learned about mobile app development and the Android operating system. In improving this application, I have learned how to better code and comment for proper creation and sharing of the code. I have also learned the need for proper data handling, privacy, and security that must be included in any successful application. This artifact has shown me where I have lacked as well. I have been challenged in creating multiple enhancements for the same artifact and having them all run smoothly. The addition of multilingual support and error handling is something I have not had much experience with and requires much planning.</p>
</p>
<p style ="text-indent: 40px;">
Explore the application and download the Software Design and Engineering code Enhancement below:
<ul>
<li><a href="https://Smokey027.github.io/EventTrackingApp/SoftwareArchitectureandDesign.zip" download>Download Code Enhancement</a></li>
</ul>
</section>
</main>
<footer>
<p>© 2024 Scot C. Batton. All rights reserved.</p>
</footer>
</body>
</html>