Hypercell ein ] Hypercell aus ] Zeige Navigation ] Verstecke Navigation ]
c++.net  
   

Die mobilen Seiten von c++.net:
https://m.c-plusplus.net

  
C++ Forum :: Projekte ::  Projekt-Vorstellung: WhatsMyDevice.org     Zeige alle Beiträge auf einer Seite Auf Beitrag antworten
Autor Nachricht
codejunkie
Mitglied

Benutzerprofil
Anmeldungsdatum: 07.02.2017
Beiträge: 16
Beitrag codejunkie Mitglied 19:16:14 08.12.2017   Titel:   Projekt-Vorstellung: WhatsMyDevice.org            Zitieren

Hi,

Worum geht's?
bei uns in der Abteilung kommt es schon mal vor, dass unsere Frontender zu einem Bug-Ticket fragen: "Welchen Browser benutzt die Kundin? Welches Gerät und Betriebssystem?" und es ist daraufhin für unseren Kunden-Service mehr als peinlich den, bereits frustrierten, Kunden zu kontaktieren. Dazu muss man sagen das der Großteil unserer Kundschaft nicht sehr technisch versiert ist und man auf die Frage, "Was für einen Browser benutzen Sie?", häufig die Antwort kommt: "Windows". Bei Tablets und Smartphones kommen ähnliche unpräzise Aussagen.

Dies hilft natürlich nicht unseren Entwicklern, nicht dem Kundendienst und der Zufriedenheit des Kunden. Auch ist es unzumutbar dem Kunden zum jeweiligen Menüpunkt zu führen, wo Browser-Informationen stehen oder Informationen zum Betriebssystem. Das kostet Zeit, Nerven und Kundenzufriedenheit (vor allem da man noch nicht weiß, was das System ist und wo der Menüpunkt liegt).

Im Internet habe ich diverse "Was ist meine IP"- oder "Was ist mein Browser"-Infoseiten gefunden, die jedoch viele (für unsere Frontender) relevante Informationen nicht anzeigen, u. A. auch das Gerät oder benutzte Spracheinstellungen. So ist die Idee zu (www.whatsmydevice.org) geboren worden.

So muss unser Kundendienst bei Frontend- oder Backend-Bugs den Kunden nur auf diese Seite führen, auf "Speichern & Teilen" klicken lassen und per E-Mail den Share-Link zugesendet bekommen. Die Seite ermittelt alle wichtigen Informationen über das Gerät des Kunden und unsere Entwickler können so Bugs besser nachstellen (Besonders bei WebGL-Erweiterungen war dies schon sehr hilfreich).

Die Ermittlung der Daten erfolgt teilweise Server-Seitig und Client-Seitig per JavaScript.

Online ist die Seite seit gut 3 Wochen und wird dank unserer Kunden auch rege benutzt, daher möchte ich sie gerne auch euch vorstellen und vorallem weitere Meinungen hören, als nur diese von Freunden und Kollegen. :)

Technisches
Aktuell beinhaltet die Seite folgende Features:
- Share-Buttons für Facebook, Twitter und E-Mail
- Share-Buttons für WhatsApp (bei Mobile)
- OpenGraph für FaceBook und co, sowie Twitter-Cards
- Responsive
- Ermittlung von Herstellern
- Ermittlung von Geräten (Tablets, Smartphones, TVs, usw. nur Desktops/Notebooks machen Probleme, da die Ermittlung hierbei echt heftig ist)
- Ermittlung vom System (inkl. Fonts)
- Ermittlung von Bildschirm, Grafikkarte, Retina-Displays, usw.
- Ermittlugn von unterstützten Features des Browsers
- Privacy-Einstellungen des Browsers
- uvm.

Umgesetzt wurde die Seite innerhalb von 1 Woche mit meinem, auf dem SOLID-Prinzipien fokussierten, PHP-Framework "nia" ( https://www.github.com/nia-php/ ) und SQLite3. (www.whatsmydevice.org) läuft auf einem CentOS 7 mit Apache, sowie PHP 7.1 und benutzt die TLS-Zertifikate von Let's Encrypt.

Daten werden erst gespeichert nachdem der Endbenutzer dies möchte und auch nur für 365 Tage.


Ausblick
Aktuell durchforste ich die MDN nach weiteren Möglichkeiten um Daten via JavaScript zu ermitteln um das Gerät noch genauer zu identifizieren (z. B. Seriennummer). Auch ist eine API geplant, damit Firmen die Seite in ihre integrieren können und dem Kundendienst schneller helfen können ohne Umwege.


Abschluss
Was haltet ihr von meinem Projekt und was würdet ihr an Verbesserungen sehen wollen?

Vielen Dank für jede Form von konstruktivem Feedback und ich wünsche euch viel Spaß mit der Seite :-)

- codejunkie

_________________
[ Der Wahnsinn eines IT'lers | Blockchain? Die Welt wird besser! | "Was für ein Gerät benutzt du?" - Ähmn... ]
Ivo
Mitglied

Benutzerprofil
Anmeldungsdatum: 29.06.2004
Beiträge: 2251
Beitrag Ivo Mitglied 08:31:04 13.12.2017   Titel:              Zitieren

Gute Idee, macht das Leben in einer Agentur bzw. als Freelancer leichter...
Ich denke an der Ladezeit wirst Du nicht viel ändern können, da die Daten erstmal ermittelt werden müssen.

Vorschlag:
Wenn in einer Section keine Daten ermittelt werden können, blende den Container einfach aus. Vielleicht noch einen Umschalter für die Sprache einbauen, damit man die Ausgabe auch an einen Bastler aus Indien senden kann...

_________________
sig lost
core dumped


Zuletzt bearbeitet von Ivo am 08:38:25 13.12.2017, insgesamt 1-mal bearbeitet
c++ progger
Mitglied

Benutzerprofil
Anmeldungsdatum: 05.06.2012
Beiträge: 96
Beitrag c++ progger Mitglied 18:17:30 04.01.2018   Titel:              Zitieren

kleiner Typo:

Browser Privatsphäre-Einstellungen:
Dein Browser unterstützt zu guter Letzt auch diverse Privatsphäre-Einstellungen, die wir ermitteln konnten und hier dir hier auflisten.
C++ Forum :: Projekte ::  Projekt-Vorstellung: WhatsMyDevice.org   Auf Beitrag antworten

Zeige alle Beiträge auf einer Seite




Nächstes Thema anzeigen
Vorheriges Thema anzeigen
Sie können keine Beiträge in dieses Forum schreiben.
Sie können auf Beiträge in diesem Forum nicht antworten.
Sie können Ihre Beiträge in diesem Forum nicht bearbeiten.
Sie können Ihre Beiträge in diesem Forum nicht löschen.
Sie können an Umfragen in diesem Forum nicht mitmachen.

Powered by phpBB © 2001, 2002 phpBB Group :: FI Theme

c++.net ist Teilnehmer des Partnerprogramms von Amazon Europe S.à.r.l. und Partner des Werbeprogramms, das zur Bereitstellung eines Mediums für Websites konzipiert wurde, mittels dessen durch die Platzierung von Werbeanzeigen und Links zu amazon.de Werbekostenerstattung verdient werden kann.

Die Vervielfältigung der auf den Seiten www.c-plusplus.de, www.c-plusplus.info und www.c-plusplus.net enthaltenen Informationen ohne eine schriftliche Genehmigung des Seitenbetreibers ist untersagt (vgl. §4 Urheberrechtsgesetz). Die Nutzung und Änderung der vorgestellten Strukturen und Verfahren in privaten und kommerziellen Softwareanwendungen ist ausdrücklich erlaubt, soweit keine Rechte Dritter verletzt werden. Der Seitenbetreiber übernimmt keine Gewähr für die Funktion einzelner Beiträge oder Programmfragmente, insbesondere übernimmt er keine Haftung für eventuelle aus dem Gebrauch entstehenden Folgeschäden.