-
Notifications
You must be signed in to change notification settings - Fork 15
/
Copy pathindex.html
199 lines (170 loc) · 19.6 KB
/
index.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
<!DOCTYPE html>
<!--[if lt IE 9 ]><html class="ie-8"><![endif]-->
<!--[if IE 9 ]><html class="ie-9"><![endif]-->
<!--[if gt IE 9]><!--><html><!--<![endif]-->
<head>
<title>תב"ע פתוחה</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="תב״ע פתוחה: ממשק נוח לתוכניות בנין עיר">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
<link href="https://api.tiles.mapbox.com/mapbox.js/plugins/leaflet-locatecontrol/v0.24.0/L.Control.Locate.css" rel="stylesheet" />
<!--[if lt IE 9]>
<link href="https://api.tiles.mapbox.com/mapbox.js/plugins/leaflet-locatecontrol/v0.24.0/L.Control.Locate.ie.css" rel="stylesheet" />
<![endif]-->
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet" media="screen">
<link href="css/stylesheet.css" rel="stylesheet" media="screen">
<!--[if gt IE 8]> <!-- -->
<link rel="stylesheet" type="text/css" media="all" href="css/sidebar.css"/>
<!-- <![endif]-->
<link rel="alternate" type="application/atom+xml" href="http://opentaba-server.herokuapp.com/plans.atom" title="פיד תוכניות בניה בירושלים">
<meta property="og:image" content="/img/screenshot.png" />
<meta property="og:title" content='תב״ע פתוחה: ממשק נוח לתוכניות בנין עיר' />
</head>
<body>
<div class="container-fluid ot-main">
<div class="row ot-main row-offcanvas row-offcanvas-right">
<img src="img/menu.png" class="navbar-toggle" id="toggle-button" data-toggle="offcanvas" data-target=".sidebar-offcanvas"></img>
<!--[if lt IE 9]>
<div class="col-xs-8 ot-main">
<![endif]-->
<!--[if gt IE 8]> <!-- -->
<div class="col-xs-12 col-sm-8 ot-main">
<!-- <![endif]-->
<div id="map"></div>
</div>
<!--[if lt IE 9]>
<div class="col-xs-4 sidebar-offcanvas" id="info-div">
<![endif]-->
<!--[if gt IE 8]> <!-- -->
<div class="col-xs-12 col-sm-4 sidebar-offcanvas" id="info-div">
<!-- <![endif]-->
<div id="right-bar" >
<div class="row">
<div class="align-center col-xs-5 col-md-4 about-link">
<h3 id="open-info-modal"><span class="pull-left"><a href="#info-modal" data-toggle="modal" style="color: #777">מי אנחנו</a></span></h3>
</div>
<div class="hidden-xs hidden-sm col-md-2"></div>
<div id="share_icons" class="align-right col-xs-7 col-md-6">
<a id="rss-link" href="https://opentaba-server.herokuapp.com/jerusalem/plans.atom" target="_blank"><i class="icon-rss icon-2x"></i></a>
<a id="fb-link" href="https://www.facebook.com/opentaba.jerusalem" target="_blank"><i class="icon-facebook icon-2x"></i></a>
<a id="twitter-link" href="https://twitter.com/opentaba_JLM" target="_blank"><i class="icon-twitter icon-2x"></i></a>
<a class="notifier" id="notifier-general-link" href="" target="_blank"><i class="icon-bell icon-2x" aria-hidden="true"></i></a>
<a id="forum-link" href="http://forum.hasadna.org.il/c/eknights/opentaba" target="_blank"><i class="icon-comments icon-2x" aria-hidden="true"></i></a>
</div>
</div>
<div id="header" class="row align-right">
<div id="jump-to" class="align-right col-xs-5">
<span class="btn btn-default dropdown-toggle" type="button" id="jump-to-menu" XXXdata-toggle="dropdown">
<a href="/"><h1 id="jump-to-title"></h1></a></span>
<ul id="jump-to-list" class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="jump-to-menu"></ul>
</div>
<div id="jump-to-title-prefix" class="col-xs-7"><a href="/"><h1 id="top-title">תב"ע פתוחה: </h1></a></div>
</div>
<div class="align-right">
<p id="muni-text">בחרו גוש במפה כדי לצפות בתוכניות הבניה, או הקישו כתובת, מספר גוש או מספר תוכנית לחיפוש</p>
<form id="search-form">
<input type="text" id="search-text" name="search-value" placeholder="הכניסו כתובת, מספר גוש או מספר תוכנית:"/>
<button type="submit" class="btn"><span class="glyphicon glyphicon-search"></span></button>
<img src="css/ajax-loader.gif" id="scrobber" />
<p style="color: red" id="search-error-p"></p>
<p style="color: blue; display: none" id="search-note-p">שימו לב: מפות הגושים עשויות להכיל אי דיוקים, ולכן מומלץ לבדוק גם את המידע של הגושים הצמודים לתוצאה</p>
<div style="display: none" id="search-plan-suggestions" />
</form>
</div>
<div id="info" class="align-right">
<p>טוען מידע...</p>
</div>
<div id="info-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="info-modal-label" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" style="direction: rtl;">
<button id="close-info-modal" type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="info-modal-label">ברוך בואך לתב"ע הפתוחה!</h3>
</div>
<div class="modal-body" style="direction: rtl;">
<p>
תב"ע היא "תוכנית בנין עיר". לכל תוכנית בניה, משיפוץ בנין ועד הקמת עיר שלמה, יש תב"ע שמגדירה בדיוק מה יבוצע. תהליך אישור התב"ע מאפשר לאזרחים להיות מעורבים ולהשפיע על תוכניות בניה באיזור מגוריהם.
</p>
<p>
תב"ע פתוחה מגישה ממשק נוח לאיתור תוכניות תב"ע ברשות מקומית, ומשם להגיע לפרטי התוכנית באתר רשות המקרקעין.
</p>
<p>
תב"ע פתוחה היא פרויקט של <a href="http://www.hasadna.org.il/">הסדנא לידע ציבורי</a> שמובל על ידי <a href="http://planning-jerusalem.blogspot.co.il/">יאיר אסף-שפירא</a> ו<a href="http://niryariv.wordpress.com/">ניר יריב</a>.
כל הקוד באתר פתוח לציבור. גם את ואתה יכולים לתרום,
<a href="https://github.com/niryariv/opentaba-server">בצד השרת</a> או <a href="https://github.com/niryariv/opentaba-client">הממשק</a>, במשוב משתמש ובידע תכנוני. <a href="mailto:[email protected]">צרו איתנו קשר</a>.
</p>
<p>
<b>משתתפים בפרויקט:</b><br />
יובל אדמון<br />
גילעד גולדברג<br />
פינחס ליכטמן<br />
מעין אלכסנדר<br />
<a href="http://degeladom.wordpress.com/">אלון ניסר</a><br />
מור יריב<br />
<a href="http://arr.gr/">שחר עברון</a><br />
ניר וייסמן<br />
<a href="http://gizra.com/">גיזרה</a><br />
אביב גונן<br />
יוגב שרביט<br />
נעם קסטל<br />
שירה מזור<br />
Israel icon by <a href="http://thenounproject.com/BibraDesign/">Vincens von Bibra</a><br />
</p>
<h4 style="margin-top:30px">מהי תב"ע? למה זה חשוב?</h4>
<p>תב"ע, תכנית בניין עיר, היא מסמך חוקי שנערך על-ידי מתכנן, עובר תהליך אישור (שיפורט עוד מעט), ולאחר שהוא מאושר הוא הופך למעשה לחוק הקובע מה מותר לעשות בתחום התכנון והבנייה בשטח שעליו חלה התב"ע (יכול להיות בניין בודד, קבוצת בניינים, שכונה או עיר שלמה), ומה אסור. כוחה של התב"ע מוגדר בחוק התכנון והבנייה (נוסח מלא של החוק כאן או כאן) המינוח השגור "תכנית בניין עיר\ערים" מקורו בחוק הבריטי, וכיום ההתייחסות בחוק היא למינוח "תכנית" (קיימים מספר סוגים של תכניות. ההתייחסות ב-"תבע פתוחה" היא לתכניות מקומיות ומפורטות (ולא לתכניות מחוזיות או ארציות).</p>
<p>התב"ע יכולה לקבוע, לדוגמה, כי בשטח מסוים מותר לבנות בניין, שגובהו 8 קומות, וחזיתו הקדמית צריכה להיות מרוחקת מהרחוב 5 מטרים, וצריכה להיות מצופה באבן. הבניין יהיה מיועד למגורים (כלומר זה מה שמותר לעשות בו), ושטח הדירות יהיה בין 80 לבין 140 מ"ר. אותה תב"ע יכולה לקבוע כי שטח (מגרש) סמוך, יהיה מיועד לגן ילדים ומותר יהיה לבנות מעליו טיפת חלב בתנאי שתהיה לה כניסה נפרדת, וכי, מגרש שלישי יהיה פארק.</p>
<p>התב"ע, אם כך, משפיעה מאוד על חיינו - בניין חדש שנבנה, תוספת בנייה, חלק מפארק שנלקח לטובת כביש, או שכונה חדשה - כולם תוצאה של אישור תב"ע. חשוב לדעת כאשר תב"ע כלשהי נמצאת בתהליך אישור - כי יש לאזרח זמן מוגבל להשתתף בתהליך, ואחרי אישור התב"ע קשה הרבה יותר להשפיע - למנוע את בניית הבניין או להנמיך אותו, לשמור את הפארק, לוודא שיהיה בשכונה החדשה בית ספר וכולי. חשוב גם לדעת מה אומרת תב"ע שכבר אושרה, מפני שבין אישור התב"ע לבין הבנייה ישנו הליך נוסף - היתר הבנייה. ידיעת התב"ע נותנת לנו בקרה על הליך היתר הבנייה, ועל הבנייה עצמה.</p>
<h4>מה כוללת תב"ע?</h4>
<p>תב"ע כוללת שני מסמכים עיקריים - תשריט (מפה) ותקנון (הוראות). התשריט מסמן את השטח ומחלק אותו לאזורים (מגרשים) - כל מגרש צבוע בצבע אחר (ונושא מספר), והתקנון קובע מה מותר ומה אסור לעשות (ובעיקר לבנות) בכל צבע ובכל מגרש. התשריט כולל גם מפה של המצב הקיים - לפני אישור התב"ע, וגם של המצב אחרי אישורה - עם השינויים שהיא יוצרת - מפה זו נקראת "מצב מוצע".
בנוסף, כולל התשריט פרטים חשובים כמו שטחי המגרשים, שם היזם והמתכנן, תאריכים וכולי. התקנון כולל פרטים רבים כגון הגדרות, דברי הסבר, טבלאות שטחים, שימושים מותרים בשטח וכולי. כדאי לקרוא את התקנון בעיון - זהו מסמך משפטי שיהפוך לחוק, וכל מילה חשובה.
בנוסף, כוללת התב"ע נספחים. הנספחים קובעים פרטים חשובים כגון פרטי הבינוי. חלק מהנספחים מחייבים, וחלק מהם מנחים בלבד. לצערנו לא תמיד הנספחים נסרקים ומועלים לאינטרנט.</p>
<p>זה מספר שנים שהתב"עות נערכות ומוגשות לפי נוהל קבוע - נוהל מבא"ת (מבנה אחיד לתכניות). לאחר שראיתם תכנית או שתיים הערוכות לפי נוהל מבא"ת, יהיה לכם די קל להבין מי נגד מי כאשר תראו תכנית נוספת.</p>
<h4>מהו תהליך האישור?</h4>
<p>היוזמה להכנת התב"ע היא בדרך כלל של היזם או בעל הקרקע - במקרה בו יזם קנה קרקע ורוצה לבנות עליה - או של גוף ממסדי - העירייה, משרד השיכון, מינהל מקרקעי ישראל - במקרה של תכנון שכונה (או עיר). יזם התכנית פונה לשם הכנתה לאדריכל או מתכנן, שעורך את התכנית, לרוב באמצעות צוות רב תחומי. עורך התכנית מתייעץ עם העירייה כבר בשלב ההכנה של התכנית - כדי לקבל הנחיות ותנאים שהוא חייב לעמוד בהם.</p>
<p>לאחר סיום התכנון, מוגשת התכנית לועדה המקומית לתכנון ובנייה. ועדה זו שוכנת ברוב המקרים בעירייה, ומורכבת מחברי מועצת העיר. הועדה דנה בתכנית לאחר שמתקבלות המלצות האגפים השונים בעירייה לגביה, ומחליטה מהי המלצתה לגבי התכנית. הועדה מעבירה את התכנית עם ההמלצה לועדה המחוזית לתכנון ובנייה. ראוי לציין כי ישנן תב"עות שבסמכותה של הועדה המקומית לאשר, אך אנו לא דנים באלו כאן.</p>
<p>הועדה המחוזית דנה בתכנית, ומחליטה האם צריך לערוך בה שינויים, או שניתן להפקיד אותה להתנגדויות.לאחר ההחלטה על הפקדה, מופקדים עותקים של התב"ע במשרדי הועדה המקומית והמחוזית, לעיון הציבור ולהגשת התנגדויות. לפי חוק התכנון והבנייה רשאי להגיש התנגדות לתב"ע "כל מעונין בקרקע, בבנין או בכל פרט תכנוני אחר הרואה את עצמו נפגע". בנוסף, ישנה רשימה של גופים שאושרו על-ידי שר הפנים להגיש התנגדות בכל תכנית. ביניהם החברה להגנת הטבע, אגודת האדריכלים, אתרא קדישא, אדם טבע ודין ועוד. מיום ההפקדה (הכוללת גם תליית שלט באתר ופרסום בעיתונות - אלו הן אותן "הודעות בענייני תכנון ובנייה") ישנם חודשיים להגשת התנגדות, עם אפשרות להארכה. הגשת התנגדות כרוכה בתשלום אגרה</p>
<p>טווח הזמן המוקצה להגשת התנגדות הוא 60 יום. לאחר תום התקופה (הניתנת להארכה ל-90 יום), דנה הועדה המחוזית בהתנגדויות. מגישי ההתנגדויות מוזמנים לפרט את טענותיהם בפני הועדה, והיא מחליטה לגבי כל התנגדות האם לקבלה, לקבל באופן חלקי, או לדחות לחלוטין. אם מוגשות התנגדויות רבות, הועדה ממנה "חוקר" שתפקידו לשמוע את ההתנגדויות ולהגיש את המלצותיו לועדה. לאחר הדיון בהתנגדויות תועבר התב"ע לתיקונים הנדרשים, ולאחר מכן הועדה תדון עליה שוב, ותחליט אם לאשר את התב"ע, או בז'רגון המקצועי "לתת לה תוקף".</p>
<p>לאחר אישור התב"ע, על-מנת לפתוח בהליכי הבנייה ישנו שלב נוסף - היתר הבנייה. אך כאן המקום לציין כי במקרים רבים ישנן שתי תב"עות - תכנית מיתאר כללית, ותכנית מפורטת. רק על-סמך תכנית מפורטת (המינוח בתקנון הוא "תכנית הכוללת הוראות מפורטות") ניתן להוציא היתר בנייה.</p>
<h4>היתר בנייה</h4>
<p>היתר הבנייה הוא האישור הסופי אותו על היזם להשיג לפני הבנייה. גם אם התב"ע מאושרת, יש להוציא היתר בנייה על-מנת לבנות. ההיתר נשען על תב"ע, כלומר חייב למלא אחרי הוראותיה, אך הוא מפרט את הבנייה בצורה מדוייקת יותר, וכולל גם חומרי בנייה, תכניות אדריכליות ועוד. את היתר הבנייה מקבל היזם מהועדה המקומית, וגם בהליך זה ישנה חובה ליידע את הציבור, אך לא באמצעות פרסום בעיתון, אלא על-ידי משלוח הודעות לבעלי החלקות הסמוכות.</p>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">סגור</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://d3js.org/topojson.v1.min.js"></script>
<script src="https://api.tiles.mapbox.com/mapbox.js/plugins/leaflet-locatecontrol/v0.24.0/L.Control.Locate.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<script src="lib/path.js"></script>
<script src="https://unpkg.com/@mapbox/leaflet-pip@latest/leaflet-pip.js"></script>
<script src="lib/template-renderer.js"></script>
<script src="lib/handlebars-helpers.js"></script>
<script src="lib/ie8-compat.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.2/jquery.xdomainrequest.min.js"></script>
<script src="munis.js"></script>
<script src="app.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-37675804-1']);
_gaq.push(['_setDomainName', 'opentaba.info']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>
<!-- Jerusalem, winter 2013 -->