-
Notifications
You must be signed in to change notification settings - Fork 0
/
economics_manager.html
366 lines (341 loc) · 14.4 KB
/
economics_manager.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
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="resources/misc/icon.png" />
<!-- Other CSS files -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css"
/>
<link
rel="stylesheet"
href="https://unicons.iconscout.com/release/v4.0.8/css/line.css"
/>
<!-- -->
<!-- Main CSS files -->
<link rel="stylesheet" href="styles/main.css" />
<link rel="stylesheet" href="styles/projects/econs.css" />
<link rel="stylesheet" href="styles/footer.css" />
<!-- -->
<title>Economics Manager | Ike Lim</title>
</head>
<body>
<!-- <section id="dev">
<div class="grid dev-container">
<div>
<h1 class="title">This page is currently under development. Please try again later.</h1>
<div class="flex">
<i class="uil uil-cog"></i>
<i class="uil uil-cog"></i>
</div>
</div>
</section> -->
<section id="splashscreen">
<div class="splashscreen-content grid">
<div class="heading scroll-hidden top">
<h1>Economics <span class="theme">Manager </span></h1>
<i><h4>Customized Automation Software</h4></i>
</div>
<div class="roles flex scroll-hidden bottom">
<p>Software <span class="theme">Developer</span></p>
<p>Solution <span class="theme">Engineering</span></p>
<p>Jun 2022 <span class="theme">- Aug 2023</span></p>
</div>
</div>
</section>
<div class="desc grid">
<div class="desc-content">
<div class="text scroll-hidden top">
<h1>The Project</h1>
<p>
Economics teachers in ACJC faced the arduous challenge of repeatedly
inputting students' scores into spreadsheets using similar formats.
This labor-intensive and time-consuming manual process not only
drained valuable hours but also increased the risk of errors. To
alleviate this burden, the Economics Manager was designed to
automate the score tabulation process and eliminate the need for
teachers to perform repetitive data entry tasks.
</p>
</div>
</div>
</div>
<div id="page-wrapper">
<div class="about page">
<div class="heading scroll-hidden top noanim">
<h2>Process</h2>
<p>The steps I took.</p>
</div>
<div class="part">
<div class="part-heading scroll-hidden top noanim" data-side="start">
<h3>The Package.</h3>
<hr class="theme" />
</div>
<div class="text-content scroll-hidden top noanim">
<p>
The <span class="theme">Economics Manager</span> is a powerful and
tailored
<span class="theme">automation software</span>
developed with <span class="theme">Python</span> to alleviate the
manual tasks encountered by economics teachers at Anglo-Chinese
Junior College (ACJC). With its primary goal of reducing
repetitive data entry and enhancing efficiency during the
laborious process of tabulating results, this software targets
economics teachers in ACJC, providing them with a
<span class="theme">seamless solution</span> to generate accurate
scoresheets <span class="theme">effortlessly</span>.
</p>
</div>
<div class="image-content full scroll-hidden bottom noanim">
<div class="frame">
<img src="./resources/projects/econs/ss-1.png" alt="" />
</div>
<p class="caption">
Sample: Image of Class List for an Economics Class
</p>
</div>
</div>
<div class="part" data-side="end" id="solving">
<div class="part-heading scroll-hidden top noanim" data-side="end">
<h3>The Solving.</h3>
<hr class="theme" />
</div>
<div class="text-content scroll-hidden top noanim">
<p>
Addressing the aforementioned problem required
<span class="theme">systematic approach</span>. I collaborated
closely with economics teachers,
<span class="theme">gaining insights</span> into their pain points
and specific requirements. By thoroughly evaluating the existing
tabulation process, I
<span class="theme">identified common patterns</span> in the input
data and mapped out the desired output results. This analysis
formed the basis for designing and implementing a solution that
would effectively automate the result tabulation process.
</p>
</div>
<div class="flex image-container" style="gap: 20px">
<div class="image-content half scroll-hidden bottom noanim">
<div class="frame">
<img src="./resources/projects/econs/ss-2.png" alt="" />
</div>
<p class="caption">Sample: Organisation of Directory</p>
</div>
<div class="image-content half scroll-hidden bottom noanim">
<div class="frame">
<img src="./resources/projects/econs/ss-3.png" alt="" />
</div>
<p class="caption">Sample: Automatatically Generated Results</p>
</div>
</div>
<div class="text-content scroll-hidden top noanim" id="solution">
<p>
The final solution, the Economics Manager software, provided a
<span class="theme">seamless and efficient</span> tool for
economics teachers to generate scoresheets
<span class="theme">effortlessly</span>.
</p>
<br />
<p>The software's key features and functionalities include:</p>
<ul>
<li class="scroll-hidden top">
<p>
<span class="theme">Streamlined User Interface (UI):</span>
The Python TKinter library was utilized to create a
user-friendly UI that simplified the user experience and
facilitated easy navigation within the application.
</p>
</li>
<li class="scroll-hidden top">
<p>
<span class="theme">Automated Result Tabulation:</span>
Leveraging Python's File I/O system, the software read the
input files containing students' scores and automatically
generated output files with the tabulated results. This
automation significantly reduced the need for manual data
entry and calculations.
</p>
</li>
<li class="scroll-hidden top" style="margin-bottom: 0">
<p>
<span class="theme">Efficient File Management:</span> An
organized folder structure was implemented to ensure the
proper organization and management of the generated
scoresheets, enabling easy retrieval and tracking of the
files.
</p>
</li>
</ul>
</div>
</div>
<div class="part" id="results">
<div class="part-heading scroll-hidden top noanim">
<h3>The Results.</h3>
<hr class="theme" />
</div>
<div class="text-context scroll-hidden top noanim">
<p>
The implemented solution yielded significant results and
positively impacted both the economics teachers and ACJC as a
whole. With just a few simple clicks, economics teachers could
swiftly obtain the desired results, allowing them to focus more on
analyzing the data and providing valuable insights to their
students.
</p>
<ul>
<li class="scroll-hidden top">
<div class="list-content">
<div class="heading">
<p class="theme">
<i class="uil uil-hourglass"></i> Time and Effort Savings
</p>
</div>
<p>
The automation of result tabulation reduced the manual
effort required by teachers, enabling them to allocate more
time to other teaching and administrative tasks.
</p>
</div>
</li>
<li class="scroll-hidden top">
<div class="list-content">
<div class="heading">
<p class="theme">
<i class="uil uil-arrow-growth"></i> Enhanced Productivity
</p>
</div>
<p>
With the streamlined tabulation process, teachers
experienced increased efficiency and productivity, resulting
in improved overall workflow and time management.
</p>
</div>
</li>
<li class="scroll-hidden top">
<div class="list-content">
<div class="heading">
<p class="theme">
<i class="uil uil-calculator-alt"></i> Improved Accuracy
and Consistency
</p>
</div>
<p>
The automated system reduced the likelihood of human errors
and inconsistencies that could occur during manual data
entry, ensuring accurate and reliable results.
</p>
</div>
</li>
<li class="scroll-hidden top">
<div class="list-content">
<div class="heading">
<p class="theme">
<i class="uil uil-smile-beam"></i> Elevated Teacher
Satisfaction
</p>
</div>
<p>
The Economics Manager software contributed to a more
positive and satisfying user experience for the economics
teachers, as it simplified their tasks and improved their
work-life balance.
</p>
</div>
</li>
</ul>
</div>
</div>
<div class="part" id="results">
<div class="part-heading scroll-hidden top noanim">
<h3>Measuring Success.</h3>
<hr class="theme" />
</div>
<div class="text-context scroll-hidden top noanim">
<p>
The Economics Manager stands as a testament to the transformative
<span class="theme">power of automation</span> in educational
institutions. By addressing the challenges faced by economics
teachers at ACJC and providing them with an intuitive and
efficient solution, this
<span class="theme">customized automation software</span> has
successfully revolutionized the score tabulation process. This
project not only saves time and effort but also empowers teachers
to <span class="theme">focus on what truly matters</span> -
analyzing data, providing valuable insights, and nurturing
students' understanding of economics concepts. Through its
successful implementation, the Economics Manager has demonstrated
the significant impact automation can have in
<span class="theme">optimizing workflows</span> and
<span class="theme">enhancing productivity</span> within
educational settings.
</p>
</div>
</div>
</div>
</div>
<div id="next-project">
<a class="text-content grid" href="/hog_royale">
<div class="text">
<h4 class="scroll-hidden top noanim">Check out</h4>
<h1 class="scroll-hidden top noanim">
Hog<span class="hog-theme"> Royale</span>
</h1>
</div>
</a>
</div>
<!-- Footer -->
<footer class="primary-footer flex">
<div class="footer-text flex">
<a href="/">
<h4 style="color: var(--dark-grey)">IKE LIM</h4>
</a>
</div>
<ul class="flex">
<li>
<a href="https://instagram.com/ikeawesom">
<i class="uil uil-instagram"></i>
</a>
</li>
<li>
<a href="https://github.com/ikeawesom">
<i class="uil uil-github"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/ike-lim/">
<i class="uil uil-linkedin"></i>
</a>
</li>
</ul>
<ul class="flex">
<li><a href="/#portfolio">All Projects</a></li>
<li><a href="/pricing">Pricing</a></li>
</ul>
<p>Copyright © 2023 Ike Lim. All Rights Reserved.</p>
</footer>
<script type="module">
// Import the functions you need from the SDKs you need
import { initializeApp } from "https://www.gstatic.com/firebasejs/9.23.0/firebase-app.js";
import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.23.0/firebase-analytics.js";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries
// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
apiKey: "AIzaSyDkm8RMGxIYzmxq94KhCLWyN95thVpJs4g",
authDomain: "ike-lim-website.firebaseapp.com",
projectId: "ike-lim-website",
storageBucket: "ike-lim-website.appspot.com",
messagingSenderId: "817715312989",
appId: "1:817715312989:web:8b4ba4e58b77b570c2d0b4",
measurementId: "G-1X9R8CHVVD",
};
// Initialize Firebase
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);
</script>
<script src="scripts/animations.js"></script>
</body>
</html>