-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex-2.html
48 lines (48 loc) · 2.12 KB
/
index-2.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
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>Inconnu(e) </title></head><body>
<h1 id="getitfixed">GetItFixed</h1>
<p>Web-based crowdsourcing application for reporting city defects such as road potholes, traffic lights failure etc.</p>
<p>The project was designed and developed for the course <em>Programming and Systems in the World Wide Web</em>, <a href="https://www.ceid.upatras.gr/">CEID</a>.</p>
<p>The development of the application was made using: HTML, CSS, PHP, MySQL, Javascript, AJAX, XML and Google Maps API.</p>
<h3 id="users-categories">Users' categories</h3>
<p>There are three categories of users:
- Visitors who are able to:
- view the latest reports and some statistics about them.
- register on the site.
- Registered users who have the ability to:
- make a new report.
- modify their registration data.
- Administrators who are allowed to:
- create or delete categories.
- manage users and their data.
- access reports' tables (by category/status/user).
- change a report's status (pending/fixed/deleted).</p>
<h3 id="additional-features">Additional features</h3>
<ul>
<li>direct access of mobile's camera.</li>
<li>retrieve the device's location (when someone is making a new report).</li>
<li>responsive design.</li>
<li>RSS feed.</li>
</ul>
<h2 id="screenshots-of-the-application">Screenshots of the application</h2>
<p>Main page, user's login page and user's registration page::
<p align="left">
<img src="/screenshots/screen_4.png" width="250"/>
<img src="/screenshots/screen_5.png" width="250"/>
<img src="/screenshots/screen_6.png" width="250"/>
</p></p>
<p>Categories and user's tables:
<p align="left">
<img src="/screenshots/screen_11.png" width="300"/>
<img src="/screenshots/screen_12.png" width="300"/>
</p></p>
<p>Mobile usage:
<p align="center">
<img src="/screenshots/screen_2.png" width="200"/>
<img src="/screenshots/screen_3.png" width="450"/>
<img src="/screenshots/screen_1.png" width="200"/>
</p></p>
<p>Retrieved device's location while making a new report:
<p align="left">
<img src="/screenshots/screen_10.png" width="500"/>
</p></p>
</body></html>