Artikel-Schlagworte: „eigene“

Mitterweile ist ja der Chrome-Webbrowser aus dem Hause Google das Maß aller Dinge. Ein starkes Argument dafür ist der Chrome Web Store, den es seit Dezember 2010 gibt. In der Praxis eben der Play Store für diesen spezifischen Browser, mit dem man sich Spiele, Apps wie 500px oder Keep, aber eben auch Websites installieren kann.

Wenn ihr nun wie ich im Besitz einer schönen und/oder informativen Website seid und diese gerne als App für diesen Browser bereitstellen möchtet, müsst ihr ein wenig Arbeit investieren. Ferner braucht ihr einen Account bei Google Webmaster Tools, wenn ihr den nicht bereits habt und natürlich eine dort hinterlegte Website.

Was nun folgt ist eine Schritt-für-Schritt-Anleitung (Zeitaufwand ca. 15 Minuten), damit ihr im Chrome Web Store durchstarten könnt.

:: Vorbereitungen

1) Erstellt einen Account bei Google Webmaster Tools. Ihr müsst euch hierfür nur mit der EMail-Adresse anmelden
2) Erstellt ein Icon eurer Website.
Um einen Schnappschuss eurer Website zu machen gibt es diverse Plugins für Chrome, aber auch Firefox. Eines für Firefox wäre z.B. Screen Capture Elite, ein anderes Page2images.
Dieses Icon sollte die Größe 128×128 Pixel haben und im PNG-Format sein. Benennt es um in icon_128.png
3) Nutzt den Screenshot von vorhin, um einen weiteren im Format 1280×800 ODER 640×400 zu erstellen. Dazu skaliert ihr einfach das Bild, wie es euch gefällt. Das wird später euer Haupt-Präsentations-Screenshot sein.
4) Erstellt zwei weitere für die Kacheln: Einen im Format 440×280 Pixel und einen im Format 920×680 Pixel. Wieder einfach ein wenig eure Website im Screenshot skalieren. Format PNG, wie gehabt.
Optional: Wenn ihr eine Laufschrift-Kachel wollt, dann braucht ihr einen dritten Screenshot im Format 1400×560 Pixel.
5) Erstellt eine Datei manifest.json mit folgendem Inhalt:
{
"name": "NameDerDomain",
"description": "Eure Beschreibung, bis zu 132 Zeichen",
"version": "0.0.0.1",
"manifest_version": 2,
"icons": {
"128": "icon_128.png"
},
"app": {
"launch": {
"web_url": "http://euredomain.com/"
}
}
}
6) Erstellt eine ZIP-Datei, in der die manifest.json und die Grafikdatei icon_128.png drin sind. Wichtig: Benennt diese Datei um in myapp.zip

:: Eure Website als App zum Chrome Web Store hinzufügen

1) Besucht https://chrome.google.com/webstore/developer/dashboard und loggt euch mit eurem Google-Account ein
2) Klickt unten auf die Meldung und zahlt diese 5$ Gebühr. Dazu müsst ihr auch eine Kreditkarte in Google Wallet hinterlegen, von der der Betrag abgebucht wird
3) Sobald die Zahlung abgeschlossen ist, könnt ihr auf den Button „Neuen Artikel veröffentlichen“ klicken
4) Hier wählt ihr nun die ZIP-Datei von vorhin aus und ladet diese hoch
5) Was folgt ist ein Formular, welches euren Eintrag im Web Store repräsentiert. Ihr werdet gleich am Anfang merken, dass er das mit dem Icon nicht gecheckt hat. Das macht aber nichts, ladet einfach bei „Symbol“ die Datei icon_128.png hoch
6) Füllt das Feld aus „Detaillierte Beschreibung“. Ihr habt 16.000 Zeichen Platz hier
7) Den ersten Screenshot, den ihr hochladen müsst, ist der im Format 1280×800 ODER 640×400.
Optional könnt ihr hier noch eine YouTube-Adresse von euch bzw. eurer Website angeben
8. Nun kommen die Kacheln: Ladet die Grafikdateien im Format 440×280 und 920×680 Pixel einzeln hoch. Wenn ihr eines mit Laufschrift gemacht habt, ebenfalls hier
9) Die Website-URL ist bereits ausgefüllt, denn ihr habt diese Seite ja in den Webmaster Tools hinterlegt. Ihr könntet aber noch eine Kontakt-URL bei dem Fragezeichen hinterlegen, das kommt direkt darunter
10) Wählt die passende Kategorie für euch aus: Die Ober-Kategorien sind derzeit „Lernen“, „Lifestyle“, „News & Wetter“, „Produktivität“, „Serviceprogramme“, „Soziale Netze & Kommunikation“, „Spiele“, „Tools fürs Büro“ und „Unterhaltung“. Jede dieser Oberkategorien bringt weitere Unterkategorien mit sich, lest euch das durch und entscheidet euch für eine
11) Regionen könnt ihr so lassen
12) Sprache angeben
12a) Optional noch die ID von Google Analytics
13) Sichtbarkeitsoptionen noch auf „Öffentlich“, ihr wollt schließlich gefunden werden
14) nun auf „Änderungen veröffentlichen“ ganz unten rechts klicken und fertig! Ihr seid nun mit eurer Website als App(!) im Chrome Web Store präsent!

