Archive for the ‘Google & Co’ Category
Chrome: Erweiterungen + Formulardaten synchronisieren
Author: HannesSchurig17 Aug
Seit der Version 6 unterstützt Chrome das Synchronisieren von Browsererweiterungen und den “AutoFill”-Datensätzen mit dem Google Konto. So gelangt jede Extension auf jeden PC mit Chrome 6, wenn die Einstellungen stimmen.
Denn sowohl Erweiterungen als auch AutoFill Daten werden nach dem Update auf Version 6 nicht standardmäßig synchronisiert. Dieses Feature bleibt solange deaktiviert, bis der Nutzer es erlaubt.
So aktiviert ihr die Synchronisation von Chrome Extensions und AutoFill Daten:
Geht in die Chrome Optionen (Schraubenschlüsselsymbol -> Optionen) -> Privates -> Synchronisieren [Anpassen...] und aktiviert dort die 2 neuen Optionen.
Sind diese 2 Punkte nicht vorhanden so prüft erstmal eure Chrome Version unter “Info zu Google Chrome”. Wer dort noch nicht “Chrome ist aktuell (6.X.XXX.X)” zu stehen hat muss auf den Chrome Beta oder Dev Channel umsteigen. Aber auch das Stable Release der Version 6 wird schon bald kommen.
Zusätzlich zu den neuen Synchronisierungsoptionen soll der Browser 15% schneller mit Javascript arbeiten sein als die Vorversion, die Synchronisierung wurde optimiert und die Oberfläche platzsparender aufgebaut. So gibt es jetzt nur noch das Schraubenschlüsselsymbol, 
vorher gab es noch das A4-Blatt-Symbol. Diese Entwicklertools befinden sich jetzt in einem eigenen Untermenü.
neue Google Chrome Funktionen
Author: HannesSchurig3 Jul
Mir sind gerade neue Punkte im Chrome (6.0.453.1) Menü aufgefallen:
Aber jetzt mal ehrlich, wer nutzt denn bitte nicht die Shortcuts oder das Rechtsklick-Menü zum Kopieren/Einfügen/Ausschneiden?
Zoom? Strg + Mausrad geht schneller. Und Shortcut für Vollbild (das Symbol unten rechts) kennen eigentlich auch alle Chrome User.
Wehe die Startzeit von Chrome dauert deswegen jetzt um ne Zehntelsekunde länger 
Aber hey, Benutzerfreundlichkeit, Usability.
Google Map für Fortgeschrittene
Author: HannesSchurig29 May
So, gestern sind wir die Grundlagen der Google Maps API durchgegangen. Heut wollen wir einen Schritt weiter gehen.
Hier habe ich ein Beispiel, und hier noch eins.
Ich habe in diesen Maps andere Map Typen gewählt, weitere Map Controls hinzugefügt und, das Extra, ein Icon mit Klick Funktion und Beschreibung platziert.
Aber nun der Code:
IQB.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Google Maps Open API IQB Test</title> <script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAAvwTrewCulCbxUHSZk0CfUhRjuRRfS7Hfl9bnwJ-1RNad453NmhSotbWpvtUweiNlb3oTfP4Mq1VfGg" type="text/javascript"></script> <script type="text/javascript" src="labeledmarker.js"></script> <script type="text/javascript" src="iqb-map1.js" ></script> </head> <body onload="initialize()" onunload="GUnload()"> <div id="map_canvas" style="width: 700px; height: 700px"></div> </body> </html> |
iqb-map1.js
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 | function initialize() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map_canvas")); map.setMapType(G_HYBRID_MAP); map.setCenter(new GLatLng(52.52497,13.37959),15); map.setUIToDefault(); var mapControl = new GMapTypeControl(); map.addControl(mapControl); map.addControl(new GOverviewMapControl()); var icon = new GIcon(); icon.image = 'icon10.png'; icon.iconSize = new GSize(32, 32); icon.iconAnchor = new GPoint(16, 16); icon.infoWindowAnchor = new GPoint(25, 7); opts = { "icon": icon, "clickable": true, "title": "IQB", "labelText": "", "labelOffset": new GSize(-6, -10) }; var marker = new LabeledMarker(new GLatLng(52.52497,13.37959), opts); GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml("<div style='padding-top:3px;'><b>Institut zur Qualitätsentwicklung im Bildungswesen</b><br />Luisenstraße 56 (Eingang straßenseitig rechts)<br />10117 Berlin</div>"); }); map.addOverlay(marker); } } |
Bis Zeile 8 sind die Grundlagen von gestern.
In Zeile 8 ein neues Control Management Objekt erzeugt, in Zeile 9 und 10 2 Controls erstellt.
Zeile 12 – 24 enthalten Informationen zum Icon, das dargestellt werden soll.
Zeile 25 erzeugt das Marker Objekt mit den Zielkoordinaten und den Optionen als Parameter.
Zeile 27 und 28 erzeugen den Klick Effekt mit dem Popup Fenster + Inhalt und in Zeile 31 wird der Marker dann so wie er ist auf die Map gepackt.
Wer viel damit zu tun hat kann sich mit ein wenig Aufwand eine allgemeine Funktion schreiben die dann diesen Code oben im Hintergrund anwendet. Etwas wie
erstelleMarker(52.52497,13.37959,icon10,iqb,click,"<div>Info</div>");
Ich hatte das auf Arbeit mal programmiert aber wieder verworfen, weil dafür der Bedarf nicht vorhanden war.
Google Map in Webseite einbinden mit Google Maps API
Author: HannesSchurig28 May
Google APIs sind eine spannende Sache. Dank der Google Maps API könnt ihr eine Google Map in jede beliebige Webseite einbauen.
Ziel: Eine einfache Google Map, die im Zentrum unser gewünschtes Objekt zeigt.
Hier das Beispiel und der Code dazu:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <html> <head> <script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAAvwTrewCulCbxUHSZk0CfUhRjuRRfS7Hfl9bnwJ-1RNad453NmhSotbWpvtUweiNlb3oTfP4Mq1VfGg" type="text/javascript"></script> <script type="text/javascript"> function initialize() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map_canvas")); map.setMapType(G_HYBRID_MAP); map.setCenter(new GLatLng(52.52497,13.37959),15); map.setUIToDefault(); } } </script> </head> <body onload="initialize()" onunload="GUnload()"> <div id="map_canvas" style="width: 700px; height: 700px"></div> </body> </html> |
Okay gehen wir das mal durch:
Zeile 3 ist wichtig. Wie in hier beschrieben braucht ihr für jede Domain, auf der Google Maps laufen soll, einen persönlichen Key. Der ist in 1 Minute erstellt, geht einfach auf diese Seite und folgt den Anweisungen.
So, den Key habt ihr nun. Zieht euch den Beispielcode von mir oder aus den Google Map Basics und ersetzt den Key mit eurem.
Zeile 8 erzeugt ein neues Objekt “map”. Dieses Objekt kommuniziert direkt mit dem Element “map_canvas”, das ist das DIV in Zeile 7 im Body des HTML Dokuments. Diesem DIV gebt ihr die gewünschte Map-Größe.
Zeile 9 stellt den gewünschten Map Typ ein.
Zeile 10, map.setCenter(new GLatLng(52.52497,13.37959),15);.
map.setCenter( ) setzt das Zentrum des map Objekts auf eine bestimmte Koordinate. Diese Koordinate muss vom Typ GLatLng sein. Wie ihr diese Koordinate von eurem Wunschziel herausbekommen könnt, könnt ihr neuerdings recht leicht dank maps.google.de Labs herausfinden. Susann von Tipps-Archiv erklärt kurz und verständlich, wie das geht.
Ihr habt dann etwas in der Art 52.52497,13.37959 ergattert. Fehlt ja nur noch die 15 am Ende. Das ist die Zoomstufe der Map, wobei ihr einen Wert von 0 (Weltansicht) bis 20 (die Katze des Nachbarn) wählen könnt.
Dann fehlt ja nur noch, dass ihr mit dem Laden des HTML Dokuments dank des onload Attributs in Zeile 16 die initialize Funktion startet, die das ganze Map Gedöns enthält.
So einfach ist es 
Achja, macht euch den Stress bloß nicht, wenn ihr nur mal ne Map in euren Blog einbinden wollt oder so. Für so einfache Geschichten geht folgender Weg:
geht zu Google Maps, stellt die Karte so ein, wie ihr sie verteilen wollt und klickt dann oben rechts in der Karte auf “Link”. Dort findet ihr den HTML Code zum Einbetten.
Wer das allerdings HTML valide, flexibler und professioneller machen möchte, oben ist der Weg 
Morgen bauen wir das Beispiel noch weiter aus, Stay Tuned! Schönes Wochenende Leute!
HowTo: Cheat Engine in Chrome einsetzen
Author: HannesSchurig20 May
Cheat Engine zu nutzen ist eigentlich nicht schwer. Starten, Prozess wählen und loslegen.
Nun lagert der Chrome allerdings alle Fenster, 
Tabs, Plugins etc in eigene Prozesse aus, folgende Prozessliste ist in der Cheat Engine also nicht ungewöhnlich:
Welcher von den vielen chrome.exe Prozessen jetzt tatsächlich für das gewünschte Flash Game zuständig ist, bleibt auf den ersten Blick unklar.
So findet ihr den richtigen Chrome Prozess:
Öffnet in Chrome zuerst den internen Taskmanager mit [Shift]+[Esc], lasst euch die Spalte Vorgangs-ID anzeigen und sucht nach eurem Zielobjekt. Bei mir im Test ist es ein Flash Game, ich suche also nach dem Flash Plugin.
Achtung: Bei Flash Games nicht den Tab merken sondern das Plugin selbst. Der “Tab: Curdes Treasure | Armor Games” enthält zwar im Auge des Benutzers das Spiel aber es werden ja selbst die Plugins ausgelagert.
Meine Beispiel Vorgangs-ID ist 2012, soll das ein Zeichen sein?? O.o
Merkt euch die Vorgangs-ID und öffnet den Windows Rechner ([Win]+[R]->calc.exe). Stellt diesen auf Ansicht -> Programmierer und wählt “Dez” als Zahlensystem aus. Gebt eure ID Nummer ein und klick dann auf “Hex”, nun erscheint die 
Zahl als hexadezimale Zahl. Ihr könnt auch jeden anderen Dezimal -> Hexadezimal Umrechner nutzen oder es im Kopf rechnen
Ziel ist es, eure Vorgangs-ID in hexadezimaler Form zu haben.
Schaut erneut in die Prozessliste von Cheat Engine und durchsucht die letzte Stellen der Speicheradresse, hier sollte einer der vielen Chrome Prozesse mit eurer hexadezimalen Zeichenfolge enden. Wenn das so ist habt ihr es geschafft.
Neueste Kommentare
- Haja: Cooler Tipp Könnte man ja mal ausprobieren.
- Fränk: Verflucht Hannes, ich hab jetzt zwei mal versucht dir ne E-Mail zu schreiben. Beide kamen zurück. Was is da los???
- Chantal: hi könntest du mir auch bitte eine key für die 64 bit version zuschicken viel dank
- Fritz: Das ist mal n Tipp, vielen dank dafür : ) Mal schaun, ich hab mal auf 4GB aufgestockt, werd aber n bissle Zeit verstreichen lassen, bevor...
- miguel: Hi, bei mir steht auch nicht genügend speicher vorhanden
mein laufwerk ist h: und meine platte ist c: was muss ich da nun eingeben in... - GeniusLux: hiho zusammen ich bin leider auch einer der unglücklichen, der die Fehlermeldung “mane.lbm” bekommt … HILFE!!!!! bitte...
Translator
