Skip to content

Commit eb3584a

Browse files
arnold-pichlerarnold-pichler
authored
Merge pull request #5 from w3geo/Referenzen-Updates-2
Referenzen updates 2
2 parents 3c27081 + 8880c3b commit eb3584a

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

43 files changed

+137
-32
lines changed

‎docs/referenzen-demos-showcase.html‎

Lines changed: 114 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -50,66 +50,151 @@ <h1>Einige Projekte und Referenzen</h1>
5050

5151
<div class="allprojects">
5252

53+
<div class="oneproject" filename="waldatlas" filecount="12">
54+
<div class="bigimg"></div>
55+
<h2>Waldatlas</h2>
56+
<table>
57+
<tr><td>Beschreibung:</td>
58+
<td><p>Der AG wünschte eine Webplattform inklusive einer Kartenapplikation zur Präsentation einer größeren Anzahl von Kartendaten (später auch statistische Daten) gegenüber einem fachlich interessierten Publikum. Wichtig: Der AG sollte selbst den Bestand an Karten erweitern können, ohne Einbindung des Auftragnehmers. Bevorzugt sollte der Bestand aus Vektor-Karten bestehen, aber auch Rasterkarten. Da es sich um eine größere Anzahl von Karten handelt (30+), musste die Verwaltung komfortabel sein. Die Karten sollten über Deep-Links in IFrames auch auf anderen Websites einbettbar sein.</p>
59+
<p>Komfort-Features wie Import / Export (GeoJSON), Bild-Export (PNG/PDF [inkl. Legende]) und weitere Toolboxfunktionen waren erwünscht. Das Frontend soll auf Responsivität optimiert werden und Anforderungen der Barrierefreiheit (WCAG 2.1) erfüllen.</p></td></tr>
60+
<tr><td>Schwerpunkte:</td><td><ul>
61+
<li>Gemeinsame Definition von minimalen / maximalen Features, Priorisierung / Prüfung auf Umsetzbarkeit bzgl. Umsetzungs- / Laufende Kosten (z.B. für Hosting, aber auch Redaktion)</li>
62+
<li>Festlegung von Schemata zur Redaktion der Karten</li>
63+
<li>Entwurf UI / UX unter Berücksichtigung Vorgaben / CI, Entwürfe: Wireframes (Layout), Mockups und Designs zur Abstimmung mit dem Auftraggeber</li>
64+
<li>Web-Development, Auto-Deployment</li>
65+
<li>Implementierung eines Staging-Prozesses zum Qualitätsmanagement.</li>
66+
<li>Einrichtung eines Verwaltungs-Backends (STRAPI) und API-Development (Erweiterung der Standard-APIs von STRAPI)</li>
67+
<li>Automatisierungs-Scripts für Kartendaten</li>
68+
</ul></td></tr>
69+
70+
<tr><td>Besonderheiten:</td>
71+
<td>
72+
<p>Die Besonderheit bei diesem Projekt ist, dass ALLE Karten im Portal komplett vom Auftraggeber erstellt und freigeschalten werden können, inklusive Layer, Feature-PopUps usw. Dazu sollte es zu jeder Karte bzw. auch für den allgemeinen Informationsteil ein möglichst einfaches CMS geben, dass automatisch responsiv ist, da ein hoher mobiler Nutzungsanteil erwartet wurde.</p>
73+
<p>Vektorkarten werden durch Hochladen eines GeoJSONs ins Portal automatisch in Vektor-Tiles umgewandelt und auf einem Server bereitgestellt. Andere Kartentypen (Rasterdaten) werden manuell mittels eines in einem Workshop erläuterten und gut dokumentierten Prozesses erzeugt und auf den Server transferiert.</p>
74+
<p>Mittels Mapbox Style Files können nun ein oder mehrere dieser Tile-Layer zu einer Karte zusammengeführt werden, im Style File werden alle notwendigen Angaben gemacht. Solche Style Files können mit externen Tools oder auch manuell erzeugt werden, auch das wird in einem Workshop erarbeitet.</p>
75+
</td>
76+
</tr>
77+
78+
79+
<tr><td>Zeitraum:</td>
80+
<td>2023 – 2025 (laufende Erweiterung, Betreuung)</td></tr>
81+
<tr><td>Link:</td>
82+
<td><a href="https://waldatlas.at/" target="_blank">www.waldatlas.at/</a></td></tr>
83+
<tr><td>Kunde:</td>
84+
<td><a href="https://www.bmluk.gv.at/" target="_blank">Bundesministerium für Land- und Forstwirtschaft, Klima- und Umweltschutz, Regionen und Wasserwirtschaft (BML)</a></td></tr>
85+
<tr><td></td><td><img src="referenzen/BMLUK_Logo_srgb.svg" width="300px"</td></tr>
86+
87+
</table>
88+
<div class="thumbs"></div>
89+
<div class="whiteout"></div>
90+
<div class="zoomout" onClick="onehandler(this,-2,event)"><i class="fa fa-arrow-circle-left"></i></div>
91+
</div>
5392

