0% found this document useful (0 votes)
6 views7 pages

Engeneer Ndomba

The document discusses the use of JavaScript libraries like Bootstrap and jQuery in government web applications, highlighting their benefits for user interaction but also noting challenges such as slow loading times and compatibility issues for users with limited tech knowledge. It recommends using plain JavaScript and CSS to reduce code complexity and loading times, as well as improving maintenance. Additionally, it addresses the need for increased server space and internet speed to mitigate issues like Error 404 during high demand periods.

Uploaded by

Athumani
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
6 views7 pages

Engeneer Ndomba

The document discusses the use of JavaScript libraries like Bootstrap and jQuery in government web applications, highlighting their benefits for user interaction but also noting challenges such as slow loading times and compatibility issues for users with limited tech knowledge. It recommends using plain JavaScript and CSS to reduce code complexity and loading times, as well as improving maintenance. Additionally, it addresses the need for increased server space and internet speed to mitigate issues like Error 404 during high demand periods.

Uploaded by

Athumani
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 7

ACRONOMY

BOOTSTRAP-

JQUERY

JAVASCRIPT

CSS

DISC SPACE – storage memory where software files installed

ERROR 404 – error message returned to user when webpage failed to found when requested by
user

HTTP - network protocol in application layer through that client communicate to servers
USES OF JAVASCRIPT LIBRARY AND
PERFOMANCE OF GOVERNMENT INSTITUTIONAL
WEB APPLICATION
There are many Government’s Institutional in our nation, Develop and uses web application
especially Dynamic based web software for different Institutional occupations. Most of those
software are implemented by In House Developer from those Institutional as well as E-
Government Developers.

For enhancement of user interactions against web software, developers decide to use Javascript
library like BOOSTRAPS, JQUERY and others libraries. Example Refer to line 13 and 14 of
source code of Ajira portal and Police force screen shots given in this Documents below.

Apart from benefits of using these libraries, including easy and fast during designing and
Implementation stages there is some disadvantages especially to the End Users who have little
Knowledge about information Technologies issues like kind of web browsers which are
compatible with these version of libraries (Users sometimes don’t know if this kind of browsers
is Current).

Another challenge which facing Users is among all of Internet Services Providers in our Country
provide Internet access with at least same speed below 10m/s. due to the fact that our
Institutional web software embedded with these libraries and sometimes linked to external
servers, result application take too long loading time when there is high demand of using
application examples deadlines days of application of certain task (examples deadlines of jobs
application, Higher education application and etc)

Due to these challenges as stakeholder of Information Technology I will recommend the measure
below for purpose of solving these challenges appears in Governments web software

USES OF PLAIN JAVASCRIPT AND CSS

Using Plain JavaScript in front end development help to reduce code complexity. Also it will
help to reduce execution time (load time of web page) compare to using of Libraries like JQuery
and Bootstrap. Among of web based software which use plain JavaScript are Youtube,
Facebook, Google and Microsoft. Another advantage of using plain JavaScript will be easy
during software maintenance because JavaScript are easy to read and code comparing libraries.

Also plain JavaScript doesn’t need CDN (Content delivery network), which are different server
along the world used to store some content include libraries. These server referred by web
software in our country. Example line of code
<!-- Data table-->
19 <link rel="stylesheet"
href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css">
20 </head>

Ajira portal linked to CSS of bootstrap libraries as result leads to long browsing time to the end
users

ADDITIONAL OF SERVER SPACES

There is a tendency of error 404 (Error returned by hypertext transfer protocol after unfound of
webpage). This error sometimes returned due to web server become too busy. This occur most in
high demand days of using software because of scramble of webpage, Increasing of memory
where (Disc space) where software installed will help to clear this error 404 challenge

ADDITIONAL OF INTERNET SPEED


