-
Notifications
You must be signed in to change notification settings - Fork 2
/
ViolationPortal.html
211 lines (164 loc) · 12.5 KB
/
ViolationPortal.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>THOZHAN Eyandravarai</title>
<meta name="keywords" content="slate, theme, darkcyan, teal color, free templates, web design, CSS, HTML" />
<meta name="description" content="Slate Theme is using darkcyan or teal color free template by templatemo.com" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<script language="javascript" type="text/javascript">
function clearText(field){
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js">
/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
ddsmoothmenu.init({
mainmenuid: "templatemo_menu", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
</script>
</head>
<body>
<div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title"><h1><a href="http://www.thozhan.org"> </a></h1></div>
<div class="cleaner"></div>
</div> <!-- end of header -->
<div id="templatemo_menu" class="ddsmoothmenu">
<ul>
<li><a href="index.html" >Home</a></li>
<li><a href="about.html">Our Passion</a></li>
<li><a href="100Signals.html">100Signals</a></li>
<li><a href="blog.html">We Focus</a></li>
<li><a href="portfolio.html">Photo Gallery</a></li>
<li><a href="ViolationPortal.html"class="selected">ViolationPortal</a></li>
<li><a href="http://thozhan.org/blog/">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<br style="clear: left" />
</div> <!-- end of templatemo_menu -->
<div id="templatemo_main">
<div id="content" class="float_l">
<center>
<h2> Traffic violation portal - Vision zero for India</h2>
</center>
<div class="cleaner"></div>
<p style="font-family:Times new Roman Handwriting, Math;color:#FFFFFF;font-size:20px; font-style:bold;">
            To take forward our attempts at fixing Traffic violations, we came up with a comprehensive IT solution, a web portal to track Traffic Violations and crowdsource the process of taking violation videos and analyzing them.</p>
<div class="cleaner h20"></div>
<div class="sb_box">
<h3>What is the problem?</h3>
<ul class="sb_list">
<li>* India tops <a href="https://en.wikipedia.org/wiki/List_of_countries_by_traffic-related_death_rate">this List</a> with 2,43,475 traffic related deaths / year.</li>
<li>* In other terms, 1 in 4970 Indian die every year.</li>
<li>* For 10th year in a row, <a href="http://timesofindia.indiatimes.com/india/For-10th-year-in-a-row-Tamil-Nadu-tops-India-in-road-accidents/articleshow/20735444.cms">Tamil Nadu tops India</a> in road accidents.</li>
</ul>
</div>
<div class="sb_box">
<h3>Reason?</h3>
<ul class="sb_list">
<li>* Our own mindset, that we value `1 or 2 seconds and bypass red signals` more than `our own safety`.</li>
<li>* Poor Traffic Infrastructure including Improper Board signs, non-working signals, damaged road, Encroachments that obstruct traffic.</li>
</ul>
</div>
<div class="sb_box">
<h3>What a COMMAN MAN can do?</h3>
<p>                Million things. As the topmost person in the Democracy, a common man’s will can do anything (at least in theory). Hit directly at the `no care` attitude of the people.</p>
</div>
<div class="sb_box">
<h3>HOW?</h3>
<ul class="sb_list">
<li>* Take your smartphone, Capture videos of traffic violations happening in roads.</li>
<li>* Document the details of all captured violations by noting down the Vehicle Registration Number, Violation Type and such.</li>
<li>* We are not just capturing the violations done by the Public, but also we cover the Infrastructure problems like poor roads, broken signals, encroachments on road / pavements.</li>
<li>* Collect all the violation data and send complaint to Traffic Police to take action by imposing fine on all violators.</li>
<li>* If no action is made on the complaint, escalate it above and above till it reaches the CM.</li>
<li>* Do the above steps on a larger scale, like 100s of videos capturing 1000s violations / month. We are definitely not short of violations.</li>
<li>* Make the authorities / Politicians directly responsible for the Huge number of violations happening and its direct consequence 2,43,475 deaths / year.</li>
<center><h4>THEN SIT AND WATCH THE CHANGE HAPPENING...</h4>
</center><br>
<p>           This TRAFFIC VIOLATION PORTAL is to automate and digitize the above processes and to crowd source the tasks…</P>
</ul>
</div>
<div class="sb_box">
<h3>1.Prototype of the project</h3>
<p>          The development of the Project has just begun and still a long way to go. Looking for Contribution from web developers to speed things up…</p>
<center><a href="http://grayfaceofindia.in/modules/traffic/"><font color="black" size=4 style="font-weight:bold"> http://grayfaceofindia.in/modules/traffic/</font></a>
<p> (Project is under development. Stable, but untested version of the code will be hosted in this URL)</p></center>
</div>
<div class="sb_box">
<h3>2.Project Specification Document</h3>
<center> <iframe src="https://docs.google.com/document/d/1jhuSz9_ntiTih6WMx2neTtxKYGWk2-wOLegT334wCys/pub?embedded=true" width="90%" height="800"></iframe> </center>
</div>
<div class="sb_box">
<h3>3.Spec Documents</h3>
<h5>3.1 Requirement</h5>
<ol>
<li><a href="https://docs.google.com/document/d/1jhuSz9_ntiTih6WMx2neTtxKYGWk2-wOLegT334wCys/edit?usp=sharing" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://docs.google.com']);" target="_blank"><font color="blue">Project Specification Document</font></a> – Embedded above</li>
<li><a href="https://docs.google.com/spreadsheets/d/1ESRjNuovPXVgs2Jrgvwl5SAvehwxJcqGJRJGveOVrnI/edit?usp=sharing" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://docs.google.com']);" target="_blank"><font color="blue">Master Sheet</font></a> that accompanies the Spec Document [1]</li>
</ol>
<h5>3.2 Technical</h5>
<ol>
<li><a href="https://docs.google.com/document/d/1ls3s9RWwe5ZIKdmAKuf845e2sJS2cDbfVfT_cmXuuUA/edit?usp=sharing" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://docs.google.com']);"><font color="blue">Master Document</font></a> (yet to do)</li>
<li><a href="https://docs.google.com/document/d/1CMSBlww5SZ-hUSvnP20YZgsfrgJ5GTXGsNWMPjX9-kQ/edit?usp=sharing" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://docs.google.com']);" target="_blank"><font color="blue">Database Schema</font></a></li>
<li><a href="https://docs.google.com/document/d/1OVl-FskBPvCeMk8tKuMGJRJPEYzeRxVEUMu-UUi3M8M/edit?usp=sharing" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://docs.google.com']);" target="_blank"><font color="blue">Web Service Specification</font></a></li>
<li>Web App Specification (yet to do)</li>
<li>Mobile Uploader App Specification (yet to do)</li>
</ol>
<h5>3.3 User Interface-Web</h5>
<ol>
<li><a href="https://docs.google.com/drawings/d/1-JKxqSwgzUaRxidq9Yf1l-gFy4K7zPBSi2op51QKbIw/edit?usp=sharing" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://docs.google.com']);" target="_blank"><font color="blue">Home Page</font></a></li>
<li><a href="https://docs.google.com/drawings/d/1GuCbWjz_dx53CTrZboOKn3aHctLLg8xTSe995xsp0VA/edit?usp=sharing" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://docs.google.com']);" target="_blank"><font color="blue"> and Graphs</font></a></li>
<li><a href="https://docs.google.com/drawings/d/1aPlGFy_Xv1L3cqb2o4F233cUeUKxuDrP3bWNDAUrjJ4/edit?usp=sharing" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://docs.google.com']);" target="_blank"><font color="blue"> singup popup</font></a></li>
<li><a href="https://docs.google.com/drawings/d/1oeBYN_31o-8hVid7hGOe2dSK5qTcn1Yy2XcD54wVJrs/edit?usp=sharing" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://docs.google.com']);" target="_blank"><font color="blue">Upload Video popup</font></a></li>
<li><a href="https://docs.google.com/drawings/d/1WytTMugvJxkkhM_tGM3bJ9K9nna6WoYS8ntb4Rq_PVo/edit?usp=sharing" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://docs.google.com']);" target="_blank"><font color="blue"> Popup</font></a></li>
<li><a href="https://docs.google.com/drawings/d/11HO2-g2LYQpblKKQ7eJ9OuwYT8vFxuPXmqkW1CaXt7k/edit?usp=sharing" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://docs.google.com']);" target="_blank"><font color="blue">UI Flow</font></a></li>
</ol>
<h5>3.4 User Interface-Mobile</h5>
<li> * YET TO DO </li>
</div>
<div class="sb_box">
<h3>4.Contributions</h3>
<h5>4.1 Development</h5>
<p>                  
Development of this Portal is a massive task and definitely its not a one man Project. So interested developers from all arenas are welcome to contribute their coding skill to this project. The Technical Stack would be like:</p>
<ol>
<li>Server: PHP / MySQL / Slim / PHPUnit / Apache</li>
<li>Web App: HTML5 / CSS3 / AngularJS</li>
<li>Designers: Photoshop for UI Design / Graphs Mock</li>
</ol>
<h5>4.2 Operations</h5>
<ol>
<li>We need to cover more Videos and Violations happening in the City. If anyone is willing to take videos and analyze existing videos (need more people here) to extract Violation Information (Reg. No, Vehicle Type, Violation, etc.,), please do mail us.</li></ol>
<center><h4>If anyone interested in any type of Contribution, please mail us to
<a href="[email protected]"><font color="blue">[email protected]</font></a></h4>
</center>
</div>
<div class="sb_box">
<h3>Team</h3>
<ol>
<li>A bunch of college students (from various colleges in Chennai) who are passionate on contributing to the Nation joined us in making the Traffic Portal a reality. As of now, we are in the process of training them through online self trainer courses and the objective is to make them strong in various technologies involved. Once they are prepared, they will start contributing for the project.</li>
<li>Any CS/IT students can also join us, we will guide you / train on technologies and then you shall start contributing for the project. Its a win-win for all :-)</li>
</ol>
<center><blockquote><h4>ALL ABOVE DOCUMENTATION IS IN THIS<li><a href="Master Folder"><font color="blue">Master Folder</font></a></li><h4>
</blockquote></center>
<div id="templatemo_footer">
Copyright © 2014 THOZHAN | Designed by THOZHAN
</div>
</div>
</body>
</html>