-
Notifications
You must be signed in to change notification settings - Fork 2
/
general_user_manual.html
executable file
·200 lines (171 loc) · 9.03 KB
/
general_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
<!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>General User Dashboard</strong>
<div class="row">
<div class="img-container col-md-12">
<h5>Figure 1.0 – Dashbaord</h5>
<img src="assets/images/general_user_dashbaord.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>
<p>Users can view his/her request list on this page</p>
<hr />
<strong>New Request</strong>
<p>This menu is the selected to submit new request.</p>
<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>
</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>