Differences

This shows you the differences between two versions of the page.

--- lenit_customer_webpage_doku [2018/03/14 12:21]
141.44.23.5
+++ lenit_customer_webpage_doku [2018/05/01 11:09] (current)
146.60.204.60
@@ Line 1: / Line 1: @@
 **LenIT Customer Webpage**
-{{:wpexample.png?250|}}
+URL: http://lenit.de (http://188.68.37.253/webpage/customerpage/)
+{{:p2.png?nolink&400|}}
 Was?: Die "LenIT Customer Webpage" ist eine ein Inhouse-Produkt der "Lenit UG" und ist ein LAMP, JS (und JQUERY) und AJAX-basierte Webapplication um unsere Produkte zu vertreiben.
+Die Page basiert auf das CMS Wordpress 4.8 und einer Vielzahl an Plugins für
+Internationalisierung, Kontaktformulare, Bild Gallerien, Popups, und vieles mehr.
-Als Basissystem für die Webapplikation verwenden wir das CMS (Content Management System) Wordpress 4.9.4. Eigene Implementationen clientseitig
+Für die Videoslider wurde das Plugin "WordPress video slider plugin Pro" (für 19 $ pro Lizenz)
-(Javascript, JQeuerry, Ajax) oder Serverseits (Php) werden per zumeist per Shortcuts realisiert.
+eingekauft.
+Eigene Implementationen clientseitig (Javascript, JQeuerry, Ajax) oder Serverseits (Php) werden per zumeist per Shortcuts realisiert.
+----
 Einige technische Hinweise:
-wp-config.php
+in wp-config.php
 "define('FS_METHOD', 'direct');" ist hinzugefügt damit plugins direkt installiert werden können, ohne FTP zugang
-"Polylang" wird als plugin zur internationalisierung genutzt
-Hinweis: Wir haben uns bewusst gegen die Nutzung eines CMS (Content Management System) entschieden.
-Obgleich es Gute (Redaxo,...) oder populäre (Wordpress,..) gibt, haben wir auf diesem Wege
-mehre Freiheiten Prozesse, APIs, und Funktionen einzubinden und unseren Kunden zur Verfügung zu
-stellen, zugegebenermaßen erkauft durch den Preis eines höheren allgemeinen Entwicklungs- und Dokumentationsaufwandes.
 ----
+Als Design Thema wird das "Bulk Thema" verwendet
+----
+Verwendete Plugins:
+**Polylang** wird als Plugin zur Internationalisierung genutzt. In "languages" liegen die ganzen optionen für die Sprachsteuerung. Für jede Sprache ie Verwendet werden
+soll muss diese erst bei "languages" bekannt gemacht und hinzugefügt werden (wir haben aktuell min
+Deutsch und Englisch). Das Konzept dieser Form der Internationalisierung sieht vor das für jedes
+Seite die angelegt wird (standardsprache ist englisch) je eine weitere Seite für eine andere Sprache mit angelegt
+werden kann. Diese muss dann aber neu in der anderen Sprache gebaut werden. Es entsteht also ein Mehrfachaufwand, weil
+jede Seite dann in jeder Sprache vorgehalten werden muss.
+Darüberhinaus gibt es für jede Sprache in "appearance" unterschiedliche Menubars die auch unterschieldich
+ausgestattet werden können und dann beim umschalten der Sprache auch anders aussehen.
+Zum Umschalten der Sprache kann man jedem Menu einen Language Switcher hinzufügen. Wird dann die
+Sprache umgeschalten, dann werden ab dann immer die entsprechenden Seiten der jeweiligen Sprachen verwendent
+bei der Navigation entlang der Webseite. Daher müssen immer alle Seiten und Sprachen kontrolliert werden
+beim Q&A um Fehler in der Darstellung zu verhindern.
+**NinjaTables** wird verwendet um Tabulare Releser-Feature Übersichten zu erstellen und darzustellen, sind also Hinweise welche Releases welche Features enthält zu aktuallisieren/zu erweitern dann ist dort im Plugin nachzuschauen.
+**Pricing Tables** wird verwendet um die Preise für die Lizenzen und deren Bestanteile in der Verkaufsseite
+darzustellen. Gibt es neue Lizenzmodelle oder Releases sind diese neuen Preisinfos hier einzuarbeiten
+**Hustle** wird verwendet um den Popoup einzublenden wenn der Nutzer signalisiert die Site zu verlassen. Bei Hustle können auch weiter Slide-In Popus und ähnliches definiert werden
+**CForm Builder** wird verwendet um das Kontaktformular im Impressum bereitzustellen
+**RGG Options** sorgt dafür das eingebundene Bilder prinzipiell einen leichten Zoom bei einer interaktion erfahren wodurch die Seite etwas lebendiger wirkt
+**Wow Company** wird verwendet um das Social Media Menu anzubieen mit welchem unsere Nutzer zu unseren sozialen Medien gelangen können (YouTube, Facebook, etc.)
+**Video Slider With Thumbnail** wird verwendet um Übersichten von und einen Player für Videos einzubinden welche wir bei YouTube hosten (hinweis: das Plugin kostet 19$ pro Worldpres licence).
+Hinter einem youtube video link <youtubevid> wird noch "&feature=youtu.be;start=5;autoplay=1;rel=0&controls=1&amp" angehängt damit es optimal funktioniert.
+Also aus <youtubevid> wird <youtubevid>&feature=youtu.be;start=5;autoplay=1;rel=0&controls=1&amp
+Z.B.: aus https://www.youtube.com/watch?v=uRcasgwZMUM wird
+https://www.youtube.com/watch?v=uRcasgwZMUM&feature=youtu.be;start=5;autoplay=1;rel=0&controls=1&amp
-Wo?: http://188.68.37.253/webpage/
+**Photo Video Gallery Master** wird verwendet um Slideshows für Imgages unserer Produkte zu erstellen (für den Einsatz für Videos ist das Plugin eher ungeeignet)
+----
+Wo?:  [[http://lenit.de|http://lenit.de]]
 ----
@@ Line 46: / Line 94: @@
 - Web: HTML5, CSS, JS (JavaScript) und JQuery, AJAX (Asynchronous JavaScript and XML), verschieden Browser (IE, FireFox, Chrome,...)
+- CMS: Wordpress und das Plugin System
 - Gut wäre zudem wissen in: JSON, XML, Responsive Design, Mobile Devices
@@ Line 53: / Line 103: @@
 ----
--> FAQ
+Verwendete statistische Erfassung von Besuchern:
--> Forum
+    Wir setzen Google Analytics ein zum Erfassen von Besucherdaten.
+    Dafür ist folgender rackingcode auf der seite (in der header.php) verbaut:
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+      <script async src="https://www.googletagmanager.com/gtag/js?id=<Unsere Tracking ID>"></script>
+       <script>
+         window.dataLayer = window.dataLayer || [];
+         function gtag(){dataLayer.push(arguments);}
+         gtag('js', new Date());
--> Kontakt
+         gtag('config', '<Unsere Tracking ID>');
+      </script>
--> Kommentare:
+     Dadurch können Statistiken und Report über Google Analytics gepflegt werden.
+     Bei Bedarf ist <Unsere Tracking ID> bei dem Admin zu erfragen
--> Slideshow
--> Image Viewer
+----

LenIT Tool Documentations

User Tools

Site Tools

Differences

Page Tools