54-
<div class="oneproject" filename="waldinventur" filecount="11">
93+
<div class="oneproject" filename="pvsolar" filecount="6">
94+
<div class="bigimg"></div>
95+
<h2>Photovoltaikausbau und<br /> Energienetze Region SWS</h2>
96+
<table>
97+
<tr><td>Beschreibung:</td>
98+
<td>
99+
100+
<p>Der Auftraggeber benötigte eine Webplattform die den Ausbau und das Potential von Photovoltaikanlagen (anhand ihrer Lagegunst) sowie die Einspeisekapazitäten der Strominfrastruktur und damit auch gewünschte Lagen (von Seiten der vorhandenen Infrastruktur) ausweisen sollte. Die Plattform soll in einen öffentlichen und einen nicht-öffentlichen (Verwaltung) Bereich unterteilt werden.</p>
101+
<p>Funktion des öffentlichen Bereichs:</p>
102+
<ul>
103+
<li>Darstellung Dachflächen-Potenzial (Daten aus GIS Stmk, vom AG bereitgestellt)</li>
104+
<li>Verteilung Solaranlagen (Heatmap-Interpretation)</li>
105+
<li>Strominfrastruktur / Leitungsnetz</li>
106+
</ul>
107+
<br>
108+
<p>Funktionen des nicht-öffentlichen Bereichs:</p>
109+
<ul>
110+
<li>Tool für Gemeinden: Netzabsagen und Zusagen dokumentieren</li>
111+
<li>Eintragen von Solar-Anlagen durch Gemeinde ermöglichen</li>
112+
<li>Geschütze Benutzerebene, unterschiedliche Benutzer möglich, aber Vergabe nur zentral über Admin, keine Verwaltung durch Nutzer selbst</li>
113+
</ul>
114+
</td></tr>
115+
116+
117+
<tr><td>Schwerpunkte:</td><td><ul>
118+
<li>Konzeption / Entwurf mit dem AG, Darstellung von Best-Practice Beispielen</li>
119+
<li>Backend mit DB und STRAPI</li>
120+
<li>Kartenaufbereitung und Übernahme ins Backend</li>
121+
<li>Erstellung der Kartenapplikation, NodeJS mit VUE und OpenLayers</li>
122+
<li>Hosting für 2 Jahre</li>
123+
</ul></td></tr>
124+
125+
<tr><td>Besonderheiten:</td>
126+
<td>
127+
<p>Je nach der durch den Login definierten Rolle stellt das Portal unterschiedliche Layer dar bzw. erlaubt andere Operationen, z.B. die Freigabe von eingegeben Daten usw.</p>
128+
</td>
129+
</tr>
130+
131+
132+
<tr><td>Zeitraum:</td>
133+
<td>204</td></tr>
134+
<tr><td>Link:</td>
135+
<td><a href="https://pv-sws.eu-regionalmanagement.at/" target="_blank">pv-sws.eu-regionalmanagement.at</a></td></tr>
136+
<tr><td>Kunde:</td>
137+
<td><a href="https://www.rmsw.at/" target="_blank">Regionalmanagement Südweststeiermark</a></td></tr>
138+
<tr><td></td><td><img src="referenzen/logo-rms.png" width="200px"</td></tr>
139+
140+
</table>
141+
<div class="thumbs"></div>
142+
<div class="whiteout"></div>
143+
<div class="zoomout" onClick="onehandler(this,-2,event)"><i class="fa fa-arrow-circle-left"></i></div>
144+
</div>
145+
146+
147+
<div class="oneproject" filename="waldinventur" filecount="11">
55148
<div class="bigimg"></div>
56149
<h2>Österreichische Waldinventur</h2>
57150
<table>
58151
<tr><td>Beschreibung:</td>
59-
<td><p>Wie alle Länder der EU ist auch Österreich zu einer Waldinventur verpflichtet. Damit beauftragt ist das Bundesforschungs- und Ausbildungszentrum für Wald, Naturgefahren und Landschaft (BFW). Die dazugehörigen Daten werden seit 2000 in einem einheitlichen Schema erhoben und in einer BFW-internen Datenbank gespeichert und verarbeitet.</p>
152+
<td>
153+
<p>Wie alle Länder der EU ist auch Österreich zu einer Waldinventur verpflichtet. Damit beauftragt ist das Bundesforschungs- und Ausbildungszentrum für Wald, Naturgefahren und Landschaft (BFW). Die dazugehörigen Daten werden seit 2000 in einem einheitlichen Schema erhoben und in einer BFW-internen Datenbank gespeichert und verarbeitet.</p>
60154
<p>Ein zu schaffendes Portal sollte diese Daten in unterschiedlichen Sichten zugänglich machen, zum einen über Choroplethenkarten, zum anderen als Datendownloads in Tabellenform. Zusätzlich sollten die vom BFW aus den Daten laufend aktualisierten Wald- und Baumartenkarte als Rasterkarte darstellbar sein. Design-Vorgabe war „Desktop First“ - dennoch musste aber eine einwandfreie Benutzbarkeit auch auf mobilen Endgeräten gegeben sein (responsive Design)</p>
61155
<p>Aktualisierungen sollte der Auftraggeber zukünftig selbst durchführen können, das BFW hatte die Vorgabe, die Website selbst zu hosten, ohne aber dadurch großen Aufwand für Sicherheitsfeatures zu haben.</p>
62-
</td>
63-
<tr><td>Schwerpunkte:</td>
64-
<td><ul>
156+
</td></tr>
157+
<tr><td>Schwerpunkte:</td><td><ul>
65158
<li>Grundlagenrecherche (Datenmodell) & Gemeinsame Erarbeitung eines Standards für standardisierte Datenanlieferungen.</li>
66159
<li>Ermittlung notwendiger Preprocessing-Schritte</li>
67160
<li>UX / UI - Entwurf (Wireframes), Responsive Design- Endgültiges Design / Mockups durch Einbindung einer externen Grafikerin. Berücksichtigung des CI-Designs des BFW.</li>
68161
<li>Preprocessing Skripts mit integrierter Fehlerkontrolle</li>
69162
<li>Implementierung eines Staging-Prozesses zum Qualitätsmanagement</li>
70163
<li>Web-Development / Auto-Deployment</li>
71-
</ul>
72-
</td></tr>
164+
</ul></td></tr>
73165

