HILFE gesucht für private Homepage um Google Drive / Photos aufzuhübschen und zu erweitern
Posted: 08 Feb 2017, 23:52
Hallo zusammen.
Ich habe ein kleines, privates Projekt vor, vielleicht könnt ihr mir da helfen.
In das meiste kann ich mich selbst hineinarbeiten, (etwas ältere Vorkenntnisse in Joomla, HTML, Javascript, CSS) da ich aber ich mich aber nicht täglich mit der Materie beschäftige, fehlt es an mancher Stelle an Hintergrundwissen, um schnelle Entscheidungen treffen zu können oder einfach Lösungen herbeizuführen.
Meine Vorhaben in Kürze:
Ich backupe Fotos meiner Familie auf Google Drive und teile gleichzeitig den Ordner online mit dem Rest der Familie, die die nicht in der selben Stadt wohnen.
Leider ist die Fotoansicht sehr bescheiden.
Mein Gedanke daher war: Ich bau mir eine Homepage mit Joomla und binde die Fotos aus Google Drive ein.
So kann ich mir per CSS etc. selber alle gewünschten Ansichten schreiben/anpassen.
Mein Hauptanliegen ist, dass ich die Fotos unten in einer Reihe als kleine Thumbnails in einem Pager Container anzeigen lassen kann und das aktuell ausgewählte Foto soll browserfüllend im Hintergrund angezeigt werden. (Ich bräuchte also zumindest unter einem Menüpunkt der Seite ein Fullscreen-Layout)
Ich möchte die Fotos zudem nicht nur sortiert nach Datum anzeigen lassen, sondern auch nach Keywords und Orten aus den IPTC-Daten (die ich selbst eingefügt habe).
Optional möchte ich gern Kommentare in die IPTC-Daten zurückschreiben lassen, wenn das möglich ist.
Ausserdem möchte ich, dass der Besucher noch bestimmte Fotos markieren und dann gebündelt als zip downloaden kann.
Das ganze soll durch ein Menü angesteuert werden, was einzig allein, transparent in der oberen rechten Ecke "Home" anzeigt und erst auf Mouseover/click das/die Untermenüs aufscrollt.
Alles soll nur über eine Willkommenseite und Login erreichbar sein.
Ansich keine so schwere Sache.
Durch einen anderen Beitrag bin ich darauf gekommen, dass ein responsives Template ganz sinnvoll ist, dessen mobile Ansicht aber nicht Priorität hat.
Ich habe über einen Umweg mittlerweile einen Weg gefunden, um Fotos von Google Photos Freigaben anzeigen zu lassen. Probiert die IPTC-Daten auszulesen habe ich noch nicht, wie ich Kommentare zurückschreiben kann, erst recht nicht. (Wie kann das gehen?)
Nun zu dem wo ich Hilfe brauche.
Wenn möglich möchte ich gern alles mit Phoca-Sachen machen, wenn die den Zweck erfüllen.
Ich möchte so wenig Plugins/Komponenten benutzen, wie es möglich ist.
Testseite ist momentan zu finden unter: http://beklopptebeeren.square7.ch/bebe/index.php
Die Fullscreen Ansicht ist unter Home->AjaxList zu finden: http://beklopptebeeren.square7.ch/bebe/ ... ajaxlist#0
Nachdem ich alles getestet habe und weiss was ich wie brauche, mach ich nochmal ne cleane Joomla Installation.
Ich bin für hilfreiche Wege, Anleitungen und Tipps sehr dankbar. Vielleicht kann mir jemand auch Stichpunktlistenartig mitteilen, wie eine mögliche Umsetzung geschehen könnte.
Danke fürs Lesen :)
Liebe Grüße, Jarod
Ich habe ein kleines, privates Projekt vor, vielleicht könnt ihr mir da helfen.
In das meiste kann ich mich selbst hineinarbeiten, (etwas ältere Vorkenntnisse in Joomla, HTML, Javascript, CSS) da ich aber ich mich aber nicht täglich mit der Materie beschäftige, fehlt es an mancher Stelle an Hintergrundwissen, um schnelle Entscheidungen treffen zu können oder einfach Lösungen herbeizuführen.
Meine Vorhaben in Kürze:
Ich backupe Fotos meiner Familie auf Google Drive und teile gleichzeitig den Ordner online mit dem Rest der Familie, die die nicht in der selben Stadt wohnen.
Leider ist die Fotoansicht sehr bescheiden.
Mein Gedanke daher war: Ich bau mir eine Homepage mit Joomla und binde die Fotos aus Google Drive ein.
So kann ich mir per CSS etc. selber alle gewünschten Ansichten schreiben/anpassen.
Mein Hauptanliegen ist, dass ich die Fotos unten in einer Reihe als kleine Thumbnails in einem Pager Container anzeigen lassen kann und das aktuell ausgewählte Foto soll browserfüllend im Hintergrund angezeigt werden. (Ich bräuchte also zumindest unter einem Menüpunkt der Seite ein Fullscreen-Layout)
Ich möchte die Fotos zudem nicht nur sortiert nach Datum anzeigen lassen, sondern auch nach Keywords und Orten aus den IPTC-Daten (die ich selbst eingefügt habe).
Optional möchte ich gern Kommentare in die IPTC-Daten zurückschreiben lassen, wenn das möglich ist.
Ausserdem möchte ich, dass der Besucher noch bestimmte Fotos markieren und dann gebündelt als zip downloaden kann.
Das ganze soll durch ein Menü angesteuert werden, was einzig allein, transparent in der oberen rechten Ecke "Home" anzeigt und erst auf Mouseover/click das/die Untermenüs aufscrollt.
Alles soll nur über eine Willkommenseite und Login erreichbar sein.
Ansich keine so schwere Sache.
Durch einen anderen Beitrag bin ich darauf gekommen, dass ein responsives Template ganz sinnvoll ist, dessen mobile Ansicht aber nicht Priorität hat.
Ich habe über einen Umweg mittlerweile einen Weg gefunden, um Fotos von Google Photos Freigaben anzeigen zu lassen. Probiert die IPTC-Daten auszulesen habe ich noch nicht, wie ich Kommentare zurückschreiben kann, erst recht nicht. (Wie kann das gehen?)
Nun zu dem wo ich Hilfe brauche.
Wenn möglich möchte ich gern alles mit Phoca-Sachen machen, wenn die den Zweck erfüllen.
Ich möchte so wenig Plugins/Komponenten benutzen, wie es möglich ist.
- Welches Template nehme ich da am besten?
- Welche Plugins / Komponenten / Module werde ich dafür wohl brauchen?
- Wie realisiere ich den Internbereich am besten? (Die ganze Seite, bis auf Willkommen ist ja intern, es sollen ca. 10 gleichrangige Benutzer geben, Rechte: Unterseiten aufrufen, Fotos anschauen, suchen per keywords, evtl kommentieren, downloaden)
- Erstelle ich mir aus dem einen Template mehrere Versionen, welche dann per Menülink und den entsprechenden Fotoansichten dann umgeschaltet werden?
- Wie schaffe ich es ein Bild Fullscreen in den Hintergrund zu legen? (Ich habe eine Testversion Phoca 2.5 Template und Eventgallery, Ansicht: Thumbnail Reihe mit grossem Auswahlfoto darüber --- ich habe es geschafft, durch deaktivieren fast aller Modulpositionen, dass das ausgewählte Foto in der Thumb-Reihe Seitenfüllend im Hintergrund angezeigt wird, das Menü habe ich nach langem basteln auch halbwegs rechts oben hinbekommen. Das meiste per CSS unteranderem mit z-index. So ganz ist das aber nicht der richtige Weg?)
- Wie bekomme ich das Menü am einfachsten ("Home": nur Text mit Outline - Dropdownmenü) ganz nach rechts oben? Mit "display:inline-block; position:relative; margin-right:10px; margin-top:10px"?
Testseite ist momentan zu finden unter: http://beklopptebeeren.square7.ch/bebe/index.php
Die Fullscreen Ansicht ist unter Home->AjaxList zu finden: http://beklopptebeeren.square7.ch/bebe/ ... ajaxlist#0
Nachdem ich alles getestet habe und weiss was ich wie brauche, mach ich nochmal ne cleane Joomla Installation.
Ich bin für hilfreiche Wege, Anleitungen und Tipps sehr dankbar. Vielleicht kann mir jemand auch Stichpunktlistenartig mitteilen, wie eine mögliche Umsetzung geschehen könnte.
Danke fürs Lesen :)
Liebe Grüße, Jarod