User Tools

Site Tools


lenit_customer_webpage_doku

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
lenit_customer_webpage_doku [2018/02/21 20:46]
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** **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. 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.
  
-Hinweis: Wir haben uns bewusst gegen die Nutzung eines CMS (Content Management Systementschieden+Die Page basiert auf das CMS Wordpress 4.8 und einer Vielzahl an Plugins für 
-Obgleich es Gute (Redaxo,...) oder populäre ​(Wordpress,​..gibt, haben wir auf diesem Wege +Internationalisierung,​ Kontaktformulare,​ Bild Gallerien, Popups, und vieles mehr. 
-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.+Für die Videoslider wurde das Plugin "​WordPress video slider plugin Pro" ​(für 19 $ pro Lizenz) 
 +eingekauft.  
 +Eigene Implementationen clientseitig ​(JavascriptJQeuerry, Ajax) oder Serverseits ​(Phpwerden per zumeist per Shortcuts realisiert.
  
 ---- ----
 +Einige technische Hinweise:
  
 +in wp-config.php
  
-Wo?: http://188.68.37.253/webpage/+ 
 +"​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]]
  
 ---- ----
Line 32: Line 94:
  
 - Web: HTML5, CSS, JS (JavaScript) und JQuery, AJAX (Asynchronous JavaScript and XML), verschieden Browser (IE, FireFox, Chrome,...) - 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 - Gut wäre zudem wissen in: JSON, XML, Responsive Design, Mobile Devices
Line 39: 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 IDbei dem Admin zu erfragen
  
--> Slideshow 
- 
--> Image Viewer 
  
 +----
  
  
lenit_customer_webpage_doku.1519242374.txt.gz · Last modified: 2018/02/21 20:46 by 141.44.23.5