Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5

[Anleitung] eigene iPhone-Fotohomepage mobil verwalten
#1

[Bild: album.jpg]
[Bild: album2.jpg]

Hi,
nach einigem Herumsuchen hab ich nun endlich eine wirklich schöne Lösung gefunden ein Webalbum zu erstellen, das
komplett werbefrei ist und mit dem iPhone verwaltet werden kann.
Somit könnt ihr Bilder, die ihr gerade gemacht habt unterwegs auf eure Internetpräsenz hochladen.
Benötigt wird lediglich die App Picassolino die im AppStore für 1,59€ erhältlich ist, mit der es möglich ist
neue Alben anzulegen und Bilder hochzuladen.

Aufbauend auf dem OpenSource Projekt(http://pwa.sourceforge.net/), das die Picasa Web Albums Data API
verwendet, habe ich ein kleines Skript geschrieben. Das Layout kann mit nur wenigen HTML-Kentnissen an euren eigenen Style angepasst werden.



Ein Beispiel eines Webalbums ist zu finden unter:
http://iphonealbum.lima-city.de/index.html

So geht ihr vor:

1. Google Account erstellen und Nutzername für das Picassa Webalbum bestimmen.
Bei Google können bis zu 1Gb an Bilder gespeichert werden, was vorest für jeden genügen sollte.
(https://www.google.com/accounts/NewAccou...ssive=true)

2. Webspace besorgen auf dem Javascript läuft (maximal 5MB nötig)
Für das Beispiel wurde der Webhoster lima-city.de verwendet, der kostenlos und dazu noch werbefrei ist.

3. Skript herunterladen und entpacken
(http://iphonealbum.lima-city.de/webalbum.rar)

4.Der Nutzername der bei der Registrierung für Picassa angegeben wurde, muss in der index.html angepasst werden
<script type="text/javascript">
username = 'benutzername';

5. Alle Dateien auf den Webspace hochladen

6. Picassolino herunterladen, das erhältlich ist im AppStore für 1,59€
(http://phobos.apple.com/WebObjects/MZSto...60777&mt=8 )

[Bild: screen_5.jpg]

7. Beim Erstellen eines neuen Albums in Picassolino darauf achten, dass ihr "Public" ausgewählt habt.
[Bild: foto.jpg]

8. Die fertige Seite betrachten


Sonstige Anmerkungen
- um das Layout zu ändern müsst ihr nur die index.html anpassen

- logo.png einfach ersetzen für ein eigenes Logo

- werden die drei Bilder (prev.png, next.png, home.png) gelöscht, wird der Alternativtext der in der index.html-Datei definiert wird, angezeigt

- die Bilder können auch online unter
http://picasaweb.google.de/Nutzername oder mit Picasa 3 verwaltet werden



Viel Spaß
Zitieren




Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste