Erstellen einer Homepage: wie kann man Bilder dynamisch anzeigen?

  • Tach auch,

    der Thementitel verwirrt sicher... mir ist kein besserer eingefallen...

    Problem:
    - eine Firma repariert Handys
    - es gibt immer wieder Deppen, die ihr Handy mit Feuchtigkeit in Kontakt kommen lassen, Folge: in vielen Fällen Totalschaden, aber auf jeden Fall Verlust der Garantie und damit alle weiteren Reperaturversuche kostenpflichtig
    - die Firma möchte gern die Schäden mit Bildern einer Digitalkamera belegen, archivieren und dem Kunden zugänglich machen
    - ausdrucken fällt aus

    daher die Idee:
    - ein Bild wird geschossen
    - dann per FTP auf den Server
    - Kunde gibt auf einer Seite der Firma die eindeutige IMEI-Nummer an
    - Seite wird dynamisch erzeugt mit dem Bild (den Bildern) des Schadens

    Pflichtenheft
    - es soll keine Galerie erstellt werden mit allen Schadensbildern, diese Funktion soll so anonym wie möglich sein
    - die Seite soll dynamisch sein, um den täglichen, wiederkehrenden Aufwand gering zu halten
    - die Bilder tragen als Namen die IMEI-Nummer des Gerätes (zB. 357004001234567.jpg)
    - falls mehrere Bilder zu einem Gerät vorhanden sind, sollten diese auch angezeigt werden

    Jetzt habe ich mehr geschrieben, als ich vorhatte... Ich hoffe, mir kann jemand Tipps geben, in welche Richtung die Programmierung gehen muss. (HTML bekomme ich hin, JavaScript zu not auch (habe ich schon Jahrelang nicht mehr gemacht), PHP habe ich keinen Schimmer Ahnung). Vielleicht gibt es sogar Freaks, die ein solches oder ähnliches Projekt schon mal hatten und ihr Wissen kostenfrei im Netz zur Verfügung stellen.

  • Hi,


    am einfachsten ist es, wenn zu der jeweiligen IMEI-Nr eine Seite auf demFTP abgelegt wird.



    um sicher zu gehen, dass die Bilder auch nur dem entsprechenden Kunden zugänglich sind kann man vor der IMEI Nr auch noch die Auftragsnummer vorsetzen.


    ..... firma.de/ANr1234IMEI12345566879.htm


    hinter der Html-Seite können dann beliebig viele Bilder auftauchen....

  • Diese Variante habe ich schon verworfen, der Aufwand ist zu groß. So ein Handy muss nach 10 Minuten wieder raus sein und der bürokratische Akt, der schon heute dahinter steckt ist nicht ohne.

    Aber wenn ich die Seiten so erstellen würde, wie könnte der Kunde sie dann anhand der IMEI interaktiv auswählen? (ich glaube, das hatte ich noch nicht erwähnt)

  • Hi,


    der Aufwand ist doch nicht groß , oder ..... dynamisch wird es auch nicht "einfacher " ;)



    ich gehe davon aus, dass die Seiten in Frames aufgeteilt sind, ....


    eine Standard-Frameseite wird erstellt, .... von mir aus mit Word / Namo / oder sonst einem Tool, dass HTML kann ...... dort die Bilder einfach reinstellen und "Blind" auf dem Server ablegen ( also mit dem o.g. Namen als HTMl-Datei )


    irgendwo hatte ich auch mal ein Javoscript, bei dem man auf bestimmte Angaben abgefragt wurde ( kann ja in deinem Fall die Auftragsnummer und IMEI sein ) ..... die Eingaben wurden übernommen und als weiterer St´ring in der Adressleiste ergänzt ......
    das Script habe ich aber leider nicht mehr ( mache schon seit 3 Jahren kein Design mehr ) sollte aber im Netz noch zu finden sein.....

  • Dynamisch macht nur beim ersten mal viel Arbeit. Später würde nur das Bild geschossen, umbenannt und rauf auf den Server. Noch ne HTML-Datei erstellen für die Darstellung ist wieder ne Minute mehr Arbeit...

    Frames hat die Seite nicht, Javascript konnte bisher vermieden werden, einzige Konzession an die moderne Technik ist CSS.

  • Wenn es trivial sein darf einfach auf dem Server jeweils Ordner anlegen mit der IMEI und alle Bilder bzw. das Bild in diesen Ordner gelegt. Dann noch ein Formular, das die IMEI abfragt und einfach den Inhalt des Ordners aufruft. Dort ist dann ein oder sind mehrere Bilder aufgelistet die der Kunde mit jeweils einem Klick ansehen kann. Deine Anforderungen sind erfüllt ;)


    Einziger Programmieraufwand wäre einmalig das Formular zu erstellen.


    Nachteil:
    Auf dem Server muss vor dem Kopieren der passende Ordner erzeugt werden. Da aber beim Benennen der Datei die IMEI sowieso eingegeben wird könnte man das noch mit recht wenig Aufwand über die Zwischenablage für den Ordnernamen machen.


    Falsch eingegebene IMEIs könnte man leicht per Javascript abfangen, indem man auf Vorhandensein des Bildes prüft und ggf. eine Fehlermeldung abwirft.

    Einmal editiert, zuletzt von Candid ()

  • Ich halte Candids Idee für am sinnvollsten.


    Sollen zusätzlich noch Kundendaten verwaltet werden?
    (Name, Rufnummer, Telefon-Modell, Passwort-Geschützt)


    Mit wievielen Datensätzen ist zu rechnen? (Daten-Speicherung in Dateien oder SQL-Datenbank)


    Wieviele Bilder pro Gerät?
    Als Thumbnail und/oder Großformat?


    Gruß


    Marc

    Systemfehler 4711:
    (A) Abbrechen, (W) Wiederholen, (K) Kaffeetrinken: _

  • Zitat

    Original von Kristian
    Da wirst du wohl um PHP nicht drum herum komen :)


    Ich habe heute nach langem Suchen in den Vertragsunterlagen festgestellt, dass kein PHP freigeschaltet wurde. Die Jungs und Mädels wollen dafür 20 extra haben - fällt der Weg über PHP aus.


    Zitat

    Original von Candid
    Einziger Programmieraufwand wäre einmalig das Formular zu erstellen.


    Nachteil:
    Auf dem Server muss vor dem Kopieren der passende Ordner erzeugt werden. Da aber beim Benennen der Datei die IMEI sowieso eingegeben wird könnte man das noch mit recht wenig Aufwand über die Zwischenablage für den Ordnernamen machen.


    Falsch eingegebene IMEIs könnte man leicht per Javascript abfangen, indem man auf Vorhandensein des Bildes prüft und ggf. eine Fehlermeldung abwirft.


    Genau dieses "bloß noch ein Formular erstellen" ist mein größtes Problem...


    Zitat

    Sollen zusätzlich noch Kundendaten verwaltet werden?
    (Name, Rufnummer, Telefon-Modell, Passwort-Geschützt)


    Nein, es sollen keine personenbezogenen Daten eingegeben werden, lediglich die IMEI-Nummer des Gerätes - diese ist jeweils einmalig und eindeutig zuzuordnen.


    Zitat

    Original von MarcS
    Mit wievielen Datensätzen ist zu rechnen? (Daten-Speicherung in Dateien oder SQL-Datenbank)


    Wieviele Bilder pro Gerät?
    Als Thumbnail und/oder Großformat?


    Ich rechne mit einem Gerät pro Tag. Und jeweils maximal zwei Bildern pro Gerät. Da der Kunde nur seine IMEI-Nummer eingibt und dem entsprechend keine Vorschau nötig ist, brauche ich keine Thumbs.

    Da PHP wie oben beschrieben ausfällt werde ich wahrscheinlich ein altes Shopprojekt entfremden: Eingabe der IMEI per Javascript, erstellen eines Arrays mit allen IMEI-Nummern und dazu gehörenden Bildern, Anzeigen des Bildes falls vorhanden.

    Der Arbeitsaufwand wäre dann jedes mal: im html-Dokument das Array um die neuen Daten verlängern und mit den Bildern per FTP auf den Server. Oder kann man per javascript aktiv nach Dateien in einem Ordner suchen?

  • Zitat

    Original von BlackMagic


    Ich habe heute nach langem Suchen in den Vertragsunterlagen festgestellt, dass kein PHP freigeschaltet wurde. Die Jungs und Mädels wollen dafür 20 extra haben - fällt der Weg über PHP aus.


    Wie wäre es dann mit einem Umzug zu nem anderen Provider?


    Es gibt genug, die PHP anbieten und trotzdem noch günstig sind.

    Systemfehler 4711:
    (A) Abbrechen, (W) Wiederholen, (K) Kaffeetrinken: _

  • Zitat


    Genau dieses "bloß noch ein Formular erstellen" ist mein größtes Problem...


    Das musst du doch nur einmal machen und nicht etwa der spätere Anwender bzw. auch nicht für jedes Bild ein Formular sondern ein Formular für alle IMEIs/Bilder und ein klein wenig Javascript. Oder habe ich dich nun missverstanden und du meinst, dass du das nicht in Javascript hinbekommst?


    Zitat


    Der Arbeitsaufwand wäre dann jedes mal: im html-Dokument das Array um die neuen Daten verlängern und mit den Bildern per FTP auf den Server. Oder kann man per javascript aktiv nach Dateien in einem Ordner suchen?[/font]


    Das klingt für mich aber deutlich umständlicher. Mit Javascript kannst du auf jeden Fall auf Vorhandensein von Bilddatein prüfen.


    Das kann z.B. so aussehen:

    Code
    <img src="<Pfad auf dem Server>/1234567890.jpg" onError="window.open('falsche_imei.html'); self.close();">


    PS: Warum funktioniert denn das CODE-Tag nicht?


    Wenn die Bilddatei nicht existiert wird eine bestehende HTML-Datei angezeigt.

    3 Mal editiert, zuletzt von Candid ()

  • Zitat

    Original von Candid
    Oder habe ich dich nun missverstanden und du meinst, dass du das nicht in Javascript hinbekommst?


    Genau so siehts aus 8)


    Zitat

    Das kann z.B. so aussehen:
    <img src="<Pfad auf dem Server>/1234567890.jpg" onError="window.open('falsche_imei.html'); self.close();">


    Damit werde ich mich mal am Wochenende beschäftigen.

  • Hi,


    schon mal über .htaccess Dateien nachgedacht?


    Pro Fall auf dem Webserver einen Ordner anlegen, vielleicht als Name die IMEI. Darin eine index.html, auf der die Bilder eingebunden sind, evtl etwas Text. Die Dateien können immer index.html heissen. Dann pro Fall auf dem Server ein Passwort für den Ordner anlegen, entsprechend die .htaccess ausfüllen, und dem Kunden die URL und die Zugangsdaten mailen.
    Aufwand keine 5min, und sollte auf jedem Webspace möglich sein.


    Gruß
    H.-J.

    Bitte keine Supportanfragen per PN oder Mail, dafür ist das Forum da.

  • Tach wieder,

    alle Probleme gelöst. Dank der Seite selfhtml und der dort veröffentlichten Code-Schnippsel funktioniert es jetzt so wie gewünscht:

    Kunde gibt IMEI ein, Browser wechselt das Fenster
    alle zu der IMEI vorhandenen Bilder werden angezeigt und (für mich der Clou!)
    zu jedem Bild wird eine angelegte txt Datei, die kurz und knapp das Bild beschreibt, dank Java Applet formatiert in die Seite eingebunden

    Danke allen Tipgebern.

  • Hi,


    Java-Applets sind die schlechteste aller Lösungen.


    Würde bei mir z.B. nicht funktionieren, da Java (nicht Java-Script) konsequent geblockt ist. Auch viele Firmenfirewalls machen da einfach dicht.


    Von mir als Kunden würdest Du da einen bitterbösen Brief bekommen, in dem die Worte 'Sicherheitsrisiko' und 'Dilettant' vorkommen.


    Viel Spass beim Support, vor allem, wenn der Mist auch noch nur auf dem IE funktioniert.


    Gruß
    H.-J.

    Bitte keine Supportanfragen per PN oder Mail, dafür ist das Forum da.