-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathsoft_introduction.html
281 lines (274 loc) · 15.7 KB
/
soft_introduction.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
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Code for Poznań</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/white.css">
<!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="lib/css/monokai.css">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
</head>
<body>
<div class="reveal">
<div class="slides">
<section>
<h1>
<img src="img/code_for_poznan_square.png" style="background:none; border:none; box-shadow:none; "/>
</h1>
<aside class="notes">
<p>W CfP zajmujemy się:</p>
<ul>
<li>rozwiązywaniem problemów społecznych za pomocą technologii,</li>
<li>wspieraniem głównie organizacji pozarządowych poprzez tworzenie dla nich aplikacji, stron, wspomaganiem ich w digitalizacji procesów i danych.</li>
</ul>
<p>Działamy od października 2016.</p>
<p>W CfP pracuje obecnie kilka zespołów skupiających się różnych aspektach dostarczania oprogramowania:</p>
<ul>
<li>Developerzy</li>
<li>Testerzy</li>
<li>UX</li>
<li>PMO</li>
</ul>
<p>Jesteśmy w trakcie finalizowania formalności związanych z założeniem stowarzyszenia</p>
</aside>
</section>
<section>
<h2>Agenda</h2>
<ul>
<li>Projekty</li>
<li>Procesy</li>
<li>Technologie</li>
<li>Zespoły projektowe</li>
</ul>
</section>
<section>
<h2>Misja</h2>
<p class="fragment">Technologiczne rozwiązania społecznych problemów</p>
</section>
<section>
<h1>Projekty</h1>
</section>
<section>
<img src="img/pah.png" style="background:none; border:none; box-shadow:none; "/>
PAH FM
<aside class="notes">
<p>Aplikacja mobilna dla Polskiej Akcji Humanitarnej</p>
<p>Zadania:</p>
<ul>
<li>zarządzanie flotą samochodową na misjach,</li>
<li>digitalizacja danych o przejazdach, potrzebnych są do rozliczenia
kierowców:
<ul>
<li>kilometraż,</li>
<li>litry zatankowanego paliwa,</li>
<li>projekt w którym rozliczony ma być przejazd.</li>
</ul>
</li>
</ul>
<p>Dane te do tej pory zbierane były w wersji papierowej.</p>
<p>Wyzwanie:</p>
<ul>
<li>działanie offline</li>
</ul>
<p>Pilotaż:</p>
<ul>
<li>Ukraina,</li>
<li>Sudan Południowy,</li>
<li>Somalia.</li>
</ul>
<p>Przyszłość:</p>
<ul>
<li>Jemen,</li>
<li>Irak.</li>
</ul>
<p>Aplikacja działa obecnie w dwóch wersjach:</p>
<ul>
<li>Aplikacja dla kierowcy:
<ul>
<li>zbieranie danych o pojedynczym przejeździe,</li>
<li>przesyłanie danych do bazy danych w Django Adminie.</li>
</ul>
<li>Aplikacja dla pasażera:</li>
<ul>
<li>generowanie 6-cyfrowego tokenu - potwierdzenie/weryfikacja przejazdu.</li>
</ul>
</li>
</ul>
<p>Aktualne prace skupiają się na:</p>
<ul>
<li>zbudowaniu panelu do obsługi tankowań,</li>
<li>zbudowaniu backendu do aplikacji pasażera.</li>
</ul>
<p>Technologia:</p>
<ul>
<li>Django na serwerze,</li>
<li>Vue w przeglądarce,</li>
<li>Postgress SQL w bazie.</li>
</ul>
</aside>
</section>
<section>
<img src="img/alinka.png" style="background:none; border:none; box-shadow:none; "/>
<a href="https://alinka.io/">https://alinka.io</a>
<aside class="notes">
<p>Desktopowa aplikacja, która wspiera wydawanie orzeczeń, wraz z innymi niezbędnymi dokumentami przez polskie Poradnie Psychologiczno - Pedagogiczne.
Alinka jest aplikacja standalone zbudowaną na silniku Chrome.</p>
<p>Aktualne funkcjonalności:</p>
<ul>
<li>Pasek progresu wystawiania orzeczenia</li>
<li>Tworzenie bazy danych - imię i nazwisko oraz adres zamieszkania dziecka, rodzica/rodziców/opiekunów prawnych</li>
<li>Możliwość wyboru rodzaju orzeczenia: o potrzebie kształcenia specjalnego, o potrzebie indywidualnego rocznego, o potrzebie indywidualnego nauczania, o potrzebie wczesnego wspomagania rozwoju</li>
<li>Możliwość wyboru przyczyny wydawania orzeczenia: np. niedowidzenie, autyzm</li>
<li>Możliwość wyboru placówki – np. szkoła podstawowa, szkoła średnia – dane zaciągane z GUS</li>
<li>Generowania dokumentu orzeczenia</li>
</ul>
<p>Aktualne prace skupiają się na dostarczeniu gotowej aplikacji, która wesprze pracę Poradni
z Wrześni i Grodziska Wlkp. w generowaniu dokumentów:</p>
<ul>
<li>Metryka sprawy</li>
<li>Protokół</li>
<li>Zarządzenie</li>
<li>Zawiadomienie o ZO - Zespole Orzekającym</li>
</ul>
<li>Frontend - React</li>
<li>Backend - electron, sequelize, sqlite3</li>
</ul>
</aside>
</section>
<section>
<img src="img/watchdog.jpg" style="background:none; border:none; box-shadow:none; "/>
<a href="https://siecobywatelska.pl/">https://siecobywatelska.pl/</a>
</section>
<section>
<img src="img/StronaSpolecznosci.png" style="background:none; border:none; box-shadow:none; "/>
<a href="https://codeforpoznan.pl/">https://codeforpoznan.pl/</a>
<aside class="notes">
<p>Wraz z rozwojem naszej społeczności wzrastają wewnętrzne potrzeby jako organizacji. Trzecia wersja strony nad którą aktualnie pracujemy ma realizować kilka zadań.</p>
<ul>
<li>Po pierwsze, jest to miejsce do komunikacji stowarzyszenia z nowymi wolontariuszami, organizacjami non-profit.</li>
<li>Po drugie, ma to być miejsce wspierające codzienną pracę aktualnych członków. Mamy tutaj dwa aspekty, kontaktu wewnątrz organizacji oraz ze światem zewnętrznym.</li>
</ul>
<p>
Strona składa się z dwóch części:</p>
<ul>
<li>widocznej, która służy do kontaktu z interesariuszami. Jest to część do której każdy ma dostęp. Jest w stanie z niej dowiedzieć się potrzebnych informacji.</li>
<li>Pod spodem planujemy część, w której zbieramy narzędzia do rozwiązywania problemów, optymalizacji procesów czy wzajemnej pomocy w organizacji. Plan jest taki aby ta wewnętrzna część strony stała się czymś na wzór intranetu.</li>
</ul>
<p>Aktualne prace dążą do:</p>
<ul>
<li>stworzenia strony w nowej wersji – nr 3,</li>
<li>logowania/wylogowania za pomocą tokena,</li>
<li>stworzenia formularza kontaktowego dla nowych członków lub instytucji zainteresowanych współpracą,</li>
<li>rozszerzenia funkcjonalności po „drugiej stronie”.</li>
</ul>
<p>Technologia:</p>
<ul>
<li>Frontend - Vue - framework JavaScript</li>
<li>Backend - framework Pythona</li>
<li>Baza danych -PostGres SQL</li>
</ul>
</aside>
</section>
<section>
<h1>Przyszłość</h1>
</section>
<section>
<img src="img/volontulo.png" style="background:none; border:none; box-shadow:none; "/>
<a href="https://dev.volontulo.pl/">https://dev.volontulo.pl/</a>
<aside class="notes">
<p>Projekt zamrożony.</p>
<p>Przerwany z powodu braku zainteresowania dalszym rozwojem aplikacji i responsywności klienta.</p>
<p>Powstał dla WRK (Poznańskie Centrum Wspierania Organizacji Pozarządowych i Wolontariatu/WRK).</p>
<p>Opis:</p>
<ul>
<li>Market space dla wolontariuszy i organizacji, które wolontariuszy poszukują.</li>
<li>Działa na zasadzie pracuj.pl - organizacje wrzucają ogłoszenia z opisem wolontariatu, wolontariusze znajdują dzięki stronie odpowiednie dla siebie miejsce.</li>
</ul>
<p>Strona może zostać wykorzystana jako baza/szkielet dla innego projektu.</p>
<p>Można poszukać też innego klienta zainteresowanego technologią.</p>
<p>Technologia:</p>
<ul>
<li>Frontend - Angular</li>
<li>Backend - Django</li>
</ul>
</aside>
</section>
<section>
<img src="img/wysadz_ulice.png" style="background:none; border:none; box-shadow:none; "/>
<a href="http://wysadzulice.pl">http://wysadzulice.pl</a>
<aside class="notes">
<p> Wysadź ulice jest projektem stworzonym w ramach Koduj dla Polski. Jest to platforma, która ma na celu wspomaganie mieszkańców w projektowaniu i modernizacji ich najbliższego otoczeania. Dzięki tej stronie można zaprojektować otaczającą nas przetrzeń poprzez jej wizualizację. W prosty sposób można dodać ławkę do siedzenia czy klomb kwiatów.
Dzięki wysadzulice.pl lokalni społecznicy mogą prowadzić dialog z władzami miasta i mieć wpływ na kształt otaczającego nas środowiska. W tym celu wystarczy wykonać zdjęcie lub pobrać z google street i ulepszczać najbliższą okolicę</p>
</aside>
</section>
<section>
<img src="img/bank_empatii.png" style="background:none; border:none; box-shadow:none; "/>
<a href="http://bankempatii.pl">http://bankempatii.pl</a>
<aside class="notes">
<ul>
<li>Strona powstała 4 lata temu w celu rozpowszechnienia kwestii dawstwa szpiku kostnego.</li>
<li>W tym przypadku chodziło o znalezienie dawcy dla Patrycji.</li>
<li>Strona jest prostym landing pagem</li>
</ul>
</aside>
</section>
<section>
<h1>WORKFLOW</h1>
</section>
<section>
<img src="img/scrum.png" style="background:none; border:none; box-shadow:none; ">
</section>
<section>
<img src="img/zenhub.png" style="background:none; border:none; box-shadow:none; ">
</section>
<section>
<h1>Kiedy? Gdzie?</h1>
</section>
<section>
<img src="img/spotkanie.jpg" style="background:none; border:none; box-shadow:none; ">
</section>
<section>
<img src="img/spotkanie_2.jpg" style="background:none; border:none; box-shadow:none; ">
</section>
<section>
<h2>Spotkania</h2>
<p class="fragment">Każda środa</p>
<p class="fragment">Godzina 18:00</p>
<p class="fragment">STX Next</p>
<p class="fragment">Mostowa 38</p>
</section>
<section>
<h1>Pytania?</h1>
<h5 class="fragment">Dziękujemy za uwagę</h5>
<h5 class="fragment"><a href="mailto:hello@codeforpoznan.pl">hello@codeforpoznan.pl</a></h5>
<h5 class="fragment"><a href="https://github.com/CodeForPoznan">https://github.com/CodeForPoznan</a></h5>
<h5 class="fragment"><a href="https://codeforpoznan.pl">https://codeforpoznan.pl</a></h5>
</section>
</div>
</div>
<script src="js/reveal.js"></script>
<script>
// More info about config & dependencies:
// - https://github.com/hakimel/reveal.js#configuration
// - https://github.com/hakimel/reveal.js#dependencies
Reveal.initialize({
dependencies: [
{ src: 'plugin/markdown/marked.js' },
{ src: 'plugin/markdown/markdown.js' },
{ src: 'plugin/highlight/highlight.js'},
{ src: 'plugin/notes/notes.js', async: true }
]
});
</script>
</body>
</html>