**LenIT Customer Webpage**

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.

Für die Videoslider wurde das Plugin "WordPress video slider plugin Pro" (für 19 $ pro Lizenz)
eingekauft. 
Eigene Implementationen clientseitig (Javascript, JQeuerry, Ajax) oder Serverseits (Php) werden per zumeist per Shortcuts realisiert.

----
Einige technische Hinweise:

in wp-config.php


"define('FS_METHOD', 'direct');" ist hinzugefügt damit plugins direkt installiert werden können, ohne FTP zugang




----
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


**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]]

----

Systemvoraussetzung:

- LAMP Server:

-- Apache2

-- PHP > 4.0



----

Was benötigen Entwickler für Kenntnisse?

- 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

- Für Linux: Kenntnisse in SSH, Console/Bash (nicht unbedingt Konsolenfest, aber solide Kenntnisse schon)

----

Verwendete statistische Erfassung von Besuchern:

    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());

         gtag('config', '<Unsere Tracking ID>');
      </script>	

     Dadurch können Statistiken und Report über Google Analytics gepflegt werden.
     Bei Bedarf ist <Unsere Tracking ID> bei dem Admin zu erfragen


----