-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
274 lines (269 loc) · 19.1 KB
/
index.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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
n<!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="Personal webpage of Scot, showcasing top programming languages and projects.">
<!-- Title -->
<title>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;
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
th {
background-color: rgba(255, 255, 255, 0.8);
}
.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;
}
blockquote {
font-size: 18px;
color: #555;
border-left: 5px solid #ccc;
margin: 20px 0;
padding-left: 15px;
}
.img-center {
display: block;
margin: 0 auto;
max-width: 100%;
position: relative;
transform: scaleY(0.75);
}
.text-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 36px;
font-weight: bold;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}
.image-container {
position: relative;
text-align: center;
}
</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="#welcome">Welcome</a>
<a href="#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="welcome">
<h2>Welcome</h2>
<p style ="text-indent: 40px;"> Welcome and thank you for taking the time to visit my ePortfolio site. This ePortfolio has been created to showcase the knowledge and skills that I have gained during my time in the Bachelor's program at Southern New Hampshire University (SNHU). This portfolio and the project included within it represent an evolution of my skills from their original to enhanced versions. The original code base and enhanced codes are located within my GitHub repository under EventTrackingApp, which is linked above. My repository also contains other projects I have created and showcases other skills in computer science. I have created a cohesive application using the same artifact for all three enhancement categories. I designed this ePortfolio as a professionally written, visually appealing, and informative gateway into the progression of my educational and professional self. I have combined a visually demonstrative, coherent, and technically sound project to appeal to educators, collaborators, and employers alike.</p>
</section>
<section id="self-assessment">
<h2>Professional Self-Assessment</h2>
<p style ="text-indent: 40px;"> As I reflect on my journey through the Computer Science program and the development of my ePortfolio, I am proud of the skills and knowledge I have acquired, which have prepared me to excel in the field of computer science. The capstone project and various coursework assignments have not only strengthened my technical abilities but have also helped me shape my professional goals and values, setting me apart as a competitive candidate in the job market.</p>
<p style ="text-indent: 40px;"> Throughout the program, I have had numerous opportunities to collaborate in team environments, which has been instrumental in honing my ability to work effectively with others. For instance, with the knowledge I have learned over my degree I have had the opportunity to work on a CRM system in my professional life. I participated in research and development to evolve a system for a roofing contractor. This experience taught me the importance of clear communication, task delegation, and conflict resolution, all of which are crucial skills in any professional setting. Additionally, working with others has helped me value diverse perspectives and fostered a collaborative spirit that I will carry into my future roles.</p>
<p style ="text-indent: 40px;"> Communication with stakeholders is another critical skill I have developed during my studies. In the Software Development Life Cycle class, I worked on a project which saw me work as a SCRUM Master and provide a clear path for project completion. This experience taught me how to convey complex technical concepts in a clear and concise manner, ensuring that stakeholders understand the value and implications of our work. Effective communication is essential for bridging the gap between technical teams and business stakeholders, and I am confident in my ability to facilitate this dialogue.</p>
<p style ="text-indent: 40px;"> My coursework has also provided me with a solid foundation in data structures and algorithms, which are the backbone of efficient software development. Through assignments and projects, I have gained hands-on experience in implementing various algorithms and data structures, such as binary trees, hash tables, and sorting algorithms. These skills are crucial for developing high-performance applications and solving complex computational problems.</p>
<p style ="text-indent: 40px;"> In the realm of software engineering and databases, I have learned to design and implement robust, scalable systems. The capstone project, in particular, allowed me to integrate my knowledge of software development lifecycle methodologies, version control systems, and database design principles. I developed a comprehensive application that demonstrated my ability to apply theoretical knowledge to practical scenarios, ensuring software quality and reliability.</p>
<p style ="text-indent: 40px;"> Security is a paramount concern in today's digital landscape, and my program has equipped me with the necessary skills to address these challenges. Courses in cybersecurity have taught me about encryption techniques, secure coding practices, and vulnerability assessments. I have applied these concepts in projects that required implementing security measures to protect sensitive data and prevent unauthorized access.</p>
<p style ="text-indent: 40px;"> My ePortfolio is a culmination of these experiences and skills, showcasing the range of my computer science talents and abilities. The artifacts included in the portfolio demonstrate my proficiency in various areas, from software development and database management to algorithmic problem-solving and cybersecurity. Each artifact serves as a testament to my dedication to excellence and my readiness to contribute meaningfully to any organization.</p>
<p style ="text-indent: 40px;"> In summary, my journey through the Computer Science program has been transformative, equipping me with the technical expertise and soft skills necessary to thrive in the field. My professional self-assessment highlights my strengths and accomplishments, and the ePortfolio serves as a comprehensive introduction to my capabilities. I am excited to leverage these skills as I enter the workforce and pursue a fulfilling career in computer science.</p>
<table>
<thead>
<tr>
<th>Hard Skills</th>
<th>Soft Skills</th>
</tr>
</thead>
<tbody>
<tr>
<td>Computer and Technology Skills</td>
<td>Organizational</td>
</tr>
<tr>
<td>Data Analysis</td>
<td>Attention to Detail</td>
</tr>
<tr>
<td>Data Visualization</td>
<td>Critical Thinking</td>
</tr>
<tr>
<td>Programming</td>
<td>Problem Solving</td>
</tr>
<tr>
<td>Software Development</td>
<td>Collaboration</td>
</tr>
<tr>
<td>Web Development</td>
<td>Communication</td>
</tr>
<tr>
<td>HTML/CSS/JS/Markdown</td>
<td>Adaptability</td>
</tr>
<tr>
<td>JAVA</td>
<td>Leadership</td>
</tr>
<tr>
<td>Python</td>
<td>Time Management</td>
</tr>
<tr>
<td>C++</td>
<td>Project Management Skills</td>
</tr>
<tr>
<td>Technical Writing</td>
<td>Decision-Making</td>
</tr>
<tr>
<td>Security Mindset</td>
<td>Interpersonal Skills</td>
</tr>
<tr>
<td>Mobile Development</td>
<td>Conflict Resolution</td>
</tr>
</tbody>
</table>
<p style ="text-indent: 40px;"> Below you will find links to sections that will give detailed descriptions of my original code, enhancement plan, and the individual categories where enhancements have occured.</p>
</section>
<section id="codereview">
<h2><a href="refinement-plan-and-code-review.html">Enhancement Plan and Code Review</a></h2>
<img class="img-center" src="EventTrackingApp/codereview.jpg" alt="Code Review Image" title="Code Review">
<p style ="text-indent: 40px;"> Code review is an essential part of the development process. This step in the process can provide improved code quality, allow for collaboration between peers, and allow for free thinking amongst an organization. Code review helps to ensure quality projects and is a main component in the debug process. Having a refinement plan during this time will allow the review to be efficient, achievable, and provide updated code. Best practices for code reviews should enclude setting clear goals, correct code practices, radability, maintainability, and security. As part of a proper software development life cycle, code review and refinement allow for the most collaborative and well-built project possible. Below I have provided a brief overview of the enhancement categories for the application. Follow the refinement plan and code review link for a break down of my code review and enhancement plan. For more insights into my original code base and its strengths and weaknesses watch my code review using the following link. <a href="https://youtu.be/6eo0bEmdYWc" target="_blank" rel="noopener noreferrer">Event Tracking App code review</a>.</p>
<p style="text-indent: 40px;">
Explore the application and download the original code below:
<ul>
<li><a href="https://Smokey027.github.io/EventTrackingApp/EventTrackingApplicationOriginal.zip" download>Download Original Code</a></li>
</ul>
</p>
</section>
<section id="softwaredesign">
<h2><a href="software-design.html">Software Design and Engineering</a></h2>
<img class="img-center" src="Software-Engineering-la-gi.jpg" alt="Software Engineering Image" title="Software Engineering">
<p style ="text-indent: 40px;"> As showcased in the <a href="refinement-plan-and-code-review.html" title="Refinement Plan and Code Review">Refinement Plan and Code Review</a>, the artifact that I selected for the Software Design and Engineering category is the <strong>Mobile Event Tracking Application</strong>. The applications goal is to track and manage users life events using Android mobile devices. The software was planned, designed, and developed as part of the CS360 Mobile Architecture and Design computer science course at Southern New Hampshire University (SNHU) in 2023. The application was developed using JAVA programming language with integration to the relational database SQLite. The development and programming tool used is Android Studio IDE. The testing and running of the application on multiple Android devices, mainly Pixel 2, are ran through a device emulator inside Android Studio. In this category I made enhancements in UI/UX design, improved security and error handling, and implemented user-centered design techniques. The software design and engineering plan, along with skills used and outcomes achieved can be found on the Software Design and Engineering page which is linked above.</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>
<section id="algorithms">
<h2><a href="algorithms.html">Algorithms and Data Structure</a></h2>
<img class="img-center" src="data-structures-and-algorithms.jpg" alt="Data Structures and Algorithms Image" title="Data Structures and Algorithms">
<p style ="text-indent: 40px;"> As presented in the <a href="refinement-plan-and-code-review.html" title="Refinement Plan and Code Review">Refinement Plan and Code Review</a>, the artifact selected for the algorithms and data structure category is the <strong>Mobile Event Tracking Application</strong>. . The program was planned, designed, and developed as part of the CS360 Mobile Architecture and Design computer science course at Southern New Hampshire University (SNHU) in 2023. The program is produced in the JAVA programming language as I did with the software design and engineering category of this project. I once again used the Android Studio IDE for development in this area and used an emulator inside Android Studio to test and design the algorithms and data structures. In this category I made enhancments to the data structures and algorithms of the application. I optimized the strucutres and improved performance with more efficient algorithms. I also implemented multilingual support in this category. The algorithms and data structures plan, enhancments, and course outcomes it fulfilled can be found on the Algorithms and Data Structure page which is linked above. .</p>
<p style ="text-indent: 40px;">
Explore the application and download the Algorithms and Data Structures code Enhancement below:
<ul>
<li><a href="https://Smokey027.github.io/EventTrackingApp/Algorithms and Data Structures.zip" download>Download Code Enhancement</a></li>
</ul>
</section>
<section id="databases">
<h2><a href="databases.html">Databases</a></h2>
<div class="image-container">
<img class="img-center" src="database.jpg" alt="Database Image" title="Database Image">
<div class="text-overlay">Databases</div>
</div>
<p style ="text-indent: 40px;"> As described in the <a href="refinement-plan-and-code-review.html" title="Refinement Plan and Code Review">Refinement Plan and Code Review</a>, the artifact selected for the databases category is the <strong>Mobile Event Tracking Application</strong>. The program was once again planned, designed, and developed as part of the CS360 Mobile Architecture and Design course at Southern New Hampshire Univerrsity (SNHU) in 2023. This program continues using JAVA programming language and the Android Studio IDE. The database within this project uses SQLite for data storage and management. I employed the emulator within Android Studio to design and test the functions of the database. I implemented encryption, authentication methodss, error handling and testing, and a normalized database schema to achieve the skills and outcomes of this project. The database ehancement skills and course outcomes can be found at the Databases link above.</p>
<p style ="text-indent: 40px;">
Explore the application and download the Databases code Enhancement below:
<ul>
<li><a href="https://Smokey027.github.io/EventTrackingApp/Database.zip" download>Download Code Enhancement</a></li>
</ul
</section>
</main>
<footer>
<p>© 2024 Scot C. Batton. All rights reserved.</p>
</footer>
</body>
</html>