74-
<tr><td>Besonderheiten:</td>
75-
<td>
76-
<ul>
77-
<li>Die Website ist serverless, d.h. es gibt keine Datenbankkomponente / Schnittstellen und damit auch keine zu berücksichtigende Sicherheitsaspekte.</li>
78-
<li>Um Fehler bei Updates zu vermeiden, wurde in die Pre-Processing-Scripts umfangreiche Fehler-Kontrollmechanismen integriert.</li>
79-
</ul>
80-
</td>
81-
</tr>
166+
<tr><td>Besonderheiten:</td>
167+
<td>
168+
<ul>
169+
<li>Die Website ist serverless, d.h. es gibt keine Datenbankkomponente / Schnittstellen und damit auch keine zu berücksichtigende Sicherheitsaspekte.</li>
170+
<li>Um Fehler bei Updates zu vermeiden, wurde in die Pre-Processing-Scripts umfangreiche Fehler-Kontrollmechanismen integriert.</li>
171+
</ul>
172+
</td>
173+
</tr>
82174

83175

84176
<tr><td>Zeitraum:</td>
85-
<td>
86-
2021 - 2023 (Betreuung fortlaufend)
87-
</td></tr>
88-
177+
<td>2021 - 2023 (Betreuung fortlaufend)</td></tr>
89178
<tr><td>Link:</td>
90-
<td>
91-
<a href="https://waldinventur.at/" target="_blank">www.waldinventur.at</a>
92-
</td></tr>
93-
179+
<td><a href="https://waldinventur.at/" target="_blank">www.waldinventur.at</a></td></tr>
94180
<tr><td>Kunde:</td>
95-
<td>
96-
<a target="_blank" href="https://www.bfw.gv.at/"></href>Bundesforschungszentrum für Wald (BFW)</a>&nbsp;&nbsp;&nbsp;&nbsp;<img class="reflogo" src="referenzen/bfw-logo-color.svg"></td>
97-
</tr>
98-
</table>
181+
<td><a target="_blank" href="https://www.bfw.gv.at/">Bundesforschungszentrum für Wald (BFW)</a></td></tr>
182+
<tr><td></td><td><img width="200px" src="referenzen/logoBFW2025.png"></td></tr>
183+
184+
</table>
99185
<div class="thumbs"></div>
100186
<div class="whiteout"></div>
101187
<div class="zoomout" onClick="onehandler(this,-2,event)"><i class="fa fa-arrow-circle-left"></i></div>
102188
</div>
103189

104190

105-
106191
<div class="oneproject" filename="ama" filecount="6">
107192
<div class="bigimg"></div>
108193
<h2>AMA (Mobile) Webapplikationen</h2>
109194
<table>
110195
<tr><td>Beschreibung:</td>
111196
<td><p>Für Agrarmarkt Austria (AMA) sind wir seit 2019 in den Bereichen Consulting und Unterstützung bei der Softwareentwicklung für moderne kartenbasierte Web-Applikationen tätig.</p>
112-
<p>Diese sollen auf verschiedenen Endgeräten (PCs, Tablets, Smartphones) komfortabel bedienbar sein, und räumliche Sachverhalte auf einfache Art vermitteln.</p></td>
197+
<p>Diese sollen auf verschiedenen Endgeräten (PCs, Tablets, Smartphones) komfortabel bedienbar sein, und räumliche Sachverhalte auf einfache Art vermitteln.</p></td></tr>
113198
<tr><td>Schwerpunkte:</td><td><ul>
114199
<li>Konzeption kartographischer Inhalte (Choroplethenkarten) und der Interaktivität dynamischer Karten</li>
115200
<li>Beratung hinsichtlich Stack und Entwicklungsumegebung moderner JavaScript Applikationen</li>

0 commit comments

Comments
 (0)