Wenn ihr noch an der Sinnhaftigkeit zweifeln solltet, schließlich ist das hier alles durchaus mit ein wenig Arbeit und ein paar Euro Investitionen verbunden: Bis Mitte 2012 wurden durch diesen Store 750 Millionen Apps verteilt. Und: Bei einem Marktanteil des Browsers am weltweiten Browser-Markt von fast 50% derzeit, sowie der Nutzung in den einzelnen Ländern des Erdballs geht faktisch kein Weg mehr daran vorbei, siehe diese Grafik. Chrome ist grün…

Wenn ihr noch ein Badge wollt, das gibt es dort: https://developer.chrome.com/webstore/branding. Richtig verlinkt sieht das dann so aus:

Noch ein letzter Hinweis: Chrome ist zwar bereits kostenlos, gibt es aber noch freier und zwar für Linux und heißt hier Chromium.

Wer Cloud-Dienste nutzt, ist eigentlich selber schuld. Erst heute morgen bin ich mit der Radiomeldung aufgewacht, dass Microsoft enger mit der NSA zusammenarbeitet als gedacht und zwar hauptsächlich bei Skype, Outlook/Hotmail und seinem Clouddienst Skydrive.

Jetzt ist es so, dass diese „Cloud“ eigentlich nie etwas Besonderes war, es sei denn man hat das Jahr 1970 oder so selbst erlebt. Denn im Prinzip bietet die selbe Funktion ein eigener Webspace gehostet im Irgendwo, wofür man seine paar Euro im Monat bezahlt. Dieses Projekt hier läuft zum Beispiel darauf.

Dank ownCloud ist es sogar möglich sein eigenes Dropbox (Skydrive, Google Drive, whatever) zu starten. Auf seinem eigenen Server, ohne viel Kenntnisse, innerhalb von Minuten.

ownCloud ist sogar intern durch diverse Apps erweiterbar. Die einzige Beschränkung: Ihr müsst selbst wissen, wieviel GB ihr in eure Cloud stecken möchtet. Persönlicher Webspace kostet immer, da kann man nix machen. Nichts ist umsonst.

Hier die Schritte für eure ownCloud in der Übersicht:

1) besorgt euch dieses PHP-Skript: https://download.owncloud.com/download/community/setup-owncloud.php
2) ladet es in ein Verzeichnis auf eurem Server hoch, wo ihr eure Cloud haben möchtet. WICHTIG: Das Unterverzeichnis wählt ihr selbst bei der Installation, daher überlegt euch gut, unter welcher Domain eure Cloud später erreichbar sein soll. Wenn ihr natürlich nur eine Domain habt: völlig egal
3) sorgt dafür, dass euer Server Folgendes unterstützt:
– PHP 5.3
– MySQL
– KEIN PHP Safe Mode(!)
4) legt eine neue Datenbank an und merkt euch eure Daten
5) ruft das Skript auf: http://euredomain.net/setup-owncloud.php
6) die Abhängigkeiten werden überprüft. Normalerweise sagt euch nun ownCloud, was noch eingerichtet werden muss. Wendet euch in dem Fall möglichst freundlich an euren Provider und lasst euch das von dem zuvor einrichten
7) gebt den Unterverzeichnis-Namen für eure brandneue Cloud an (z.B. owncloud, box, etc.)
8) jetzt kommt MAGIC: ownCloud lädt im Hintergrund alles automatisch herunter und installiert die Cloud in euer Verzeichnis! Ka-Ching!
9) jetzt kommt wahrscheinlich ein Bug. Es wird wohl nicht mehr angezeigt wie „Fehler 500“. Macht nix: Geht einfach in euer Verzeichnis auf dem Server, öffnet die .htaccess. Dort kommentiert ihr folgende Zeile aus: Options -Indexes. Dazu einfach eine Raute (#) davor setzen, speichern und wieder hochladen
10) geht zurück zu http://euredomain.net/name_eurer_cloud/. Jetzt erscheint ein neuer Bildschirm, wo ihr euch einen Benutzernamen und ein Passwort vergebt. WICHTIG:
11) Hier unbedingt auf „Fortgeschritten“ klicken! Wählt MySQL aus und tragt die Daten eurer in Schritt 4) angelegten Datenbank ein
12) schließt die Installation ab
13) Fertig!

Tipp: Der Bug mit dem „Error 500“ kann während der Installation öfter auftreten. In diesen Fällen die Raute in der .htaccess hinzufügen, Seite checken ob sie angezeigt wird, wenn nicht Raute entfernen, Seite wieder checken, usw. Das klappt am Ende schon!

Das geht tatsächlich einfacher als gedacht, lasst euch durch diese 13 Schritte nicht irritieren. Solange ihr mal ein Blog installiert habt oder ähnliches ist das kein großes Problem.

Fazit: Wer auf eine Cloud nicht verzichten kann, der sollte mal ein Auge auf ownCloud werfen. Das Teil ist in der Version 5.0.8, die erst seit 2 Tagen raus ist, ziemlich genial und gut ausgestattet mit Features (siehe hier). Der wirklich einzige Nachteil liegt darin, dass der Speicherplatz von eurem eigenen Webspace abhängt.

Have fun!