Line wrap
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
8 <title>Recruitment Portal</title>
9
10 <!-- Bootstrap CSS CDN -->
11 <link rel="stylesheet" href="https://portal.ajira.go.tz/assets/bootstrap/4.1.3/css/bootstrap.min.css">
12 <!-- Our Custom CSS -->
13 <link href="https://portal.ajira.go.tz/assets/css/allfonts.min.css" rel="stylesheet">
14 <link href="https://portal.ajira.go.tz/assets/css/styleNew.css" rel="stylesheet">
15
16 <link rel="icon" type="image/x-icon" href="https://portal.ajira.go.tz/assets/images/arm.png">
17
18 <!-- Data table-->
19 <link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css">
20 </head>
21 <body>
22 <div id="home-outer-wrapper" class="container">
23 <div class="banner">
24 <img src="https://portal.ajira.go.tz/assets/images/banner-new.png">
25 </div>
26 <!--<header class="banner">-->
27 <!--<img class="img-responsive" src="--><!--assets/images/banner-new.png">-->
28 <!--</header>-->
29
30
31 <div class="wrapper">
32
33
34 <!-- Page Content Holder -->
35 <div id="middle-wrapper">
36 <nav class="navbar navbar-expand-lg navbar-light bg-light">
37 <div class="container-fluid">
38
39 <button class="btn btn-default d-inline-block d-lg-none ml-auto" type="button" data-toggle="collapse" data-target="#navbar
40 <i class="fas fa-align-justify"></i>
41 </button>
42
43 <div class="collapse navbar-collapse" id="navbarSupportedContent">
44 <ul class="nav navbar-nav ml-auto">
45 <li class="nav-item ">
46 <a class="nav-link" href="https://portal.ajira.go.tz/home">Home</a>
47 </li>
48 <li class="nav-item ">
49 <a class="nav-link" href="https://portal.ajira.go.tz/advert/index">Vacancies</a>
50 </li>
51
52 <li class="nav-item ">
53 <a class="nav-link" href="https://portal.ajira.go.tz/user/auth/login">Login</a>
54 </li>
55 <li class="nav-item ">
56 <a class="nav-link" href="https://portal.ajira.go.tz/user/auth/registration_user">Register</a>
57 </li>
58 <li class="nav-item ">
59 <a class="nav-link" href="https://portal.ajira.go.tz/feedback">Feedback</a>
60 </li>
61 </ul>
62 </div>
63 </div>
64 </nav>
65 <div id="content" class="container">
66
67
68
69 <div class="row">
70 <div class="col">
71 <div class="alert alert-warning">
72 <a href="#" class="close" data-dismiss="alert">&times;</a>
73 <p style="margin: 0in 0in 7.5pt;"><span arial","sans-serif";color:#2e2d2d"="" style="font-size: 10.5pt;">Waombaji wa fursa za
74 </div>
75 </div>
76
77 <div id="announcement">
78 <div class="row">
79 <div class="col-12">
80 <a target="_blank" href="https://portal.ajira.go.tz/uploads/others/debdc49a579e079afc7e3ccf6f89a2bb.pdf" style="display: block;col
81 <a href="https://portal.ajira.go.tz/uploads/recruitment_Portal_user_guidev2.1.pdf" style="display: block; color: rgb(0, 0, 255); font-
82 <a style="color: rgb(255, 0, 0); font-family: 'Poppins', sans-serif">Call Center: 026 216 0350, +255739160350 || Email: ict@ajira.go.t
83 </div>
84 </div>
85
86 </div>
87
88 <div class="card">
89 <div class="card-header">Job Posts By Categories</div>
90 <div class="card-body">
91 <div class="row">
92 <div class="col-md-4">
93 <ul class="mylist">
94 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/1" title="Jobs by Category - Account
95
96 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/2" title="Jobs by Category - Ban
97
98 <li><a class="btn-link" href="#" title="Jobs by Category - Physical & Natural Sciences">Physical & Nat
99
100 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/4" title="Jobs by Category - Cre
101
102 <li><a class="btn-link" href="#" title="Jobs by Category - CSE">CSE (0)</a></li>
103
104 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/6" title="Jobs by Category - Edu
105
106 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/7" title="Jobs by Category - Eng
107
108 <li><a class="btn-link" href="#" title="Jobs by Category - Environmental Sciences and Geography">Envir
109
110 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/9" title="Jobs by Category - Far
111
112 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/10" title="Jobs by Category - He
113
114 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/11" title="Jobs by Category - HR
115
116 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/12" title="Jobs by Category - In
117
118 </ul></div><div class='col-md-4'><ul class='mylist'> <li><a class="btn-link" href="https://portal.ajira
119
120 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/14" title="Jobs by Category - Le
121
122 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/15" title="Jobs by Category - Li
123
124 <li><a class="btn-link" href="#" title="Jobs by Category - Manufacturing">Manufacturing (0)</a></li>
125
126 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/17" title="Jobs by Category - Ma
127
128 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/37" title="Jobs by Category - Pr
129
130 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/19" title="Jobs by Category - Pr
131
132 <li><a class="btn-link" href="#" title="Jobs by Category - Religious Studies">Religious Studies (0)</a
133
134 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/21" title="Jobs by Category - Re
135
136 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/23" title="Jobs by Category - Se
137
138 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/24" title="Jobs by Category - So
139
140 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/25" title="Jobs by Category - St
141
142 </ul></div><div class='col-md-4'><ul class='mylist'> <li><a class="btn-link" href="#" title="Jobs by Ca
143
144 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/27" title="Jobs by Category - To
145
146 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/28" title="Jobs by Category - Tr
147
148 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/29" title="Jobs by Category - Tr
149
150 <li><a class="btn-link" href="#" title="Jobs by Category - ACSE">ACSE (0)</a></li>
151
152 <li><a class="btn-link" href="#" title="Jobs by Category - Climate Change">Climate Change (0)</a></li>
153
154 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/39" title="Jobs by Category - Dr
155
156 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/33" title="Jobs by Category - La
157
158 <li><a class="btn-link" href="#" title="Jobs by Category - Water, Mining and Natural Resources">Water,
159
160 <li><a class="btn-link" href="https://portal.ajira.go.tz/advert/index/40" title="Jobs by Category - Ag
161
162 </ul>
163 </div>
164 </div>
165 </div>
166 </div>
167
168
169 <div class="row"><div class="col"><div class="holder"></div></div></div>
170 <div class="row"">
171 <div class="col-md-4">
172 <div class="info-box">
173 <ul class="nav nav-tabs">
174 <li class="nav-item">
175 <a class="nav-link active" data-toggle="tab" href="#howDoI">How Do I</a>
176 </li>
177 <li class="nav-item">
178 <a class="nav-link" data-toggle="tab" href="#interview">Tips</a>
179 </li>
180 <li class="nav-item">
181 <a class="nav-link" data-toggle="tab" href="#resource">Resources</a>
182 </li>
183 </ul>
184
185 <!-- Tab panes -->
186 <div class="tab-content">
187 <div id="howDoI" class="container tab-pane active"><br>
188 <ul class="mylist">
189 <li><a class="btn-link" href="https://portal.ajira.go.tz/home/how_do_i#title1">Apply for Jobs</a></li>
190 <li><a class="btn-link" href="https://portal.ajira.go.tz/home/how_do_i#title2">Subscribe to Job Alerts</a></li>
191 <li><a class="btn-link" href="https://portal.ajira.go.tz/home/how_do_i#title3">Write a good CV</a></li>
192 <li><a class="btn-link" href="https://portal.ajira.go.tz/home/how_do_i#title3">Write a Cover letter</a></li>
193 </ul>
194 </div>
195 <div id="interview" class="container tab-pane fade"><br>
196 <ul class="mylist">
197 <li><a class="btn-link" href="https://portal.ajira.go.tz/home/interview_tips#title1">Get prepared for the Intervie
198 <li><a class="btn-link" href="https://portal.ajira.go.tz/home/interview_tips#title2">How to take the stress out of
199 <li><a class="btn-link" href="https://portal.ajira.go.tz/home/interview_tips#title3">Practice your answers</a></li
200 <li><a class="btn-link" href="https://portal.ajira.go.tz/home/interview_tips#title4">Look the part </a></li>
201 <li><a class="btn-link" href="https://portal.ajira.go.tz/home/interview_tips#title12">Interview Attire</a></li>
202 </ul>
203 </div>
204 <div id="resource" class="container tab-pane fade"><br>
205 <ul class="mylist">
206 <li><a class="btn-link" href="http://portal.ajira.go.tz/ajira/doc/Recruitment_Portal_User_Manual.pdf" target="_bla
207 </ul>
208 </div>
209 </div>
210 </div>
211 </div>
212 <div class="col-md-4">
213 <div class="info-box">
214 <div class="box-header">
215 Application General Conditions
216 </div>
217 <ul class="custom-list">
218 <li>All applicants must be Citizens of Tanzania</li>
219 <li>Applicants must attach their detailed relevant certified copies of Academic certificates</li>
220 <li>Applicants should indicate three reputable referees with their reliable contacts</li>
221 <a class="btn-link" href="https://portal.ajira.go.tz/home/general_conditions">read more</a>
222 </ul>
223
224 </div>
225 </div>
226 <div class="col-md-4">
227 <div class="info-box">
228 <div class="box-header">Use your mobile phone</div>
229 <img class="img-responsive" src="https://portal.ajira.go.tz/assets/images/mobo.png">
230 </div>
231 </div>
232 </div>
233
234
235
236 </div>
237
238 </div>
239 </div>
240 <footer>
241 <div class="row">
242 <div class="col">
243 <span>Hatimiliki &copy; 2013-2025 <a href=""> Sekretariat ya Ajira(PSRS)</a>, Haki zote Zimehifadhiwa (version 2.0)</span>
244 <!-- <span> Inaendeshwa na kusimamiwa na <a href="www.ajira.go.tz"> Sekretariat ya Ajira(PSRS)</a>, <br/></span> -->
245 <br />
246 <!-- <a href="#/disclaimer">Kanusho</a> &nbsp;&nbsp;| &nbsp;
247 <a href="#/privacy_policy">Sera ya Faragha</a>&nbsp;|&nbsp;
248 <a href="#/sitemap">Ramani ya Tovuti</a> &nbsp;|&nbsp;
249 <a href="#/faqs">Maswali yaulizwayo Mara kwa Mara</a> </span> -->
250 </div>
251 </div>
252
253 </footer>
254 </div>
255
256
257
258 <!-- jQuery -->
259 <script src="https://portal.ajira.go.tz/assets/js/jquery-3.4.0.js"></script>
260 <!-- Popper.JS -->
261 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"
integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4
262 <!-- Bootstrap JS -->
263 <script src="https://portal.ajira.go.tz/assets/bootstrap/4.1.3/js/bootstrap.min.js"></script>
264 <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
265 <script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
266 <script type="text/javascript">
267 $(document).ready(function () {
268 $('#vacancyTable').DataTable({"order":[]});
269 $('#sidebarCollapse').on('click', function () {
270 $('#sidebar').toggleClass('active');
271 $(this).toggleClass('active');
272 });
273 });
274 </script>
275 </body>
276 </html>

You might also like