-
Notifications
You must be signed in to change notification settings - Fork 2
/
budget_user_manual.html
executable file
·223 lines (192 loc) · 12 KB
/
budget_user_manual.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>eXWeb - CodeIgniter Purchasing System</title>
<!-- Bootstrap core CSS -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="assets/css/scrolling-nav.css" rel="stylesheet">
<style type="text/css">
img{
width: 100%;
}
.img-container{
border: 1px solid black;
}
p, li{
text-align: justify;
text-justify: inter-word;
}
</style>
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">eXWeb</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#intro">Introduction</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#scope">Scope of Purchasing</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#purpose">Purpose</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#manual">Manual</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<header class="bg-primary text-white">
<div class="container text-center">
<h1>Welcome to CodeIgniter Purchasing System</h1>
<p class="lead text-center">Documentation By: Abby Luera <small>(abby@extremewebevolution.com)</small></p>
</div>
</header>
<section id="intro">
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<hr />
<h2>Introduction</h2>
<p class="lead">Codeigniter Purchasing system is a web-based platform that helps businesses of all sizes elevate their entire procurement process to better manage requisitions, generate purchase orders, and monitor spending with full visibility and control into their respective purchase cycle. It has seamless flow of data and customized workflows. Automating the purchasing functions can make your company competitive in its industry to not be merely transactional but strategic enough to transform the way you do business.</p>
</div>
</div>
</div>
</section>
<section id="scope">
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<hr />
<h2>Scope of Purchasing</h2>
<p class="lead">Each employee plays an active role in the purchasing function. Many of them requisition goods and services, while others are directly involved in the purchase of such goods and services. Most of what they use in their daily work, from the paper they write on to the wax on the floors has been acquired through Purchasing. Since everyone is involved in purchasing, the Purchasing Department, in accordance with their own existing policies will determine and clarify what is expected of each involved in the purchase of goods and services.</p>
</div>
</div>
</div>
</section>
<section id="purpose">
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<hr />
<h2>Purpose of the Purchasing Guide</h2>
<p class="lead">This section should be used as a guide by all employees, when requisitioning, purchasing, receiving or approving, payment for goods and services. Statements of purchasing policies and objectives, responsibilities of various individuals and departments, and procedures for the performance of some of the major purchasing functions is the responsibility of the company to disseminate.</p>
</div>
</div>
</div>
</section>
<section id="manual">
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<hr />
<strong>Budget Dashboard</strong>
<div class="row">
<div class="img-container col-md-12">
<h5>Figure 1.0 – Dashbaord</h5>
<img src="assets/images/budget_dashboard.png">
</div>
</div>
<br />
<ol>
<li>Announcement area.</li>
<li>It shows all your current request showing its level of progress.</li>
<li>Hide/Show side bar menu</li>
<li>Top navigation
<ol>
<li>Profile</li>
<li>Settings</li>
<li>Help</li>
<li>Logout</li>
</ol>
</li>
<li>Side bar menu</li>
<div class="img-container col-md-12">
<i>Note: The number at the right side of the menu means a certain number of tasks needs to be taken into action. Another way of determining the action to be taken is through the light green row on each records table. See sample in figure 2.0</i>
</div>
</ol>
<br />
<div class="img-container col-md-12">
<h5>Figure 2.0 – (sample) Light Green row</h5>
<img src="assets/images/light_green.png">
</div>
<hr />
<strong>Request</strong>
<ul>
<li><strong>All Request</strong> – You can see here all the request of the users.</li>
<li><strong>Staff Requests</strong> – This page where you can see all requests of your staff.</li>
<li><strong>My Requests</strong> – This page where you can see your own request only. You can view the items by clicking the “View Items” button. You can print your request and go to the details of your request just by clicking the link in the request name. You can also edit your request by clicking the “Edit” button.</li>
<li><strong>Request New</strong> – This menu is the step where you can submit new request.</li>
</ul>
<hr />
<strong>Head Approval</strong>
<p>This menu or page will appear only if you have been assigned by the admin as a head of the department. As the head approval user you can view all newly submitted requests by your staff or even other department’s staffs if it was assigned to you as a recommending approval.</p>
<p>The buttons under “Action” button will be different depending on the current status of the request.</p>
<p>Click the “View Items” button to view the items that are assigned to you. You can also see the items that are assigned to the other head (see <u>Assigned To</u> column). You can only approve and deny items that were assigned to you. Whether approved or denied, it will notify the requisitioner of your action taken. There will be times that requisitioner will response to it and you will be able to view it on the <u>Requisitioner Note</u> column. All items should be approved by all the recommending officer before it will be forwarded to the admin for the next steps process.</p>
<hr />
<strong>Staff Reports</strong>
<p>All reports generated here is only for your staffs. This menu will appear only if you are the head of the department.</p>
<ul>
<li><p><strong>Request Reports</strong> – It will show all the Request Reports. There are different filters to choose according to purpose and preference, that is Branch, Department, Year and Month. You can view them as PDF, Excel and/or print them directly as is.</p></li>
<li><strong>Item Reports</strong> – It will show you all the items requested. There are different filters to choose according to your purpose and preference, that is Branch, Department, Year and Month. You can view them as PDF, Excel and/or print them directly as is.</li>
<li><strong>PO Reports</strong> – It will show you all the Purchase Order records. There are different filters to choose according to your purpose and preference, that is Branch, Department, Year and Month. You can view them as PDF, Excel and/or print them directly as is.</li>
</ul>
<hr />
<strong>Budget Approval</strong>
<p>You can see on this page all the request assigned to you for the approval of budget. Your action can be either approve or deny the request.</p>
<hr />
<strong>Reports</strong>
<p>Budget also has an ability to view all the reports.</p>
<ul>
<li><p><strong>Request Reports</strong> – It will show all the Request Reports. There are different filters to choose according to your purpose and preference, that is Branch, Department, Year and Month. You can view them as PDF, Excel and/or print them directly as is.</p></li>
<li><p><strong>Item Reports</strong> – It will show you all the items requested. There are different filters to choose according to your purpose and preference, that is Branch, Department, Year and Month. You can view them as PDF, Excel and/or print them directly as is.</p></li>
<li><p><strong>PO Reports</strong> – It will show you all the Purchase Order records. There are different filters to choose according to your purpose and preference, that is Branch, Department, Year and Month. You can view them as PDF, Excel and/or print them directly as is.</p></li>
</ul>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<hr />
<h2>Contact</h2>
<p class="lead">Thank you for purchasing my item. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form <a href="https://codecanyon.net/user/jaystream">here</a>. Thank you so much!</p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center text-white">Copyright © <a href="http://www.extremewebevolution.com/">eXWeb</a> 2017</p>
</div>
<!-- /.container -->
</footer>
<!-- Bootstrap core JavaScript -->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/popper/popper.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="assets/vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom JavaScript for this theme -->
<script src="assets/js/scrolling-nav.js"></script>
</body>
</html>