N24 Doku: Die Öresundverbindung – dreifache Superlative
Author: HannesSchurig15 May
Zeit für eine Dokumentation nebenbei? Ein bisschen Staunen während man andere Dinge am PC macht?
Schaut euch die N24 Dokumentation zur Öresundverbindung an, sie ist noch 1 Woche lang online. Die Öre…was? Um N24 zu zitieren:
Diese Dokumentation führt den Zuschauer von Dänemark nach Schweden, wo die längste Brücke ihrer Art der Welt steht: die Öresundverbindung. Ihre Besonderheit: Sie verbindet die dänische Hauptstadt Kopenhagen mit Malmö in Schweden. Genau genommen ist sie sogar der Mittelpunkt dreier Projekte: Extreme Arbeitsgeräte, gigantische Bauteile und innovatives Design waren nötig, um die 16 Kilometer lange Verbindung zu schaffen, die die Landschaft von Skandinavien radikal verändert hat.
Dieses Projekt ist eine Ansammlung von Weltrekorden und Superlativen. Es war eine planerische, gestalterische und technologische Meisterleistung.
Meine Empfehlung: N24 Dokumentation zur Öresundverbindung
- 0 Comments
- Filed under: Unterhaltung
Git Repository 1:1 kopieren (duplizieren)
Author: HannesSchurig8 May
Ziel ist es ein Git Repository in ein anderes, leeres Git Repository zu kopieren, inklusiver aller Daten wie z.B. der History. Also das Kopieren / Klonen / Duplizieren eines Repositories inklusive aller Infos. Es reicht also nicht den Ordner nur zu kopieren und in das neue Repository zu pushen, damit hätte dieses Repository nur 1 Commit, nicht aber alle Daten übernommen.
Hier die Abfolge der Schritte:
- Das alte Repository “old-repo” auf der Festplatte auf den aktuellsten Stand bringen; logisch
- Einen Ordner für das neue Repository anlegen; der Name des Ordners sollte dem Namen des neuen Repositories entsprechen
- Den Inhalt des Ordners “old-repo” in den Ordner “new-repo” kopieren
- Git Bash in “new-repo” starten bzw. diesen Ordner in der Bash aufrufen
- Git origin neu setzen, Ziel ist das neue Repository:
git remote set-url origin git@[Server IP/URL]:new-repo - Neuen Master Stand pushen:
git push origin master
Hier ein Video der Vorgehensweise:
- 0 Comments
- Filed under: IT, Programmierung, Tutorial/HowTo
Location Map – Interactive Google Maps Webapplication
Author: HannesSchurig23 Mar
Vor langer Zeit suchte ich eine Möglichkeit coole Locations und besuchenswerte Orte gut sichtbar “anpinnen” zu können, auf einer großen Karte wie der Google Map. Warum das nicht selber entwickeln? 
Mit der “Location Map” habe ich versucht diesen Gedanken umzusetzen. Auf der Google Map kann man mit Hilfe eines Formulars neue Locations mit einem Icon anpinnen, und noch eine Beschreibung hinzufügen. Die Beschreibung kann bequem mit einem Editor bearbeitet werden. Ebenso lassen sich die Einträge natürlich nachträglich bearbeiten und löschen.
Der größte Knackpunkt des Projekts bestand darin die in der Datenbank gespeicherten Locations dynamisch auf die Google Map laden zu lassen und jeder Location ein eigenes Icon, ein Klick Event und ein Info Window zu geben. Diesen schweren Part würde ich hier kurz veröffentlichen. Ich gehe davon aus, dass ihr schon mit der Google Map hantiert und sie am besten auch schon lauffähig realisiert habt. Hier geht es jetzt nur noch im die Location Marker mit Icon, Klick Event und Info Box.
Codemap.php:
<body onload="initialize()" onunload="GUnload()"> <div id="map_canvas"></div>
In der Webseite wird beim onload die initialize Funktion aufgerufen, in der die Google Map initialisiert und zusammengebastelt wird.
locations-main.js:
/* GMaps v3 !!! */
function initialize() {
// map initialisieren
map = new google.maps.Map(document.getElementById("map_canvas"),
{
zoom: 11,
center: new google.maps.LatLng(52.510788, 13.426666),
mapTypeId: google.maps.MapTypeId.HYBRID
});
// marker
$.ajax({
type: 'POST',
url: 'locationmgr.php',
dataType: 'json',
data: 'action=get',
success: function(data) {
for (loca in data) {
setMarkers( map,
data[loca]['XKoord'],
data[loca]['YKoord'],
data[loca]['Titel'],
data[loca]['Icon'],
data[loca]['Inhalt'],
data[loca]['EventID']
);
}
infowindow = new google.maps.InfoWindow({
content: "loading...",
maxWidth: 300
});
}
});
}
function setMarkers(map, XKoord, YKoord, Titel, Icon, Inhalt, ID) {
var marker = new google.maps.Marker({
position: new google.maps.LatLng(XKoord, YKoord),
map: map,
title: Titel,
html: generateInfoWindowHtml(Titel, Icon, Inhalt, ID),
icon: new google.maps.MarkerImage("img/"+ Icon +".png")
});
google.maps.event.addListener(marker, "click", function () {
infowindow.setContent(this.html);
infowindow.open(map, this);
$('div.infowindow').css({
'height':'+=3px'
});
});
}
function generateInfoWindowHtml(Titel, Icon, Inhalt, ID) {
var html = "\
<div class='infowindow'>\
<img class='infowindowmoodicon' src='img/"+Icon+".png' alt='"+Icon+"' />\
<h5>"+Titel+"</h5>\
<div class='fulltext'>"+decodeHtml(Inhalt)+"</div>\
<span class='edit' onclick='javascript:editLocation("+ID+");'>(edit)</span>\
</div>";
return html;
}
function decodeHtml(encodedHtml) {
return encodedHtml
.replace(/&/g, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"')
.replace(/'/g, "'");
}
Anmerkungen:
Wie in Zeile 1 schon gesehen, ist der Code nach dem aktuelleren Google Maps API v3 Standard programmiert. Irgendwann während meiner Entwicklung stellte Google von v2 auf v3 um und ich programmierte ebenso mein halbes Projekt um, man möchte ja mit dem Fortschritt mithalten.
In den Zeilen 4-10 wird die Google Map im div initialisiert, das Zentrum auf den Berlin Alexanderplatz gesetzt, Zoom und MapType gesetzt.
Nun werden in 12-19 die Locations mit der locationmgr.php aus der Datenbank geladen und für Javascript aufbereitet. Die Daten werden entgegengenommen und eine Schleife durchläuft nun in Zeile 19 jeden Locationdatensatz. setMarkers wird aufgerufen und erzeugt in den Zeilen 38-44 ein Marker Objekt. Dieses wird mit map: map direkt auf die Google Map gepinnt.
Hier erfolgt noch der Aufruf der generateInfoWindowHtml. Diese bastelt ein optisch etwas angepasstes InfoWindow mit der Beschreibung und gibt das komplette HTML Paket zurück an das Marker Objekt, welches daraus das Info Window baut.
In den Zeilen 46-52 wird ein Listener auf das soeben erstellte Marker Objekt gelegt.
Diese 3 Schritte – Marker erstellen, InfoWindow generieren, Listener zuweisen – werden für jede Location ausgeführt und in die Map integriert.
Demohttp://public.hannes-schurig.de/LocationMapDemo/map.php
Demo Version: 0.16
ChangelogDen Code könnt ihr bequem mit den Links/Rechts Pfeiltasten horizontal bewegen.
- v0.1: Event Map zeigt Events an, Events können erstellt und gelöscht werden, 2 Icons stehen zur Verfügung
- v0.2: Events lassen sich anklicken, ein kleines Popup mit Zusatzinformationen erscheint, Eingabe der Zusatzinformationen bei neuen Events möglich
- v0.3: Statt getrennter X und Y Koordinaten kann jetzt ein Koordinatenstring, der sich aus Google Maps extrahieren lässt, eingeben
- v0.4: Statische Icons in eine Datenbank übertragen, die möglichen Icons werden jetzt direkt beim Erstellen neuer Events angezeigt und können somit ausgewählt werden
- v0.5: Infofenster für das Koordinatentextfeld, komplette Umbenennung in Location Map inklusive aller Codeverweise
- v0.6: Locations löschen jetzt via selektieren, mit Suchfunktion
- v0.7: etliche Designverbesserungen und Fixes
- v0.8: komplette Umprogrammierung: Umstieg von Maps API v2 auf Maps API v3
- v0.9: komplette Umprogrammierung: Umstieg von HTML Forms auf AJAX
- v0.10: kleine Informationsfenster als Feedback für den User am unteren Bildschirmrand
- v0.11: 2 Events mit gleichem Namen verboten, doppelte Überprüfung
- v0.12: Edititeren von bestehenden Locations
- v0.12.1: Löschen aus dem Update Dialog
- v0.12.2: Umstrukturierung des HTML Codes, neuer Formularaufbau
- v0.13: Dialog Manager kürzt den Code um ca 20%
- v0.14: verbesserte Unterstützung von Auflösungen kleiner als 1280px
- v0.14.1: Fehler im Dialog Manager, wenn der zu öffnende Dialog schon geöffnet ist, behoben
- v0.15: für die Veröffentlichung vorbereitet: Read-Only-Modus, Read-Only-Designset
- v0.15.1: neuer HTML Head, Meta Tags, see/ref ergänzt, CSSDOC DocBlock erweitert
- v0.16: Maus-Features: Linksklick auf die Map -> fügt automatisch die Koordinaten des Klicks in das “Neue Location” Koordinatenfeld ein, Rechtsklick auf die Map -> Management Menü (noch ungenutzt)
To-Do:
Rechte- & Usermanagement
Zuklappen der rechten Seite zulassen
Größen der Map und Formulare dynamisch ändern
Mehr Icons
fehlerhaften Login optisch hervorheben
Unterstützung für mobile Geräte und kleinere Auflösungen einbauen/verbessern
DownloadIch habe schon ein Paket fertig geschnürt, dass die komplette Entwicklung in wenigen Minuten auf dem eigenen Server einrichten lässt, werde das aber erstmal nur auf Anfrage herausgeben. Die Entwicklung hat noch einige Macken und vermisst noch viele Features. Vorerst werde ich selber an dem Projekt weiterarbeiten und es dann in einem reiferen Zustand veröffentlichen.
- 4 Comments
- Filed under: Google & Co, Internet, Programmierung, Tutorial/HowTo
330 Gigapixel London Panorama
Author: HannesSchurig21 Mar
Ich erinnere mich noch an das vor langer Zeit präsentierte 26 Gigapixel Halbpanorama von Paris. Das war schon gigantisch, wie weit man zoomen konnte und trotzdem noch ein scharfes Bild vor sich hatte. Tja, fuck that.
320 Gigapixel! Das ist neue Fototechnik! Ein London Panorama mit insgesamt 320 Gigapixel. Das heißt ich kann den Text lesen, den eine Frau dutzende Kilometer entfernt, in ihr Handy tippt… zumindest fast 
Das ist schon sexy moderne Fototechnik. Auch nett ist das skyhigh Panorama von der Spitze des Burj Khalifa über Dubai. Der Zoom rockt hier nicht so aber die Aussicht ist schon gewaltig.
- 0 Comments
- Filed under: Bild-/Videobearbeitung, Unterhaltung
Double Driver – Treiber Sichern und Wiederherstellen
Author: HannesSchurig10 Mar
Wenn ein frisch installiertes Betriebssystem erstmal fertig eingerichtet ist und perfekt läuft sollte man diesen Zustand im Notfall wiederherstellen können. Das Sichern von funktionierenden Treibern ist einer der Schritte, die man dafür regelmäßig durchführen sollte.
Double Driver ist klein, portable, kostenlos, einfach zu bedienen und besonders schnell!
Die Oberfläche ist besonders einfach und die Bedienung ist selbsterklärend:
Die Treiber des eigenen Systems sind in weniger als 1 Sekunde komplett geladen (zumindest bei mir). Irgendwie soll man auch andere Systeme scannen können; wie das geht habe ich aber noch nicht getestet.
Wie bei den meisten Treiber Backup Tools werden alle Systemtreiber gelistet aber nur die non-Microsoft Treiber ausgewählt. Diese Selektion ist schon am sinnvollsten, lässt sich bei Bedarf aber verändern. “All”, “None”, “Invert” beschleunigen die Anpassung.
Die Treiber lassen sich als Ordner, als gezippte Ordnerstruktur oder als selbstentpackendes Archiv sichern. Treiber größerer Systeme können schon mal 100-200MB groß sein, die 2 ZIP Auswahlmöglichkeiten würde ich also empfehlen. Damit kann die Größte auf 40-80MB verringert werden. Das Wiederherstellen der Treiber ist ebenso simpel. Die Sicherung wird ausgewählt und alle gesicherten Treiber werden aufgelistet. Hier kann man dann entweder alle Treiber wiederherstellen oder einzelne Einträge deselektieren.
Das Tool ist dazu portable, muss also nicht installiert werden und funktioniert sofort auf jedem System, gerne auch vom USB Stick aus.
Super Freeware, Hut ab.
Das Sichern der Treiber funktioniert auch bei Windows 8. Ich gehe davon aus, dass auch die Wiederherstellung funktioniert. Probieren geht über studieren.
- 2 Comments
- Filed under: Hardware, IT, Software, Windows
IMA
Mein Facebook
Mein Xing
kontakt@hannes-schurig.de
IMA
Youtube
GMail
Kalender
Analytics
Catch
Facebook
Xing
Spiegel Online
Kommentare