https://wiki.stephanschlegel.de/api.php?action=feedcontributions&feedformat=atom&user=37.49.33.84Wikizone - Benutzerbeiträge [de]2026-05-06T16:24:44ZBenutzerbeiträgeMediaWiki 1.35.14https://wiki.stephanschlegel.de/index.php?title=Typo3_Extensions_-_Backend_Formulare_und_TCA_Konfiguration&diff=21263Typo3 Extensions - Backend Formulare und TCA Konfiguration2015-10-22T05:28:16Z<p>37.49.33.84: </p>
<hr />
<div>== Einführung ==<br />
Im TCA (Table Content Array) wird definiert wie ein Feld im Backend aussieht, wie es validiert wird etc. Außerdem wird es von Extbase genutzt um sich Informationen über die Validierung zu holen.<br />
== TCA Beispiele ==<br />
Ausschnitte aus der TCA mit verschiedenen Beispiel Definitionen<br />
=== File Upload Feld ===<br />
<br />
== TCA - In Depth ==<br />
=== Aussehen von Backend Formularen ===<br />
==== Allgemeines ====<br />
Definiert im '''TCA Array'''. <br />
<br />
In Extensions wird es in den Dateien <br />
<br />
'''ext_tables.php''' und '''tca.php''' <br />
<br />
festgelegt. In tca.php wird z.B. mit<br />
..."ctrl" => $TCA["tx_pupmanager_members"]["ctrl"],...<br />
der Teil ctrl des TCA Arrays aus ext_tables übernommen. Man muß also nur in diesen beiden Dateien die Werte verändern um auf verschiedene Weise das Backend zu konfigurieren. Die Details findet man in:<br />
<br />
http://typo3.org/documentation/document-library/core-documentation/doc_core_api/<br />
<br />
Die Ebenen des Arrays sind wie folgt angelegt.<br />
<br />
===== Schlüssel: ctrl =====<br />
Bereich '''ctrl''' wird immer gleich geladen die anderen BEreiche erst dynamisch. Wenn sie benutzt werden mit <br />
<br />
t3lib_loadTCA('your_table_name');<br />
<br />
nachladen<br />
<br />
===== Level 1 =====<br />
Die '''Schlüssel entsprechen den DB-Tabellen'''<br />
<br />
Grundsätzliche Einstellungen in ''ext_tables.php''<br />
<br />
===== Level 2 und 3 =====<br />
<br />
Diese beziehen sich auf die '''Struktur eines Tabelleneintrags''' (so sieht also ein Datensatz im Backend aus) und werden meist in ''tca.php'' festgelegt.<br />
==== Hilfetexte ====<br />
Wenn die Extension im Builder vorbereitet ist, dann ist alles schon vorangelegt.<br />
PHP<br />
<br />
ext_tables.php -> bekannt machen der Hilfetextdatei<br />
<syntaxhighlight lang="php"><br />
t3lib_extMgm::addLLrefForTCAdescr(<br />
'tx_meineExtension_DBTabelle',<br />
'EXT:ExtensionKey/locallang_csh_ExtensionKey_DBTabelle.xml'<br />
);<br />
</syntaxhighlight><br />
Schlüssel ist dann:<br />
<br />
meinFeld.description außerdem gibt es noch meinFeld.details<br />
<br />
== Validierung von Backend Formularen ==<br />
Für Backendfelder steht der Bereich eval zur Verfügung. Dort gibt es vorgefertigte Evaluierungsmöglichkeiten. Es können auch mittels einer Extension eigene JavaScripte zur Evaluierung gebastelt werden. Eine Beispielextension steht auch zur Verfügung.<br />
<br />
http://typo3.org/documentation/api/<br />
<br />
['columns'][fieldname]['config'] / TYPE: "input"<br />
eval=>...<br />
<br />
=== Eine Klasse für eigene Validierung einbauen ===<br />
<br />
==== Old School ====<br />
Nachfolgendes bezieht sich auf alte Extensions ohne Extbase, bin mir nicht sicher ob das in Extbase anders funktioniert.<br />
Folgende Schritte sind notwendig:<br />
# Eine '''Klasse zur Evaluierung''' in der Extension anlegen in der Art: class.tx_meineextension_extraeval1<br />
<br />
## Diese Klasse enthält '''zwei Funktionen'''. Eine für die Evaluierung per '''JavaScript''' bei der Eingabe und eine '''php''' Evaluierung nachdem der Datensatz gespeichert wurde. Unten steht die Beispielklasse aus der typo3.org API Dokumentation aus; sie fügt den eingegebenen Werten die unten gezeigten Strings hinzu.<br />
<br />
## Die Funktion ''returnFieldJS()'' gibt den '''JavaScript Code''' zurück. Im JavaScript steht die Variable ''value'' zur Verfügung die den Wert des Feldes enthält.<br />
<br />
## Die Funktion ''evaluateFieldValue ($value, $is_in, &$set)'' hat folgende Übergabewerte: ''$value'' ist der Feldinhalt, ''$is_in'' enthält die Werte aus der Typo3 Eval Funktion is_in (Filtert Zeichen aus), ''&$set'' ist Boolean und legt fest ob der Wert in die Datenbank geschrieben wird oder nicht. Wird per Referenz übergeben. <br />
<br />
# In ext_localconf.php muß die Klasse registriert werden damit sie zur Verfügung steht<br />
<br />
# In tca.php kann nun den Backendeingabefeldern die Evaluierung zugewiesen werden.<br />
<br />
'''class.tx_exampleextraevaluations_extraeval1'''<br />
<pre><br />
<br />
<?php<br />
<br />
class tx_exampleextraevaluations_extraeval1 {<br />
function returnFieldJS() {<br />
return '<br />
return value + " [added by JS]";<br />
';<br />
}<br />
function evaluateFieldValue($value, $is_in, &$set) {<br />
return $value.' [added by PHP]';<br />
}<br />
}<br />
?><br />
<br />
</pre><br />
<br />
'''ext_localconf.php'''<br />
<pre><br />
...<br />
# Register new evaluation method in the $TYPO3_CONF_VARS['SC_OPTIONS']['tce']['formevals'] array.<br />
$TYPO3_CONF_VARS['SC_OPTIONS']['tce']['formevals']['tx_exampleextraevaluations_extraeval1'] = 'EXT:example_extraevaluations/class.tx_pupmanager_extraeval1.php';<br />
</pre><br />
<br />
''' Beispiel zum Aufruf in tca.php '''<br />
<pre><br />
...<br />
'eval' => 'trim,tx_exampleextraevaluations_extraeval1',<br />
...<br />
</pre><br />
<br />
== Felder in Abhängigkeit von anderen anzeigen oder verstecken ==<br />
===Möglichkeit 1: in der Felddefinition===<br />
Für jedes Feld das eventuell versteckt werden soll, wird eine Bedingung angegeben<br />
Im TCA (tca.php) unter<br />
['columns'][fieldname] <br />
displayCond<br />
<br />
'''Beispiele:'''<br />
<pre><br />
This example will require the field named "tx_templavoila_ds" to be true, otherwise the field for which this rule is set will not be displayed:<br />
<br />
'displayCond' => 'FIELD:tx_templavoila_ds:REQ:true',<br />
<br />
This example requires the extension "static_info_tables" to be loaded, otherwise the field is not displayed. (This is useful if the field makes a look-up on a table coming from another extension!)<br />
<br />
'displayCond' => 'EXT:static_info_tables:LOADED:true',<br />
<br />
Wie man sieht ist der String mit : in verschiedene Bereiche aufgeteilt. <br />
Teil 1 ist der Regeltyp. FIELD bezieht sich z.B. auf ein Feld im selben Datensatz. Je nachdem was im ersten Teil steht kann man weitere Teile angeben.<br />
<br />
http://typo3.org/documentation/document-library/core-documentation/doc_core_api/4.1.0/view/4/2/<br />
</pre><br />
===Möglichkeit 2: mit Paletten===<br />
<pre><br />
</pre><br />
===Möglichkeit 3: ===<br />
<pre><br />
</pre><br />
== Reihenfolge der Felder im Backend ==<br />
<pre><br />
<br />
['types'][key]<br />
Beispiel:<br />
'types' => Array (<br />
'0' => Array('showitem' => 'hidden;;1, type, title, test_template'),<br />
</pre><br />
The key "showitem" lists the order in which to define the fields: "hidden, type, title, test_template"<br />
<br />
(nicht mit showRecordFieldList verwechseln - das legt nur Fest was überhaupt angezeigt wird.<br />
<br />
== Default Werte in Backend-Feldern ==<br />
useColumnsForDefaultValues<br />
<br />
Wenn Daten auf komplexere Weise im Backend manipuliert werden sollen geht es z.B. so:<br />
<br />
[[TYPO3 Hook im Backend beim Speichern von Datensätzen]]<br />
<br />
oder<br />
<br />
[[Backend: Default-Werte per TSConfig setzen]]<br />
<br />
== Tabs in Backend Formularen ==<br />
dividers2tabs(in types)<br />
<br />
== Funktion nach dem Speichern eines Datensatzes im Backend ausführen==<br />
Kurzversion für Details siehe nachfolgender Abschnitt.<br />
<br />
'''ext_localconf.php''' (Wenn nicht vorhanden Erstellen) Folgendes einfügen<br />
<pre><br />
$GLOBALS['TYPO3_CONF_VARS']['SC_OPTIONS']['t3lib/class.t3lib_tcemain.php']['processDatamapClass'][] = <br />
'EXT:ext_name/hooks/class.tx_ext_name_tcemainhooks.php:tx_ext_name_tcemainhooks';<br />
</pre><br />
<br />
Neue Datei<br />
<br />
'''class.tx_ext_name_tcemainhooks.php'''<br />
<pre><br />
<?php<br />
class tx_gbglossary_tcemainhooks {<br />
function processDatamap_preProcessFieldArray(&$FieldArray, $table, $id, &$tceobj) {<br />
debug($FieldArray,"FieldArray");<br />
debug($table,"Table");<br />
debug($id,"id");<br />
debug($tceobj,"tceobj"); <br />
}<br />
}<br />
?><br />
</pre><br />
<br />
== Funktionen vor oder nach der Backendeingabe ausführen ==<br />
'''Verwendete Dateien:'''<br />
<pre><br />
ext_localconf.php (Hier wird der Hook registriert)<br />
class.tx_myExtension_post-or whatever.php (Hier kommt der auszuführende Code)<br />
</pre> <br />
<br />
<br />
Dies kann mit Hooks realisiert werden.<br />
<br />
http://typo3.org/development/articles/how-to-use-existing-hooks/page/2/<br />
<br />
http://www.koller-webprogramming.ch/tipps-tricks/typo3-extension-entwicklung/hook-im-backend/<br />
<br />
Daten die vom Backend übermittelt werden werden in der Klasse t3lib_tcemain bearbeitet. Das wäre der geeignete Ort um einzugreifen.<br />
Diese liegt in '''t3lib/class.t3lib_tcemain.php'''. Jetzt wäre es natürlich blöde in den Core Dateien herumzufuhrwerken. Aber es gibt ja das Hook Konzept, mit dem ein Programmierer Schnittstellen bereitstellen kann um die Funktionalität zu erweitern. Netterweise hat ein lieber Core Programmierer schon zwei Hooks vorgesehen die vor bzw. nachdem speichern der Daten im Backend genutzt werden können.<br />
<br />
<br />
Es gibt 2 Möglichkeiten den Hook zu nutzen. '''callUserFunction''' und the '''getUserObj'''. Wobei zweitere die schickere (weil ansatzweise Objektorientiert) ist. Auf die callUserFunction gehen wir zunächst hier nicht ein.<br />
<br />
Die '''getUserObj Methode''' stellt uns auch der folgende Hook zur Verfügung. <br />
<br />
<br />
Schauen wir uns den Code des Post Process Hooks in der Datei class.t3li_tcemain.php an:<br />
<pre><br />
// Hook: processDatamap_postProcessFieldArray<br />
reset($hookObjectsArr);<br />
while (list(,$hookObj) = each($hookObjectsArr)) {<br />
if (method_exists ($hookObj, 'processDatamap_postProcessFieldArray')) {<br />
$hookObj->processDatamap_postProcessFieldArray ($status, $table, $id, $fieldArray, $this);<br />
} <br />
} <br />
</pre><br />
<br />
<br />
Im obigen Code-Schnipsel aus TCE-Main wird ein Array $hookObjectsArr übergeben und eine Methode processDatamap_postProcessFieldArray wird aufgerufen wenn dieses Existiert.<br />
<br />
<br />
=== Klasse schreiben und Hook Funktion überschreiben===<br />
<br />
'''Wir schreiben einfach eine Klasse''' in der wir die Funktion processDatamap_postProcessFieldArray überschreiben und hier unserer eigene Funktion bereitstellen.<br />
<br />
=== Registrieren des Hooks ===<br />
in der Core Datei wird die '''Funktion im Globalen Array $TYPO3_CONF_VARS registriert'''. Genauso müssen wir das mit unserer neuen Funktion machen. Die neuen Methoden Registrieren wir in ''ext_localconf.php''<br />
<br />
Typo 3 hat seine Klasse so registriert:<br />
<br />
process_datamap function des Typo3 Core (obige Datei):<br />
<pre><br />
// First prepare user defined objects (if any) for hooks which extend this function:<br />
$hookObjectsArr = array();<br />
if (is_array ($TYPO3_CONF_VARS['SC_OPTIONS']['t3lib/class.t3lib_tcemain.php']['processDatamapClass'])) {<br />
foreach ($TYPO3_CONF_VARS['SC_OPTIONS']['t3lib/class.t3lib_tcemain.php']['processDatamapClass'] as $classRef) {<br />
$hookObjectsArr[] = &t3lib_div::getUserObj ($classRef);<br />
} <br />
}<br />
</pre><br />
<br />
Unserer neue Klasse soll genauso eine Instanz des Objekts in genau diesem Array $hookObjectsArr sein.<br />
<br />
Deshalb registrieren wir in der Datei '''ext_localconf.php'''unserer Extension unsere Datei indem wir die Funktion genau wie oben im Array aufnehmen:<br />
<br />
<pre><br />
$GLOBALS ['TYPO3_CONF_VARS']['SC_OPTIONS']['t3lib/class.t3lib_tcemain.php']['processDatamapClass'][] = <br />
'tx_myextension_tcemainprocdm';<br />
</pre><br />
<br />
=== 2.2. Klassendatei laden ===<br />
Jezt müssen wir noch aufpassen das die Klassendatei auch geladen wird wenn sie benötigt wird. Dazu können wir ein require_once statement in ext_tables.php unserer Extension hinzufügen oder besser folgendes machen.<br />
<br />
=== 2.3. Laden und Registrieren der Klasse gleichzeitig ===<br />
<br />
Die getUserObj Methode erlaubt uns die beiden Schritte gleichzeitig auszuführen. Das können wir dann beides in '''ext_localconf.php''' machen. Dann sieht die Zeile von vorhin '''etwas anders''' aus:<br />
<br />
<pre><br />
$GLOBALS ['TYPO3_CONF_VARS']['SC_OPTIONS']['t3lib/class.t3lib_tcemain.php']['processDatamapClass'][] = <br />
'EXT:myextension/class.myextension_tcemainprocdm.php:tx_myextension_tcemainprocdm';<br />
</pre><br />
<br />
Das hat zudem den Vorteil, das die Klasse nur dann aufgerufen wird wenn sie auch benötigt wird.<br />
<br />
Another great advantage of this method is that your file will only be included if it's really used! <br />
postProcessFieldArray" in der Rubrik "processDatamap<br />
<br />
=== Wie Programmiert man ? ===<br />
Für die Programmierung steht die Typo3 Core Engine zur Verfügung (TCE)<br />
<br />
'''Das Konzept:'''<br />
<br />
When you are using TCE from your backend applications you need to prepare two arrays of information which contain the instructions to TCEmain of what actions to perform. They fall into two categories: Data and Commands.<br />
<br />
"Data" is when you want to write information to a database table or create a new record.<br />
<br />
"Commands" is when you want to move, copy or delete a record in the system.<br />
<br />
The data and commands are created as multidimensional arrays and to understand the API of TCEmain you simply need to understand the hierarchy of these two arrays.<br />
<br />
Commands Array ($cmd):<br />
<br />
'''Syntax:'''<br />
<br />
$cmd[ tablename ][ uid ][ command ] = value<br />
<br />
<br />
<br />
Unsere Funktion:<br />
Wird aufgerufen wenn Datensatz gespeichert wird<br />
Parameter:<br />
<pre><br />
$status->update oder new, <br />
$table -> die im Moment bearbeitete Tabelle, <br />
$id-> bei status new ein Zufallscode Newxxxxx sonst die uid des Datensatzen, <br />
&$fieldArray -> hier kann man einen Wert aus dem gerade zu speichernden Datensatz überschreiben<br />
$reference -> das komplette cObj<br />
</pre><br />
<br />
<br />
<pre><br />
class tx_myextension_tcemainprocdm {<br />
<br />
function processDatamap_postProcessFieldArray ($status, $table, $id, &$fieldArray, &$this) {<br />
<br />
// here comes the code<br />
<br />
}<br />
<br />
} <br />
</pre></div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Formulare_mit_Extbase_und_Fluid&diff=21262Formulare mit Extbase und Fluid2015-10-22T05:22:17Z<p>37.49.33.84: /* Upload Feld */</p>
<hr />
<div>== Links ==<br />
http://docs.typo3.org/typo3cms/ExtbaseGuide/Fluid/ViewHelper/Form/Index.html<br />
<br />
== Überblick ==<br />
* Falls nicht vorhanden gewünschte Action registrieren (localconf) und im Controller anlegen<br />
* Fluid Form erstellen<br />
* Mit Absenden oder AJAC Call ausführen<br />
=== Formular Felder im Fluid Template ===<br />
http://wiki.typo3.org/Fluid#f:form<br />
http://wiki.typo3.org/Fluid#form_fields<br />
==== Input Feld ====<br />
<f:form.textfield property="rmaType" /><br />
==== Textarea ====<br />
<f:form.textarea name="myExtName[nachricht]" /><br />
oder<br />
<f:form.textarea property="nachricht" /><br />
<br />
==== Radio Buttons ====<br />
http://wiki.typo3.org/Fluid#f:form.radio<br />
http://docs.typo3.org/typo3cms/ExtbaseGuide/Fluid/ViewHelper/Form/Radio.html<br />
<br />
==== Form Tag (Action)====<br />
'''Beispiel'''<br />
<pre><br />
<f:form action="BestimmteFormAction" controller="BestimmterControllerName" extension="AndererExtensionName" enctype="multipart/form-data"><br />
Form-Felder<br />
</f:form><br />
</pre><br />
'''Beispiel'''<br />
<pre><br />
<f:form action="create" object="{newProject}"><br />
Projektname: <f:form.textbox property="name" /><br />
<f:form.submit value="Speichern" /><br />
</f:form><br />
</pre><br />
Das '''Controller Attribut''' benötigt man '''nur dann, wenn der Controller der die Daten auswerten soll nicht zum aktuellen View gehört.'''<br />
<br />
==== Name Attribute ====<br />
Das '''name-Attribut''' wird automatisch für das Plugin passend umgewandelt.<br />
<f:form.textfield name="myField" /> <br />
wird zu <br />
<input type="text" name="tx_registierung_pi1[myField]" /><br />
Sendet das Formular nun z.B. an einen Controller: showAction, stehen die Werte als Argumente zur Verfügung:<br />
<pre><br />
public function showAction() {<br />
$args = $this->request->getArguments();<br />
echo $args['myField];<br />
}<br />
</pre><br />
Extbase vergleicht dabei zusätzlich automatisch die Felder aus dem Formular mit dem Model '''validiert automatisch'''.<br />
<br />
==== Upload Feld ====<br />
<f:form.upload name="myExtName[image]" /><br />
<f:form.upload property="file" /><br />
<f:form.upload property="image" /><br />
<br />
== Tipps und Tricks ==<br />
=== Zusätzliche Argumente im <f:link.action> View Helper ===<br />
Standardmäßig sieht ein Action Link z.B. in der Listenansicht etwa so aus:<br />
<syntaxhighlight lang="html5"><br />
<f:for each="{dinge}" as="ding"> <br />
<f:link.action action="show" arguments="{ding : ding}">Los</f:link.action><br />
</f:for><br />
</syntaxhighlight><br />
Es wird also ein ding-Objekt mit dem Bezeichner "ding" übergeben.<br />
Möchte man weitere Argumente außer dem Objekt absetzen, z.B. ein String geht das so:<br />
arguments="{ding : ding, key : 'wert'}"<br />
Es wird zusätzlich eine Variable key mit dem Wert 'wert' übergeben.<br />
<br />
Im Controller holt man sich den Wert wieder raus:<br />
<br />
Als Argument in der Controller Deklarierung<br />
<syntaxhighlight lang="php"><br />
public function showAction(\TYPO3\Extension\Domain\Model\Dinge $dinge, $key)<br />
</syntaxhighlight><br />
oder im Controller selbst<br />
<syntaxhighlight lang="php"><br />
$key = $this->request->getArgument('key');<br />
</syntaxhighlight><br />
<br />
=== Dynamisch validieren je nach Auswahl ===<br />
http://blog.teamgeist-medien.de/2015/05/typo3-extbase-dynamische-validierung-von-models-je-nach-formularauswahl.html<br />
=== Typo3/Fluid: Verschiedene Models über ein Formular bedienen ===<br />
Quelle: http://www.muenster-webdesign.net/blog/typo3fluid-verschiedene-models-ueber-ein-formular-bedienen/ (2015-03)<br />
<br />
Dank der form-ViewHelper lassen sich Formulare mittels Extbase/Fluid recht zügig umsetzen. Bei komplexeren Szenarien, bei denen in einem Formular mehrere verschiedene Models bedient werden sollen, stellt sich jedoch die Frage, wie sich dies umsetzen lässt.<br />
<br />
Die Lösung liegt darin, mit “namebased input”-Felder zu arbeiten. '''Statt also wie üblich eine Eigenschaft im Fluid-Formular per “property”-Attribut an ein Objekt zu binden, definiert man stattdessen die Argumente “name” und “value” manuell.'''<br />
<br />
Ein Beispiel. Ein Formular ist per “object”-Attribut an ein Objekt “schornsteinfeger” gebunden. Soll im Formular nun gleichzeitig eine Eigenschaft “aussentemperatur” eines Objekts “wetter” bedient werden, könnte das Ganze etwa so aussehen:<br />
<br />
<pre><br />
<f:form method="post" action="create" name="schornsteinfeger" enctype="multipart/form-data" object="{schornsteinfeger}"><br />
<f:form.textbox name="wetter[aussentemperatur]" value={wetter.aussentemperatur} /><br />
</f:form><br />
</pre><br />
<br />
=== Felder validieren die nicht im Domain-Model vorhanden sind ===<br />
Wenn man z.B. ein Captcha einbauen möchte braucht man Felder die nicht im Model sind. Die eingebauten Sicherheitsmechanismen in Extbase lassen dass aber nicht ohne weiteres zu. Hier wird ja automatisch jeder Wert mit dem Model abgeglichen. <br />
Möglichkeit 1 - Dummy Felder in das Model einbauen:<br />
<pre><br />
/**<br />
* CAPTCHA<br />
*<br />
* @var string<br />
* @validate NotEmpty, Tx_MyExt_Validation_Validator_CaptchaValidator<br />
*/<br />
protected $captcha;<br />
</pre><br />
Möglichkeit 2 - Validierer im Controller initialisieren<br />
<br />
http://blog.sebastiaandejonge.com/articles/2013/january/17/form-validation-of-non-domain-model-properties-with-extbase/<br />
<br />
=== Statische Optionen in Selectboxen ===<br />
http://docs.typo3.org/typo3cms/ExtbaseGuide/stable/Fluid/BestPractice/OptionsForSelect.html<br />
<br />
=== Hinzufügen von Child Objekten (1:n Verbindung) ===<br />
Quelle: http://snippets.in2code.de/index.php?id=273&tx_in2snippets_pi1%5Bsnippet%5D=74&tx_in2snippets_pi1%5Baction%5D=detail&tx_in2snippets_pi1%5Bcontroller%5D=Snippet&cHash=20bf6bed1ab88b5bd571fa8cc5aefd6b<br />
<br />
'''Snippet zum Speichern von 1:n relations in dynamisch erzeugten Formularen.'''<br />
<br />
Erklärung unter Verwendung der folgenden Problemstellung:<br />
<br />
Es sind die folgenden Objekte vorhanden:<br />
<br />
'''1. Mutter'''<br />
<br />
'''2. Kind'''<br />
<br />
Eine Mutter hat mehrere Kinder, diese werden in Extbase in einer Object Storage gespeichert.<br />
Wenn man ein neues Kind hinzufügen will, wäre der Standardweg die newAction im ChildController aufzurufen.<br />
<br />
Da man aber das Kind in dem Formular der Mutter 'erzeugen' will, muss man entweder dem Formular ein neues Kind von Haus aus mitgeben (hiervon wird dringend abgeraten!) oder die Formularfelder für das Kind dynamisch erzeugen (javascript ftw).<br />
<br />
Fluid kennt das Objekt ObjectStorage und kann über den path syntax auch damit umgehen <br />
<f:form.textfield property="mother.children.0.firstName" /><br />
<br />
-> der Vorname des ersten Kindes der Mutter.<br />
<br />
Schickt man das Formular so ab, bekommt man jedoch die Fehlermeldung, dass man <br />
<br />
a) properties nicht mappen darf und/oder <br />
<br />
b) dass das erzeugen neuer Objekte nicht erlaubt ist.<br />
<br />
'''Der Core stellt dazu Methoden bereit''', die jedoch in keiner/keinem Docu/Manual auftauchen.<br />
<br />
Als Erstes benötigt man eine '''initialize<method>Action''', in diesem Fall:<br />
<br />
protected function initializeUpdateAction() { ... }<br />
<br />
diese '''wird vor der eigentlichen Methode aufgerufen''' (updateAction) (Convention!). <br />
Das ermöglich einem die PropertyMappingConfiguration anzupassen.<br />
<br />
Die PropertyMappingConfiguration ist erstmal leer. Also baut man sich eine neue, die dann direkt injected wird :<br />
<br />
<syntaxhighlight lang="php"><br />
protected function initializeUpdateAction() { <br />
$mvcPropertyMappingConfiguration = \TYPO3\CMS\Extbase\Property\PropertyMappingConfigurationBuilder::build(<br />
'TYPO3\\CMS\\Extbase\\Mvc\\Controller\\MvcPropertyMappingConfiguration'<br />
);<br />
$this->arguments->getArgument('mother')->injectPropertyMappingConfiguration($mvcPropertyMappingConfiguration);<br />
}<br />
</syntaxhighlight><br />
<br />
Jetzt müssen die property-mapping-Einstellungen gemacht werden.<br />
Extbase ist so aufgebaut, dass man Objekte nur über von Fluid erstellte Formulare ändern kann (trustedPropertiesToken). Dies verhindert genau das, was man hier erreichen möchte. Ein Objekt mit dynamisch erzeugten Formularfeldern verändern oder erzeugen. Geblockt ist die Funktion übrigens aus Sicherheitsgründen.<br />
<br />
Um das hinzufügen und erstellen neuer Objekte zuzulassen, gibt es mehrere Methoden in der PropertyMappingConfiguration:<br />
<br />
1) allowAllProperties()<br />
2) allowAllPropertiesExcept(<string>)<br />
3) allowProperties(<csv-string>)<br />
4) allowCreationForSubProperty(<string>)<br />
5) allowModificationForSubProperty(<string>)<br />
<br />
Das tollste Feature dieser Methoden ist wohl, dass sie den Fluid path-syntax UND wildcards ('*') unterstützen. Desweiteren bietet die Methode forProperty() den Zugriff auf tiefere Eigenschaften. Um also Kinder der Mutter hinzufügen zu dürfen, muss man das Extbase mit <br />
<br />
$propertyMappingConfiguration->forProperty('children')->allowAllProperties();$propertyMappingConfiguration->forProperty('children')->allowCreationForSubProperty('*');<br />
<br />
klar machen.<br />
<br />
<br />
allowAllProperties() gewährt einem dabei grundlegenden Zugriff auf die Eigenschaft children des Objekts und allowCreationForSubProperty('*') ermöglicht es, beliebig viele Kinder anzulegen. Das Wildcard ersetzt hierbei die Zahl im Fluid path-syntax.<br />
<br />
Damit man den Kindern noch Vornamen und Geburtstag (uv.m.) geben kann, muss man diese Eigenschaften noch 'freischalten':<br />
<br />
$propertyMappingConfiguration->forProperty('children')->forProperty('*')->allowAllProperties();<br />
<br />
Natürlich kann man auch den Zugriff auf bestimmte Eigenschaften beschränken:<br />
<br />
$propertyMappingConfiguration->forProperty('children')->forProperty('*')->allowProperties('firstname','birthday','birthplace','custody');<br />
<br />
Nun gilt es noch zu beachten:<br />
<br />
Wenn die ObjectStorage einmal befüllt ist und ein neues Objekt hinzugefügt werden soll, müssen alle bisherigen Objekte erneut mitgegeben werden, sonst wird die Verbindung zu den alten Objekten gelöscht!</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Formulare_mit_Extbase_und_Fluid&diff=21261Formulare mit Extbase und Fluid2015-10-22T05:22:00Z<p>37.49.33.84: /* Überblick */</p>
<hr />
<div>== Links ==<br />
http://docs.typo3.org/typo3cms/ExtbaseGuide/Fluid/ViewHelper/Form/Index.html<br />
<br />
== Überblick ==<br />
* Falls nicht vorhanden gewünschte Action registrieren (localconf) und im Controller anlegen<br />
* Fluid Form erstellen<br />
* Mit Absenden oder AJAC Call ausführen<br />
=== Formular Felder im Fluid Template ===<br />
http://wiki.typo3.org/Fluid#f:form<br />
http://wiki.typo3.org/Fluid#form_fields<br />
==== Input Feld ====<br />
<f:form.textfield property="rmaType" /><br />
==== Textarea ====<br />
<f:form.textarea name="myExtName[nachricht]" /><br />
oder<br />
<f:form.textarea property="nachricht" /><br />
<br />
==== Radio Buttons ====<br />
http://wiki.typo3.org/Fluid#f:form.radio<br />
http://docs.typo3.org/typo3cms/ExtbaseGuide/Fluid/ViewHelper/Form/Radio.html<br />
<br />
==== Form Tag (Action)====<br />
'''Beispiel'''<br />
<pre><br />
<f:form action="BestimmteFormAction" controller="BestimmterControllerName" extension="AndererExtensionName" enctype="multipart/form-data"><br />
Form-Felder<br />
</f:form><br />
</pre><br />
'''Beispiel'''<br />
<pre><br />
<f:form action="create" object="{newProject}"><br />
Projektname: <f:form.textbox property="name" /><br />
<f:form.submit value="Speichern" /><br />
</f:form><br />
</pre><br />
Das '''Controller Attribut''' benötigt man '''nur dann, wenn der Controller der die Daten auswerten soll nicht zum aktuellen View gehört.'''<br />
<br />
==== Name Attribute ====<br />
Das '''name-Attribut''' wird automatisch für das Plugin passend umgewandelt.<br />
<f:form.textfield name="myField" /> <br />
wird zu <br />
<input type="text" name="tx_registierung_pi1[myField]" /><br />
Sendet das Formular nun z.B. an einen Controller: showAction, stehen die Werte als Argumente zur Verfügung:<br />
<pre><br />
public function showAction() {<br />
$args = $this->request->getArguments();<br />
echo $args['myField];<br />
}<br />
</pre><br />
Extbase vergleicht dabei zusätzlich automatisch die Felder aus dem Formular mit dem Model '''validiert automatisch'''.<br />
<br />
==== Upload Feld ====<br />
<f:form.upload name="myExtName[image]" /><br />
<f:form.upload property="file" /><br />
<f:form.upload property="image" /<br />
<br />
== Tipps und Tricks ==<br />
=== Zusätzliche Argumente im <f:link.action> View Helper ===<br />
Standardmäßig sieht ein Action Link z.B. in der Listenansicht etwa so aus:<br />
<syntaxhighlight lang="html5"><br />
<f:for each="{dinge}" as="ding"> <br />
<f:link.action action="show" arguments="{ding : ding}">Los</f:link.action><br />
</f:for><br />
</syntaxhighlight><br />
Es wird also ein ding-Objekt mit dem Bezeichner "ding" übergeben.<br />
Möchte man weitere Argumente außer dem Objekt absetzen, z.B. ein String geht das so:<br />
arguments="{ding : ding, key : 'wert'}"<br />
Es wird zusätzlich eine Variable key mit dem Wert 'wert' übergeben.<br />
<br />
Im Controller holt man sich den Wert wieder raus:<br />
<br />
Als Argument in der Controller Deklarierung<br />
<syntaxhighlight lang="php"><br />
public function showAction(\TYPO3\Extension\Domain\Model\Dinge $dinge, $key)<br />
</syntaxhighlight><br />
oder im Controller selbst<br />
<syntaxhighlight lang="php"><br />
$key = $this->request->getArgument('key');<br />
</syntaxhighlight><br />
<br />
=== Dynamisch validieren je nach Auswahl ===<br />
http://blog.teamgeist-medien.de/2015/05/typo3-extbase-dynamische-validierung-von-models-je-nach-formularauswahl.html<br />
=== Typo3/Fluid: Verschiedene Models über ein Formular bedienen ===<br />
Quelle: http://www.muenster-webdesign.net/blog/typo3fluid-verschiedene-models-ueber-ein-formular-bedienen/ (2015-03)<br />
<br />
Dank der form-ViewHelper lassen sich Formulare mittels Extbase/Fluid recht zügig umsetzen. Bei komplexeren Szenarien, bei denen in einem Formular mehrere verschiedene Models bedient werden sollen, stellt sich jedoch die Frage, wie sich dies umsetzen lässt.<br />
<br />
Die Lösung liegt darin, mit “namebased input”-Felder zu arbeiten. '''Statt also wie üblich eine Eigenschaft im Fluid-Formular per “property”-Attribut an ein Objekt zu binden, definiert man stattdessen die Argumente “name” und “value” manuell.'''<br />
<br />
Ein Beispiel. Ein Formular ist per “object”-Attribut an ein Objekt “schornsteinfeger” gebunden. Soll im Formular nun gleichzeitig eine Eigenschaft “aussentemperatur” eines Objekts “wetter” bedient werden, könnte das Ganze etwa so aussehen:<br />
<br />
<pre><br />
<f:form method="post" action="create" name="schornsteinfeger" enctype="multipart/form-data" object="{schornsteinfeger}"><br />
<f:form.textbox name="wetter[aussentemperatur]" value={wetter.aussentemperatur} /><br />
</f:form><br />
</pre><br />
<br />
=== Felder validieren die nicht im Domain-Model vorhanden sind ===<br />
Wenn man z.B. ein Captcha einbauen möchte braucht man Felder die nicht im Model sind. Die eingebauten Sicherheitsmechanismen in Extbase lassen dass aber nicht ohne weiteres zu. Hier wird ja automatisch jeder Wert mit dem Model abgeglichen. <br />
Möglichkeit 1 - Dummy Felder in das Model einbauen:<br />
<pre><br />
/**<br />
* CAPTCHA<br />
*<br />
* @var string<br />
* @validate NotEmpty, Tx_MyExt_Validation_Validator_CaptchaValidator<br />
*/<br />
protected $captcha;<br />
</pre><br />
Möglichkeit 2 - Validierer im Controller initialisieren<br />
<br />
http://blog.sebastiaandejonge.com/articles/2013/january/17/form-validation-of-non-domain-model-properties-with-extbase/<br />
<br />
=== Statische Optionen in Selectboxen ===<br />
http://docs.typo3.org/typo3cms/ExtbaseGuide/stable/Fluid/BestPractice/OptionsForSelect.html<br />
<br />
=== Hinzufügen von Child Objekten (1:n Verbindung) ===<br />
Quelle: http://snippets.in2code.de/index.php?id=273&tx_in2snippets_pi1%5Bsnippet%5D=74&tx_in2snippets_pi1%5Baction%5D=detail&tx_in2snippets_pi1%5Bcontroller%5D=Snippet&cHash=20bf6bed1ab88b5bd571fa8cc5aefd6b<br />
<br />
'''Snippet zum Speichern von 1:n relations in dynamisch erzeugten Formularen.'''<br />
<br />
Erklärung unter Verwendung der folgenden Problemstellung:<br />
<br />
Es sind die folgenden Objekte vorhanden:<br />
<br />
'''1. Mutter'''<br />
<br />
'''2. Kind'''<br />
<br />
Eine Mutter hat mehrere Kinder, diese werden in Extbase in einer Object Storage gespeichert.<br />
Wenn man ein neues Kind hinzufügen will, wäre der Standardweg die newAction im ChildController aufzurufen.<br />
<br />
Da man aber das Kind in dem Formular der Mutter 'erzeugen' will, muss man entweder dem Formular ein neues Kind von Haus aus mitgeben (hiervon wird dringend abgeraten!) oder die Formularfelder für das Kind dynamisch erzeugen (javascript ftw).<br />
<br />
Fluid kennt das Objekt ObjectStorage und kann über den path syntax auch damit umgehen <br />
<f:form.textfield property="mother.children.0.firstName" /><br />
<br />
-> der Vorname des ersten Kindes der Mutter.<br />
<br />
Schickt man das Formular so ab, bekommt man jedoch die Fehlermeldung, dass man <br />
<br />
a) properties nicht mappen darf und/oder <br />
<br />
b) dass das erzeugen neuer Objekte nicht erlaubt ist.<br />
<br />
'''Der Core stellt dazu Methoden bereit''', die jedoch in keiner/keinem Docu/Manual auftauchen.<br />
<br />
Als Erstes benötigt man eine '''initialize<method>Action''', in diesem Fall:<br />
<br />
protected function initializeUpdateAction() { ... }<br />
<br />
diese '''wird vor der eigentlichen Methode aufgerufen''' (updateAction) (Convention!). <br />
Das ermöglich einem die PropertyMappingConfiguration anzupassen.<br />
<br />
Die PropertyMappingConfiguration ist erstmal leer. Also baut man sich eine neue, die dann direkt injected wird :<br />
<br />
<syntaxhighlight lang="php"><br />
protected function initializeUpdateAction() { <br />
$mvcPropertyMappingConfiguration = \TYPO3\CMS\Extbase\Property\PropertyMappingConfigurationBuilder::build(<br />
'TYPO3\\CMS\\Extbase\\Mvc\\Controller\\MvcPropertyMappingConfiguration'<br />
);<br />
$this->arguments->getArgument('mother')->injectPropertyMappingConfiguration($mvcPropertyMappingConfiguration);<br />
}<br />
</syntaxhighlight><br />
<br />
Jetzt müssen die property-mapping-Einstellungen gemacht werden.<br />
Extbase ist so aufgebaut, dass man Objekte nur über von Fluid erstellte Formulare ändern kann (trustedPropertiesToken). Dies verhindert genau das, was man hier erreichen möchte. Ein Objekt mit dynamisch erzeugten Formularfeldern verändern oder erzeugen. Geblockt ist die Funktion übrigens aus Sicherheitsgründen.<br />
<br />
Um das hinzufügen und erstellen neuer Objekte zuzulassen, gibt es mehrere Methoden in der PropertyMappingConfiguration:<br />
<br />
1) allowAllProperties()<br />
2) allowAllPropertiesExcept(<string>)<br />
3) allowProperties(<csv-string>)<br />
4) allowCreationForSubProperty(<string>)<br />
5) allowModificationForSubProperty(<string>)<br />
<br />
Das tollste Feature dieser Methoden ist wohl, dass sie den Fluid path-syntax UND wildcards ('*') unterstützen. Desweiteren bietet die Methode forProperty() den Zugriff auf tiefere Eigenschaften. Um also Kinder der Mutter hinzufügen zu dürfen, muss man das Extbase mit <br />
<br />
$propertyMappingConfiguration->forProperty('children')->allowAllProperties();$propertyMappingConfiguration->forProperty('children')->allowCreationForSubProperty('*');<br />
<br />
klar machen.<br />
<br />
<br />
allowAllProperties() gewährt einem dabei grundlegenden Zugriff auf die Eigenschaft children des Objekts und allowCreationForSubProperty('*') ermöglicht es, beliebig viele Kinder anzulegen. Das Wildcard ersetzt hierbei die Zahl im Fluid path-syntax.<br />
<br />
Damit man den Kindern noch Vornamen und Geburtstag (uv.m.) geben kann, muss man diese Eigenschaften noch 'freischalten':<br />
<br />
$propertyMappingConfiguration->forProperty('children')->forProperty('*')->allowAllProperties();<br />
<br />
Natürlich kann man auch den Zugriff auf bestimmte Eigenschaften beschränken:<br />
<br />
$propertyMappingConfiguration->forProperty('children')->forProperty('*')->allowProperties('firstname','birthday','birthplace','custody');<br />
<br />
Nun gilt es noch zu beachten:<br />
<br />
Wenn die ObjectStorage einmal befüllt ist und ein neues Objekt hinzugefügt werden soll, müssen alle bisherigen Objekte erneut mitgegeben werden, sonst wird die Verbindung zu den alten Objekten gelöscht!</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Extbase_-_File_Abstraction_Layer_(FAL)&diff=21256Extbase - File Abstraction Layer (FAL)2015-10-21T15:47:51Z<p>37.49.33.84: /* Beispiele */</p>
<hr />
<div>== Allgemein Dateien mit Extbase Handeln ==<br />
<br />
In general, you should be able to call getOriginalResource() on a \TYPO3\CMS\Extbase\Domain\Model\FileReference object. For more concrete examples, either refer to the doc links or have a look at the wiki for a example handling FileReferences.<br />
== Beispiele ==<br />
=== Basics ===<br />
http://www.typo3tiger.de/blog/post/extbase-fal-beispiel.html<br />
=== Beispiel Dateiupload ===<br />
http://www.koller-webprogramming.ch/tipps-tricks/typo3-extension-entwicklung-extbase/dateien-und-bilder-mit-extbase-61-uploaddownload-via-fal-file-abstraction-layer/<br />
=== Beispiel File Referenz dynamisch erzeugen ===<br />
http://www.typo3tiger.de/blog/post/extbase-fal-filereference-im-controller-erzeugen.html<br />
=== Upload Beispiel - Reusable Code ===<br />
Um wiederverwendbar für alle Controller zu sein, darf der Code nicht im Controller sein. Dann wirds aber komplizierter. Hier ein Beispiel wie es geht:<br />
https://github.com/helhum/upload_example<br />
http://insight.helhum.io/post/85015526410/file-upload-using-extbase-and-fal-in-typo3-62</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Hybrid_Apps_Development&diff=21255Hybrid Apps Development2015-10-20T21:44:30Z<p>37.49.33.84: /* Hybrid Apps mit Ionic und PhoneGap Builder */</p>
<hr />
<div>Siehe auch: [[App Entwicklung mit PhoneGap]]<br />
== Links ==<br />
http://reapp.io/<br />
<br />
http://ionicframework.com/getting-started/<br />
<br />
== Einleitung ==<br />
<br />
Hybride Apps sind im Prinzip Webapps im Gewand einer Native App.<br />
<br />
PhoneGap ermöglicht Web Apps den Zugriff auf Smartphone Funktionen indem es sie in einen nativen Wrapper packt. Nachteil ist aber das die Smartphone typischen Bedienung nicht genutzt wird, sondern i.d.R. über HTML nachgebildet werden müssen. Dazu gibt es verschiedene Frameworks. Früher war das z.B. jQuery Mobile, das allerdings keine besonders gute Perfomance hat. Oder Sencha, das eine große Einarbeitungszeit erfordet. Inzwischen gibt es einige Alternativen.<br />
<br />
Wichtig für iOS - man sollte die Design Richtlinien beachten, sonst kann es sein, daß Apps zurückgewiesen werden. Also einfach eine Website kapseln klappt nicht.<br />
<br />
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html<br />
http://www.adobe.com/devnet/phonegap/articles/apple-application-rejections-and-phonegap-advice.html<br />
http://phonegap.com/blog/build/new-apple-app-store-submittal-rules/<br />
<br />
== Hybrid Apps mit Ionic und PhoneGap Builder==<br />
=== Links ===<br />
http://ionicframework.com/getting-started/<br />
https://www.youtube.com/watch?v=C-UwOWB9Io4&feature=youtu.be<br />
=== Einleitung ===<br />
Ionic basiert auf AngularJS, mit diesen Tools erstellen wir die Webapp, die dann mit PhoneGap Builder zu einer Hybrid App gebündelt wird. <br />
<br />
AngularJS ist ein Framework zur WebApp Entwicklung mit hoher Performance. Ionic steuert viele Komponenten und in MobileApp übliche Bedienelemente bei.<br />
=== Installation ===<br />
* Node.js falls nicht installiert (evtl, PATH anpassen)<br />
* im Terminal über npm cordova ionic und gulp installieren<br />
sudo npm install -g cordova ionic gul<br />
<br />
=== Schnelle App mit Ionic ===<br />
# Install Ionic (s.o.)<br />
# Create App<br />
# Build and Test<br />
<br />
====Create====<br />
Verzeichnis erstellen z.B. <br />
/myUserfolder/myApp<br />
ionic start myApp tabs<br />
====Build and test ====<br />
cd myApp<br />
ionic platform add ios<br />
ionic build ios<br />
ionic emulate ios<br />
<br />
=== Projekt anlegen ===<br />
Es gibt verschiedene Grundtemplates<br />
*leer<br />
$ ionic start myApp blank<br />
* tab navigation<br />
$ ionic start myApp tabs<br />
* side navigation<br />
$ ionic start myApp sidemenu<br />
<br />
===Quicktips für Projekte===<br />
* cd into your project: <br />
cd firstIonicAppOrAnotherName<br />
* Setup this project to '''use Sass''': <br />
ionic setup sass<br />
* Develop in the browser with '''live reload''': <br />
ionic serve<br />
* '''Add a platform''' (ios or Android): <br />
ionic platform add ios [android]<br />
Note: iOS development requires OS X currently<br />
See the Android Platform Guide for full Android installation instructions: https://cordova.apache.org/docs/en/edge/guide_platforms_android_index.md.html<br />
* '''Build''' your app: <br />
ionic build <PLATFORM><br />
* '''Simulate''' your app: <br />
ionic emulate <PLATFORM><br />
* '''Run''' your app '''on a device''': <br />
ionic run <PLATFORM><br />
* '''Package''' an app using Ionic package service: <br />
ionic package <MODE> <PLATFORM><br />
* '''Invite''' anyone to preview '''and test''' your app<br />
ionic share EMAIL<br />
<br />
For more help use ionic --help or ionic docs<br />
Visit the Ionic docs: http://ionicframework.com/docs<br />
</pre><br />
'''View App''' http://view.ionic.io<br />
<br />
'''Generate splash screens and icons''' with ionic resource http://ionicframework.com/blog/automating-icons-and-splash-screens/<br />
<br />
===Ionic Account===<br />
Create an ionic.io account to send Push Notifications and use the Ionic View app?<br />
(Y/n):<br />
<br />
== Verschiedene Frameworks ==<br />
=== Links ===<br />
Vergleiche:<br />
==== Vergleich Hybrid Mobile App Frameworks ====<br />
http://www.gajotres.net/the-top-5-angularjs-hybrid-mobile-app-frameworks-proscons/<br />
<br />
http://www.gajotres.net/top-7-mobile-application-html5-frameworks/<br />
<br />
<br />
Die Frameworks arbeiten oft mit darunterliegenden JavaScript Libs zusammen, z.B. React, AngularJS, jQuery... <br />
<br />
<br />
<br />
=== Reapp ===<br />
http://reapp.io/ <br />
<br />
Arbeitet mit ReactJS<br />
=== TouchstoneJS ===<br />
http://touchstonejs.io<br />
<br />
Sieht laut Demo sehr vielversprechend aus. Arbeitet mit React.JS.<br />
<br />
=== Ionic ===<br />
Nutzt AngularJS, funktioniert mit PhoneGap, soll eine gute Performance haben. Verbreitung 2015 recht gut, soll ein gutes Forum haben.<br />
<br />
=== Supersonic UI ===<br />
Sieht auf den ersten Blick sehr schick aus. Fork von Ionic.<br />
* Benötigt kein PhoneGap - eigener Wrapper (AppGyver) ohne den es aber auch nicht mehr so gut nutzbar ist. Dafür ist der Wrapper auch Cordova Kompatibel.<br />
* Nutzt AngularJS und das CSS UI von Ionic<br />
* Extrem nativer Look, gutes Zusammenspiel von UI und HTML5<br />
* Gute Data-Sets<br />
<br />
=== Intel App Framework ===<br />
Sieht ein wenig eingeschlafen aus<br />
<br />
=== Mobile Angular UI ===<br />
Setzt auf '''Bootstrap 3''' auf und ergänzt es mit einigen Komponenten wie switches, overlays, sidebars, scrollable areas, absolutely positioned top/bottom nav bars ohne Bouncing... Nicht von jQuery oder bootstrap.js abhängig. Nutzt stabile Libraries wie '''fastclick.js''' und '''overthrow.js'''<br />
<br />
Gut geeignet, wenn eine Bootstrap Webapp besteht. Schlechte Doku, kleine Community (2015)<br />
=== iUi ===<br />
http://www.iui-js.org/demo<br />
<br />
Sieht ein bischen Old-Fashioned aus.<br />
=== app-UI ===<br />
http://triceam.github.io/app-UI/<br />
<br />
* Zu wenig Infos im Moment (2015)</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Hybrid_Apps_Development&diff=21254Hybrid Apps Development2015-10-20T20:31:14Z<p>37.49.33.84: /* Quicktips für Projekte */</p>
<hr />
<div>Siehe auch: [[App Entwicklung mit PhoneGap]]<br />
== Links ==<br />
http://reapp.io/<br />
<br />
http://ionicframework.com/getting-started/<br />
<br />
== Einleitung ==<br />
<br />
Hybride Apps sind im Prinzip Webapps im Gewand einer Native App.<br />
<br />
PhoneGap ermöglicht Web Apps den Zugriff auf Smartphone Funktionen indem es sie in einen nativen Wrapper packt. Nachteil ist aber das die Smartphone typischen Bedienung nicht genutzt wird, sondern i.d.R. über HTML nachgebildet werden müssen. Dazu gibt es verschiedene Frameworks. Früher war das z.B. jQuery Mobile, das allerdings keine besonders gute Perfomance hat. Oder Sencha, das eine große Einarbeitungszeit erfordet. Inzwischen gibt es einige Alternativen.<br />
<br />
Wichtig für iOS - man sollte die Design Richtlinien beachten, sonst kann es sein, daß Apps zurückgewiesen werden. Also einfach eine Website kapseln klappt nicht.<br />
<br />
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html<br />
http://www.adobe.com/devnet/phonegap/articles/apple-application-rejections-and-phonegap-advice.html<br />
http://phonegap.com/blog/build/new-apple-app-store-submittal-rules/<br />
<br />
== Hybrid Apps mit Ionic und PhoneGap Builder==<br />
=== Links ===<br />
http://ionicframework.com/getting-started/<br />
https://www.youtube.com/watch?v=C-UwOWB9Io4&feature=youtu.be<br />
=== Einleitung ===<br />
Ionic basiert auf AngularJS, mit diesen Tools erstellen wir die Webapp, die dann mit PhoneGap Builder zu einer Hybrid App gebündelt wird. <br />
<br />
AngularJS ist ein Framework zur WebApp Entwicklung mit hoher Performance. Ionic steuert viele Komponenten und in MobileApp übliche Bedienelemente bei.<br />
<br />
=== Installation ===<br />
* Node.js falls nicht installiert (evtl, PATH anpassen)<br />
* im Terminal über npm cordova ionic und gulp installieren<br />
sudo npm install -g cordova ionic gul<br />
=== Erstes Projekt anlegen ===<br />
Es gibt verschiedene Grundtemplates<br />
*leer<br />
$ ionic start myApp blank<br />
* tab navigation<br />
$ ionic start myApp tabs<br />
* side navigation<br />
$ ionic start myApp sidemenu<br />
<br />
===Quicktips für Projekte===<br />
* cd into your project: <br />
cd firstIonicAppOrAnotherName<br />
* Setup this project to '''use Sass''': <br />
ionic setup sass<br />
* Develop in the browser with '''live reload''': <br />
ionic serve<br />
* '''Add a platform''' (ios or Android): <br />
ionic platform add ios [android]<br />
Note: iOS development requires OS X currently<br />
See the Android Platform Guide for full Android installation instructions: https://cordova.apache.org/docs/en/edge/guide_platforms_android_index.md.html<br />
* '''Build''' your app: <br />
ionic build <PLATFORM><br />
* '''Simulate''' your app: <br />
ionic emulate <PLATFORM><br />
* '''Run''' your app '''on a device''': <br />
ionic run <PLATFORM><br />
* '''Package''' an app using Ionic package service: <br />
ionic package <MODE> <PLATFORM><br />
* '''Invite''' anyone to preview '''and test''' your app<br />
ionic share EMAIL<br />
<br />
For more help use ionic --help or ionic docs<br />
Visit the Ionic docs: http://ionicframework.com/docs<br />
</pre><br />
'''View App''' http://view.ionic.io<br />
<br />
'''Generate splash screens and icons''' with ionic resource http://ionicframework.com/blog/automating-icons-and-splash-screens/<br />
<br />
===Ionic Account===<br />
Create an ionic.io account to send Push Notifications and use the Ionic View app?<br />
(Y/n):<br />
<br />
== Verschiedene Frameworks ==<br />
=== Links ===<br />
Vergleiche:<br />
==== Vergleich Hybrid Mobile App Frameworks ====<br />
http://www.gajotres.net/the-top-5-angularjs-hybrid-mobile-app-frameworks-proscons/<br />
<br />
http://www.gajotres.net/top-7-mobile-application-html5-frameworks/<br />
<br />
<br />
Die Frameworks arbeiten oft mit darunterliegenden JavaScript Libs zusammen, z.B. React, AngularJS, jQuery... <br />
<br />
<br />
<br />
=== Reapp ===<br />
http://reapp.io/ <br />
<br />
Arbeitet mit ReactJS<br />
=== TouchstoneJS ===<br />
http://touchstonejs.io<br />
<br />
Sieht laut Demo sehr vielversprechend aus. Arbeitet mit React.JS.<br />
<br />
=== Ionic ===<br />
Nutzt AngularJS, funktioniert mit PhoneGap, soll eine gute Performance haben. Verbreitung 2015 recht gut, soll ein gutes Forum haben.<br />
<br />
=== Supersonic UI ===<br />
Sieht auf den ersten Blick sehr schick aus. Fork von Ionic.<br />
* Benötigt kein PhoneGap - eigener Wrapper (AppGyver) ohne den es aber auch nicht mehr so gut nutzbar ist. Dafür ist der Wrapper auch Cordova Kompatibel.<br />
* Nutzt AngularJS und das CSS UI von Ionic<br />
* Extrem nativer Look, gutes Zusammenspiel von UI und HTML5<br />
* Gute Data-Sets<br />
<br />
=== Intel App Framework ===<br />
Sieht ein wenig eingeschlafen aus<br />
<br />
=== Mobile Angular UI ===<br />
Setzt auf '''Bootstrap 3''' auf und ergänzt es mit einigen Komponenten wie switches, overlays, sidebars, scrollable areas, absolutely positioned top/bottom nav bars ohne Bouncing... Nicht von jQuery oder bootstrap.js abhängig. Nutzt stabile Libraries wie '''fastclick.js''' und '''overthrow.js'''<br />
<br />
Gut geeignet, wenn eine Bootstrap Webapp besteht. Schlechte Doku, kleine Community (2015)<br />
=== iUi ===<br />
http://www.iui-js.org/demo<br />
<br />
Sieht ein bischen Old-Fashioned aus.<br />
=== app-UI ===<br />
http://triceam.github.io/app-UI/<br />
<br />
* Zu wenig Infos im Moment (2015)</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Hybrid_Apps_Development&diff=21253Hybrid Apps Development2015-10-20T09:04:58Z<p>37.49.33.84: /* Hybrid Apps mit Ionic und PhoneGap Builder */</p>
<hr />
<div>Siehe auch: [[App Entwicklung mit PhoneGap]]<br />
== Links ==<br />
http://reapp.io/<br />
<br />
http://ionicframework.com/getting-started/<br />
<br />
== Einleitung ==<br />
<br />
Hybride Apps sind im Prinzip Webapps im Gewand einer Native App.<br />
<br />
PhoneGap ermöglicht Web Apps den Zugriff auf Smartphone Funktionen indem es sie in einen nativen Wrapper packt. Nachteil ist aber das die Smartphone typischen Bedienung nicht genutzt wird, sondern i.d.R. über HTML nachgebildet werden müssen. Dazu gibt es verschiedene Frameworks. Früher war das z.B. jQuery Mobile, das allerdings keine besonders gute Perfomance hat. Oder Sencha, das eine große Einarbeitungszeit erfordet. Inzwischen gibt es einige Alternativen.<br />
<br />
Wichtig für iOS - man sollte die Design Richtlinien beachten, sonst kann es sein, daß Apps zurückgewiesen werden. Also einfach eine Website kapseln klappt nicht.<br />
<br />
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html<br />
http://www.adobe.com/devnet/phonegap/articles/apple-application-rejections-and-phonegap-advice.html<br />
http://phonegap.com/blog/build/new-apple-app-store-submittal-rules/<br />
<br />
== Hybrid Apps mit Ionic und PhoneGap Builder==<br />
=== Links ===<br />
http://ionicframework.com/getting-started/<br />
https://www.youtube.com/watch?v=C-UwOWB9Io4&feature=youtu.be<br />
=== Einleitung ===<br />
Ionic basiert auf AngularJS, mit diesen Tools erstellen wir die Webapp, die dann mit PhoneGap Builder zu einer Hybrid App gebündelt wird. <br />
<br />
AngularJS ist ein Framework zur WebApp Entwicklung mit hoher Performance. Ionic steuert viele Komponenten und in MobileApp übliche Bedienelemente bei.<br />
<br />
=== Installation ===<br />
* Node.js falls nicht installiert (evtl, PATH anpassen)<br />
* im Terminal über npm cordova ionic und gulp installieren<br />
sudo npm install -g cordova ionic gul<br />
=== Erstes Projekt anlegen ===<br />
Es gibt verschiedene Grundtemplates<br />
*leer<br />
$ ionic start myApp blank<br />
* tab navigation<br />
$ ionic start myApp tabs<br />
* side navigation<br />
$ ionic start myApp sidemenu<br />
<br />
===Quicktips für Projekte===<br />
* cd into your project: <br />
cd firstIonicAppOrAnotherName<br />
* Setup this project to use Sass: <br />
ionic setup sass<br />
* Develop in the browser with live reload: <br />
ionic serve<br />
* Add a platform (ios or Android): <br />
ionic platform add ios [android]<br />
Note: iOS development requires OS X currently<br />
See the Android Platform Guide for full Android installation instructions: https://cordova.apache.org/docs/en/edge/guide_platforms_android_index.md.html<br />
* Build your app: <br />
ionic build <PLATFORM><br />
* Simulate your app: <br />
ionic emulate <PLATFORM><br />
* Run your app on a device: <br />
ionic run <PLATFORM><br />
* Package an app using Ionic package service: <br />
ionic package <MODE> <PLATFORM><br />
For more help use ionic --help or ionic docs<br />
Visit the Ionic docs: http://ionicframework.com/docs<br />
</pre><br />
===Ionic Account===<br />
Create an ionic.io account to send Push Notifications and use the Ionic View app?<br />
(Y/n):<br />
<br />
== Verschiedene Frameworks ==<br />
=== Links ===<br />
Vergleiche:<br />
==== Vergleich Hybrid Mobile App Frameworks ====<br />
http://www.gajotres.net/the-top-5-angularjs-hybrid-mobile-app-frameworks-proscons/<br />
<br />
http://www.gajotres.net/top-7-mobile-application-html5-frameworks/<br />
<br />
<br />
Die Frameworks arbeiten oft mit darunterliegenden JavaScript Libs zusammen, z.B. React, AngularJS, jQuery... <br />
<br />
<br />
<br />
=== Reapp ===<br />
http://reapp.io/ <br />
<br />
Arbeitet mit ReactJS<br />
=== TouchstoneJS ===<br />
http://touchstonejs.io<br />
<br />
Sieht laut Demo sehr vielversprechend aus. Arbeitet mit React.JS.<br />
<br />
=== Ionic ===<br />
Nutzt AngularJS, funktioniert mit PhoneGap, soll eine gute Performance haben. Verbreitung 2015 recht gut, soll ein gutes Forum haben.<br />
<br />
=== Supersonic UI ===<br />
Sieht auf den ersten Blick sehr schick aus. Fork von Ionic.<br />
* Benötigt kein PhoneGap - eigener Wrapper (AppGyver) ohne den es aber auch nicht mehr so gut nutzbar ist. Dafür ist der Wrapper auch Cordova Kompatibel.<br />
* Nutzt AngularJS und das CSS UI von Ionic<br />
* Extrem nativer Look, gutes Zusammenspiel von UI und HTML5<br />
* Gute Data-Sets<br />
<br />
=== Intel App Framework ===<br />
Sieht ein wenig eingeschlafen aus<br />
<br />
=== Mobile Angular UI ===<br />
Setzt auf '''Bootstrap 3''' auf und ergänzt es mit einigen Komponenten wie switches, overlays, sidebars, scrollable areas, absolutely positioned top/bottom nav bars ohne Bouncing... Nicht von jQuery oder bootstrap.js abhängig. Nutzt stabile Libraries wie '''fastclick.js''' und '''overthrow.js'''<br />
<br />
Gut geeignet, wenn eine Bootstrap Webapp besteht. Schlechte Doku, kleine Community (2015)<br />
=== iUi ===<br />
http://www.iui-js.org/demo<br />
<br />
Sieht ein bischen Old-Fashioned aus.<br />
=== app-UI ===<br />
http://triceam.github.io/app-UI/<br />
<br />
* Zu wenig Infos im Moment (2015)</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Hybrid_Apps_Development&diff=21252Hybrid Apps Development2015-10-20T09:03:55Z<p>37.49.33.84: /* Quickstart mit Ionic */</p>
<hr />
<div>Siehe auch: [[App Entwicklung mit PhoneGap]]<br />
== Links ==<br />
http://reapp.io/<br />
<br />
http://ionicframework.com/getting-started/<br />
<br />
== Einleitung ==<br />
<br />
Hybride Apps sind im Prinzip Webapps im Gewand einer Native App.<br />
<br />
PhoneGap ermöglicht Web Apps den Zugriff auf Smartphone Funktionen indem es sie in einen nativen Wrapper packt. Nachteil ist aber das die Smartphone typischen Bedienung nicht genutzt wird, sondern i.d.R. über HTML nachgebildet werden müssen. Dazu gibt es verschiedene Frameworks. Früher war das z.B. jQuery Mobile, das allerdings keine besonders gute Perfomance hat. Oder Sencha, das eine große Einarbeitungszeit erfordet. Inzwischen gibt es einige Alternativen.<br />
<br />
Wichtig für iOS - man sollte die Design Richtlinien beachten, sonst kann es sein, daß Apps zurückgewiesen werden. Also einfach eine Website kapseln klappt nicht.<br />
<br />
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html<br />
http://www.adobe.com/devnet/phonegap/articles/apple-application-rejections-and-phonegap-advice.html<br />
http://phonegap.com/blog/build/new-apple-app-store-submittal-rules/<br />
<br />
== Hybrid Apps mit Ionic und PhoneGap Builder==<br />
Ionic basiert auf AngularJS, mit diesen Tools erstellen wir die Webapp, die dann mit PhoneGap Builder zu einer Hybrid App gebündelt wird. <br />
<br />
AngularJS ist ein Framework zur WebApp Entwicklung mit hoher Performance. Ionic steuert viele Komponenten und in MobileApp übliche Bedienelemente bei.<br />
<br />
<br />
=== Installation ===<br />
* Node.js falls nicht installiert (evtl, PATH anpassen)<br />
* im Terminal über npm cordova ionic und gulp installieren<br />
sudo npm install -g cordova ionic gul<br />
=== Erstes Projekt anlegen ===<br />
Es gibt verschiedene Grundtemplates<br />
*leer<br />
$ ionic start myApp blank<br />
* tab navigation<br />
$ ionic start myApp tabs<br />
* side navigation<br />
$ ionic start myApp sidemenu<br />
<br />
===Quicktips für Projekte===<br />
* cd into your project: <br />
cd firstIonicAppOrAnotherName<br />
* Setup this project to use Sass: <br />
ionic setup sass<br />
* Develop in the browser with live reload: <br />
ionic serve<br />
* Add a platform (ios or Android): <br />
ionic platform add ios [android]<br />
Note: iOS development requires OS X currently<br />
See the Android Platform Guide for full Android installation instructions: https://cordova.apache.org/docs/en/edge/guide_platforms_android_index.md.html<br />
* Build your app: <br />
ionic build <PLATFORM><br />
* Simulate your app: <br />
ionic emulate <PLATFORM><br />
* Run your app on a device: <br />
ionic run <PLATFORM><br />
* Package an app using Ionic package service: <br />
ionic package <MODE> <PLATFORM><br />
For more help use ionic --help or ionic docs<br />
Visit the Ionic docs: http://ionicframework.com/docs<br />
</pre><br />
===Ionic Account===<br />
Create an ionic.io account to send Push Notifications and use the Ionic View app?<br />
(Y/n):<br />
<br />
== Verschiedene Frameworks ==<br />
=== Links ===<br />
Vergleiche:<br />
==== Vergleich Hybrid Mobile App Frameworks ====<br />
http://www.gajotres.net/the-top-5-angularjs-hybrid-mobile-app-frameworks-proscons/<br />
<br />
http://www.gajotres.net/top-7-mobile-application-html5-frameworks/<br />
<br />
<br />
Die Frameworks arbeiten oft mit darunterliegenden JavaScript Libs zusammen, z.B. React, AngularJS, jQuery... <br />
<br />
<br />
<br />
=== Reapp ===<br />
http://reapp.io/ <br />
<br />
Arbeitet mit ReactJS<br />
=== TouchstoneJS ===<br />
http://touchstonejs.io<br />
<br />
Sieht laut Demo sehr vielversprechend aus. Arbeitet mit React.JS.<br />
<br />
=== Ionic ===<br />
Nutzt AngularJS, funktioniert mit PhoneGap, soll eine gute Performance haben. Verbreitung 2015 recht gut, soll ein gutes Forum haben.<br />
<br />
=== Supersonic UI ===<br />
Sieht auf den ersten Blick sehr schick aus. Fork von Ionic.<br />
* Benötigt kein PhoneGap - eigener Wrapper (AppGyver) ohne den es aber auch nicht mehr so gut nutzbar ist. Dafür ist der Wrapper auch Cordova Kompatibel.<br />
* Nutzt AngularJS und das CSS UI von Ionic<br />
* Extrem nativer Look, gutes Zusammenspiel von UI und HTML5<br />
* Gute Data-Sets<br />
<br />
=== Intel App Framework ===<br />
Sieht ein wenig eingeschlafen aus<br />
<br />
=== Mobile Angular UI ===<br />
Setzt auf '''Bootstrap 3''' auf und ergänzt es mit einigen Komponenten wie switches, overlays, sidebars, scrollable areas, absolutely positioned top/bottom nav bars ohne Bouncing... Nicht von jQuery oder bootstrap.js abhängig. Nutzt stabile Libraries wie '''fastclick.js''' und '''overthrow.js'''<br />
<br />
Gut geeignet, wenn eine Bootstrap Webapp besteht. Schlechte Doku, kleine Community (2015)<br />
=== iUi ===<br />
http://www.iui-js.org/demo<br />
<br />
Sieht ein bischen Old-Fashioned aus.<br />
=== app-UI ===<br />
http://triceam.github.io/app-UI/<br />
<br />
* Zu wenig Infos im Moment (2015)</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Hybrid_Apps_Development&diff=21251Hybrid Apps Development2015-10-20T09:01:33Z<p>37.49.33.84: /* Quickstart mit Ionic */</p>
<hr />
<div>Siehe auch: [[App Entwicklung mit PhoneGap]]<br />
== Links ==<br />
http://reapp.io/<br />
<br />
http://ionicframework.com/getting-started/<br />
<br />
== Einleitung ==<br />
<br />
Hybride Apps sind im Prinzip Webapps im Gewand einer Native App.<br />
<br />
PhoneGap ermöglicht Web Apps den Zugriff auf Smartphone Funktionen indem es sie in einen nativen Wrapper packt. Nachteil ist aber das die Smartphone typischen Bedienung nicht genutzt wird, sondern i.d.R. über HTML nachgebildet werden müssen. Dazu gibt es verschiedene Frameworks. Früher war das z.B. jQuery Mobile, das allerdings keine besonders gute Perfomance hat. Oder Sencha, das eine große Einarbeitungszeit erfordet. Inzwischen gibt es einige Alternativen.<br />
<br />
Wichtig für iOS - man sollte die Design Richtlinien beachten, sonst kann es sein, daß Apps zurückgewiesen werden. Also einfach eine Website kapseln klappt nicht.<br />
<br />
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html<br />
http://www.adobe.com/devnet/phonegap/articles/apple-application-rejections-and-phonegap-advice.html<br />
http://phonegap.com/blog/build/new-apple-app-store-submittal-rules/<br />
<br />
== Quickstart mit Ionic ==<br />
http://ionicframework.com/getting-started/<br />
https://www.youtube.com/watch?v=C-UwOWB9Io4&feature=youtu.be<br />
<br />
== Hybrid Apps mit Ionic und PhoneGap Builder==<br />
Ionic basiert auf AngularJS, mit diesen Tools erstellen wir die Webapp, die dann mit PhoneGap Builder zu einer Hybrid App gebündelt wird. <br />
<br />
AngularJS ist ein Framework zur WebApp Entwicklung mit hoher Performance. Ionic steuert viele Komponenten und in MobileApp übliche Bedienelemente bei.<br />
<br />
<br />
=== Installation ===<br />
* Node.js falls nicht installiert (evtl, PATH anpassen)<br />
* im Terminal über npm cordova ionic und gulp installieren<br />
sudo npm install -g cordova ionic gul<br />
=== Erstes Projekt anlegen ===<br />
Es gibt verschiedene Grundtemplates<br />
*leer<br />
$ ionic start myApp blank<br />
* tab navigation<br />
$ ionic start myApp tabs<br />
* side navigation<br />
$ ionic start myApp sidemenu<br />
<br />
===Quicktips für Projekte===<br />
* cd into your project: <br />
cd firstIonicAppOrAnotherName<br />
* Setup this project to use Sass: <br />
ionic setup sass<br />
* Develop in the browser with live reload: <br />
ionic serve<br />
* Add a platform (ios or Android): <br />
ionic platform add ios [android]<br />
Note: iOS development requires OS X currently<br />
See the Android Platform Guide for full Android installation instructions: https://cordova.apache.org/docs/en/edge/guide_platforms_android_index.md.html<br />
* Build your app: <br />
ionic build <PLATFORM><br />
* Simulate your app: <br />
ionic emulate <PLATFORM><br />
* Run your app on a device: <br />
ionic run <PLATFORM><br />
* Package an app using Ionic package service: <br />
ionic package <MODE> <PLATFORM><br />
For more help use ionic --help or ionic docs<br />
Visit the Ionic docs: http://ionicframework.com/docs<br />
</pre><br />
===Ionic Account===<br />
Create an ionic.io account to send Push Notifications and use the Ionic View app?<br />
(Y/n):<br />
<br />
== Verschiedene Frameworks ==<br />
=== Links ===<br />
Vergleiche:<br />
==== Vergleich Hybrid Mobile App Frameworks ====<br />
http://www.gajotres.net/the-top-5-angularjs-hybrid-mobile-app-frameworks-proscons/<br />
<br />
http://www.gajotres.net/top-7-mobile-application-html5-frameworks/<br />
<br />
<br />
Die Frameworks arbeiten oft mit darunterliegenden JavaScript Libs zusammen, z.B. React, AngularJS, jQuery... <br />
<br />
<br />
<br />
=== Reapp ===<br />
http://reapp.io/ <br />
<br />
Arbeitet mit ReactJS<br />
=== TouchstoneJS ===<br />
http://touchstonejs.io<br />
<br />
Sieht laut Demo sehr vielversprechend aus. Arbeitet mit React.JS.<br />
<br />
=== Ionic ===<br />
Nutzt AngularJS, funktioniert mit PhoneGap, soll eine gute Performance haben. Verbreitung 2015 recht gut, soll ein gutes Forum haben.<br />
<br />
=== Supersonic UI ===<br />
Sieht auf den ersten Blick sehr schick aus. Fork von Ionic.<br />
* Benötigt kein PhoneGap - eigener Wrapper (AppGyver) ohne den es aber auch nicht mehr so gut nutzbar ist. Dafür ist der Wrapper auch Cordova Kompatibel.<br />
* Nutzt AngularJS und das CSS UI von Ionic<br />
* Extrem nativer Look, gutes Zusammenspiel von UI und HTML5<br />
* Gute Data-Sets<br />
<br />
=== Intel App Framework ===<br />
Sieht ein wenig eingeschlafen aus<br />
<br />
=== Mobile Angular UI ===<br />
Setzt auf '''Bootstrap 3''' auf und ergänzt es mit einigen Komponenten wie switches, overlays, sidebars, scrollable areas, absolutely positioned top/bottom nav bars ohne Bouncing... Nicht von jQuery oder bootstrap.js abhängig. Nutzt stabile Libraries wie '''fastclick.js''' und '''overthrow.js'''<br />
<br />
Gut geeignet, wenn eine Bootstrap Webapp besteht. Schlechte Doku, kleine Community (2015)<br />
=== iUi ===<br />
http://www.iui-js.org/demo<br />
<br />
Sieht ein bischen Old-Fashioned aus.<br />
=== app-UI ===<br />
http://triceam.github.io/app-UI/<br />
<br />
* Zu wenig Infos im Moment (2015)</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Hybrid_Apps_Development&diff=21250Hybrid Apps Development2015-10-20T09:01:15Z<p>37.49.33.84: /* Einleitung */</p>
<hr />
<div>Siehe auch: [[App Entwicklung mit PhoneGap]]<br />
== Links ==<br />
http://reapp.io/<br />
<br />
http://ionicframework.com/getting-started/<br />
<br />
== Einleitung ==<br />
<br />
Hybride Apps sind im Prinzip Webapps im Gewand einer Native App.<br />
<br />
PhoneGap ermöglicht Web Apps den Zugriff auf Smartphone Funktionen indem es sie in einen nativen Wrapper packt. Nachteil ist aber das die Smartphone typischen Bedienung nicht genutzt wird, sondern i.d.R. über HTML nachgebildet werden müssen. Dazu gibt es verschiedene Frameworks. Früher war das z.B. jQuery Mobile, das allerdings keine besonders gute Perfomance hat. Oder Sencha, das eine große Einarbeitungszeit erfordet. Inzwischen gibt es einige Alternativen.<br />
<br />
Wichtig für iOS - man sollte die Design Richtlinien beachten, sonst kann es sein, daß Apps zurückgewiesen werden. Also einfach eine Website kapseln klappt nicht.<br />
<br />
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html<br />
http://www.adobe.com/devnet/phonegap/articles/apple-application-rejections-and-phonegap-advice.html<br />
http://phonegap.com/blog/build/new-apple-app-store-submittal-rules/<br />
<br />
== Quickstart mit Ionic ==<br />
https://www.youtube.com/watch?v=C-UwOWB9Io4&feature=youtu.be<br />
<br />
== Hybrid Apps mit Ionic und PhoneGap Builder==<br />
Ionic basiert auf AngularJS, mit diesen Tools erstellen wir die Webapp, die dann mit PhoneGap Builder zu einer Hybrid App gebündelt wird. <br />
<br />
AngularJS ist ein Framework zur WebApp Entwicklung mit hoher Performance. Ionic steuert viele Komponenten und in MobileApp übliche Bedienelemente bei.<br />
<br />
<br />
=== Installation ===<br />
* Node.js falls nicht installiert (evtl, PATH anpassen)<br />
* im Terminal über npm cordova ionic und gulp installieren<br />
sudo npm install -g cordova ionic gul<br />
=== Erstes Projekt anlegen ===<br />
Es gibt verschiedene Grundtemplates<br />
*leer<br />
$ ionic start myApp blank<br />
* tab navigation<br />
$ ionic start myApp tabs<br />
* side navigation<br />
$ ionic start myApp sidemenu<br />
<br />
===Quicktips für Projekte===<br />
* cd into your project: <br />
cd firstIonicAppOrAnotherName<br />
* Setup this project to use Sass: <br />
ionic setup sass<br />
* Develop in the browser with live reload: <br />
ionic serve<br />
* Add a platform (ios or Android): <br />
ionic platform add ios [android]<br />
Note: iOS development requires OS X currently<br />
See the Android Platform Guide for full Android installation instructions: https://cordova.apache.org/docs/en/edge/guide_platforms_android_index.md.html<br />
* Build your app: <br />
ionic build <PLATFORM><br />
* Simulate your app: <br />
ionic emulate <PLATFORM><br />
* Run your app on a device: <br />
ionic run <PLATFORM><br />
* Package an app using Ionic package service: <br />
ionic package <MODE> <PLATFORM><br />
For more help use ionic --help or ionic docs<br />
Visit the Ionic docs: http://ionicframework.com/docs<br />
</pre><br />
===Ionic Account===<br />
Create an ionic.io account to send Push Notifications and use the Ionic View app?<br />
(Y/n):<br />
<br />
== Verschiedene Frameworks ==<br />
=== Links ===<br />
Vergleiche:<br />
==== Vergleich Hybrid Mobile App Frameworks ====<br />
http://www.gajotres.net/the-top-5-angularjs-hybrid-mobile-app-frameworks-proscons/<br />
<br />
http://www.gajotres.net/top-7-mobile-application-html5-frameworks/<br />
<br />
<br />
Die Frameworks arbeiten oft mit darunterliegenden JavaScript Libs zusammen, z.B. React, AngularJS, jQuery... <br />
<br />
<br />
<br />
=== Reapp ===<br />
http://reapp.io/ <br />
<br />
Arbeitet mit ReactJS<br />
=== TouchstoneJS ===<br />
http://touchstonejs.io<br />
<br />
Sieht laut Demo sehr vielversprechend aus. Arbeitet mit React.JS.<br />
<br />
=== Ionic ===<br />
Nutzt AngularJS, funktioniert mit PhoneGap, soll eine gute Performance haben. Verbreitung 2015 recht gut, soll ein gutes Forum haben.<br />
<br />
=== Supersonic UI ===<br />
Sieht auf den ersten Blick sehr schick aus. Fork von Ionic.<br />
* Benötigt kein PhoneGap - eigener Wrapper (AppGyver) ohne den es aber auch nicht mehr so gut nutzbar ist. Dafür ist der Wrapper auch Cordova Kompatibel.<br />
* Nutzt AngularJS und das CSS UI von Ionic<br />
* Extrem nativer Look, gutes Zusammenspiel von UI und HTML5<br />
* Gute Data-Sets<br />
<br />
=== Intel App Framework ===<br />
Sieht ein wenig eingeschlafen aus<br />
<br />
=== Mobile Angular UI ===<br />
Setzt auf '''Bootstrap 3''' auf und ergänzt es mit einigen Komponenten wie switches, overlays, sidebars, scrollable areas, absolutely positioned top/bottom nav bars ohne Bouncing... Nicht von jQuery oder bootstrap.js abhängig. Nutzt stabile Libraries wie '''fastclick.js''' und '''overthrow.js'''<br />
<br />
Gut geeignet, wenn eine Bootstrap Webapp besteht. Schlechte Doku, kleine Community (2015)<br />
=== iUi ===<br />
http://www.iui-js.org/demo<br />
<br />
Sieht ein bischen Old-Fashioned aus.<br />
=== app-UI ===<br />
http://triceam.github.io/app-UI/<br />
<br />
* Zu wenig Infos im Moment (2015)</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Hybrid_Apps_Development&diff=21249Hybrid Apps Development2015-10-20T08:59:16Z<p>37.49.33.84: /* Hybrid Apps mit Ionic und PhoneGap Builder */</p>
<hr />
<div>Siehe auch: [[App Entwicklung mit PhoneGap]]<br />
== Links ==<br />
http://reapp.io/<br />
<br />
http://ionicframework.com/getting-started/<br />
<br />
== Einleitung ==<br />
<br />
Hybride Apps sind im Prinzip Webapps im Gewand einer Native App.<br />
<br />
PhoneGap ermöglicht Web Apps den Zugriff auf Smartphone Funktionen indem es sie in einen nativen Wrapper packt. Nachteil ist aber das die Smartphone typischen Bedienung nicht genutzt wird, sondern i.d.R. über HTML nachgebildet werden müssen. Dazu gibt es verschiedene Frameworks. Früher war das z.B. jQuery Mobile, das allerdings keine besonders gute Perfomance hat. Oder Sencha, das eine große Einarbeitungszeit erfordet. Inzwischen gibt es einige Alternativen.<br />
<br />
Wichtig für iOS - man sollte die Design Richtlinien beachten, sonst kann es sein, daß Apps zurückgewiesen werden. Also einfach eine Website kapseln klappt nicht.<br />
<br />
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html<br />
http://www.adobe.com/devnet/phonegap/articles/apple-application-rejections-and-phonegap-advice.html<br />
http://phonegap.com/blog/build/new-apple-app-store-submittal-rules/<br />
<br />
== Hybrid Apps mit Ionic und PhoneGap Builder==<br />
Ionic basiert auf AngularJS, mit diesen Tools erstellen wir die Webapp, die dann mit PhoneGap Builder zu einer Hybrid App gebündelt wird. <br />
<br />
AngularJS ist ein Framework zur WebApp Entwicklung mit hoher Performance. Ionic steuert viele Komponenten und in MobileApp übliche Bedienelemente bei.<br />
<br />
<br />
=== Installation ===<br />
* Node.js falls nicht installiert (evtl, PATH anpassen)<br />
* im Terminal über npm cordova ionic und gulp installieren<br />
sudo npm install -g cordova ionic gul<br />
=== Erstes Projekt anlegen ===<br />
Es gibt verschiedene Grundtemplates<br />
*leer<br />
$ ionic start myApp blank<br />
* tab navigation<br />
$ ionic start myApp tabs<br />
* side navigation<br />
$ ionic start myApp sidemenu<br />
<br />
===Quicktips für Projekte===<br />
* cd into your project: <br />
cd firstIonicAppOrAnotherName<br />
* Setup this project to use Sass: <br />
ionic setup sass<br />
* Develop in the browser with live reload: <br />
ionic serve<br />
* Add a platform (ios or Android): <br />
ionic platform add ios [android]<br />
Note: iOS development requires OS X currently<br />
See the Android Platform Guide for full Android installation instructions: https://cordova.apache.org/docs/en/edge/guide_platforms_android_index.md.html<br />
* Build your app: <br />
ionic build <PLATFORM><br />
* Simulate your app: <br />
ionic emulate <PLATFORM><br />
* Run your app on a device: <br />
ionic run <PLATFORM><br />
* Package an app using Ionic package service: <br />
ionic package <MODE> <PLATFORM><br />
For more help use ionic --help or ionic docs<br />
Visit the Ionic docs: http://ionicframework.com/docs<br />
</pre><br />
===Ionic Account===<br />
Create an ionic.io account to send Push Notifications and use the Ionic View app?<br />
(Y/n):<br />
<br />
== Verschiedene Frameworks ==<br />
=== Links ===<br />
Vergleiche:<br />
==== Vergleich Hybrid Mobile App Frameworks ====<br />
http://www.gajotres.net/the-top-5-angularjs-hybrid-mobile-app-frameworks-proscons/<br />
<br />
http://www.gajotres.net/top-7-mobile-application-html5-frameworks/<br />
<br />
<br />
Die Frameworks arbeiten oft mit darunterliegenden JavaScript Libs zusammen, z.B. React, AngularJS, jQuery... <br />
<br />
<br />
<br />
=== Reapp ===<br />
http://reapp.io/ <br />
<br />
Arbeitet mit ReactJS<br />
=== TouchstoneJS ===<br />
http://touchstonejs.io<br />
<br />
Sieht laut Demo sehr vielversprechend aus. Arbeitet mit React.JS.<br />
<br />
=== Ionic ===<br />
Nutzt AngularJS, funktioniert mit PhoneGap, soll eine gute Performance haben. Verbreitung 2015 recht gut, soll ein gutes Forum haben.<br />
<br />
=== Supersonic UI ===<br />
Sieht auf den ersten Blick sehr schick aus. Fork von Ionic.<br />
* Benötigt kein PhoneGap - eigener Wrapper (AppGyver) ohne den es aber auch nicht mehr so gut nutzbar ist. Dafür ist der Wrapper auch Cordova Kompatibel.<br />
* Nutzt AngularJS und das CSS UI von Ionic<br />
* Extrem nativer Look, gutes Zusammenspiel von UI und HTML5<br />
* Gute Data-Sets<br />
<br />
=== Intel App Framework ===<br />
Sieht ein wenig eingeschlafen aus<br />
<br />
=== Mobile Angular UI ===<br />
Setzt auf '''Bootstrap 3''' auf und ergänzt es mit einigen Komponenten wie switches, overlays, sidebars, scrollable areas, absolutely positioned top/bottom nav bars ohne Bouncing... Nicht von jQuery oder bootstrap.js abhängig. Nutzt stabile Libraries wie '''fastclick.js''' und '''overthrow.js'''<br />
<br />
Gut geeignet, wenn eine Bootstrap Webapp besteht. Schlechte Doku, kleine Community (2015)<br />
=== iUi ===<br />
http://www.iui-js.org/demo<br />
<br />
Sieht ein bischen Old-Fashioned aus.<br />
=== app-UI ===<br />
http://triceam.github.io/app-UI/<br />
<br />
* Zu wenig Infos im Moment (2015)</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=PATH_Variable_unter_MacOS&diff=21248PATH Variable unter MacOS2015-10-20T05:22:04Z<p>37.49.33.84: </p>
<hr />
<div>Ausgabe: <br />
echo "$PATH"<br />
<br />
Für das Einrichten bestimmter Programme muss die PATH-Umgebungsvariable um eine neue Pfad-Angabe erweitert werden. Die ist z.B. nach der Installation von mysql der Fall. Damit die mysql-Kommandozeilen-Beffehle direkt verfügbar sind, muss die Systemvariable PATH um den Pfad /usr/local/mysql/bin erweitert werden.<br />
Unter dem Mac gibt möchte ich dazu drei mögliche Varianten vorstellen.<br />
<br />
<br />
== I. Variante: /etc/paths (global) ==<br />
<br />
Bei dieser Variante wird die '''zentrale Datei''' /etc/paths editiert. In dieser Datei stehen alle Pfade, die zur PATH-Variable hinzugefügt werden sollen, zeilenweise unter einander. Um einen Pfad zu ergänzen, müssen folgende Schritte befolgt werden:<br />
<br />
1. Schritt: Öffnen eines Terminal-Fensters<br />
<br />
2. Schritt: Datei im Editor öffnen<br />
$ sudo vi /etc/paths<br />
3. Schritt: Den gewünschten Path als neue Zeile anhängen<br />
<br />
4. Schritt: Datei speichern<br />
<br />
Der neue Pfad steht jetzt in einer neuen Shell zur Verfügung.<br />
<br />
Hinweis: Setzt die Pfade global für alle User!<br />
<br />
<br />
== II. Variante: /etc/paths.d ==<br />
<br />
Stellt eine Abwandlung von Variante I. dar, die ich jedoch nicht unterschlagen möchte. Anstelle einer Datei wie /etc/paths, die alle Pfade beinhaltet, können Pfade in eigenen Dateien gruppiert werden. Dies macht die Administration der Pfade übersichtlicher. Dazu werden Dateien mit den gewünschten Pfad-Angaben (wie /etc/paths) in dem Verzeichnis /etc/paths.d angelegt. In unserem Beispiel verwenden wir eine Datei namens paths-example. Hier macht es Sinn, der jeweiligen Datei den Namen der gewünschten Grupperierung zu geben, z.B. paths-databases.<br />
<br />
1. Schritt: Öffnen eines Terminal-Fensters<br />
<br />
2. Schritt: In Pfad wechseln<br />
<br />
$ cd /etc/paths.d<br />
3. Schritt: Eigene Pfad-Datei erzeugen<br />
<br />
$ touch paths-example<br />
<br />
4. Schritt: Den gewünschten Path als neue Zeile anhängen<br />
<br />
5. Schritt: Datei speichern<br />
<br />
Hinweis: Setzt die Pfade global für alle User!<br />
<br />
<br />
== III. Variante: .profile - User bezogen==<br />
<br />
Wer den '''Standard-Weg''' bevorzugt, setzt den Pfad manuell in der Datei .profile:<br />
<br />
1. Schritt: Öffnen eines Terminal-Fensters<br />
<br />
2. Schritt: Ist Datei .profile nicht um User-Home-Verzeichnis?<br />
<br />
<br />
$ touch .profile<br />
<br />
3. Schritt: Datei im Editor öffnen<br />
<br />
<br />
$ vi .profile<br />
<br />
4. Schritt: PATH-Variable setzen:<br />
<br />
export PATH=$PATH:/mein/neuer/pfad<br />
<br />
4. Schritt: Datei speichern<br />
<br />
Der neue Pfad steht jetzt in einer neuen Shell zur Verfügung.<br />
<br />
Hinweis: Setzt die Pfade nur für den User, in dessen Homeverzeichnis die .profile angepasst wird!<br />
<br />
Quellen:<br />
http://www.sweeting.org/mark/blog/2008/05/26/mac-os-x-tip-setting-path-environment-variables<br />
<br />
== Pfad zur Laufzeit exportieren ==<br />
Das funktioniert auch in der .profile Datei.<br />
<br />
Beispiel<br />
<pre><br />
# Pfad angaben zur PATH variable hinzufügen<br />
export PATH="/opt/local/bin:/opt/local/sbin:$PATH"<br />
# Finished adapting your PATH environment variable.<br />
</pre></div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Hybrid_Apps_Development&diff=21247Hybrid Apps Development2015-10-20T05:17:33Z<p>37.49.33.84: /* Einleitung */</p>
<hr />
<div>Siehe auch: [[App Entwicklung mit PhoneGap]]<br />
== Links ==<br />
http://reapp.io/<br />
<br />
http://ionicframework.com/getting-started/<br />
<br />
== Einleitung ==<br />
<br />
Hybride Apps sind im Prinzip Webapps im Gewand einer Native App.<br />
<br />
PhoneGap ermöglicht Web Apps den Zugriff auf Smartphone Funktionen indem es sie in einen nativen Wrapper packt. Nachteil ist aber das die Smartphone typischen Bedienung nicht genutzt wird, sondern i.d.R. über HTML nachgebildet werden müssen. Dazu gibt es verschiedene Frameworks. Früher war das z.B. jQuery Mobile, das allerdings keine besonders gute Perfomance hat. Oder Sencha, das eine große Einarbeitungszeit erfordet. Inzwischen gibt es einige Alternativen.<br />
<br />
Wichtig für iOS - man sollte die Design Richtlinien beachten, sonst kann es sein, daß Apps zurückgewiesen werden. Also einfach eine Website kapseln klappt nicht.<br />
<br />
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html<br />
http://www.adobe.com/devnet/phonegap/articles/apple-application-rejections-and-phonegap-advice.html<br />
http://phonegap.com/blog/build/new-apple-app-store-submittal-rules/<br />
<br />
== Hybrid Apps mit Ionic und PhoneGap Builder==<br />
Ionic basiert auf AngularJS, mit diesen Tools erstellen wir die Webapp, die dann mit PhoneGap Builder zu einer Hybrid App gebündelt wird. <br />
<br />
AngularJS ist ein Framework zur WebApp Entwicklung mit hoher Performance. Ionic steuert viele Komponenten und in MobileApp übliche Bedienelemente bei.<br />
<br />
== Verschiedene Frameworks ==<br />
=== Links ===<br />
Vergleiche:<br />
==== Vergleich Hybrid Mobile App Frameworks ====<br />
http://www.gajotres.net/the-top-5-angularjs-hybrid-mobile-app-frameworks-proscons/<br />
<br />
http://www.gajotres.net/top-7-mobile-application-html5-frameworks/<br />
<br />
<br />
Die Frameworks arbeiten oft mit darunterliegenden JavaScript Libs zusammen, z.B. React, AngularJS, jQuery... <br />
<br />
<br />
<br />
=== Reapp ===<br />
http://reapp.io/ <br />
<br />
Arbeitet mit ReactJS<br />
=== TouchstoneJS ===<br />
http://touchstonejs.io<br />
<br />
Sieht laut Demo sehr vielversprechend aus. Arbeitet mit React.JS.<br />
<br />
=== Ionic ===<br />
Nutzt AngularJS, funktioniert mit PhoneGap, soll eine gute Performance haben. Verbreitung 2015 recht gut, soll ein gutes Forum haben.<br />
<br />
=== Supersonic UI ===<br />
Sieht auf den ersten Blick sehr schick aus. Fork von Ionic.<br />
* Benötigt kein PhoneGap - eigener Wrapper (AppGyver) ohne den es aber auch nicht mehr so gut nutzbar ist. Dafür ist der Wrapper auch Cordova Kompatibel.<br />
* Nutzt AngularJS und das CSS UI von Ionic<br />
* Extrem nativer Look, gutes Zusammenspiel von UI und HTML5<br />
* Gute Data-Sets<br />
<br />
=== Intel App Framework ===<br />
Sieht ein wenig eingeschlafen aus<br />
<br />
=== Mobile Angular UI ===<br />
Setzt auf '''Bootstrap 3''' auf und ergänzt es mit einigen Komponenten wie switches, overlays, sidebars, scrollable areas, absolutely positioned top/bottom nav bars ohne Bouncing... Nicht von jQuery oder bootstrap.js abhängig. Nutzt stabile Libraries wie '''fastclick.js''' und '''overthrow.js'''<br />
<br />
Gut geeignet, wenn eine Bootstrap Webapp besteht. Schlechte Doku, kleine Community (2015)<br />
=== iUi ===<br />
http://www.iui-js.org/demo<br />
<br />
Sieht ein bischen Old-Fashioned aus.<br />
=== app-UI ===<br />
http://triceam.github.io/app-UI/<br />
<br />
* Zu wenig Infos im Moment (2015)</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Hybrid_Apps_Development&diff=21246Hybrid Apps Development2015-10-20T05:17:07Z<p>37.49.33.84: /* Einleitung */</p>
<hr />
<div>Siehe auch: [[App Entwicklung mit PhoneGap]]<br />
== Links ==<br />
http://reapp.io/<br />
<br />
http://ionicframework.com/getting-started/<br />
<br />
== Einleitung ==<br />
<br />
Hybride Apps sind im Prinzip Webapps im Gewand einer Native App.<br />
<br />
PhoneGap ermöglicht Web Apps den Zugriff auf Smartphone Funktionen indem es sie in einen nativen Wrapper packt. Nachteil ist aber das die Smartphone typischen Bedienung nicht genutzt wird, sondern i.d.R. über HTML nachgebildet werden müssen. Dazu gibt es verschiedene Frameworks. Früher war das z.B. jQuery Mobile, das allerdings keine besonders gute Perfomance hat. Oder Sencha, das eine große Einarbeitungszeit erfordet. Inzwischen gibt es einige Alternativen.<br />
<br />
Wichtig für iOS - man sollte die Design Richtlinien beachten, sonst kann es sein, daß Apps zurückgewiesen werden. Also einfach eine Website kapseln klappt nicht.<br />
<br />
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html<br />
http://www.adobe.com/devnet/phonegap/articles/apple-application-rejections-and-phonegap-advice.html<br />
<br />
== Hybrid Apps mit Ionic und PhoneGap Builder==<br />
Ionic basiert auf AngularJS, mit diesen Tools erstellen wir die Webapp, die dann mit PhoneGap Builder zu einer Hybrid App gebündelt wird. <br />
<br />
AngularJS ist ein Framework zur WebApp Entwicklung mit hoher Performance. Ionic steuert viele Komponenten und in MobileApp übliche Bedienelemente bei.<br />
<br />
== Verschiedene Frameworks ==<br />
=== Links ===<br />
Vergleiche:<br />
==== Vergleich Hybrid Mobile App Frameworks ====<br />
http://www.gajotres.net/the-top-5-angularjs-hybrid-mobile-app-frameworks-proscons/<br />
<br />
http://www.gajotres.net/top-7-mobile-application-html5-frameworks/<br />
<br />
<br />
Die Frameworks arbeiten oft mit darunterliegenden JavaScript Libs zusammen, z.B. React, AngularJS, jQuery... <br />
<br />
<br />
<br />
=== Reapp ===<br />
http://reapp.io/ <br />
<br />
Arbeitet mit ReactJS<br />
=== TouchstoneJS ===<br />
http://touchstonejs.io<br />
<br />
Sieht laut Demo sehr vielversprechend aus. Arbeitet mit React.JS.<br />
<br />
=== Ionic ===<br />
Nutzt AngularJS, funktioniert mit PhoneGap, soll eine gute Performance haben. Verbreitung 2015 recht gut, soll ein gutes Forum haben.<br />
<br />
=== Supersonic UI ===<br />
Sieht auf den ersten Blick sehr schick aus. Fork von Ionic.<br />
* Benötigt kein PhoneGap - eigener Wrapper (AppGyver) ohne den es aber auch nicht mehr so gut nutzbar ist. Dafür ist der Wrapper auch Cordova Kompatibel.<br />
* Nutzt AngularJS und das CSS UI von Ionic<br />
* Extrem nativer Look, gutes Zusammenspiel von UI und HTML5<br />
* Gute Data-Sets<br />
<br />
=== Intel App Framework ===<br />
Sieht ein wenig eingeschlafen aus<br />
<br />
=== Mobile Angular UI ===<br />
Setzt auf '''Bootstrap 3''' auf und ergänzt es mit einigen Komponenten wie switches, overlays, sidebars, scrollable areas, absolutely positioned top/bottom nav bars ohne Bouncing... Nicht von jQuery oder bootstrap.js abhängig. Nutzt stabile Libraries wie '''fastclick.js''' und '''overthrow.js'''<br />
<br />
Gut geeignet, wenn eine Bootstrap Webapp besteht. Schlechte Doku, kleine Community (2015)<br />
=== iUi ===<br />
http://www.iui-js.org/demo<br />
<br />
Sieht ein bischen Old-Fashioned aus.<br />
=== app-UI ===<br />
http://triceam.github.io/app-UI/<br />
<br />
* Zu wenig Infos im Moment (2015)</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Hybrid_Apps_Development&diff=21245Hybrid Apps Development2015-10-20T05:16:31Z<p>37.49.33.84: /* Einleitung */</p>
<hr />
<div>Siehe auch: [[App Entwicklung mit PhoneGap]]<br />
== Links ==<br />
http://reapp.io/<br />
<br />
http://ionicframework.com/getting-started/<br />
<br />
== Einleitung ==<br />
<br />
Hybride Apps sind im Prinzip Webapps im Gewand einer Native App.<br />
<br />
PhoneGap ermöglicht Web Apps den Zugriff auf Smartphone Funktionen indem es sie in einen nativen Wrapper packt. Nachteil ist aber das die Smartphone typischen Bedienung nicht genutzt wird, sondern i.d.R. über HTML nachgebildet werden müssen. Dazu gibt es verschiedene Frameworks. Früher war das z.B. jQuery Mobile, das allerdings keine besonders gute Perfomance hat. Oder Sencha, das eine große Einarbeitungszeit erfordet. Inzwischen gibt es einige Alternativen.<br />
<br />
Wichtig für iOS - man sollte die Design Richtlinien beachten, sonst kann es sein, daß Apps zurückgewiesen werden. Also einfach eine Website kapseln klappt nicht.<br />
<br />
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html<br />
<br />
== Hybrid Apps mit Ionic und PhoneGap Builder==<br />
Ionic basiert auf AngularJS, mit diesen Tools erstellen wir die Webapp, die dann mit PhoneGap Builder zu einer Hybrid App gebündelt wird. <br />
<br />
AngularJS ist ein Framework zur WebApp Entwicklung mit hoher Performance. Ionic steuert viele Komponenten und in MobileApp übliche Bedienelemente bei.<br />
<br />
== Verschiedene Frameworks ==<br />
=== Links ===<br />
Vergleiche:<br />
==== Vergleich Hybrid Mobile App Frameworks ====<br />
http://www.gajotres.net/the-top-5-angularjs-hybrid-mobile-app-frameworks-proscons/<br />
<br />
http://www.gajotres.net/top-7-mobile-application-html5-frameworks/<br />
<br />
<br />
Die Frameworks arbeiten oft mit darunterliegenden JavaScript Libs zusammen, z.B. React, AngularJS, jQuery... <br />
<br />
<br />
<br />
=== Reapp ===<br />
http://reapp.io/ <br />
<br />
Arbeitet mit ReactJS<br />
=== TouchstoneJS ===<br />
http://touchstonejs.io<br />
<br />
Sieht laut Demo sehr vielversprechend aus. Arbeitet mit React.JS.<br />
<br />
=== Ionic ===<br />
Nutzt AngularJS, funktioniert mit PhoneGap, soll eine gute Performance haben. Verbreitung 2015 recht gut, soll ein gutes Forum haben.<br />
<br />
=== Supersonic UI ===<br />
Sieht auf den ersten Blick sehr schick aus. Fork von Ionic.<br />
* Benötigt kein PhoneGap - eigener Wrapper (AppGyver) ohne den es aber auch nicht mehr so gut nutzbar ist. Dafür ist der Wrapper auch Cordova Kompatibel.<br />
* Nutzt AngularJS und das CSS UI von Ionic<br />
* Extrem nativer Look, gutes Zusammenspiel von UI und HTML5<br />
* Gute Data-Sets<br />
<br />
=== Intel App Framework ===<br />
Sieht ein wenig eingeschlafen aus<br />
<br />
=== Mobile Angular UI ===<br />
Setzt auf '''Bootstrap 3''' auf und ergänzt es mit einigen Komponenten wie switches, overlays, sidebars, scrollable areas, absolutely positioned top/bottom nav bars ohne Bouncing... Nicht von jQuery oder bootstrap.js abhängig. Nutzt stabile Libraries wie '''fastclick.js''' und '''overthrow.js'''<br />
<br />
Gut geeignet, wenn eine Bootstrap Webapp besteht. Schlechte Doku, kleine Community (2015)<br />
=== iUi ===<br />
http://www.iui-js.org/demo<br />
<br />
Sieht ein bischen Old-Fashioned aus.<br />
=== app-UI ===<br />
http://triceam.github.io/app-UI/<br />
<br />
* Zu wenig Infos im Moment (2015)</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Hybrid_Apps_Development&diff=21244Hybrid Apps Development2015-10-20T05:15:25Z<p>37.49.33.84: /* iUi */</p>
<hr />
<div>Siehe auch: [[App Entwicklung mit PhoneGap]]<br />
== Links ==<br />
http://reapp.io/<br />
<br />
http://ionicframework.com/getting-started/<br />
<br />
== Einleitung ==<br />
<br />
Hybride Apps sind im Prinzip Webapps im Gewand einer Native App.<br />
<br />
PhoneGap ermöglicht Web Apps den Zugriff auf Smartphone Funktionen indem es sie in einen nativen Wrapper packt. Nachteil ist aber das die Smartphone typischen Bedienung nicht genutzt wird, sondern i.d.R. über HTML nachgebildet werden müssen. Dazu gibt es verschiedene Frameworks. Früher war das z.B. jQuery Mobile, das allerdings keine besonders gute Perfomance hat. Oder Sencha, das eine große Einarbeitungszeit erfordet. Inzwischen gibt es einige Alternativen.<br />
<br />
== Hybrid Apps mit Ionic und PhoneGap Builder==<br />
Ionic basiert auf AngularJS, mit diesen Tools erstellen wir die Webapp, die dann mit PhoneGap Builder zu einer Hybrid App gebündelt wird. <br />
<br />
AngularJS ist ein Framework zur WebApp Entwicklung mit hoher Performance. Ionic steuert viele Komponenten und in MobileApp übliche Bedienelemente bei.<br />
<br />
== Verschiedene Frameworks ==<br />
=== Links ===<br />
Vergleiche:<br />
==== Vergleich Hybrid Mobile App Frameworks ====<br />
http://www.gajotres.net/the-top-5-angularjs-hybrid-mobile-app-frameworks-proscons/<br />
<br />
http://www.gajotres.net/top-7-mobile-application-html5-frameworks/<br />
<br />
<br />
Die Frameworks arbeiten oft mit darunterliegenden JavaScript Libs zusammen, z.B. React, AngularJS, jQuery... <br />
<br />
<br />
<br />
=== Reapp ===<br />
http://reapp.io/ <br />
<br />
Arbeitet mit ReactJS<br />
=== TouchstoneJS ===<br />
http://touchstonejs.io<br />
<br />
Sieht laut Demo sehr vielversprechend aus. Arbeitet mit React.JS.<br />
<br />
=== Ionic ===<br />
Nutzt AngularJS, funktioniert mit PhoneGap, soll eine gute Performance haben. Verbreitung 2015 recht gut, soll ein gutes Forum haben.<br />
<br />
=== Supersonic UI ===<br />
Sieht auf den ersten Blick sehr schick aus. Fork von Ionic.<br />
* Benötigt kein PhoneGap - eigener Wrapper (AppGyver) ohne den es aber auch nicht mehr so gut nutzbar ist. Dafür ist der Wrapper auch Cordova Kompatibel.<br />
* Nutzt AngularJS und das CSS UI von Ionic<br />
* Extrem nativer Look, gutes Zusammenspiel von UI und HTML5<br />
* Gute Data-Sets<br />
<br />
=== Intel App Framework ===<br />
Sieht ein wenig eingeschlafen aus<br />
<br />
=== Mobile Angular UI ===<br />
Setzt auf '''Bootstrap 3''' auf und ergänzt es mit einigen Komponenten wie switches, overlays, sidebars, scrollable areas, absolutely positioned top/bottom nav bars ohne Bouncing... Nicht von jQuery oder bootstrap.js abhängig. Nutzt stabile Libraries wie '''fastclick.js''' und '''overthrow.js'''<br />
<br />
Gut geeignet, wenn eine Bootstrap Webapp besteht. Schlechte Doku, kleine Community (2015)<br />
=== iUi ===<br />
http://www.iui-js.org/demo<br />
<br />
Sieht ein bischen Old-Fashioned aus.<br />
=== app-UI ===<br />
http://triceam.github.io/app-UI/<br />
<br />
* Zu wenig Infos im Moment (2015)</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Hybrid_Apps_Development&diff=21243Hybrid Apps Development2015-10-20T05:13:51Z<p>37.49.33.84: /* Mobile Angular UI */</p>
<hr />
<div>Siehe auch: [[App Entwicklung mit PhoneGap]]<br />
== Links ==<br />
http://reapp.io/<br />
<br />
http://ionicframework.com/getting-started/<br />
<br />
== Einleitung ==<br />
<br />
Hybride Apps sind im Prinzip Webapps im Gewand einer Native App.<br />
<br />
PhoneGap ermöglicht Web Apps den Zugriff auf Smartphone Funktionen indem es sie in einen nativen Wrapper packt. Nachteil ist aber das die Smartphone typischen Bedienung nicht genutzt wird, sondern i.d.R. über HTML nachgebildet werden müssen. Dazu gibt es verschiedene Frameworks. Früher war das z.B. jQuery Mobile, das allerdings keine besonders gute Perfomance hat. Oder Sencha, das eine große Einarbeitungszeit erfordet. Inzwischen gibt es einige Alternativen.<br />
<br />
== Hybrid Apps mit Ionic und PhoneGap Builder==<br />
Ionic basiert auf AngularJS, mit diesen Tools erstellen wir die Webapp, die dann mit PhoneGap Builder zu einer Hybrid App gebündelt wird. <br />
<br />
AngularJS ist ein Framework zur WebApp Entwicklung mit hoher Performance. Ionic steuert viele Komponenten und in MobileApp übliche Bedienelemente bei.<br />
<br />
== Verschiedene Frameworks ==<br />
=== Links ===<br />
Vergleiche:<br />
==== Vergleich Hybrid Mobile App Frameworks ====<br />
http://www.gajotres.net/the-top-5-angularjs-hybrid-mobile-app-frameworks-proscons/<br />
<br />
http://www.gajotres.net/top-7-mobile-application-html5-frameworks/<br />
<br />
<br />
Die Frameworks arbeiten oft mit darunterliegenden JavaScript Libs zusammen, z.B. React, AngularJS, jQuery... <br />
<br />
<br />
<br />
=== Reapp ===<br />
http://reapp.io/ <br />
<br />
Arbeitet mit ReactJS<br />
=== TouchstoneJS ===<br />
http://touchstonejs.io<br />
<br />
Sieht laut Demo sehr vielversprechend aus. Arbeitet mit React.JS.<br />
<br />
=== Ionic ===<br />
Nutzt AngularJS, funktioniert mit PhoneGap, soll eine gute Performance haben. Verbreitung 2015 recht gut, soll ein gutes Forum haben.<br />
<br />
=== Supersonic UI ===<br />
Sieht auf den ersten Blick sehr schick aus. Fork von Ionic.<br />
* Benötigt kein PhoneGap - eigener Wrapper (AppGyver) ohne den es aber auch nicht mehr so gut nutzbar ist. Dafür ist der Wrapper auch Cordova Kompatibel.<br />
* Nutzt AngularJS und das CSS UI von Ionic<br />
* Extrem nativer Look, gutes Zusammenspiel von UI und HTML5<br />
* Gute Data-Sets<br />
<br />
=== Intel App Framework ===<br />
Sieht ein wenig eingeschlafen aus<br />
<br />
=== Mobile Angular UI ===<br />
Setzt auf '''Bootstrap 3''' auf und ergänzt es mit einigen Komponenten wie switches, overlays, sidebars, scrollable areas, absolutely positioned top/bottom nav bars ohne Bouncing... Nicht von jQuery oder bootstrap.js abhängig. Nutzt stabile Libraries wie '''fastclick.js''' und '''overthrow.js'''<br />
<br />
Gut geeignet, wenn eine Bootstrap Webapp besteht. Schlechte Doku, kleine Community (2015)<br />
=== iUi ===<br />
http://www.iui-js.org/demo<br />
<br />
Sieht ein bischen Old-Fashioned aus.</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Hybrid_Apps_Development&diff=21242Hybrid Apps Development2015-10-20T05:12:26Z<p>37.49.33.84: /* Subsonic */</p>
<hr />
<div>Siehe auch: [[App Entwicklung mit PhoneGap]]<br />
== Links ==<br />
http://reapp.io/<br />
<br />
http://ionicframework.com/getting-started/<br />
<br />
== Einleitung ==<br />
<br />
Hybride Apps sind im Prinzip Webapps im Gewand einer Native App.<br />
<br />
PhoneGap ermöglicht Web Apps den Zugriff auf Smartphone Funktionen indem es sie in einen nativen Wrapper packt. Nachteil ist aber das die Smartphone typischen Bedienung nicht genutzt wird, sondern i.d.R. über HTML nachgebildet werden müssen. Dazu gibt es verschiedene Frameworks. Früher war das z.B. jQuery Mobile, das allerdings keine besonders gute Perfomance hat. Oder Sencha, das eine große Einarbeitungszeit erfordet. Inzwischen gibt es einige Alternativen.<br />
<br />
== Hybrid Apps mit Ionic und PhoneGap Builder==<br />
Ionic basiert auf AngularJS, mit diesen Tools erstellen wir die Webapp, die dann mit PhoneGap Builder zu einer Hybrid App gebündelt wird. <br />
<br />
AngularJS ist ein Framework zur WebApp Entwicklung mit hoher Performance. Ionic steuert viele Komponenten und in MobileApp übliche Bedienelemente bei.<br />
<br />
== Verschiedene Frameworks ==<br />
=== Links ===<br />
Vergleiche:<br />
==== Vergleich Hybrid Mobile App Frameworks ====<br />
http://www.gajotres.net/the-top-5-angularjs-hybrid-mobile-app-frameworks-proscons/<br />
<br />
http://www.gajotres.net/top-7-mobile-application-html5-frameworks/<br />
<br />
<br />
Die Frameworks arbeiten oft mit darunterliegenden JavaScript Libs zusammen, z.B. React, AngularJS, jQuery... <br />
<br />
<br />
<br />
=== Reapp ===<br />
http://reapp.io/ <br />
<br />
Arbeitet mit ReactJS<br />
=== TouchstoneJS ===<br />
http://touchstonejs.io<br />
<br />
Sieht laut Demo sehr vielversprechend aus. Arbeitet mit React.JS.<br />
<br />
=== Ionic ===<br />
Nutzt AngularJS, funktioniert mit PhoneGap, soll eine gute Performance haben. Verbreitung 2015 recht gut, soll ein gutes Forum haben.<br />
<br />
=== Supersonic UI ===<br />
Sieht auf den ersten Blick sehr schick aus. Fork von Ionic.<br />
* Benötigt kein PhoneGap - eigener Wrapper (AppGyver) ohne den es aber auch nicht mehr so gut nutzbar ist. Dafür ist der Wrapper auch Cordova Kompatibel.<br />
* Nutzt AngularJS und das CSS UI von Ionic<br />
* Extrem nativer Look, gutes Zusammenspiel von UI und HTML5<br />
* Gute Data-Sets<br />
<br />
=== Intel App Framework ===<br />
Sieht ein wenig eingeschlafen aus<br />
<br />
=== Mobile Angular UI ===<br />
Setzt auf '''Bootstrap 3''' auf und ergänzt es mit einigen Komponenten wie switches, overlays, sidebars, scrollable areas, absolutely positioned top/bottom nav bars ohne Bouncing... Nicht von jQuery oder bootstrap.js abhängig. Nutzt stabile Libraries wie '''fastclick.js''' und '''overthrow.js'''<br />
<br />
Gut geeignet, wenn eine Bootstrap Webapp besteht. Schlechte Doku, kleine Community (2015)</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Hybrid_Apps_Development&diff=21241Hybrid Apps Development2015-10-20T04:58:38Z<p>37.49.33.84: </p>
<hr />
<div>Siehe auch: [[App Entwicklung mit PhoneGap]]<br />
== Links ==<br />
http://reapp.io/<br />
<br />
http://ionicframework.com/getting-started/<br />
<br />
== Einleitung ==<br />
<br />
Hybride Apps sind im Prinzip Webapps im Gewand einer Native App.<br />
<br />
PhoneGap ermöglicht Web Apps den Zugriff auf Smartphone Funktionen indem es sie in einen nativen Wrapper packt. Nachteil ist aber das die Smartphone typischen Bedienung nicht genutzt wird, sondern i.d.R. über HTML nachgebildet werden müssen. Dazu gibt es verschiedene Frameworks. Früher war das z.B. jQuery Mobile, das allerdings keine besonders gute Perfomance hat. Oder Sencha, das eine große Einarbeitungszeit erfordet. Inzwischen gibt es einige Alternativen.<br />
<br />
== Hybrid Apps mit Ionic und PhoneGap Builder==<br />
Ionic basiert auf AngularJS, mit diesen Tools erstellen wir die Webapp, die dann mit PhoneGap Builder zu einer Hybrid App gebündelt wird. <br />
<br />
AngularJS ist ein Framework zur WebApp Entwicklung mit hoher Performance. Ionic steuert viele Komponenten und in MobileApp übliche Bedienelemente bei.<br />
<br />
== Verschiedene Frameworks ==<br />
=== Links ===<br />
Vergleiche:<br />
==== Vergleich Hybrid Mobile App Frameworks ====<br />
http://www.gajotres.net/the-top-5-angularjs-hybrid-mobile-app-frameworks-proscons/<br />
<br />
http://www.gajotres.net/top-7-mobile-application-html5-frameworks/<br />
<br />
<br />
Die Frameworks arbeiten oft mit darunterliegenden JavaScript Libs zusammen, z.B. React, AngularJS, jQuery... <br />
<br />
<br />
<br />
=== Reapp ===<br />
http://reapp.io/ <br />
<br />
Arbeitet mit ReactJS<br />
=== TouchstoneJS ===<br />
http://touchstonejs.io<br />
<br />
Sieht laut Demo sehr vielversprechend aus. Arbeitet mit React.JS.<br />
<br />
=== Ionic ===<br />
Nutzt AngularJS, funktioniert mit PhoneGap, soll eine gute Performance haben. Verbreitung 2015 recht gut, soll ein gutes Forum haben.<br />
<br />
=== Subsonic ===<br />
Sieht auf den ersten Blick sehr schick aus.<br />
<br />
=== Mobile Angular UI ===<br />
Setzt auf '''Bootstrap 3''' auf und ergänzt es mit einigen Komponenten wie switches, overlays, sidebars, scrollable areas, absolutely positioned top/bottom nav bars ohne Bouncing... Nicht von jQuery oder bootstrap.js abhängig. Nutzt stabile Libraries wie '''fastclick.js''' und '''overthrow.js'''<br />
<br />
Gut geeignet, wenn eine Bootstrap Webapp besteht. Schlechte Doku, kleine Community (2015)</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Hybrid_Apps_Development&diff=21240Hybrid Apps Development2015-10-19T15:36:16Z<p>37.49.33.84: </p>
<hr />
<div>Siehe auch: [[App Entwicklung mit PhoneGap]]<br />
== Links ==<br />
http://reapp.io/<br />
<br />
http://ionicframework.com/getting-started/<br />
<br />
== Einleitung ==<br />
<br />
Hybride Apps sind im Prinzip Webapps im Gewand einer Native App.<br />
<br />
PhoneGap ermöglicht Web Apps den Zugriff auf Smartphone Funktionen indem es sie in einen nativen Wrapper packt. Nachteil ist aber das die Smartphone typischen Bedienung nicht genutzt wird, sondern i.d.R. über HTML nachgebildet werden müssen. Dazu gibt es verschiedene Frameworks. Früher war das z.B. jQuery Mobile, das allerdings keine besonders gute Perfomance hat. Oder Sencha, das eine große Einarbeitungszeit erfordet. Inzwischen gibt es einige Alternativen.<br />
<br />
== Hybrid Apps mit Ionic und PhoneGap Builder==<br />
Ionic basiert auf AngularJS, mit diesen Tools erstellen wir die Webapp, die dann mit PhoneGap Builder zu einer Hybrid App gebündelt wird. <br />
<br />
AngularJS ist ein Framework zur WebApp Entwicklung mit hoher Performance. Ionic steuert viele Komponenten und in MobileApp übliche Bedienelemente bei.</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=NodeJS&diff=21239NodeJS2015-10-19T15:32:32Z<p>37.49.33.84: </p>
<hr />
<div>NodeJS oder node.js ist ein Server für JavaScript basierend auf Googles V8 JavaScript Engine. <br />
<br />
Entwickelt man Programme mit JavaScript nutzt man normalerweise die im Browser verbaute JavaScript Engine um diese Programme auszuführen. Installiert man NodeJS kann der Rechner selbst oder besser der NodeJS Server das JavaScript ausführen. Das geht wesentlich schneller.<br />
<br />
Es gibt viele Tools, vor allem bei der Entwicklung von HybridApps und Webapps, die das nutzen können.<br />
<br />
Auf dem Mac liegt Node normalerweise in: <br />
/usr/local/bin/node<br />
<br />
== Node Packet Manager ==<br />
Node enthält den npm Manager, er dient als command line tool für viele JavaScript basierte Tools, z.b. Cordova, <br />
<br />
npm was installed at<br />
/usr/local/bin/npm<br />
Make sure that /usr/local/bin is in your $PATH.</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=NodeJS&diff=21238NodeJS2015-10-19T15:26:59Z<p>37.49.33.84: Die Seite wurde neu angelegt: „NodeJS oder node.js ist ein Server für JavaScript basierend auf Googles V8 JavaScript Engine. Entwickelt man Programme mit JavaScript nutzt man normalerweis…“</p>
<hr />
<div>NodeJS oder node.js ist ein Server für JavaScript basierend auf Googles V8 JavaScript Engine. <br />
<br />
Entwickelt man Programme mit JavaScript nutzt man normalerweise die im Browser verbaute JavaScript Engine um diese Programme auszuführen. Installiert man NodeJS kann der Rechner selbst oder besser der NodeJS Server das JavaScript ausführen. Das geht wesentlich schneller.<br />
<br />
Es gibt viele Tools, vor allem bei der Entwicklung von HybridApps und Webapps, die das nutzen können.</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Hybrid_Apps_Development&diff=21237Hybrid Apps Development2015-10-19T15:16:15Z<p>37.49.33.84: Die Seite wurde neu angelegt: „Siehe auch: App Entwicklung mit PhoneGap Hybride Apps sind im Prinzip Webapps im Gewand einer Native App. PhoneGap ermöglicht Web Apps den Zugriff auf S…“</p>
<hr />
<div>Siehe auch: [[App Entwicklung mit PhoneGap]]<br />
<br />
Hybride Apps sind im Prinzip Webapps im Gewand einer Native App.<br />
<br />
PhoneGap ermöglicht Web Apps den Zugriff auf Smartphone Funktionen indem es sie in einen nativen Wrapper packt. Nachteil ist aber das die Smartphone typischen Bedienung nicht genutzt wird, sondern i.d.R. über HTML nachgebildet werden müssen. Dazu gibt es verschiedene Frameworks. Früher war das z.B. jQuery Mobile, das allerdings keine besonders gute Perfomance hat. Oder Sencha, das eine große Einarbeitungszeit erfordet. Inzwischen gibt es einige Alternativen.<br />
<br />
== Hybrid Apps mit Ionic und PhoneGap Builder==<br />
Ionic basiert auf AngularJS, mit diesen Tools erstellen wir die Webapp, die dann mit PhoneGap Builder zu einer Hybrid App gebündelt wird.</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=App_Entwicklung_mit_PhoneGap&diff=21236App Entwicklung mit PhoneGap2015-10-19T15:11:11Z<p>37.49.33.84: </p>
<hr />
<div>== Siehe auch ==<br />
[[Hybrid Apps Development]]<br />
<br />
== PhoneGap Quickstart ==<br />
# '''Adobe PhoneGap Desktop App''' auf dem PC installieren<br />
# '''PhoneGap Developer App''' auf dem Smartphone installieren. Diese erlaubt es Apps unkompliziert auf dem Smartphone zu testen.<br />
# Erste App herstellen...<br />
=== Die erste App ===<br />
Create Default PhoneGap Project - die Desktop App enthält bereits ein Default Projekt, das als Ausgangspunkt genutzt werden kann.<br />
==== App erstellen ====<br />
* '''Neue App erstellen''' mit dem Plus Symbol > Create New App > Benötigte Daten eintragen Fertig<br />
==== App testen ====<br />
* '''App Testen''' - Die Desktop App enthält einen kleinen Server über den die Smartphone App sich das Paket laden kann. In der Desktop App den Play Button drücken falls der Server nicht aktiv ist (siehe unterer Rand). Dann die angezeigte Adresse in der Smartphone App eingeben um die App zu holen.<br />
== App veröffentlichen ==<br />
=== Apps mit Adobe Build veröffentlichen ===<br />
Einfachster Weg weil die Kompilierung durch die Adobe Server zu großen Teilen übernommen werden. Ist für kommerzielle Projekte kostenpflichtig.<br />
<br />
== PhoneGap Entwicklung mit Dreamweaver ==<br />
<br />
== Wichtige Begriffe und Tools kurz erklärt ==<br />
=== Adobe PhoneGap Desktop Application ===<br />
Grafische Oberfläche um Drag and Drop Apps zu bauen. Im Gegensatz zum Command Line Interface<br />
<br />
=== PhoneGap Developer App ===<br />
Ist eine Smartphone App, mit der man Apps unkompliziert auf dem Smartphone testen kann ohne den ganzen Kompilierungs Akt.<br />
<br />
== Allgemeines zu PhoneGap ==<br />
=== PhoneGap = Apache Cordova ===<br />
http://phonegap.com/2012/03/19/phonegap-cordova-and-what%E2%80%99s-in-a-name/<br />
<br />
PhoneGap wurde Ende 2012 von Adobe übernommen. Die Code Basis wurde der Community übergeben und stehe jetzt als Apache Cordova unter der Apache Lizenz. PhoneGap bleibt als spezielle Adobe Distribution erhalten. Im Moment ist die Codebasis identisch (Anfang 2013). Die Basis für PhoneGap wird vermutlich auch Cordova bleiben.<br />
<br />
Über die Zeit werden bei PhoneGap wahrscheinlich einige Plugins und Komponenten dazukommen um die Verknüpfung mit anderen Adobe Tools zu realisieren. PhoneGap wird aber OpenSource und kostenlos bleiben.<br />
<br />
== Links ==<br />
http://phonegap.com/developer/<br />
<br />
http://docs.phonegap.com/getting-started/1-install-phonegap/desktop/<br />
<br />
== Audio in Phonegap / Cordova ==<br />
[[Audio in PhoneGap / Cordova]]<br />
<br />
== Entwicklungsumgebungen ==<br />
Es gibt Compiler in der Cloud mit denen man arbeiten kann. Oder man nutzt die nativen Entwicklungsumgebungen der entsprechenden Plattformen.<br />
<br />
=== Cloud Entwicklung ===<br />
Todo<br />
<br />
=== Android ===<br />
[[Android App Entwicklung mit Cordova / PhoneGap]]</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=App_Entwicklung_mit_PhoneGap&diff=21235App Entwicklung mit PhoneGap2015-10-19T12:51:58Z<p>37.49.33.84: /* = Apps mit Adobe Build veröffentlichen */</p>
<hr />
<div>== PhoneGap Quickstart ==<br />
# '''Adobe PhoneGap Desktop App''' auf dem PC installieren<br />
# '''PhoneGap Developer App''' auf dem Smartphone installieren. Diese erlaubt es Apps unkompliziert auf dem Smartphone zu testen.<br />
# Erste App herstellen...<br />
=== Die erste App ===<br />
Create Default PhoneGap Project - die Desktop App enthält bereits ein Default Projekt, das als Ausgangspunkt genutzt werden kann.<br />
==== App erstellen ====<br />
* '''Neue App erstellen''' mit dem Plus Symbol > Create New App > Benötigte Daten eintragen Fertig<br />
==== App testen ====<br />
* '''App Testen''' - Die Desktop App enthält einen kleinen Server über den die Smartphone App sich das Paket laden kann. In der Desktop App den Play Button drücken falls der Server nicht aktiv ist (siehe unterer Rand). Dann die angezeigte Adresse in der Smartphone App eingeben um die App zu holen.<br />
== App veröffentlichen ==<br />
=== Apps mit Adobe Build veröffentlichen ===<br />
Einfachster Weg weil die Kompilierung durch die Adobe Server zu großen Teilen übernommen werden. Ist für kommerzielle Projekte kostenpflichtig.<br />
<br />
== PhoneGap Entwicklung mit Dreamweaver ==<br />
<br />
== Wichtige Begriffe und Tools kurz erklärt ==<br />
=== Adobe PhoneGap Desktop Application ===<br />
Grafische Oberfläche um Drag and Drop Apps zu bauen. Im Gegensatz zum Command Line Interface<br />
<br />
=== PhoneGap Developer App ===<br />
Ist eine Smartphone App, mit der man Apps unkompliziert auf dem Smartphone testen kann ohne den ganzen Kompilierungs Akt.<br />
<br />
== Allgemeines zu PhoneGap ==<br />
=== PhoneGap = Apache Cordova ===<br />
http://phonegap.com/2012/03/19/phonegap-cordova-and-what%E2%80%99s-in-a-name/<br />
<br />
PhoneGap wurde Ende 2012 von Adobe übernommen. Die Code Basis wurde der Community übergeben und stehe jetzt als Apache Cordova unter der Apache Lizenz. PhoneGap bleibt als spezielle Adobe Distribution erhalten. Im Moment ist die Codebasis identisch (Anfang 2013). Die Basis für PhoneGap wird vermutlich auch Cordova bleiben.<br />
<br />
Über die Zeit werden bei PhoneGap wahrscheinlich einige Plugins und Komponenten dazukommen um die Verknüpfung mit anderen Adobe Tools zu realisieren. PhoneGap wird aber OpenSource und kostenlos bleiben.<br />
<br />
== Links ==<br />
http://phonegap.com/developer/<br />
<br />
http://docs.phonegap.com/getting-started/1-install-phonegap/desktop/<br />
<br />
== Audio in Phonegap / Cordova ==<br />
[[Audio in PhoneGap / Cordova]]<br />
<br />
== Entwicklungsumgebungen ==<br />
Es gibt Compiler in der Cloud mit denen man arbeiten kann. Oder man nutzt die nativen Entwicklungsumgebungen der entsprechenden Plattformen.<br />
<br />
=== Cloud Entwicklung ===<br />
Todo<br />
<br />
=== Android ===<br />
[[Android App Entwicklung mit Cordova / PhoneGap]]</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=App_Entwicklung_mit_PhoneGap&diff=21234App Entwicklung mit PhoneGap2015-10-19T12:50:52Z<p>37.49.33.84: /* PhoneGap Quickstart */</p>
<hr />
<div>== PhoneGap Quickstart ==<br />
# '''Adobe PhoneGap Desktop App''' auf dem PC installieren<br />
# '''PhoneGap Developer App''' auf dem Smartphone installieren. Diese erlaubt es Apps unkompliziert auf dem Smartphone zu testen.<br />
# Erste App herstellen...<br />
=== Die erste App ===<br />
Create Default PhoneGap Project - die Desktop App enthält bereits ein Default Projekt, das als Ausgangspunkt genutzt werden kann.<br />
==== App erstellen ====<br />
* '''Neue App erstellen''' mit dem Plus Symbol > Create New App > Benötigte Daten eintragen Fertig<br />
==== App testen ====<br />
* '''App Testen''' - Die Desktop App enthält einen kleinen Server über den die Smartphone App sich das Paket laden kann. In der Desktop App den Play Button drücken falls der Server nicht aktiv ist (siehe unterer Rand). Dann die angezeigte Adresse in der Smartphone App eingeben um die App zu holen.<br />
== App veröffentlichen ==<br />
=== Apps mit Adobe Build veröffentlichen ==<br />
Einfachster Weg weil die Kompilierung durch die Adobe Server zu großen Teilen übernommen werden. Ist für kommerzielle Projekte kostenpflichtig.<br />
<br />
== Wichtige Begriffe und Tools kurz erklärt ==<br />
=== Adobe PhoneGap Desktop Application ===<br />
Grafische Oberfläche um Drag and Drop Apps zu bauen. Im Gegensatz zum Command Line Interface<br />
<br />
=== PhoneGap Developer App ===<br />
Ist eine Smartphone App, mit der man Apps unkompliziert auf dem Smartphone testen kann ohne den ganzen Kompilierungs Akt.<br />
<br />
== Allgemeines zu PhoneGap ==<br />
=== PhoneGap = Apache Cordova ===<br />
http://phonegap.com/2012/03/19/phonegap-cordova-and-what%E2%80%99s-in-a-name/<br />
<br />
PhoneGap wurde Ende 2012 von Adobe übernommen. Die Code Basis wurde der Community übergeben und stehe jetzt als Apache Cordova unter der Apache Lizenz. PhoneGap bleibt als spezielle Adobe Distribution erhalten. Im Moment ist die Codebasis identisch (Anfang 2013). Die Basis für PhoneGap wird vermutlich auch Cordova bleiben.<br />
<br />
Über die Zeit werden bei PhoneGap wahrscheinlich einige Plugins und Komponenten dazukommen um die Verknüpfung mit anderen Adobe Tools zu realisieren. PhoneGap wird aber OpenSource und kostenlos bleiben.<br />
<br />
== Links ==<br />
http://phonegap.com/developer/<br />
<br />
http://docs.phonegap.com/getting-started/1-install-phonegap/desktop/<br />
<br />
== Audio in Phonegap / Cordova ==<br />
[[Audio in PhoneGap / Cordova]]<br />
<br />
== Entwicklungsumgebungen ==<br />
Es gibt Compiler in der Cloud mit denen man arbeiten kann. Oder man nutzt die nativen Entwicklungsumgebungen der entsprechenden Plattformen.<br />
<br />
=== Cloud Entwicklung ===<br />
Todo<br />
<br />
=== Android ===<br />
[[Android App Entwicklung mit Cordova / PhoneGap]]</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=App_Entwicklung_mit_PhoneGap&diff=21233App Entwicklung mit PhoneGap2015-10-19T12:32:59Z<p>37.49.33.84: </p>
<hr />
<div>== PhoneGap Quickstart ==<br />
# '''Adobe PhoneGap Desktop App''' auf dem PC installieren<br />
# '''PhoneGap Developer App''' auf dem Smartphone installieren. Diese erlaubt es Apps unkompliziert auf dem Smartphone zu testen.<br />
# Erste App herstellen...<br />
=== Die erste App ===<br />
Create Default PhoneGap Project - die Desktop App enthält bereits ein Default Projekt, das als Ausgangspunkt genutzt werden kann.<br />
==== App erstellen ====<br />
* '''Neue App erstellen''' mit dem Plus Symbol > Create New App > Benötigte Daten eintragen Fertig<br />
==== App testen ====<br />
* '''App Testen''' - Die Desktop App enthält einen kleinen Server über den die Smartphone App sich das Paket laden kann. In der Desktop App den Play Button drücken falls der Server nicht aktiv ist (siehe unterer Rand). Dann die angezeigte Adresse in der Smartphone App eingeben um die App zu holen.<br />
<br />
=== PhoneGap = Apache Cordova ===<br />
http://phonegap.com/2012/03/19/phonegap-cordova-and-what%E2%80%99s-in-a-name/<br />
<br />
PhoneGap wurde Ende 2012 von Adobe übernommen. Die Code Basis wurde der Community übergeben und stehe jetzt als Apache Cordova unter der Apache Lizenz. PhoneGap bleibt als spezielle Adobe Distribution erhalten. Im Moment ist die Codebasis identisch (Anfang 2013). Die Basis für PhoneGap wird vermutlich auch Cordova bleiben.<br />
<br />
Über die Zeit werden bei PhoneGap wahrscheinlich einige Plugins und Komponenten dazukommen um die Verknüpfung mit anderen Adobe Tools zu realisieren. PhoneGap wird aber OpenSource und kostenlos bleiben.<br />
<br />
=== Adobe PhoneGap Desktop Application ===<br />
Grafische Oberfläche um Drag and Drop Apps zu bauen. Im Gegensatz zum Command Line Interface<br />
<br />
=== PhoneGap Developer App ===<br />
Ist eine Smartphone App, mit der man Apps unkompliziert auf dem Smartphone testen kann ohne den ganzen Kompilierungs Akt.<br />
<br />
== Links ==<br />
http://phonegap.com/developer/<br />
<br />
http://docs.phonegap.com/getting-started/1-install-phonegap/desktop/<br />
<br />
== Audio in Phonegap / Cordova ==<br />
[[Audio in PhoneGap / Cordova]]<br />
<br />
== Entwicklungsumgebungen ==<br />
Es gibt Compiler in der Cloud mit denen man arbeiten kann. Oder man nutzt die nativen Entwicklungsumgebungen der entsprechenden Plattformen.<br />
<br />
=== Cloud Entwicklung ===<br />
Todo<br />
<br />
=== Android ===<br />
[[Android App Entwicklung mit Cordova / PhoneGap]]</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=App_Entwicklung_mit_PhoneGap&diff=21232App Entwicklung mit PhoneGap2015-10-19T12:09:04Z<p>37.49.33.84: /* Links */</p>
<hr />
<div>== PhoneGap = Apache Cordova ==<br />
http://phonegap.com/2012/03/19/phonegap-cordova-and-what%E2%80%99s-in-a-name/<br />
<br />
PhoneGap wurde Ende 2012 von Adobe übernommen. Die Code Basis wurde der Community übergeben und stehe jetzt als Apache Cordova unter der Apache Lizenz. PhoneGap bleibt als spezielle Adobe Distribution erhalten. Im Moment ist die Codebasis identisch (Anfang 2013). Die Basis für PhoneGap wird vermutlich auch Cordova bleiben.<br />
<br />
Über die Zeit werden bei PhoneGap wahrscheinlich einige Plugins und Komponenten dazukommen um die Verknüpfung mit anderen Adobe Tools zu realisieren. PhoneGap wird aber OpenSource und kostenlos bleiben.<br />
<br />
== Links ==<br />
http://phonegap.com/developer/<br />
<br />
http://docs.phonegap.com/getting-started/1-install-phonegap/desktop/<br />
<br />
== Audio in Phonegap / Cordova ==<br />
[[Audio in PhoneGap / Cordova]]<br />
<br />
== Entwicklungsumgebungen ==<br />
Es gibt Compiler in der Cloud mit denen man arbeiten kann. Oder man nutzt die nativen Entwicklungsumgebungen der entsprechenden Plattformen.<br />
<br />
=== Cloud Entwicklung ===<br />
Todo<br />
<br />
=== Android ===<br />
[[Android App Entwicklung mit Cordova / PhoneGap]]</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Abstimmung_wordpress&diff=21231Abstimmung wordpress2015-10-14T08:13:50Z<p>37.49.33.84: /* Umfrage erstellen */</p>
<hr />
<div>siehe auch [[DEKRA Direkt Blog]]<br />
Der Blog '''DEKRA Direkt''' wird als interner Konzernblog verwendet und soll als Kontaktmittel der Mitarbeiter zur Vorstandsebene dienen. Dazu gibt es unter anderem die DEKRA Direkt Mitarbeiter Umfrage.<br />
<br />
== Todo ==<br />
Besser zum Testen wäre es wenn die Umfrage zunächst in eine Kategorie Test geht die auf der Startseite nicht dargestellt wird. <br />
<br />
Wordpress Extension Yop Poll - verwendet bei Mascha im Blog intern:<br />
<br />
== yop poll Anpassungen ==<br />
=== yop poll Tabellen ===<br />
<pre><br />
------------ ----------------- --------------<br />
yop_polls yop_poll_answers yop_poll_logs<br />
------------ ----------------- --------------<br />
id --------------| id --------------| id<br />
name |-poll_id | pn<br />
question answer | poll_id<br />
total_votes votes | vote_id<br />
total_answers ... |- answer_id<br />
... --------------<br />
------------ -----------------<br />
<br />
<br />
<br />
<br />
---------------------- ----------------------------<br />
yop_poll_custom_fields yop_poll_votes_custom_fields<br />
---------------------- ----------------------------<br />
id id<br />
poll_id poll_id<br />
custom_field vote_id<br />
... custom_field_id<br />
---------------------- user_id<br />
custom_field_value<br />
----------------------------<br />
</pre><br />
<br />
Da bei einem custom text field bei der fragesstellung nur einzeiliger text möglich war, musst die datei <br />
/wp-content/plugins/yop-poll/inc/yop_poll_model.php<br />
<br />
<br />
<br />
In der datenbank die Tabelle:<br />
<br />
kas_wp_yop_poll_votes_custom_fields<br />
<br />
Feld: custom_field_value<br />
<br />
von varchar (255) auf Text geändert.<br />
<br />
== SQL-Abfragen für Antworten mit Kommentar ==<br />
=== SQL nur Ergebnisse ===<br />
<pre><br />
SELECT `id` , `poll_id` , `answer_id` , `ip` , `http_referer` , `vote_date` , `pn`<br />
FROM `kas_wp_yop_poll_logs`<br />
WHERE `poll_id` =38<br />
ORDER BY `answer_id` ASC<br />
LIMIT 0 , 500<br />
</pre><br />
=== SQL Abfrage mit Kommentaren ===<br />
<pre><br />
</pre><br />
<br />
Alte Abfrage<br />
<pre><br />
SELECT *<br />
FROM `kas_wp_yop_poll_logs`<br />
LEFT OUTER JOIN `kas_wp_yop_poll_votes_custom_fields` ON `kas_wp_yop_poll_logs`.`vote_id` = `kas_wp_yop_poll_votes_custom_fields`.`vote_id`<br />
WHERE `kas_wp_yop_poll_logs`.`poll_id` =13<br />
</pre><br />
=== Weitere Abfragen ===<br />
Welche Custom Fields gehören zu welchen Umfrage (Pivot Version)<br />
<br />
Dynamische Version (funktioniert noch nicht aber die Richtung dürfte stimmen)<br />
<pre><br />
SET @sql = NULL;<br />
SELECT<br />
GROUP_CONCAT(DISTINCT<br />
CONCAT(<br />
'max(case when custom_field = ''',<br />
custom_field,<br />
''' then custom_field end) AS ',<br />
custom_field<br />
)<br />
) INTO @sql<br />
FROM kas_wp_yop_poll_custom_fields;<br />
<br />
SET @sql = CONCAT('SELECT poll_id, ', @sql, ' <br />
FROM kas_wp_yop_poll_custom_fields <br />
GROUP BY poll_id');<br />
<br />
PREPARE stmt FROM @sql;<br />
EXECUTE stmt;<br />
DEALLOCATE PREPARE stmt;<br />
</pre><br />
<br />
== Neue Umfrage für DEKRA Connect durchführen ==<br />
=== Allgemein ===<br />
Läuft 2 Wochen ab ca. Mitte des Monats. Danach Auswertung und Grafikerstellung.<br />
<br />
== Technischer Ablauf ==<br />
Stand März 2015<br />
<br />
* Das Umfrage Plugin im WP ist auf '''block by Personal Number''' gestellt.<br />
* Ein User kann nur Voten wenn eine id=12345 (Personalnummer) angehängt ist. Ansonsten wird zunächst auf das DEKRA Intranet weiter geleitet (über alert). <br />
* Dort wird die Personalnummer als id=12345 an den Link angehängt und auf intern-blog.dekra.de/category/dekra-direkt/?id=12345 geleitet Nur wenn eine solche id vorhanden ist kann gevoted werden. Ist nicht supersicher weil die Nummer willkürlich geändert werden kann, nachträgliche Prüfung wäre mit Personalnummern Liste möglich. Verbesserungspotential wäre POST übermittlung, Gültigkeitsprüfung durch PN-Index oder Formel.<br />
* Hat die id '''schon gevotet''' wird nur das Ergebnis angezeigt.<br />
* Im DEKRA Intranet werden Links an die eine id angehängt werden soll mit dem Parameter '''?id=public''' Veröffentlicht. public wird dann automatisch durch die Personalnummer des Mitarbeiters ersetzt, bevor weitergeleitet wird. <br />
<br />
=== Umfrage erstellen ===<br />
* Achtung manchmal kollidiert die Abfrage mit alten Cookies der letzten Umfrage. Genau ist das noch nicht geklärt. Hilfe bringt: <br />
** dafür sorgen, daß die alte Umfrage nicht mit angezeigt wird<br />
** Logs löschen<br />
** Wenn nichts hilft die Stats Reseten (kann sein daß dies nicht nötig ist.)<br />
<br />
* 1 oder mehrere (Mascha will meist 3) Umfragen-Dummies erstellen (z.B. eine alte klonen - '''Vorsicht: Einstellungen für Datum, Template und Blocking''' werden nicht übernommen)<br />
* Template: '''DEKRA Umfrage mit Kommentar''' <br />
** Mit dem Template '''DEKRA Umfrage mit dynamischem Kommentar''' kann man zusätzlich noch JavaScript Popups öffnen und auf die gewählte Antwort reagieren (siehe JS im Template)<br />
* Blocking by auf '''Personal Number''' - dadurch wird die Abfrage des id Parameters gestartet. Zum Testen auf don't Block stellen. Achtung IE hat manchmal Caching Probleme.<br />
* Start und Enddatum setzen<br />
* Abstimmung in einen '''Beitrag in Kategorie Dekra Direkt''' einpflegen (evtl. erst nach dem Testen) -> Startseite sichtbar<br />
* Am Ende Umfrage auf '''nur Antwort''' !<br />
* Geo-bit erstellt die Fragen, diese werden von Mascha angepasst und von Ihr in einem Beitrag veröffentlicht.<br />
* Start der Umfrage durch setzen der Kategorie (todo ob das klappt)<br />
<br />
=== Test der Umfrage ===<br />
* Vorige Tests sind sinnvoll. Ein Test von Geo-bit (einfach id anhängen). Ein Test von Dekra<br />
=== Ende der Umfrage und Auswertung ===<br />
Für die Auswertung benötigt Mascha eine '''Excel-Tabelle''' in der '''nach Antworten und sortiert''' ist. Ebenso die dazugehörigen Kommentare. Doppelte IPs rausschmeißen. Wenn Personalnummerliste vorhanden könnte man hier nach Gültigkeit prüfen.<br />
* Umfrage mit Datum beenden oder auf Maschas Hinweis, '''Umfrage auf don't block''', damit die Umleitung auf Dekra nicht mehr aktiv ist, außerdem '''Enddatum setzen''' und auf '''Ergebnis anzeigen nach Enddatum'''.<br />
* SQL Abfrage (siehe Statement), Export als ods oder csv<br />
* Doppelte überprüfen<br />
* Umwandeln in Excel<br />
* Schaubild aus Numbers<br />
<br />
=== Löschen unerwünschter Kommentare ===<br />
<br />
In<br />
Admin -> Yop poll -> All polls -> meineUmfrage -> votes<br />
<br />
hier auswählen und löschen<br />
<br />
=== Anpassungen am Plugin Yop poll===<br />
<br />
yop-poll => inc => admin.php<br />
<br />
Hier die DB mit prefix versehen. "kas_"<br />
yop-poll => inc => yop_poll_model.php<br />
yop-poll => inc => db_schema.php<br />
yop-poll => js => yop_poll_public.js<br />
==== Kommentare ====<br />
MUSS überarbeitet werden<br />
yop_poll_modell.php<br />
<br />
return_poll_html -> <br />
dort wird der Template Block <br />
[ANSWER_RESULT_CONTAINER]<br />
[/ANSWER_RESULT_CONTAINER]<br />
mit pregreplace über eine Callback Funktion ersetzt<br />
answer_result_callback(m$)<br />
darin wiederum wird <br />
get_poll_comments($poll_id) <br />
aufgerufen, dieses gibt ein array zurück das dann in HTML umgesetzt wird. Diese Ausgabe erfolbt über die Abfrage von <br />
$this->is_view_poll_results()<br />
Das bedeutet die Ausgabe erfolgt wenn im Backend die Bedingung für die Ausgabe der Results gesetzt ist (z.B. Results after End Date) Gute erweiterung wäre ein eigener Block für die Comments<br />
<br />
'''Im Template muß der Block natürlich auch gesetzt sein.''' (beim entsprechenden Template)<br />
<br />
== Yop Poll Templates ==<br />
Todo - Anpassen um ungenutzte Features zu nutzen (z.B. after End Date schöne Anzeige der Ergebnisse)<br />
=== DEKRA Umfrage mit Kommentar ===<br />
Vor Umfrage:<br />
<pre><br />
<div id="yop-poll-name-%POLL-ID%" class="yop-poll-name">%POLL-NAME%</div><br />
<div id="yop-poll-question-%POLL-ID%" class="yop-poll-question" style="display:table-cell;height:130px;vertical-align:middle;">%POLL-QUESTION%</div><br />
<div id="yop-poll-answers-%POLL-ID%" class="yop-poll-answers"><br />
<ul><br />
[ANSWER_CONTAINER]<br />
<li class="yop-poll-li-answer-%POLL-ID%"><br />
%POLL-ANSWER-CHECK-INPUT% <br />
%POLL-ANSWER-LABEL%<br />
<span class="yop-poll-results-text-%POLL-ID%">%POLL-ANSWER-RESULT-LABEL%</span><br />
%POLL-ANSWER-RESULT-BAR%<br />
</li><br />
[/ANSWER_CONTAINER]<br />
[OTHER_ANSWER_CONTAINER]<br />
<li class="yop-poll-li-answer-%POLL-ID%"><br />
%POLL-OTHER-ANSWER-CHECK-INPUT% <br />
%POLL-OTHER-ANSWER-LABEL% <br />
<span class="yop-poll-results-text-%POLL-ID%">%POLL-ANSWER-RESULT-LABEL%</span><br />
%POLL-OTHER-ANSWER-TEXT-INPUT% <br />
%POLL-ANSWER-RESULT-BAR%<br />
</li><br />
[/OTHER_ANSWER_CONTAINER]<br />
</ul><br />
</div><br />
<div id="yop-poll-custom-%POLL-ID%"><br />
<ul><br />
[CUSTOM_FIELD_CONTAINER]<br />
<li>%POLL-CUSTOM-FIELD-LABEL% %POLL-CUSTOM-FIELD-TEXT-INPUT%</li><br />
[/CUSTOM_FIELD_CONTAINER]<br />
</ul><br />
</div> <br />
[CAPTCHA_CONTAINER]<br />
<div id="yop-poll-captcha-%POLL-ID%"><br />
<div class="yop-poll-captcha-image-div" id="yop-poll-captcha-image-div-%POLL-ID%"><br />
%CAPTCHA-IMAGE%<br />
<div class="yop-poll-captcha-helpers-div" id="yop-poll-captcha-helpers-div-%POLL-ID%">%RELOAD-CAPTCHA-IMAGE% </div><br />
<div class="yop_poll_clear"></div><br />
</div><br />
%CAPTCHA-LABEL%<br />
<div class="yop-poll-captcha-input-div" id="yop-poll-captcha-input-div-%POLL-ID%">%CAPTCHA-INPUT%</div><br />
</div><br />
[/CAPTCHA_CONTAINER]<br />
<div id="yop-poll-vote-%POLL-ID%" class="yop-poll-footer"><br />
<div>%POLL-VOTE-BUTTON%</div><br />
<div id="yop-poll-results-%POLL-ID%">%POLL-VIEW-RESULT-LINK%</div><br />
<div>%POLL-TOTAL-ANSWERS%</div><br />
<div>%POLL-TOTAL-VOTES%</div><br />
</div><br />
</pre><br />
Nach Umfrage<br />
<pre><br />
<div id="yop-poll-name-%POLL-ID%" class="yop-poll-name">%POLL-NAME%</div><br />
<div id="yop-poll-question-%POLL-ID%" class="yop-poll-question" style="display:table-cell;height:130px;vertical-align:middle;">%POLL-QUESTION%</div><br />
<div id="yop-poll-answers-%POLL-ID%" class="yop-poll-answers"><br />
</li><div id="gb_cust">VORLÄUFIGES·ERGEBNIS·DER·ABSTIMMUNG</div> <br />
<ul><br />
[ANSWER_RESULT_CONTAINER]<br />
<li class="yop-poll-li-result-%POLL-ID%"><br />
<label class="pds-feedback-label-%POLL-ID%"><br />
<span class="pds-answer-text-%POLL-ID%">%POLL-ANSWER-LABEL%</span><br />
<span class="pds-feedback-result-%POLL-ID%"><br />
<span class="pds-feedback-per-%POLL-ID%"> %POLL-ANSWER-RESULT-LABEL%</span><br />
</span><br />
</label><br />
<div><br />
%POLL-ANSWER-RESULT-BAR%<br />
</div><br />
<br />
[/ANSWER_RESULT_CONTAINER]<br />
<br />
</ul><br />
</div><br />
<div id="yop-poll-vote-%POLL-ID%" class="yop-poll-footer"><br />
<div>%POLL-TOTAL-ANSWERS%</div><br />
<br />
<div>%POLL-TOTAL-VOTES%</div><br />
<div id="yop-poll-back-%POLL-ID%">%POLL-BACK-TO-VOTE-LINK%</div><br />
</div><br />
</pre><br />
<br />
Before Start Date<br />
<pre><br />
This poll is about to <br><br />
start at %POLL-START-DATE%<br><br />
and finish at %POLL-END-DATE%<br><br />
</pre><br />
<br />
After End Date<br />
<pre><br />
<div id="yop-poll-name-%POLL-ID%" class="yop-poll-name">%POLL-NAME%</div><br />
<div id="yop-poll-question-%POLL-ID%" class="yop-poll-question">%POLL-QUESTION%</div><br />
<div id="yop-poll-answers-%POLL-ID%" class="yop-poll-answers"><br />
<br />
</div><br />
<div id="gb_end">Die Abstimmung ist beendet.</div><br />
<br />
<ul class="afterVote"><br />
<br />
[ANSWER_RESULT_CONTAINER]<br />
<br />
[/ANSWER_RESULT_CONTAINER]<br />
</ul><br />
</pre><br />
CSS<br />
<pre><br />
#yop-poll-container-%POLL-ID% {<br />
background-image: url("http://intern-blog.dekra.de/wp-content/uploads/2013/02/bg_poll_1.png");<br />
/* border: 5px solid #3F8B43;*/<br />
background-repeat:no-repeat;<br />
color: #555555;<br />
font-size: 12px;<br />
overflow: hidden;<br />
padding: 10px;<br />
width: 632px;<br />
/* height: 300px;*/<br />
}<br />
#yop-poll-name-%POLL-ID% {<br />
font-size:14px;<br />
font-weight:bold;<br />
}<br />
<br />
#yop-poll-question-%POLL-ID% {<br />
color: #000000;<br />
font-size: 14pt;<br />
font-weight: 500;<br />
height: 80px;<br />
line-height: 26px;<br />
margin: 0 50px 0 0;<br />
padding-left: 215px;<br />
padding-top: 40px;<br />
text-align: center;<br />
width: 300px;<br />
margin-bottom: 100px;<br />
}<br />
#yop-poll-answers-%POLL-ID% { <br />
}<br />
#yop-poll-answers-%POLL-ID% ul {<br />
list-style: none outside none;<br />
margin: 0;<br />
position: relative;<br />
top: 20px;<br />
left: 270px;<br />
}<br />
#yop-poll-answers-%POLL-ID% ul li { <br />
font-style:normal;<br />
margin-bottom:10px;<br />
padding:0px;<br />
font-size:12px;<br />
width: 190px !important;<br />
}<br />
#yop-poll-answers-%POLL-ID% ul li input { <br />
margin:0px; <br />
float:none;<br />
}<br />
#yop-poll-answers-%POLL-ID% ul li label { <br />
margin:0px; <br />
font-style:normal; <br />
font-weight:bold; <br />
font-size:16px; <br />
float:none;<br />
z-index: 10; <br />
}<br />
.yop-poll-results-%POLL-ID% {<br />
font-size: 12px;<br />
font-style: italic;<br />
font-weight: normal;<br />
margin-left: 15px;<br />
}<br />
<br />
#yop-poll-custom-%POLL-ID% { }<br />
#yop-poll-custom-%POLL-ID% ul {<br />
font-size: 14px;<br />
font-weight: 500;<br />
left: 270px;<br />
list-style: none outside none;<br />
margin: 0;<br />
padding: 0;<br />
position: relative;<br />
top: 20px;<br />
float: left;<br />
width: 375px;<br />
}<br />
#yop-poll-custom-%POLL-ID% ul li { <br />
padding:0px;<br />
margin:0px; <br />
font-size:14px;<br />
}<br />
#yop-poll-container-%POLL-ID% input[type='text'] { <br />
font-size: 12px;<br />
margin: 10px 0;<br />
padding: 2%;<br />
text-indent: 2%;<br />
width: 92%;<br />
border: 1px solid #B9B8B8;<br />
}<br />
<br />
#yop-poll-container-%POLL-ID% textarea {<br />
font-size: 12px;<br />
margin: 10px 0;<br />
padding: 2%;<br />
text-indent: 2%;<br />
width: 92%;<br />
font-family: Verdana;<br />
color: #666;<br />
border: 1px solid #B9B8B8;<br />
}<br />
<br />
#yop-poll-captcha-input-div-%POLL-ID% {<br />
margin-top:5px;<br />
}<br />
#yop-poll-captcha-helpers-div-%POLL-ID% {<br />
width:30px;<br />
float:left;<br />
margin-left:5px;<br />
height:0px;<br />
}<br />
<br />
#yop-poll-captcha-helpers-div-%POLL-ID% img {<br />
margin-bottom:2px;<br />
}<br />
<br />
#yop-poll-captcha-image-div-%POLL-ID% {<br />
margin-bottom:5px;<br />
}<br />
<br />
#yop_poll_captcha_image_%POLL-ID% {<br />
float:left;<br />
}<br />
<br />
.yop_poll_clear {<br />
clear:both;<br />
}<br />
<br />
<br />
<br />
#yop-poll-vote-%POLL-ID% {<br />
float:left; <br />
/*width:100%; */<br />
padding-left: 270px;<br />
margin-top: 20px;<br />
margin-bottom: 100px;<br />
}<br />
<br />
li.yop-poll-li-result-%POLL-ID% {<br />
/* margin-top: 50px;*/<br />
}<br />
<br />
.yop-poll-results-bar-%POLL-ID% { background:#f5f5f5; height:10px; }<br />
.yop-poll-results-bar-%POLL-ID% div { background:#555; height:10px; }<br />
#yop-poll-vote-%POLL-ID% div#yop-poll-vote-%POLL-ID% button { float:left; }<br />
#yop-poll-vote-%POLL-ID% div#yop-poll-results-%POLL-ID% {<br />
float: right;<br />
margin-bottom: 20px;<br />
margin-top: -20px;<br />
width: auto;<br />
}<br />
#yop-poll-vote-%POLL-ID% div#yop-poll-results-%POLL-ID% a { color:#3F8B43; text-decoration:underline; font-size:12px;}<br />
#yop-poll-vote-%POLL-ID% div#yop-poll-back-%POLL-ID% a { color:#3F8B43; text-decoration:underline; font-size:12px;}<br />
#yop-poll-vote-%POLL-ID% div { float:left; width:100%; }<br />
<br />
#yop-poll-container-error-%POLL-ID% {<br />
font-size:12px;<br />
font-style:italic;<br />
color:red;<br />
left: 290px;<br />
position: relative;<br />
top: 270px;<br />
}<br />
<br />
.gb-btn {<br />
background-image: url("http://intern-blog.dekra.de/wp-content/uploads/2013/02/bg_button.png");<br />
border: medium none;<br />
border-radius: 10px 10px 10px 10px;<br />
color: #FFFFFF;<br />
cursor: pointer;<br />
font-size: 1.9em;<br />
font-weight: bold;<br />
height: 40px;<br />
text-transform: uppercase;<br />
width: 130px;<br />
}<br />
<br />
#gb_cust {<br />
color: #999999;<br />
font-size: 1.4em;<br />
font-weight: bold;<br />
padding-left: 0px;<br />
padding-top: 40px;<br />
background-color: transparent;<br />
}<br />
.yop-poll-results-bar-%POLL-ID% div{<br />
background-image: url("http://intern-blog.dekra.de/wp-content/uploads/2013/02/bg_button.png");<br />
height: 30px;<br />
margin-top: 0px;<br />
}<br />
<br />
<br />
.yop-poll-results-bar-%POLL-ID% {<br />
height: 30px;<br />
width:99%;<br />
}<br />
<br />
.pds-answer-text-%POLL-ID% {<br />
font-size: 0.85em;<br />
font-weight: bold;<br />
color: #999;<br />
/* margin-top: -10px;*/<br />
}<br />
<br />
.pds-feedback-per-%POLL-ID% {<br />
color: #999999;<br />
font-size: 1em;<br />
margin-left: 5px;<br />
margin-top: -25px;<br />
font-weight: bold;<br />
}<br />
<br />
.yop_poll_vote_button{<br />
background-image: url("http://intern-blog.dekra.de/wp-content/uploads/2013/02/bg_button.png");<br />
border: medium none;<br />
border-radius: 10px 10px 10px 10px;<br />
color: #FFFFFF;<br />
cursor: pointer;<br />
font-size: 1.9em;<br />
font-weight: bold;<br />
height: 40px;<br />
width: 250px;<br />
}<br />
<br />
#gb_end {<br />
color: #999999;<br />
font-size: 1.4em;<br />
font-weight: bold;<br />
padding-bottom: 100px;<br />
padding-left: 250px;<br />
padding-top: 130px;<br />
background-color: transparent;<br />
}<br />
<br />
#yop-poll-container-%POLL-ID% textarea {<br />
#max-width: 350px !important;<br />
}<br />
<br />
#yop-poll-container-success-%POLL-ID% {<br />
font-size:12px;<br />
font-style:italic;<br />
color:green;<br />
}<br />
</pre><br />
JS<br />
<pre><br />
function stripBorder_%POLL-ID%(object) {<br />
object.each(function() {<br />
if( parseInt(jQuery(this).width() ) > 0) {<br />
jQuery(this).width( parseInt( jQuery(this).width() ) - parseInt(jQuery(this).css("border-left-width")) - parseInt(jQuery(this).css("border-right-width")) );<br />
}<br />
else {<br />
jQuery(this).css("border-left-width", '0px');<br />
jQuery(this).css("border-right-width", '0px');<br />
}<br />
});<br />
}<br />
function stripPadding_%POLL-ID%(object) {<br />
object.each(function() { <br />
jQuery(this).width( parseInt( jQuery(this).width() ) - parseInt(jQuery(this).css("padding-left")) - parseInt(jQuery(this).css("padding-left")) );<br />
});<br />
}<br />
<br />
function strip_results_%POLL-ID%() {<br />
stripPadding_%POLL-ID%( jQuery("#yop-poll-container-%POLL-ID% .yop_poll_li_result-%POLL-ID%") ); <br />
stripBorder_%POLL-ID%( jQuery("#yop-poll-container-%POLL-ID% .yop-poll-result-bar-%POLL-ID%"));<br />
}<br />
<br />
jQuery(document).ready(function(e) {<br />
if(typeof window.strip_results_%POLL-ID% == 'function') <br />
strip_results_%POLL-ID%();<br />
<br />
if(typeof window.tabulate_answers_%POLL-ID% == 'function') <br />
tabulate_answers_%POLL-ID%();<br />
<br />
if(typeof window.tabulate_results_%POLL-ID% == 'function') <br />
tabulate_results_%POLL-ID%();<br />
<br />
});<br />
<br />
function equalWidth_%POLL-ID%(obj, cols, findWidest ) {<br />
findWidest = typeof findWidest !== 'undefined' ? findWidest : false;<br />
if ( findWidest ) {<br />
obj.each(function() {<br />
var thisWidth = jQuery(this).width();<br />
width = parseInt(thisWidth / cols); <br />
jQuery(this).width(width); <br />
jQuery(this).css('float', 'left'); <br />
});<br />
}<br />
else {<br />
var widest = 0;<br />
obj.each(function() {<br />
var thisWidth = jQuery(this).width();<br />
if(thisWidth > widest) {<br />
widest = thisWidth; <br />
} <br />
});<br />
width = parseInt( widest / cols); <br />
obj.width(width); <br />
obj.css('float', 'left'); <br />
} <br />
}<br />
<br />
function tabulate_answers_%POLL-ID%() {<br />
equalWidth_%POLL-ID%( jQuery("#yop-poll-container-%POLL-ID% .yop-poll-li-answer-%POLL-ID%"), %ANSWERS-TABULATED-COLS% );<br />
//equalWidth_%POLL-ID%( jQuery("#yop-poll-container-%POLL-ID% .yop-poll-li-answer-%POLL-ID% .yop-poll-results-bar-%POLL-ID% div "), %ANSWERS-TABULATED-COLS%, true );<br />
}<br />
<br />
function tabulate_results_%POLL-ID%() {<br />
equalWidth_%POLL-ID%( jQuery("#yop-poll-container-%POLL-ID% .yop-poll-li-result-%POLL-ID%"), %RESULTS-TABULATED-COLS% );<br />
//equalWidth_%POLL-ID%( jQuery("#yop-poll-container-%POLL-ID% .yop-poll-li-result-%POLL-ID% .yop-poll-results-bar-%POLL-ID% div "), %RESULTS-TABULATED-COLS%, true );<br />
}<br />
jQuery(document).ready(function(){<br />
runOnPollStateChange_%POLL-ID%();<br />
});<br />
<br />
function runOnPollStateChange_%POLL-ID%() {};<br />
</pre><br />
=== Dekra Poll Template für ID 2 (altes Template) ===<br />
Vor Umfrage<br />
<pre><br />
<div id="yop-poll-name-%POLL-ID%" class="yop-poll-name">%POLL-NAME%</div><br />
<div id="yop-poll-question-%POLL-ID%" class="yop-poll-question">%POLL-QUESTION%</div><br />
<div id="yop-poll-answers-%POLL-ID%" class="yop-poll-answers"><br />
<div id="gb_cust">STIMMEN SIE JETZT AB !</div><br />
<ul><br />
[ANSWER_CONTAINER]<br />
<li class="gb-ac yop-poll-li-answer-%POLL-ID%"><br />
%POLL-ANSWER-CHECK-INPUT% <br />
%POLL-ANSWER-LABEL%<br />
<span class="yop-poll-results-text-%POLL-ID%"><br />
%POLL-ANSWER-RESULT-LABEL%<br />
</span><br />
%POLL-ANSWER-RESULT-BAR%<br />
</li><br />
[/ANSWER_CONTAINER]<br />
[OTHER_ANSWER_CONTAINER]<br />
<li class="gb-oac yop-poll-li-answer-%POLL-ID%"><br />
%POLL-OTHER-ANSWER-CHECK-INPUT% <br />
%POLL-OTHER-ANSWER-LABEL% <br />
<span class="yop-poll-results-text-%POLL-ID%"><br />
%POLL-ANSWER-RESULT-LABEL%<br />
</span><br />
%POLL-OTHER-ANSWER-TEXT-INPUT% <br />
%POLL-ANSWER-RESULT-BAR%<br />
</li><br />
[/OTHER_ANSWER_CONTAINER]<br />
</ul><br />
</div><br />
[CUSTOM_FIELD_CONTAINER]<br />
<li>%POLL-CUSTOM-FIELD-LABEL% %POLL-CUSTOM-FIELD-TEXT-INPUT%</li><br />
[/CUSTOM_FIELD_CONTAINER]<br />
[CAPTCHA_CONTAINER]<br />
<div id="yop-poll-captcha-%POLL-ID%"><br />
<div class="yop-poll-captcha-image-div" id="yop-poll-captcha-image-div-%POLL-ID%"><br />
%CAPTCHA-IMAGE%<br />
<div class="yop-poll-captcha-helpers-div" id="yop-poll-captcha-helpers-div-%POLL-ID%">%RELOAD-CAPTCHA-IMAGE% </div><br />
<div class="yop_poll_clear"></div><br />
</div><br />
%CAPTCHA-LABEL%<br />
<div class="yop-poll-captcha-input-div" id="yop-poll-captcha-input-div-%POLL-ID%">%CAPTCHA-INPUT%</div><br />
</div><br />
[/CAPTCHA_CONTAINER]<br />
<div id="yop-poll-vote-%POLL-ID%" class="yop-poll-footer"><br />
<div class="poll-vote-button">%POLL-VOTE-BUTTON%</div><br />
<div>%POLL-TOTAL-ANSWERS%</div><br />
<div>%POLL-TOTAL-VOTES%</div><br />
</div><br />
<div class="gb-storage" gb-poll-id="%POLL-ID%"></div><br />
<script type="text/javascript"><br />
<br />
// Load check from Dean Edwards/Matthias Miller/John Resig<br />
<br />
function init() {<br />
if (arguments.callee.done) return;<br />
arguments.callee.done = true;<br />
if (_timer) clearInterval(_timer);<br />
<br />
jQuery(document).ready(function() {<br />
// remove vote button<br />
jQuery('.poll-vote-button').html('');<br />
// add Buttons<br />
jQuery('.gb-ac').each(function(index,domEle){<br />
var answer_id;<br />
var label;<br />
var content;<br />
answer_id = jQuery(this).find('input:first').val();<br />
label = jQuery(this).find('label:first').html();<br />
content = '<button class="gb-btn" value="' + answer_id + '" type="button">' + label + '</button>';<br />
//jQuery(this).append(content);<br />
jQuery(this).html(content);<br />
//add click handler<br />
jQuery(this).find('button:first').click(function(){<br />
answer_id = jQuery(this).val();<br />
poll_id = jQuery('.gb-storage:first').attr('gb-poll-id');<br />
hidden_field = '<input id="yop-poll-answer-' +answer_id + '" type="hidden" name="yop_poll_answer" value="' + answer_id + '">'<br />
jQuery(this).after(hidden_field);<br />
yop_poll_do_vote(poll_id);<br />
return false;<br />
});<br />
});<br />
});<br />
<br />
};<br />
<br />
/* for Mozilla/Opera9 */<br />
if (document.addEventListener) {<br />
document.addEventListener("DOMContentLoaded", init, false);<br />
}<br />
<br />
/* for Internet Explorer */<br />
/*@cc_on @*/<br />
/*@if (@_win32)<br />
document.write("<script id=__ie_onload defer src=javascript:void(0)><\/script>");<br />
var script = document.getElementById("__ie_onload");<br />
script.onreadystatechange = function() {<br />
if (this.readyState == "complete") {<br />
init(); // call the onload handler<br />
}<br />
};<br />
/*@end @*/<br />
<br />
/* for Safari */<br />
if (/WebKit/i.test(navigator.userAgent)) { // sniff<br />
var _timer = setInterval(function() {<br />
if (/loaded|complete/.test(document.readyState)) {<br />
init(); // call the onload handler<br />
}<br />
}, 10);<br />
}<br />
<br />
/* for other browsers */<br />
window.onload = init;<br />
</script><br />
</pre><br />
Nach Umfrage<br />
<pre><br />
<div id="yop-poll-name-%POLL-ID%" class="yop-poll-name">%POLL-NAME%</div><br />
<div id="yop-poll-question-%POLL-ID%" class="yop-poll-question">%POLL-QUESTION%</div><br />
<div id="yop-poll-answers-%POLL-ID%" class="yop-poll-answers"><br />
<div id="gb_cust">VORLÄUFIGES ERGEBNIS DER ABSTIMMUNG</div><br />
<ul><br />
[ANSWER_RESULT_CONTAINER]<br />
<li class="yop-poll-li-result-%POLL-ID%"><br />
<label class="pds-feedback-label-%POLL-ID%"><br />
<div class="pds-answer-text-%POLL-ID%">%POLL-ANSWER-LABEL%</div><br />
<div class="pds-feedback-result-%POLL-ID%"><br />
<br />
</div><br />
</label><br />
<div><br />
%POLL-ANSWER-RESULT-BAR%<br />
</div><div class="pds-feedback-per-%POLL-ID%"> %POLL-ANSWER-RESULT-LABEL%</div><br />
</li><br />
[/ANSWER_RESULT_CONTAINER]<br />
</ul><br />
</div><br />
<div id="yop-poll-vote-%POLL-ID%" class="yop-poll-footer"><br />
<div>%POLL-TOTAL-ANSWERS%</div><br />
<div>%POLL-TOTAL-VOTES%</div><br />
<!--<div id="yop-poll-back-%POLL-ID%">%POLL-BACK-TO-VOTE-LINK%</div>--><br />
</div><br />
</pre><br />
<br />
Before Start Date<br />
<pre><br />
This poll is about to <br><br />
start at %POLL-START-DATE%<br><br />
and finish at %POLL-END-DATE%<br><br />
</pre><br />
After End Date<br />
<pre><br />
This poll is closed!<br />
Poll activity: <br><br />
start_date %POLL-START-DATE%<br><br />
end_date %POLL-END-DATE%<br><br />
<br />
Poll Results:<br />
<div id="yop-poll-question-%POLL-ID%" class="yop-poll-question">%POLL-QUESTION%</div><br />
<div id="yop-poll-answers-1" class="yop-poll-answers"><br />
<ul><br />
[ANSWER_RESULT_CONTAINER]<br />
<li class="yop-poll-li-result-%POLL-ID%"><br />
<label class="pds-feedback-label"><br />
<span class="pds-answer-text">%POLL-ANSWER-LABEL%</span><br />
<span class="pds-feedback-result"><br />
<span class="pds-feedback-per"> %POLL-ANSWER-RESULT-LABEL%</span><br />
</span><br />
</label><br />
<span class="pds-clear" style="display: block;clear: both;height:1px;line-height:1px;"> </span><br />
%POLL-ANSWER-RESULT-BAR%<br />
</li><br />
[/ANSWER_RESULT_CONTAINER]<br />
</ul><br />
</div><br />
%POLL-VOTE-BUTTON%<br />
</pre><br />
<br />
== Change Log ==<br />
8.8.13<br />
<pre><br />
Hallo Mascha und Clemens,<br />
<br />
folgende Funktionalität ist jetzt implementiert:<br />
<br />
- Zu einem Hauptbeitrag (Sozusagen 1.Ebene - entspricht dem Post in<br />
Wordpress) kann ein normaler Benutzer eine Frage stellen.<br />
- Zu den Fragen (das wäre dann die 2. Ebene) kann jeder Benutzer<br />
beliebig viele Beiträge machen<br />
- Benutzer ab Level 7 (Redakteure und Admins) können beliebig viele<br />
Fragen stellen.<br />
<br />
- Labels sind jetzt: "Hinterlasse einen Beitrag" und "Beitrag abschicken"<br />
<br />
Grüße,<br />
<br />
Stephan<br />
</pre><br />
<br />
11<br />
<br />
10/2014<br />
- Kommentare in Spalten sortieren, je nach Antwort<br />
- Overflow für Kommentarausgabe, damit die Felder nicht zu groß werden</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Abstimmung_wordpress&diff=21230Abstimmung wordpress2015-10-14T07:13:57Z<p>37.49.33.84: /* Umfrage erstellen */</p>
<hr />
<div>siehe auch [[DEKRA Direkt Blog]]<br />
Der Blog '''DEKRA Direkt''' wird als interner Konzernblog verwendet und soll als Kontaktmittel der Mitarbeiter zur Vorstandsebene dienen. Dazu gibt es unter anderem die DEKRA Direkt Mitarbeiter Umfrage.<br />
<br />
== Todo ==<br />
Besser zum Testen wäre es wenn die Umfrage zunächst in eine Kategorie Test geht die auf der Startseite nicht dargestellt wird. <br />
<br />
Wordpress Extension Yop Poll - verwendet bei Mascha im Blog intern:<br />
<br />
== yop poll Anpassungen ==<br />
=== yop poll Tabellen ===<br />
<pre><br />
------------ ----------------- --------------<br />
yop_polls yop_poll_answers yop_poll_logs<br />
------------ ----------------- --------------<br />
id --------------| id --------------| id<br />
name |-poll_id | pn<br />
question answer | poll_id<br />
total_votes votes | vote_id<br />
total_answers ... |- answer_id<br />
... --------------<br />
------------ -----------------<br />
<br />
<br />
<br />
<br />
---------------------- ----------------------------<br />
yop_poll_custom_fields yop_poll_votes_custom_fields<br />
---------------------- ----------------------------<br />
id id<br />
poll_id poll_id<br />
custom_field vote_id<br />
... custom_field_id<br />
---------------------- user_id<br />
custom_field_value<br />
----------------------------<br />
</pre><br />
<br />
Da bei einem custom text field bei der fragesstellung nur einzeiliger text möglich war, musst die datei <br />
/wp-content/plugins/yop-poll/inc/yop_poll_model.php<br />
<br />
<br />
<br />
In der datenbank die Tabelle:<br />
<br />
kas_wp_yop_poll_votes_custom_fields<br />
<br />
Feld: custom_field_value<br />
<br />
von varchar (255) auf Text geändert.<br />
<br />
== SQL-Abfragen für Antworten mit Kommentar ==<br />
=== SQL nur Ergebnisse ===<br />
<pre><br />
SELECT `id` , `poll_id` , `answer_id` , `ip` , `http_referer` , `vote_date` , `pn`<br />
FROM `kas_wp_yop_poll_logs`<br />
WHERE `poll_id` =38<br />
ORDER BY `answer_id` ASC<br />
LIMIT 0 , 500<br />
</pre><br />
=== SQL Abfrage mit Kommentaren ===<br />
<pre><br />
</pre><br />
<br />
Alte Abfrage<br />
<pre><br />
SELECT *<br />
FROM `kas_wp_yop_poll_logs`<br />
LEFT OUTER JOIN `kas_wp_yop_poll_votes_custom_fields` ON `kas_wp_yop_poll_logs`.`vote_id` = `kas_wp_yop_poll_votes_custom_fields`.`vote_id`<br />
WHERE `kas_wp_yop_poll_logs`.`poll_id` =13<br />
</pre><br />
=== Weitere Abfragen ===<br />
Welche Custom Fields gehören zu welchen Umfrage (Pivot Version)<br />
<br />
Dynamische Version (funktioniert noch nicht aber die Richtung dürfte stimmen)<br />
<pre><br />
SET @sql = NULL;<br />
SELECT<br />
GROUP_CONCAT(DISTINCT<br />
CONCAT(<br />
'max(case when custom_field = ''',<br />
custom_field,<br />
''' then custom_field end) AS ',<br />
custom_field<br />
)<br />
) INTO @sql<br />
FROM kas_wp_yop_poll_custom_fields;<br />
<br />
SET @sql = CONCAT('SELECT poll_id, ', @sql, ' <br />
FROM kas_wp_yop_poll_custom_fields <br />
GROUP BY poll_id');<br />
<br />
PREPARE stmt FROM @sql;<br />
EXECUTE stmt;<br />
DEALLOCATE PREPARE stmt;<br />
</pre><br />
<br />
== Neue Umfrage für DEKRA Connect durchführen ==<br />
=== Allgemein ===<br />
Läuft 2 Wochen ab ca. Mitte des Monats. Danach Auswertung und Grafikerstellung.<br />
<br />
== Technischer Ablauf ==<br />
Stand März 2015<br />
<br />
* Das Umfrage Plugin im WP ist auf '''block by Personal Number''' gestellt.<br />
* Ein User kann nur Voten wenn eine id=12345 (Personalnummer) angehängt ist. Ansonsten wird zunächst auf das DEKRA Intranet weiter geleitet (über alert). <br />
* Dort wird die Personalnummer als id=12345 an den Link angehängt und auf intern-blog.dekra.de/category/dekra-direkt/?id=12345 geleitet Nur wenn eine solche id vorhanden ist kann gevoted werden. Ist nicht supersicher weil die Nummer willkürlich geändert werden kann, nachträgliche Prüfung wäre mit Personalnummern Liste möglich. Verbesserungspotential wäre POST übermittlung, Gültigkeitsprüfung durch PN-Index oder Formel.<br />
* Hat die id '''schon gevotet''' wird nur das Ergebnis angezeigt.<br />
* Im DEKRA Intranet werden Links an die eine id angehängt werden soll mit dem Parameter '''?id=public''' Veröffentlicht. public wird dann automatisch durch die Personalnummer des Mitarbeiters ersetzt, bevor weitergeleitet wird. <br />
<br />
=== Umfrage erstellen ===<br />
* Achtung manchmal kollidiert die Abfrage mit alten Cookies der letzten Umfrage. Genau ist das noch nicht geklärt. Hilfe bringt: <br />
** dafür sorgen, daß die alte Umfrage nicht mit angezeigt wird<br />
** Logs löschen<br />
** Wenn nichts hilft die Stats Reseten (kann sein daß dies nicht nötig ist.)<br />
<br />
* 1 oder mehrere (Mascha will meist 3) Umfragen-Dummies erstellen (z.B. eine alte klonen - '''Vorsicht: Einstellungen für Datum, Template und Blocking''' werden nicht übernommen)<br />
* Template: '''DEKRA Umfrage mit Kommentar''' oder '''DEKRA Umfrage mit dynamischem Kommentar''' (hier werden die Kommentare nach Antwort sortiert)<br />
* Blocking by auf '''Personal Number''' - dadurch wird die Abfrage des id Parameters gestartet. Zum Testen auf don't Block stellen. Achtung IE hat manchmal Caching Probleme.<br />
* Start und Enddatum setzen<br />
* Abstimmung in einen '''Beitrag in Kategorie Dekra Direkt''' einpflegen (evtl. erst nach dem Testen) -> Startseite sichtbar<br />
* Am Ende Umfrage auf '''nur Antwort''' !<br />
* Geo-bit erstellt die Fragen, diese werden von Mascha angepasst und von Ihr in einem Beitrag veröffentlicht.<br />
* Start der Umfrage durch setzen der Kategorie (todo ob das klappt)<br />
<br />
=== Test der Umfrage ===<br />
* Vorige Tests sind sinnvoll. Ein Test von Geo-bit (einfach id anhängen). Ein Test von Dekra<br />
=== Ende der Umfrage und Auswertung ===<br />
Für die Auswertung benötigt Mascha eine '''Excel-Tabelle''' in der '''nach Antworten und sortiert''' ist. Ebenso die dazugehörigen Kommentare. Doppelte IPs rausschmeißen. Wenn Personalnummerliste vorhanden könnte man hier nach Gültigkeit prüfen.<br />
* Umfrage mit Datum beenden oder auf Maschas Hinweis, '''Umfrage auf don't block''', damit die Umleitung auf Dekra nicht mehr aktiv ist, außerdem '''Enddatum setzen''' und auf '''Ergebnis anzeigen nach Enddatum'''.<br />
* SQL Abfrage (siehe Statement), Export als ods oder csv<br />
* Doppelte überprüfen<br />
* Umwandeln in Excel<br />
* Schaubild aus Numbers<br />
<br />
=== Löschen unerwünschter Kommentare ===<br />
<br />
In<br />
Admin -> Yop poll -> All polls -> meineUmfrage -> votes<br />
<br />
hier auswählen und löschen<br />
<br />
=== Anpassungen am Plugin Yop poll===<br />
<br />
yop-poll => inc => admin.php<br />
<br />
Hier die DB mit prefix versehen. "kas_"<br />
yop-poll => inc => yop_poll_model.php<br />
yop-poll => inc => db_schema.php<br />
yop-poll => js => yop_poll_public.js<br />
==== Kommentare ====<br />
MUSS überarbeitet werden<br />
yop_poll_modell.php<br />
<br />
return_poll_html -> <br />
dort wird der Template Block <br />
[ANSWER_RESULT_CONTAINER]<br />
[/ANSWER_RESULT_CONTAINER]<br />
mit pregreplace über eine Callback Funktion ersetzt<br />
answer_result_callback(m$)<br />
darin wiederum wird <br />
get_poll_comments($poll_id) <br />
aufgerufen, dieses gibt ein array zurück das dann in HTML umgesetzt wird. Diese Ausgabe erfolbt über die Abfrage von <br />
$this->is_view_poll_results()<br />
Das bedeutet die Ausgabe erfolgt wenn im Backend die Bedingung für die Ausgabe der Results gesetzt ist (z.B. Results after End Date) Gute erweiterung wäre ein eigener Block für die Comments<br />
<br />
'''Im Template muß der Block natürlich auch gesetzt sein.''' (beim entsprechenden Template)<br />
<br />
== Yop Poll Templates ==<br />
Todo - Anpassen um ungenutzte Features zu nutzen (z.B. after End Date schöne Anzeige der Ergebnisse)<br />
=== DEKRA Umfrage mit Kommentar ===<br />
Vor Umfrage:<br />
<pre><br />
<div id="yop-poll-name-%POLL-ID%" class="yop-poll-name">%POLL-NAME%</div><br />
<div id="yop-poll-question-%POLL-ID%" class="yop-poll-question" style="display:table-cell;height:130px;vertical-align:middle;">%POLL-QUESTION%</div><br />
<div id="yop-poll-answers-%POLL-ID%" class="yop-poll-answers"><br />
<ul><br />
[ANSWER_CONTAINER]<br />
<li class="yop-poll-li-answer-%POLL-ID%"><br />
%POLL-ANSWER-CHECK-INPUT% <br />
%POLL-ANSWER-LABEL%<br />
<span class="yop-poll-results-text-%POLL-ID%">%POLL-ANSWER-RESULT-LABEL%</span><br />
%POLL-ANSWER-RESULT-BAR%<br />
</li><br />
[/ANSWER_CONTAINER]<br />
[OTHER_ANSWER_CONTAINER]<br />
<li class="yop-poll-li-answer-%POLL-ID%"><br />
%POLL-OTHER-ANSWER-CHECK-INPUT% <br />
%POLL-OTHER-ANSWER-LABEL% <br />
<span class="yop-poll-results-text-%POLL-ID%">%POLL-ANSWER-RESULT-LABEL%</span><br />
%POLL-OTHER-ANSWER-TEXT-INPUT% <br />
%POLL-ANSWER-RESULT-BAR%<br />
</li><br />
[/OTHER_ANSWER_CONTAINER]<br />
</ul><br />
</div><br />
<div id="yop-poll-custom-%POLL-ID%"><br />
<ul><br />
[CUSTOM_FIELD_CONTAINER]<br />
<li>%POLL-CUSTOM-FIELD-LABEL% %POLL-CUSTOM-FIELD-TEXT-INPUT%</li><br />
[/CUSTOM_FIELD_CONTAINER]<br />
</ul><br />
</div> <br />
[CAPTCHA_CONTAINER]<br />
<div id="yop-poll-captcha-%POLL-ID%"><br />
<div class="yop-poll-captcha-image-div" id="yop-poll-captcha-image-div-%POLL-ID%"><br />
%CAPTCHA-IMAGE%<br />
<div class="yop-poll-captcha-helpers-div" id="yop-poll-captcha-helpers-div-%POLL-ID%">%RELOAD-CAPTCHA-IMAGE% </div><br />
<div class="yop_poll_clear"></div><br />
</div><br />
%CAPTCHA-LABEL%<br />
<div class="yop-poll-captcha-input-div" id="yop-poll-captcha-input-div-%POLL-ID%">%CAPTCHA-INPUT%</div><br />
</div><br />
[/CAPTCHA_CONTAINER]<br />
<div id="yop-poll-vote-%POLL-ID%" class="yop-poll-footer"><br />
<div>%POLL-VOTE-BUTTON%</div><br />
<div id="yop-poll-results-%POLL-ID%">%POLL-VIEW-RESULT-LINK%</div><br />
<div>%POLL-TOTAL-ANSWERS%</div><br />
<div>%POLL-TOTAL-VOTES%</div><br />
</div><br />
</pre><br />
Nach Umfrage<br />
<pre><br />
<div id="yop-poll-name-%POLL-ID%" class="yop-poll-name">%POLL-NAME%</div><br />
<div id="yop-poll-question-%POLL-ID%" class="yop-poll-question" style="display:table-cell;height:130px;vertical-align:middle;">%POLL-QUESTION%</div><br />
<div id="yop-poll-answers-%POLL-ID%" class="yop-poll-answers"><br />
</li><div id="gb_cust">VORLÄUFIGES·ERGEBNIS·DER·ABSTIMMUNG</div> <br />
<ul><br />
[ANSWER_RESULT_CONTAINER]<br />
<li class="yop-poll-li-result-%POLL-ID%"><br />
<label class="pds-feedback-label-%POLL-ID%"><br />
<span class="pds-answer-text-%POLL-ID%">%POLL-ANSWER-LABEL%</span><br />
<span class="pds-feedback-result-%POLL-ID%"><br />
<span class="pds-feedback-per-%POLL-ID%"> %POLL-ANSWER-RESULT-LABEL%</span><br />
</span><br />
</label><br />
<div><br />
%POLL-ANSWER-RESULT-BAR%<br />
</div><br />
<br />
[/ANSWER_RESULT_CONTAINER]<br />
<br />
</ul><br />
</div><br />
<div id="yop-poll-vote-%POLL-ID%" class="yop-poll-footer"><br />
<div>%POLL-TOTAL-ANSWERS%</div><br />
<br />
<div>%POLL-TOTAL-VOTES%</div><br />
<div id="yop-poll-back-%POLL-ID%">%POLL-BACK-TO-VOTE-LINK%</div><br />
</div><br />
</pre><br />
<br />
Before Start Date<br />
<pre><br />
This poll is about to <br><br />
start at %POLL-START-DATE%<br><br />
and finish at %POLL-END-DATE%<br><br />
</pre><br />
<br />
After End Date<br />
<pre><br />
<div id="yop-poll-name-%POLL-ID%" class="yop-poll-name">%POLL-NAME%</div><br />
<div id="yop-poll-question-%POLL-ID%" class="yop-poll-question">%POLL-QUESTION%</div><br />
<div id="yop-poll-answers-%POLL-ID%" class="yop-poll-answers"><br />
<br />
</div><br />
<div id="gb_end">Die Abstimmung ist beendet.</div><br />
<br />
<ul class="afterVote"><br />
<br />
[ANSWER_RESULT_CONTAINER]<br />
<br />
[/ANSWER_RESULT_CONTAINER]<br />
</ul><br />
</pre><br />
CSS<br />
<pre><br />
#yop-poll-container-%POLL-ID% {<br />
background-image: url("http://intern-blog.dekra.de/wp-content/uploads/2013/02/bg_poll_1.png");<br />
/* border: 5px solid #3F8B43;*/<br />
background-repeat:no-repeat;<br />
color: #555555;<br />
font-size: 12px;<br />
overflow: hidden;<br />
padding: 10px;<br />
width: 632px;<br />
/* height: 300px;*/<br />
}<br />
#yop-poll-name-%POLL-ID% {<br />
font-size:14px;<br />
font-weight:bold;<br />
}<br />
<br />
#yop-poll-question-%POLL-ID% {<br />
color: #000000;<br />
font-size: 14pt;<br />
font-weight: 500;<br />
height: 80px;<br />
line-height: 26px;<br />
margin: 0 50px 0 0;<br />
padding-left: 215px;<br />
padding-top: 40px;<br />
text-align: center;<br />
width: 300px;<br />
margin-bottom: 100px;<br />
}<br />
#yop-poll-answers-%POLL-ID% { <br />
}<br />
#yop-poll-answers-%POLL-ID% ul {<br />
list-style: none outside none;<br />
margin: 0;<br />
position: relative;<br />
top: 20px;<br />
left: 270px;<br />
}<br />
#yop-poll-answers-%POLL-ID% ul li { <br />
font-style:normal;<br />
margin-bottom:10px;<br />
padding:0px;<br />
font-size:12px;<br />
width: 190px !important;<br />
}<br />
#yop-poll-answers-%POLL-ID% ul li input { <br />
margin:0px; <br />
float:none;<br />
}<br />
#yop-poll-answers-%POLL-ID% ul li label { <br />
margin:0px; <br />
font-style:normal; <br />
font-weight:bold; <br />
font-size:16px; <br />
float:none;<br />
z-index: 10; <br />
}<br />
.yop-poll-results-%POLL-ID% {<br />
font-size: 12px;<br />
font-style: italic;<br />
font-weight: normal;<br />
margin-left: 15px;<br />
}<br />
<br />
#yop-poll-custom-%POLL-ID% { }<br />
#yop-poll-custom-%POLL-ID% ul {<br />
font-size: 14px;<br />
font-weight: 500;<br />
left: 270px;<br />
list-style: none outside none;<br />
margin: 0;<br />
padding: 0;<br />
position: relative;<br />
top: 20px;<br />
float: left;<br />
width: 375px;<br />
}<br />
#yop-poll-custom-%POLL-ID% ul li { <br />
padding:0px;<br />
margin:0px; <br />
font-size:14px;<br />
}<br />
#yop-poll-container-%POLL-ID% input[type='text'] { <br />
font-size: 12px;<br />
margin: 10px 0;<br />
padding: 2%;<br />
text-indent: 2%;<br />
width: 92%;<br />
border: 1px solid #B9B8B8;<br />
}<br />
<br />
#yop-poll-container-%POLL-ID% textarea {<br />
font-size: 12px;<br />
margin: 10px 0;<br />
padding: 2%;<br />
text-indent: 2%;<br />
width: 92%;<br />
font-family: Verdana;<br />
color: #666;<br />
border: 1px solid #B9B8B8;<br />
}<br />
<br />
#yop-poll-captcha-input-div-%POLL-ID% {<br />
margin-top:5px;<br />
}<br />
#yop-poll-captcha-helpers-div-%POLL-ID% {<br />
width:30px;<br />
float:left;<br />
margin-left:5px;<br />
height:0px;<br />
}<br />
<br />
#yop-poll-captcha-helpers-div-%POLL-ID% img {<br />
margin-bottom:2px;<br />
}<br />
<br />
#yop-poll-captcha-image-div-%POLL-ID% {<br />
margin-bottom:5px;<br />
}<br />
<br />
#yop_poll_captcha_image_%POLL-ID% {<br />
float:left;<br />
}<br />
<br />
.yop_poll_clear {<br />
clear:both;<br />
}<br />
<br />
<br />
<br />
#yop-poll-vote-%POLL-ID% {<br />
float:left; <br />
/*width:100%; */<br />
padding-left: 270px;<br />
margin-top: 20px;<br />
margin-bottom: 100px;<br />
}<br />
<br />
li.yop-poll-li-result-%POLL-ID% {<br />
/* margin-top: 50px;*/<br />
}<br />
<br />
.yop-poll-results-bar-%POLL-ID% { background:#f5f5f5; height:10px; }<br />
.yop-poll-results-bar-%POLL-ID% div { background:#555; height:10px; }<br />
#yop-poll-vote-%POLL-ID% div#yop-poll-vote-%POLL-ID% button { float:left; }<br />
#yop-poll-vote-%POLL-ID% div#yop-poll-results-%POLL-ID% {<br />
float: right;<br />
margin-bottom: 20px;<br />
margin-top: -20px;<br />
width: auto;<br />
}<br />
#yop-poll-vote-%POLL-ID% div#yop-poll-results-%POLL-ID% a { color:#3F8B43; text-decoration:underline; font-size:12px;}<br />
#yop-poll-vote-%POLL-ID% div#yop-poll-back-%POLL-ID% a { color:#3F8B43; text-decoration:underline; font-size:12px;}<br />
#yop-poll-vote-%POLL-ID% div { float:left; width:100%; }<br />
<br />
#yop-poll-container-error-%POLL-ID% {<br />
font-size:12px;<br />
font-style:italic;<br />
color:red;<br />
left: 290px;<br />
position: relative;<br />
top: 270px;<br />
}<br />
<br />
.gb-btn {<br />
background-image: url("http://intern-blog.dekra.de/wp-content/uploads/2013/02/bg_button.png");<br />
border: medium none;<br />
border-radius: 10px 10px 10px 10px;<br />
color: #FFFFFF;<br />
cursor: pointer;<br />
font-size: 1.9em;<br />
font-weight: bold;<br />
height: 40px;<br />
text-transform: uppercase;<br />
width: 130px;<br />
}<br />
<br />
#gb_cust {<br />
color: #999999;<br />
font-size: 1.4em;<br />
font-weight: bold;<br />
padding-left: 0px;<br />
padding-top: 40px;<br />
background-color: transparent;<br />
}<br />
.yop-poll-results-bar-%POLL-ID% div{<br />
background-image: url("http://intern-blog.dekra.de/wp-content/uploads/2013/02/bg_button.png");<br />
height: 30px;<br />
margin-top: 0px;<br />
}<br />
<br />
<br />
.yop-poll-results-bar-%POLL-ID% {<br />
height: 30px;<br />
width:99%;<br />
}<br />
<br />
.pds-answer-text-%POLL-ID% {<br />
font-size: 0.85em;<br />
font-weight: bold;<br />
color: #999;<br />
/* margin-top: -10px;*/<br />
}<br />
<br />
.pds-feedback-per-%POLL-ID% {<br />
color: #999999;<br />
font-size: 1em;<br />
margin-left: 5px;<br />
margin-top: -25px;<br />
font-weight: bold;<br />
}<br />
<br />
.yop_poll_vote_button{<br />
background-image: url("http://intern-blog.dekra.de/wp-content/uploads/2013/02/bg_button.png");<br />
border: medium none;<br />
border-radius: 10px 10px 10px 10px;<br />
color: #FFFFFF;<br />
cursor: pointer;<br />
font-size: 1.9em;<br />
font-weight: bold;<br />
height: 40px;<br />
width: 250px;<br />
}<br />
<br />
#gb_end {<br />
color: #999999;<br />
font-size: 1.4em;<br />
font-weight: bold;<br />
padding-bottom: 100px;<br />
padding-left: 250px;<br />
padding-top: 130px;<br />
background-color: transparent;<br />
}<br />
<br />
#yop-poll-container-%POLL-ID% textarea {<br />
#max-width: 350px !important;<br />
}<br />
<br />
#yop-poll-container-success-%POLL-ID% {<br />
font-size:12px;<br />
font-style:italic;<br />
color:green;<br />
}<br />
</pre><br />
JS<br />
<pre><br />
function stripBorder_%POLL-ID%(object) {<br />
object.each(function() {<br />
if( parseInt(jQuery(this).width() ) > 0) {<br />
jQuery(this).width( parseInt( jQuery(this).width() ) - parseInt(jQuery(this).css("border-left-width")) - parseInt(jQuery(this).css("border-right-width")) );<br />
}<br />
else {<br />
jQuery(this).css("border-left-width", '0px');<br />
jQuery(this).css("border-right-width", '0px');<br />
}<br />
});<br />
}<br />
function stripPadding_%POLL-ID%(object) {<br />
object.each(function() { <br />
jQuery(this).width( parseInt( jQuery(this).width() ) - parseInt(jQuery(this).css("padding-left")) - parseInt(jQuery(this).css("padding-left")) );<br />
});<br />
}<br />
<br />
function strip_results_%POLL-ID%() {<br />
stripPadding_%POLL-ID%( jQuery("#yop-poll-container-%POLL-ID% .yop_poll_li_result-%POLL-ID%") ); <br />
stripBorder_%POLL-ID%( jQuery("#yop-poll-container-%POLL-ID% .yop-poll-result-bar-%POLL-ID%"));<br />
}<br />
<br />
jQuery(document).ready(function(e) {<br />
if(typeof window.strip_results_%POLL-ID% == 'function') <br />
strip_results_%POLL-ID%();<br />
<br />
if(typeof window.tabulate_answers_%POLL-ID% == 'function') <br />
tabulate_answers_%POLL-ID%();<br />
<br />
if(typeof window.tabulate_results_%POLL-ID% == 'function') <br />
tabulate_results_%POLL-ID%();<br />
<br />
});<br />
<br />
function equalWidth_%POLL-ID%(obj, cols, findWidest ) {<br />
findWidest = typeof findWidest !== 'undefined' ? findWidest : false;<br />
if ( findWidest ) {<br />
obj.each(function() {<br />
var thisWidth = jQuery(this).width();<br />
width = parseInt(thisWidth / cols); <br />
jQuery(this).width(width); <br />
jQuery(this).css('float', 'left'); <br />
});<br />
}<br />
else {<br />
var widest = 0;<br />
obj.each(function() {<br />
var thisWidth = jQuery(this).width();<br />
if(thisWidth > widest) {<br />
widest = thisWidth; <br />
} <br />
});<br />
width = parseInt( widest / cols); <br />
obj.width(width); <br />
obj.css('float', 'left'); <br />
} <br />
}<br />
<br />
function tabulate_answers_%POLL-ID%() {<br />
equalWidth_%POLL-ID%( jQuery("#yop-poll-container-%POLL-ID% .yop-poll-li-answer-%POLL-ID%"), %ANSWERS-TABULATED-COLS% );<br />
//equalWidth_%POLL-ID%( jQuery("#yop-poll-container-%POLL-ID% .yop-poll-li-answer-%POLL-ID% .yop-poll-results-bar-%POLL-ID% div "), %ANSWERS-TABULATED-COLS%, true );<br />
}<br />
<br />
function tabulate_results_%POLL-ID%() {<br />
equalWidth_%POLL-ID%( jQuery("#yop-poll-container-%POLL-ID% .yop-poll-li-result-%POLL-ID%"), %RESULTS-TABULATED-COLS% );<br />
//equalWidth_%POLL-ID%( jQuery("#yop-poll-container-%POLL-ID% .yop-poll-li-result-%POLL-ID% .yop-poll-results-bar-%POLL-ID% div "), %RESULTS-TABULATED-COLS%, true );<br />
}<br />
jQuery(document).ready(function(){<br />
runOnPollStateChange_%POLL-ID%();<br />
});<br />
<br />
function runOnPollStateChange_%POLL-ID%() {};<br />
</pre><br />
=== Dekra Poll Template für ID 2 (altes Template) ===<br />
Vor Umfrage<br />
<pre><br />
<div id="yop-poll-name-%POLL-ID%" class="yop-poll-name">%POLL-NAME%</div><br />
<div id="yop-poll-question-%POLL-ID%" class="yop-poll-question">%POLL-QUESTION%</div><br />
<div id="yop-poll-answers-%POLL-ID%" class="yop-poll-answers"><br />
<div id="gb_cust">STIMMEN SIE JETZT AB !</div><br />
<ul><br />
[ANSWER_CONTAINER]<br />
<li class="gb-ac yop-poll-li-answer-%POLL-ID%"><br />
%POLL-ANSWER-CHECK-INPUT% <br />
%POLL-ANSWER-LABEL%<br />
<span class="yop-poll-results-text-%POLL-ID%"><br />
%POLL-ANSWER-RESULT-LABEL%<br />
</span><br />
%POLL-ANSWER-RESULT-BAR%<br />
</li><br />
[/ANSWER_CONTAINER]<br />
[OTHER_ANSWER_CONTAINER]<br />
<li class="gb-oac yop-poll-li-answer-%POLL-ID%"><br />
%POLL-OTHER-ANSWER-CHECK-INPUT% <br />
%POLL-OTHER-ANSWER-LABEL% <br />
<span class="yop-poll-results-text-%POLL-ID%"><br />
%POLL-ANSWER-RESULT-LABEL%<br />
</span><br />
%POLL-OTHER-ANSWER-TEXT-INPUT% <br />
%POLL-ANSWER-RESULT-BAR%<br />
</li><br />
[/OTHER_ANSWER_CONTAINER]<br />
</ul><br />
</div><br />
[CUSTOM_FIELD_CONTAINER]<br />
<li>%POLL-CUSTOM-FIELD-LABEL% %POLL-CUSTOM-FIELD-TEXT-INPUT%</li><br />
[/CUSTOM_FIELD_CONTAINER]<br />
[CAPTCHA_CONTAINER]<br />
<div id="yop-poll-captcha-%POLL-ID%"><br />
<div class="yop-poll-captcha-image-div" id="yop-poll-captcha-image-div-%POLL-ID%"><br />
%CAPTCHA-IMAGE%<br />
<div class="yop-poll-captcha-helpers-div" id="yop-poll-captcha-helpers-div-%POLL-ID%">%RELOAD-CAPTCHA-IMAGE% </div><br />
<div class="yop_poll_clear"></div><br />
</div><br />
%CAPTCHA-LABEL%<br />
<div class="yop-poll-captcha-input-div" id="yop-poll-captcha-input-div-%POLL-ID%">%CAPTCHA-INPUT%</div><br />
</div><br />
[/CAPTCHA_CONTAINER]<br />
<div id="yop-poll-vote-%POLL-ID%" class="yop-poll-footer"><br />
<div class="poll-vote-button">%POLL-VOTE-BUTTON%</div><br />
<div>%POLL-TOTAL-ANSWERS%</div><br />
<div>%POLL-TOTAL-VOTES%</div><br />
</div><br />
<div class="gb-storage" gb-poll-id="%POLL-ID%"></div><br />
<script type="text/javascript"><br />
<br />
// Load check from Dean Edwards/Matthias Miller/John Resig<br />
<br />
function init() {<br />
if (arguments.callee.done) return;<br />
arguments.callee.done = true;<br />
if (_timer) clearInterval(_timer);<br />
<br />
jQuery(document).ready(function() {<br />
// remove vote button<br />
jQuery('.poll-vote-button').html('');<br />
// add Buttons<br />
jQuery('.gb-ac').each(function(index,domEle){<br />
var answer_id;<br />
var label;<br />
var content;<br />
answer_id = jQuery(this).find('input:first').val();<br />
label = jQuery(this).find('label:first').html();<br />
content = '<button class="gb-btn" value="' + answer_id + '" type="button">' + label + '</button>';<br />
//jQuery(this).append(content);<br />
jQuery(this).html(content);<br />
//add click handler<br />
jQuery(this).find('button:first').click(function(){<br />
answer_id = jQuery(this).val();<br />
poll_id = jQuery('.gb-storage:first').attr('gb-poll-id');<br />
hidden_field = '<input id="yop-poll-answer-' +answer_id + '" type="hidden" name="yop_poll_answer" value="' + answer_id + '">'<br />
jQuery(this).after(hidden_field);<br />
yop_poll_do_vote(poll_id);<br />
return false;<br />
});<br />
});<br />
});<br />
<br />
};<br />
<br />
/* for Mozilla/Opera9 */<br />
if (document.addEventListener) {<br />
document.addEventListener("DOMContentLoaded", init, false);<br />
}<br />
<br />
/* for Internet Explorer */<br />
/*@cc_on @*/<br />
/*@if (@_win32)<br />
document.write("<script id=__ie_onload defer src=javascript:void(0)><\/script>");<br />
var script = document.getElementById("__ie_onload");<br />
script.onreadystatechange = function() {<br />
if (this.readyState == "complete") {<br />
init(); // call the onload handler<br />
}<br />
};<br />
/*@end @*/<br />
<br />
/* for Safari */<br />
if (/WebKit/i.test(navigator.userAgent)) { // sniff<br />
var _timer = setInterval(function() {<br />
if (/loaded|complete/.test(document.readyState)) {<br />
init(); // call the onload handler<br />
}<br />
}, 10);<br />
}<br />
<br />
/* for other browsers */<br />
window.onload = init;<br />
</script><br />
</pre><br />
Nach Umfrage<br />
<pre><br />
<div id="yop-poll-name-%POLL-ID%" class="yop-poll-name">%POLL-NAME%</div><br />
<div id="yop-poll-question-%POLL-ID%" class="yop-poll-question">%POLL-QUESTION%</div><br />
<div id="yop-poll-answers-%POLL-ID%" class="yop-poll-answers"><br />
<div id="gb_cust">VORLÄUFIGES ERGEBNIS DER ABSTIMMUNG</div><br />
<ul><br />
[ANSWER_RESULT_CONTAINER]<br />
<li class="yop-poll-li-result-%POLL-ID%"><br />
<label class="pds-feedback-label-%POLL-ID%"><br />
<div class="pds-answer-text-%POLL-ID%">%POLL-ANSWER-LABEL%</div><br />
<div class="pds-feedback-result-%POLL-ID%"><br />
<br />
</div><br />
</label><br />
<div><br />
%POLL-ANSWER-RESULT-BAR%<br />
</div><div class="pds-feedback-per-%POLL-ID%"> %POLL-ANSWER-RESULT-LABEL%</div><br />
</li><br />
[/ANSWER_RESULT_CONTAINER]<br />
</ul><br />
</div><br />
<div id="yop-poll-vote-%POLL-ID%" class="yop-poll-footer"><br />
<div>%POLL-TOTAL-ANSWERS%</div><br />
<div>%POLL-TOTAL-VOTES%</div><br />
<!--<div id="yop-poll-back-%POLL-ID%">%POLL-BACK-TO-VOTE-LINK%</div>--><br />
</div><br />
</pre><br />
<br />
Before Start Date<br />
<pre><br />
This poll is about to <br><br />
start at %POLL-START-DATE%<br><br />
and finish at %POLL-END-DATE%<br><br />
</pre><br />
After End Date<br />
<pre><br />
This poll is closed!<br />
Poll activity: <br><br />
start_date %POLL-START-DATE%<br><br />
end_date %POLL-END-DATE%<br><br />
<br />
Poll Results:<br />
<div id="yop-poll-question-%POLL-ID%" class="yop-poll-question">%POLL-QUESTION%</div><br />
<div id="yop-poll-answers-1" class="yop-poll-answers"><br />
<ul><br />
[ANSWER_RESULT_CONTAINER]<br />
<li class="yop-poll-li-result-%POLL-ID%"><br />
<label class="pds-feedback-label"><br />
<span class="pds-answer-text">%POLL-ANSWER-LABEL%</span><br />
<span class="pds-feedback-result"><br />
<span class="pds-feedback-per"> %POLL-ANSWER-RESULT-LABEL%</span><br />
</span><br />
</label><br />
<span class="pds-clear" style="display: block;clear: both;height:1px;line-height:1px;"> </span><br />
%POLL-ANSWER-RESULT-BAR%<br />
</li><br />
[/ANSWER_RESULT_CONTAINER]<br />
</ul><br />
</div><br />
%POLL-VOTE-BUTTON%<br />
</pre><br />
<br />
== Change Log ==<br />
8.8.13<br />
<pre><br />
Hallo Mascha und Clemens,<br />
<br />
folgende Funktionalität ist jetzt implementiert:<br />
<br />
- Zu einem Hauptbeitrag (Sozusagen 1.Ebene - entspricht dem Post in<br />
Wordpress) kann ein normaler Benutzer eine Frage stellen.<br />
- Zu den Fragen (das wäre dann die 2. Ebene) kann jeder Benutzer<br />
beliebig viele Beiträge machen<br />
- Benutzer ab Level 7 (Redakteure und Admins) können beliebig viele<br />
Fragen stellen.<br />
<br />
- Labels sind jetzt: "Hinterlasse einen Beitrag" und "Beitrag abschicken"<br />
<br />
Grüße,<br />
<br />
Stephan<br />
</pre><br />
<br />
11<br />
<br />
10/2014<br />
- Kommentare in Spalten sortieren, je nach Antwort<br />
- Overflow für Kommentarausgabe, damit die Felder nicht zu groß werden</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Licht&diff=21229Licht2015-10-13T17:33:35Z<p>37.49.33.84: </p>
<hr />
<div>Licht - Settings<br />
<br />
* Keylight (Etwas über dem Model ca. 30 Grad)<br />
* Filllight (Schultern, Haare)<br />
* Backlight<br />
* Kicker (Reflektiert von der Seite des Kopfes)<br />
<br />
Beispiel Interview: <br />
<br />
Von Rechts nach Links Camera - Interviewer - Keylight. Auf der anderen Seite der Kamera Fülllicht, hinten Backlight (mit Knickstativ) oder ein Kicker kanpp außerhalb des Sichtfelds der Kamera.</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Licht&diff=21228Licht2015-10-13T16:17:03Z<p>37.49.33.84: Die Seite wurde neu angelegt: „Licht - Settings * Keylight * Filllight * Backlight * Kicker Beispiel Interview: Von Rechts nach Links Camera - Interviewer - Keylight. Auf der anderen Se…“</p>
<hr />
<div>Licht - Settings<br />
<br />
* Keylight <br />
* Filllight<br />
* Backlight<br />
* Kicker<br />
<br />
Beispiel Interview: <br />
<br />
Von Rechts nach Links Camera - Interviewer - Keylight. Auf der anderen Seite der Kamera Fülllicht, hinten Backlight (mit Knickstativ) oder ein Kicker kanpp außerhalb des Sichtfelds der Kamera.</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Narda&diff=21227Narda2015-10-08T16:23:50Z<p>37.49.33.84: /* Änderungen */</p>
<hr />
<div>== Überblick ==<br />
RMA und ACC liegen auf Geo-bit Server und sind per iFrame eingebunden:<br />
<pre><br />
<iframe width="940" height="1000" src="/1/RMA/rma_select_01.php?req_art=rep_cal"></iframe><br />
<iframe width="940" height="1000" src="/1/RMA/rma_select_01.php?req_art=warranty"></iframe><br />
<iframe width="940" height="1000" src="/1/acc-2/login.php"></iframe><br />
</pre><br />
direkt erreichbar über:<br />
<br />
http://narda-sts.com.w00eb738.kasserver.com/1/RMA/rma_select_01.php?req_art=rep_cal<br />
http://narda-sts.com.w00eb738.kasserver.com/1/RMA/rma_select_01.php?req_art=warranty<br />
http://narda-sts.com.w00eb738.kasserver.com/1/acc-2/login.php<br />
<br />
== TYPO3 RMA Extension ==<br />
=== Dokumentation ===<br />
Narda RMA Prozess [[Dokumentation gbrma]]<br />
<br />
=== Zus. Leistungen ===<br />
<br />
Mail an Admin 6h / Mailtemplates<br />
pdf Generierung <br />
Vorfilterung nach Geräteklasse + Auswahlkontrolle<br />
Admin Ansicht benötigt ???<br />
Zusätzliche States<br />
Geräteliste zum Aufklappen ab 5 Zeilen<br />
Templatevarianten für<br />
SRM / IDA<br />
NBM<br />
Detailansicht für beendete RMA<br />
Express Calibration<br />
fpdf Integration für acc<br />
Bespr. Narda 2h<br />
Setting up Testing Area<br />
Klassen müssen ebenfalls einer Familie zugeordnet werden<br />
Checkboxen (calib, mod/upgr., repair, no service, nur dann anzeigen, wenn sinnvoll<br />
Checkboxen komplett weg für ACC<br />
Regel für mehrere Basedevices erlaubt (Radman)<br />
Clientnr. in fe_user<br />
Zeige Rmas by Client nr.<br />
Modification ausblenden wenn keine vorhanden<br />
Auslagerung von Texten in Lokalisierungstextfiles<br />
Möglichkeit zur Auswahl von Texten je nach Geräteklasse<br />
Erklärungstexte für Status<br />
ACC Filterung auf Geräteklassenebene<br />
Mail an Admin bei Delete<br />
Mapping des ERP Exports und checken der RMAs<br />
Test Scheduler einrichten<br />
<br />
=== Änderungen ===<br />
* Fehler beim '''Import''' wenn Leerzeilen enthalten - '''OK'''<br />
* Feature: Statt RMA Date immer '''Datum der letzten Status Aktualisierung'''. 1. Angelegt in T3 2. Datum der letzten Bearbeitung aus ERP Datei - '''OK'''<br />
** Model erweitern (tstamp) - '''OK'''<br />
** Templates auf tstamp statt cdate - '''OK'''<br />
** Anpassen im Code - '''OK'''<br />
* F: '''Datatables''' Skript für Listenansicht - '''OK'''<br />
* '''Validierungen'''<br />
** Keine Beschreibung bei Repair eingegeben - '''OK'''<br />
** Kein Service Request gewählt - '''OK'''<br />
** Inspection Repair und No Service nicht gemeinsam anwählbar - '''OK'''<br />
** F: Wenn Repair dann keine Kalibrierung (ist beinhaltet) -> Änderung Calib und Repair möglich - '''OK'''<br />
** F: Wenn Kalibrierung dann kein Repair -> ist doch möglich - '''OK'''<br />
* F: Am Ende Auswahlfeld Expresskalibrierung aber nur wenn Kalibrierung ausgewählt ist '''Todo'''<br />
* F: + Textfeld (Additional information) -> '''OK''' wird immer angezeigt auch wenn keine Expresskalib. ''' Evtl. anpassen (nach Rücksprache)'''<br />
* '''Beispielbilder''' "Wo finde ich die Seriennummer" in Add Metadevice - '''ToDo'''<br />
* Bug: Add Main Device, Add 2.Device, Zurück auf Main Device Tab => '''Tabs''' werden nicht mehr richtig dargestellt - '''OK'''<br />
* Nichtssagende '''Fehlermeldung''' in AddMetadevice wenn die Validierung scheitert (Seite wird erneut angezeigt) - '''OK'''<br />
* Feature: NewFormFields soll Auswahl für Acc nur anbieten wenn Userrecht vorliegt (Safety) - '''OK'''<br />
* '''RMA Doku''' -> z.T. aus E-Mails übernehmen - '''TODO'''<br />
* '''Fehlermeldungen von Extbase''' verhindern bei Browserbedienung (vor und zurück Buttons) - '''ToDo'''<br />
** Wenn '''RMA nicht vorhanden''' (z.B. gelöscht) dann aussagekräftige Fehlermeldung) ''' ToDo '''<br />
* Feature: '''RMA gelöscht Mail''' nur dann wenn Status 2 erreicht (also wenn schon eine Info bei Narda ankam) - '''OK'''<br />
* '''RMA Nummern''' werden nur als gelöscht markiert bzw. eine Nummer wird nie mehrfach vergeben. - '''OK'''<br />
* '''ACC'''<br />
** '''PDF''' muß auch an Kunden (FE-User) gesendet werden - '''OK'''<br />
* '''RMA löschen Bestätigung''' (JS) - '''OK'''<br />
* SRM Auswahl der Geräte -> richtige Tabs aktiv -> bei SRM 3 Tabs "rf-cable" - '''OK'''<br />
* E-Mail RMA Type weg, RMA Prominent oben, evtl. im Betreff - '''OK'''<br />
* Zuerst Device Title dann SN - '''OK'''<br />
* Umbenennungen<br />
** Express Order -> Express Calibration Service - '''OK'''<br />
** Factory Calibration / Repair -> ohne Warranty Request - '''OK'''<br />
** Modification Texte 5 und 6 - '''OK'''<br />
* F: ClientID Mode -> User mit der selben Client ID können RMAs anderer User sehen - '''ToDo'''<br />
** Client Id als Merkmal im User - ''' ToDo '''<br />
** Client ID muß beim abspreichern vorliegen und mit abgespeichert werden.<br />
<br />
== Internet Präsenz Narda ==<br />
<br />
Mischung aus verschiedenen Systemen<br />
<br />
Hauptdomain: www.narda-sts.de<br />
<br />
=== Content Management System ===<br />
Frontend ist TYPO3 allerdings werden einige Download-Listen über ein php-Skript generiert.<br />
Diese Inhalte werden über ein eigenes Tool realisiert.<br />
<br />
=== FTP-Zugänge ===<br />
<br />
Die Seite würd über vodafone gehostet. Vodafone der Zugriff erfolgt Zentral über<br />
ftp.vodafone-ip.de<br />
<br />
Im Admin Bereich von Vodafone kann man FTP Benutzer anlegen.<br />
Der Zugriff erfolgt dann über [benutzername]%[domainname]<br />
Also z.B. aszwei%narda-sts.de<br />
<br />
=== Server Verwaltung ===<br />
Hier kann man FTP Zugänge anlegen, auf phpMyAdmin zugreifen etc.<br />
Login unter: https://webadmin.arcor.net/Secure/<br />
<br />
=== phpMyAdmin ===<br />
Direkt zu erreichen unter:<br />
<br />
== Eigenes Admin System ==<br />
Zur Verwaltung von downloads, etc.<br />
http://www.narda-sts.de/admin/<br />
<br />
Greift auf eine separate Datenbank zu, in der die Daten abgelegt sind.<br />
<br />
==== Anpassen eines Software Downloads ====<br />
Um einen Download anzupassen spielt man die Datei per FTP unterhalb des Verzeichnisses<br />
/download/software/<br />
<br />
Als nächstes öffnet man das Admin Tool und geht in den Menüpunkt<br />
SoftwareUpdate (beta)<br />
Dort kann man die Release Nummer anpassen (z.B. 2011) und aus dem Dropdownfeld die passende Datei auswählen.<br />
<br />
==== Anlegen eines neuen Downloads ====<br />
Hierbei muß man beachten daß in TYPO3 ein php Schnipsel eingebunden wird.<br />
<pre><br />
<?php<br />
include("fileadmin/user_upload/scripts/db_func.inc");<br />
print (get_software_information("EFC_HF_Demo_EN"));<br />
?><br />
</pre><br />
<br />
gibt einen Download Block inkl. Link und Beschreibung aus.<br />
Wobei als Parameter der Name im Datenbankfeld re_call übergeben wird. Dieser wird beim Anlegen der Software manuell Vergeben<br />
<br />
== Sales Partner Extranet ==<br />
www.narda-sts.de/sp (oder /vp)<br />
<br />
<br />
== RMA Garantie und Rücklaufgeräte ==<br />
Dies wird über Vertragspartner erledigt, und es gibt ein weiteres Tool. Der User holt sich ein RMA Ticket (Online Formular) Je nach Region wird dann an den Vertriebspartner eine E-Mail versendet. Außerdem an Narda. <br />
<br />
Auf dem Serverl liegt es im Ordner /1/RMA/<br />
<br />
Im Quelltext sind auch etliche E-Mail Adressen hinterlegt die auf Mails zu Aichele und dem Programmierer hinweisen. Das müßte mal ausgemistet werden.<br />
<br />
=== Kontaktdaten der Vertriebspartner ===<br />
Diese sind in der Datenbank in der Tabelle ''' rma_requests''' hinterlegt.<br />
Es gibt auch eine Tabelle Vertriebspartner. Ist aber nicht ganz klar wann diese benutzt werden.<br />
Ich habe noch kein Administrationstool gefunden. Die Änderung kann aber direkt in der Datenbank erfolgen.<br />
<br />
Edit:<br />
<br />
Vertriebspartner in der Tabelle vertriebspartner werden vom RMA Prozess Tool (und vom neuen acc Tool) genutzt.<br />
<br />
Es gibt außerdem eine Ausgabe der Vertriebspartner Adressen. Dabei werden über das Admin Tool (Narda Tool -> Partner Update) html Dateien geschrieben, die dann im Typo eingebunden sind. (Total umständlich). Es wird die Tabelle ??? genutzt.<br />
<br />
=== Funktionsweise technische Realisierung (PHP-Skripte) ===<br />
Siehe MindMap<br />
<br />
Einstieg für den RMA Prozess ist der Link:<br />
<br />
http://www.narda-sts.de/1/RMA/rma_select_01.php?req_art=rep_cal<br />
<br />
<br />
In diesem Schritt wird die Länderauswahl angezeigt und die Art der Anfrege übergeben.<br />
Nach der Länderauswahl sieht der link dann ungefähr so aus:<br />
<br />
https://ssl.arcor-secure.de/narda-sts.de/1/RMA/rma_persData_02.php?req_art=rep_cal&req_id=P20110214_gF164223&req_reg=2<br />
<br />
Es wird also eine req_id und req_reg Übergeben. Und die Persönlichen Daten abgefragt.<br />
<br />
<br />
RMA/rma_reCall.php<br />
<br />
== ACC Prozess ==<br />
Für den ACC (Accredited Callbration) wurde das Tool komplett überarbeitet und entschlackt. Im Moment läuft es nicht auf dem Narda Server, sondern auf dem Geo-bit Server.<br />
<br />
=== Hinweise zur Datenbank ===<br />
Die Partner sind hier in der Tabelle Vertriebspartner hinterlegt. Sie Loggen sich mit ihrer ID und einem Passwort ein. Die Tabelle wurde ursprünglich kopiert und um einige Felder erweitert. <br />
<br />
Es können sich nur Partner anmelden die im Feld<br />
<br />
== Weitere Skripte ==<br />
<br />
Es sind einige weitere Skripte im Einsatz:<br />
<br />
=== Funktionsübersicht von Produkten ===<br />
/doc/fileadmin/user_upload/scripts/func_overview.inc.php<br />
<br />
Wird in Typo3 so aufgerufen:<br />
<br />
<pre><br />
<?php<br />
include("fileadmin/user_upload/scripts/func_overview.inc.php");<br />
$config_file = "typo3conf/localconf.php";<br />
$image_path = "fileadmin/user_upload/products/personal_protection";<br />
$page_id = 70; // ID DER UEBERGEORDNETEN SEITE<br />
print get_overview($page_id,$image_path,"Personal Monitor");<br />
?><br />
<br />
<br />
</pre><br />
<br />
Funktion:<br />
<br />
* Liest die aktuelle Sprache aus dem L Parameter oder der RealURL Adresse<br />
* Liest die pid der untergeordneten Seiten aus.<br />
<br />
=== Mailfunktion RMA / ACC ===<br />
==== RMA ====<br />
Es werden mehrere Mails generiert. <br />
<br />
1. Schritt User Registrierung => Mail mit dem Ticket. Dieses enthält einen Link. Für die Geräteeingabe<br />
Mailversand in '''rma_persData_02.php'''<br />
<br />
2. Schritt Versand der RMA Daten<br />
$html_mail_versand = send_html_mail($req_number,$req_ident_number,$req_art);<br />
kommt aus '''mail_html_function.inc.php'''<br />
<br />
==== ACC ====<br />
Das Formular zur Eingabe liegt in '''acc_form.ph'''p Nach Absenden wird '''acc_form_send.php''' aufgerufen. In diesem wird die Mail über die Funktion <br />
$success = send_acc_mail($rma_num,$arrForm,$arrPartner); <br />
versendet. Die Funktion wird in '''lib/acal_functions.php''' zur Verfügung gestellt.<br />
<pre><br />
FORMULAR MAILVERSAND / FEEDBACK<br />
acc_form.php -> acc_form_send.php <- includes acal_functions.php (send_acc_mail)<br />
<br />
</pre></div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Dokumentation_gbrma&diff=21226Dokumentation gbrma2015-10-08T15:24:42Z<p>37.49.33.84: /* Genereller Zugriff */</p>
<hr />
<div>== Einrichtung ==<br />
<br />
=== TS Configuration ===<br />
'''Konstanten'''<br />
<pre><br />
plugin.tx_gbdevices.persistence.storagePid = 49 # gbdevices wird benötigt für gbrma<br />
plugin.tx_gbrma.persistence.storagePid = 49 # Speicherort der RMA Daten<br />
</pre><br />
'''Setup'''<br />
<pre><br />
senderMail = test@example.com //na<br />
senderMailName = Test Mailer //na<br />
adminMail = email@example.com // Adresse für Admin Mails<br />
adminMailName = Test Admin // Name des Admins in E-Mails<br />
mailSubject = RMA Request // Betreffzeile der Admin Mails wenn nicht anders im Code definiert evtl. rauswerfen TODO<br />
superuserId = 1 // na<br />
nbmClassId = 7 // Geräteklassen ID für nbm Geräte (für Sonderregelung bei der Auswahl)<br />
nbm520Id = 104 // Geräte ID für nbm 520 wegen Sonderregelung<br />
nbm550Id = 103 // Geräte ID für nbm550 wegen Sonderregelung<br />
multipleBaseDevicesAllowedClassIds = <br />
restrictFamilyAccessToFegroups = 0 // Schalter - beschränkt Zugriff auf bestimmte Gerätefamilien <br />
// Wenn an dann muß die Familie einer Usergruppe zugeordnet sein. Nur User dieser Gruppe stehen Geräten dieser Familie für RMAs zur Verfügung<br />
#pdf_css = EXT:gbrma/Resources/Public/Css/pdf.css // Not used<br />
#pdf_html = EXT:gbrma/Resources/Private/Templates/Pdf/pdf.html // Not used<br />
</pre><br />
=== Zugriff auf RMA Plugin schützen ===<br />
Das Plugin erlaubt generell jedem FE-User RMAs anzulegen. Welche Art von RMAs wird durch die weitere Konfiguration geregelt (s.u.). Wenn Nur bestimmte Benutzer das Plugin benutzen sollen kann man eine '''normale FE-User Gruppe''' (z.B. mit dem Namen RMA) anlegen und für die Seite auf der das Plugin liegt einen FE-User Zugriff einrichten.<br />
<br />
=== Family Access ===<br />
restrictFamilyAccessToFegroups = 1<br />
Wenn dieser Wert im Setup gesetzt wird, dann kann der '''Benutzer nur noch bestimmte Gerätefamilien für RMAs auswählen'''. Wenn es nicht gesetzt ist können die Benutzer alle Familien nutzen.<br />
<br />
Durch die Installation von gbrma wird gbdevices um ein Feld erweitert. <br />
* GB Devices -> Familie auswählen und Benutzergruppe im Feld Allowed FE-User Group setzen<br />
* Dem FE User diese Gruppe zuordnen.<br />
=== Client Mode ===<br />
In diesem Modus dient die Client ID (im User unter RMA hinterlegt) als Zugriffsmerkmal für die RMAs. D.h. mehrere User können auf die selben RMAs zugreifen<br />
<br />
=== Model / Fields Dokumentation ===<br />
Beispiel Array einer RMA mit untergeordneten Models für Metadevice, Device, DeviceClass, DeviceFamily<br />
<syntaxhighlight lang="php"><br />
array(rma => Geobit\Gbrma\Domain\Model\Rmaprototypepersistent entity (uid=11, pid=53)<br />
rmaNumber => '8' (1 chars)<br />
rmaType => 1 (integer)<br />
locked => 0 (integer)<br />
state => 0 (integer)<br />
orderExpress => 0 (integer)<br />
additionalInformation => '' (0 chars)<br />
rmaUser => 1 (integer)<br />
crdate => 1443778492 (integer)<br />
tstamp => 1443783879 (integer)<br />
uid => 11 (integer)<br />
pid => 53 (integer)<br />
metadevice => TYPO3\CMS\Extbase\Persistence\ObjectStorageprototypeobject (2 items)<br />
0000000002d804830000000151a56f69 => Geobit\Gbrma\Domain\Model\Metadeviceprototypepersistent entity (uid=12, pid=53)<br />
uid => 12 (integer)<br />
pid => 53 (integer)<br />
serial => 'aewtqwer' (8 chars)<br />
description => '' (0 chars)<br />
jsondata => '{"none":"1"}' (12 chars)<br />
serviceRepair => 0 (integer)<br />
serviceCalibration => 0 (integer)<br />
serviceModification => 0 (integer)<br />
serviceNone => 1 (integer)<br />
device => Geobit\Gbdevices\Domain\Model\Deviceprototypepersistent entity (uid=3, pid=49)<br />
uid => 3 (integer)<br />
pid => 49 (integer)<br />
deviceTitle => '2138/01 EMD-100' (15 chars)<br />
deviceDescription => '' (0 chars)<br />
deviceType => 1 (integer)<br />
isBaseDevice => FALSE<br />
accPossible => FALSE<br />
repairDiscontinued => TRUE<br />
modification => 0 (integer)<br />
deviceImage => NULL<br />
deviceClass => Geobit\Gbdevices\Domain\Model\DeviceClassprototypepersistent entity (uid=2, pid=49)<br />
classTitle => 'EMD Series' (10 chars)<br />
classDescription => '' (0 chars)<br />
classFamily => 0 (integer)<br />
accPossible => FALSE<br />
uid => 2 (integer)<br />
pid => 49 (integer)<br />
deviceFamily => Geobit\Gbdevices\Domain\Model\DeviceFamilyprototypepersistent entity (uid=1, pid=49)<br />
familyTitle => 'Safety' (6 chars)<br />
familyDescription => 'NARDA Safety Product Family' (27 chars)<br />
familyFegroupAccess => 2 (integer)<br />
uid => 1 (integer)<br />
pid => 49 (integer)<br />
)<br />
</syntaxhighlight></div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Dokumentation_gbrma&diff=21225Dokumentation gbrma2015-10-08T15:24:20Z<p>37.49.33.84: /* Einrichtung */</p>
<hr />
<div>== Einrichtung ==<br />
<br />
=== TS Configuration ===<br />
'''Konstanten'''<br />
<pre><br />
plugin.tx_gbdevices.persistence.storagePid = 49 # gbdevices wird benötigt für gbrma<br />
plugin.tx_gbrma.persistence.storagePid = 49 # Speicherort der RMA Daten<br />
</pre><br />
'''Setup'''<br />
<pre><br />
senderMail = test@example.com //na<br />
senderMailName = Test Mailer //na<br />
adminMail = email@example.com // Adresse für Admin Mails<br />
adminMailName = Test Admin // Name des Admins in E-Mails<br />
mailSubject = RMA Request // Betreffzeile der Admin Mails wenn nicht anders im Code definiert evtl. rauswerfen TODO<br />
superuserId = 1 // na<br />
nbmClassId = 7 // Geräteklassen ID für nbm Geräte (für Sonderregelung bei der Auswahl)<br />
nbm520Id = 104 // Geräte ID für nbm 520 wegen Sonderregelung<br />
nbm550Id = 103 // Geräte ID für nbm550 wegen Sonderregelung<br />
multipleBaseDevicesAllowedClassIds = <br />
restrictFamilyAccessToFegroups = 0 // Schalter - beschränkt Zugriff auf bestimmte Gerätefamilien <br />
// Wenn an dann muß die Familie einer Usergruppe zugeordnet sein. Nur User dieser Gruppe stehen Geräten dieser Familie für RMAs zur Verfügung<br />
#pdf_css = EXT:gbrma/Resources/Public/Css/pdf.css // Not used<br />
#pdf_html = EXT:gbrma/Resources/Private/Templates/Pdf/pdf.html // Not used<br />
</pre><br />
=== Genereller Zugriff ===<br />
Das Plugin erlaubt generell jedem FE-User RMAs anzulegen. Welche Art von RMAs wird durch die weitere Konfiguration geregelt (s.u.). Wenn Nur bestimmte Benutzer das Plugin benutzen sollen kann man eine '''normale FE-User Gruppe''' (z.B. mit dem Namen RMA) anlegen und für die Seite auf der das Plugin liegt einen FE-User Zugriff einrichten.<br />
=== Family Access ===<br />
restrictFamilyAccessToFegroups = 1<br />
Wenn dieser Wert im Setup gesetzt wird, dann kann der '''Benutzer nur noch bestimmte Gerätefamilien für RMAs auswählen'''. Wenn es nicht gesetzt ist können die Benutzer alle Familien nutzen.<br />
<br />
Durch die Installation von gbrma wird gbdevices um ein Feld erweitert. <br />
* GB Devices -> Familie auswählen und Benutzergruppe im Feld Allowed FE-User Group setzen<br />
* Dem FE User diese Gruppe zuordnen.<br />
=== Client Mode ===<br />
In diesem Modus dient die Client ID (im User unter RMA hinterlegt) als Zugriffsmerkmal für die RMAs. D.h. mehrere User können auf die selben RMAs zugreifen<br />
<br />
=== Model / Fields Dokumentation ===<br />
Beispiel Array einer RMA mit untergeordneten Models für Metadevice, Device, DeviceClass, DeviceFamily<br />
<syntaxhighlight lang="php"><br />
array(rma => Geobit\Gbrma\Domain\Model\Rmaprototypepersistent entity (uid=11, pid=53)<br />
rmaNumber => '8' (1 chars)<br />
rmaType => 1 (integer)<br />
locked => 0 (integer)<br />
state => 0 (integer)<br />
orderExpress => 0 (integer)<br />
additionalInformation => '' (0 chars)<br />
rmaUser => 1 (integer)<br />
crdate => 1443778492 (integer)<br />
tstamp => 1443783879 (integer)<br />
uid => 11 (integer)<br />
pid => 53 (integer)<br />
metadevice => TYPO3\CMS\Extbase\Persistence\ObjectStorageprototypeobject (2 items)<br />
0000000002d804830000000151a56f69 => Geobit\Gbrma\Domain\Model\Metadeviceprototypepersistent entity (uid=12, pid=53)<br />
uid => 12 (integer)<br />
pid => 53 (integer)<br />
serial => 'aewtqwer' (8 chars)<br />
description => '' (0 chars)<br />
jsondata => '{"none":"1"}' (12 chars)<br />
serviceRepair => 0 (integer)<br />
serviceCalibration => 0 (integer)<br />
serviceModification => 0 (integer)<br />
serviceNone => 1 (integer)<br />
device => Geobit\Gbdevices\Domain\Model\Deviceprototypepersistent entity (uid=3, pid=49)<br />
uid => 3 (integer)<br />
pid => 49 (integer)<br />
deviceTitle => '2138/01 EMD-100' (15 chars)<br />
deviceDescription => '' (0 chars)<br />
deviceType => 1 (integer)<br />
isBaseDevice => FALSE<br />
accPossible => FALSE<br />
repairDiscontinued => TRUE<br />
modification => 0 (integer)<br />
deviceImage => NULL<br />
deviceClass => Geobit\Gbdevices\Domain\Model\DeviceClassprototypepersistent entity (uid=2, pid=49)<br />
classTitle => 'EMD Series' (10 chars)<br />
classDescription => '' (0 chars)<br />
classFamily => 0 (integer)<br />
accPossible => FALSE<br />
uid => 2 (integer)<br />
pid => 49 (integer)<br />
deviceFamily => Geobit\Gbdevices\Domain\Model\DeviceFamilyprototypepersistent entity (uid=1, pid=49)<br />
familyTitle => 'Safety' (6 chars)<br />
familyDescription => 'NARDA Safety Product Family' (27 chars)<br />
familyFegroupAccess => 2 (integer)<br />
uid => 1 (integer)<br />
pid => 49 (integer)<br />
)<br />
</syntaxhighlight></div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Dokumentation_gbrma&diff=21224Dokumentation gbrma2015-10-08T14:50:52Z<p>37.49.33.84: /* TS Configuration */</p>
<hr />
<div>== Einrichtung ==<br />
<br />
=== TS Configuration ===<br />
'''Konstanten'''<br />
<pre><br />
plugin.tx_gbdevices.persistence.storagePid = 49 # gbdevices wird benötigt für gbrma<br />
plugin.tx_gbrma.persistence.storagePid = 49 # Speicherort der RMA Daten<br />
</pre><br />
'''Setup'''<br />
<pre><br />
senderMail = test@example.com //na<br />
senderMailName = Test Mailer //na<br />
adminMail = email@example.com // Adresse für Admin Mails<br />
adminMailName = Test Admin // Name des Admins in E-Mails<br />
mailSubject = RMA Request // Betreffzeile der Admin Mails wenn nicht anders im Code definiert evtl. rauswerfen TODO<br />
superuserId = 1 // na<br />
nbmClassId = 7 // Geräteklassen ID für nbm Geräte (für Sonderregelung bei der Auswahl)<br />
nbm520Id = 104 // Geräte ID für nbm 520 wegen Sonderregelung<br />
nbm550Id = 103 // Geräte ID für nbm550 wegen Sonderregelung<br />
multipleBaseDevicesAllowedClassIds = <br />
restrictFamilyAccessToFegroups = 0 // Schalter - beschränkt Zugriff auf bestimmte Gerätefamilien <br />
// Wenn an dann muß die Familie einer Usergruppe zugeordnet sein. Nur User dieser Gruppe stehen Geräten dieser Familie für RMAs zur Verfügung<br />
#pdf_css = EXT:gbrma/Resources/Public/Css/pdf.css // Not used<br />
#pdf_html = EXT:gbrma/Resources/Private/Templates/Pdf/pdf.html // Not used<br />
</pre><br />
<br />
=== Family Access ===<br />
restrictFamilyAccessToFegroups = 1<br />
Wenn dieser Wert im Setup gesetzt wird, dann kann der '''Benutzer nur noch bestimmte Gerätefamilien für RMAs auswählen'''. Wenn es nicht gesetzt ist können die Benutzer alle Familien nutzen.<br />
<br />
Durch die Installation von gbrma wird gbdevices um ein Feld erweitert. <br />
* GB Devices -> Familie auswählen und Benutzergruppe im Feld Allowed FE-User Group setzen<br />
* Dem FE User diese Gruppe zuordnen.<br />
=== Client Mode ===<br />
In diesem Modus dient die Client ID (im User unter RMA hinterlegt) als Zugriffsmerkmal für die RMAs. D.h. mehrere User können auf die selben RMAs zugreifen<br />
<br />
=== Model / Fields Dokumentation ===<br />
Beispiel Array einer RMA mit untergeordneten Models für Metadevice, Device, DeviceClass, DeviceFamily<br />
<syntaxhighlight lang="php"><br />
array(rma => Geobit\Gbrma\Domain\Model\Rmaprototypepersistent entity (uid=11, pid=53)<br />
rmaNumber => '8' (1 chars)<br />
rmaType => 1 (integer)<br />
locked => 0 (integer)<br />
state => 0 (integer)<br />
orderExpress => 0 (integer)<br />
additionalInformation => '' (0 chars)<br />
rmaUser => 1 (integer)<br />
crdate => 1443778492 (integer)<br />
tstamp => 1443783879 (integer)<br />
uid => 11 (integer)<br />
pid => 53 (integer)<br />
metadevice => TYPO3\CMS\Extbase\Persistence\ObjectStorageprototypeobject (2 items)<br />
0000000002d804830000000151a56f69 => Geobit\Gbrma\Domain\Model\Metadeviceprototypepersistent entity (uid=12, pid=53)<br />
uid => 12 (integer)<br />
pid => 53 (integer)<br />
serial => 'aewtqwer' (8 chars)<br />
description => '' (0 chars)<br />
jsondata => '{"none":"1"}' (12 chars)<br />
serviceRepair => 0 (integer)<br />
serviceCalibration => 0 (integer)<br />
serviceModification => 0 (integer)<br />
serviceNone => 1 (integer)<br />
device => Geobit\Gbdevices\Domain\Model\Deviceprototypepersistent entity (uid=3, pid=49)<br />
uid => 3 (integer)<br />
pid => 49 (integer)<br />
deviceTitle => '2138/01 EMD-100' (15 chars)<br />
deviceDescription => '' (0 chars)<br />
deviceType => 1 (integer)<br />
isBaseDevice => FALSE<br />
accPossible => FALSE<br />
repairDiscontinued => TRUE<br />
modification => 0 (integer)<br />
deviceImage => NULL<br />
deviceClass => Geobit\Gbdevices\Domain\Model\DeviceClassprototypepersistent entity (uid=2, pid=49)<br />
classTitle => 'EMD Series' (10 chars)<br />
classDescription => '' (0 chars)<br />
classFamily => 0 (integer)<br />
accPossible => FALSE<br />
uid => 2 (integer)<br />
pid => 49 (integer)<br />
deviceFamily => Geobit\Gbdevices\Domain\Model\DeviceFamilyprototypepersistent entity (uid=1, pid=49)<br />
familyTitle => 'Safety' (6 chars)<br />
familyDescription => 'NARDA Safety Product Family' (27 chars)<br />
familyFegroupAccess => 2 (integer)<br />
uid => 1 (integer)<br />
pid => 49 (integer)<br />
)<br />
</syntaxhighlight></div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Dokumentation_gbrma&diff=21223Dokumentation gbrma2015-10-08T14:47:28Z<p>37.49.33.84: /* Family Access */</p>
<hr />
<div>== Einrichtung ==<br />
<br />
=== TS Configuration ===<br />
Konstanten<br />
<pre><br />
plugin.tx_gbdevices.persistence.storagePid = 49 # gbdevices wird benötigt für gbrma<br />
plugin.tx_gbrma.persistence.storagePid = 49 # Speicherort der RMA Daten<br />
</pre><br />
Setup<br />
<pre><br />
senderMail = test@example.com<br />
senderMailName = Test Mailer<br />
adminMail = email@example.com<br />
adminMailName = Test Admin<br />
mailSubject = RMA Request<br />
superuserId = 1<br />
nbmClassId = 7<br />
nbm520Id = 104<br />
nbm550Id = 103<br />
multipleBaseDevicesAllowedClassIds = <br />
restrictFamilyAccessToFegroups = 0 <br />
// Wenn an dann muß die Familie einer Usergruppe zugeordnet sein. Nur User dieser Gruppe stehen Geräten dieser Familie für RMAs zur Verfügung<br />
#pdf_css = EXT:gbrma/Resources/Public/Css/pdf.css // Not used<br />
#pdf_html = EXT:gbrma/Resources/Private/Templates/Pdf/pdf.html // Not used<br />
</pre><br />
<br />
=== Family Access ===<br />
restrictFamilyAccessToFegroups = 1<br />
Wenn dieser Wert im Setup gesetzt wird, dann kann der '''Benutzer nur noch bestimmte Gerätefamilien für RMAs auswählen'''. Wenn es nicht gesetzt ist können die Benutzer alle Familien nutzen.<br />
<br />
Durch die Installation von gbrma wird gbdevices um ein Feld erweitert. <br />
* GB Devices -> Familie auswählen und Benutzergruppe im Feld Allowed FE-User Group setzen<br />
* Dem FE User diese Gruppe zuordnen.<br />
=== Client Mode ===<br />
In diesem Modus dient die Client ID (im User unter RMA hinterlegt) als Zugriffsmerkmal für die RMAs. D.h. mehrere User können auf die selben RMAs zugreifen<br />
<br />
=== Model / Fields Dokumentation ===<br />
Beispiel Array einer RMA mit untergeordneten Models für Metadevice, Device, DeviceClass, DeviceFamily<br />
<syntaxhighlight lang="php"><br />
array(rma => Geobit\Gbrma\Domain\Model\Rmaprototypepersistent entity (uid=11, pid=53)<br />
rmaNumber => '8' (1 chars)<br />
rmaType => 1 (integer)<br />
locked => 0 (integer)<br />
state => 0 (integer)<br />
orderExpress => 0 (integer)<br />
additionalInformation => '' (0 chars)<br />
rmaUser => 1 (integer)<br />
crdate => 1443778492 (integer)<br />
tstamp => 1443783879 (integer)<br />
uid => 11 (integer)<br />
pid => 53 (integer)<br />
metadevice => TYPO3\CMS\Extbase\Persistence\ObjectStorageprototypeobject (2 items)<br />
0000000002d804830000000151a56f69 => Geobit\Gbrma\Domain\Model\Metadeviceprototypepersistent entity (uid=12, pid=53)<br />
uid => 12 (integer)<br />
pid => 53 (integer)<br />
serial => 'aewtqwer' (8 chars)<br />
description => '' (0 chars)<br />
jsondata => '{"none":"1"}' (12 chars)<br />
serviceRepair => 0 (integer)<br />
serviceCalibration => 0 (integer)<br />
serviceModification => 0 (integer)<br />
serviceNone => 1 (integer)<br />
device => Geobit\Gbdevices\Domain\Model\Deviceprototypepersistent entity (uid=3, pid=49)<br />
uid => 3 (integer)<br />
pid => 49 (integer)<br />
deviceTitle => '2138/01 EMD-100' (15 chars)<br />
deviceDescription => '' (0 chars)<br />
deviceType => 1 (integer)<br />
isBaseDevice => FALSE<br />
accPossible => FALSE<br />
repairDiscontinued => TRUE<br />
modification => 0 (integer)<br />
deviceImage => NULL<br />
deviceClass => Geobit\Gbdevices\Domain\Model\DeviceClassprototypepersistent entity (uid=2, pid=49)<br />
classTitle => 'EMD Series' (10 chars)<br />
classDescription => '' (0 chars)<br />
classFamily => 0 (integer)<br />
accPossible => FALSE<br />
uid => 2 (integer)<br />
pid => 49 (integer)<br />
deviceFamily => Geobit\Gbdevices\Domain\Model\DeviceFamilyprototypepersistent entity (uid=1, pid=49)<br />
familyTitle => 'Safety' (6 chars)<br />
familyDescription => 'NARDA Safety Product Family' (27 chars)<br />
familyFegroupAccess => 2 (integer)<br />
uid => 1 (integer)<br />
pid => 49 (integer)<br />
)<br />
</syntaxhighlight></div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Narda&diff=21222Narda2015-10-08T14:41:44Z<p>37.49.33.84: /* Änderungen */</p>
<hr />
<div>== Überblick ==<br />
RMA und ACC liegen auf Geo-bit Server und sind per iFrame eingebunden:<br />
<pre><br />
<iframe width="940" height="1000" src="/1/RMA/rma_select_01.php?req_art=rep_cal"></iframe><br />
<iframe width="940" height="1000" src="/1/RMA/rma_select_01.php?req_art=warranty"></iframe><br />
<iframe width="940" height="1000" src="/1/acc-2/login.php"></iframe><br />
</pre><br />
direkt erreichbar über:<br />
<br />
http://narda-sts.com.w00eb738.kasserver.com/1/RMA/rma_select_01.php?req_art=rep_cal<br />
http://narda-sts.com.w00eb738.kasserver.com/1/RMA/rma_select_01.php?req_art=warranty<br />
http://narda-sts.com.w00eb738.kasserver.com/1/acc-2/login.php<br />
<br />
== TYPO3 RMA Extension ==<br />
=== Dokumentation ===<br />
Narda RMA Prozess [[Dokumentation gbrma]]<br />
<br />
=== Zus. Leistungen ===<br />
<br />
Mail an Admin 6h / Mailtemplates<br />
pdf Generierung <br />
Vorfilterung nach Geräteklasse + Auswahlkontrolle<br />
Admin Ansicht benötigt ???<br />
Zusätzliche States<br />
Geräteliste zum Aufklappen ab 5 Zeilen<br />
Templatevarianten für<br />
SRM / IDA<br />
NBM<br />
Detailansicht für beendete RMA<br />
Express Calibration<br />
fpdf Integration für acc<br />
Bespr. Narda 2h<br />
Setting up Testing Area<br />
Klassen müssen ebenfalls einer Familie zugeordnet werden<br />
Checkboxen (calib, mod/upgr., repair, no service, nur dann anzeigen, wenn sinnvoll<br />
Checkboxen komplett weg für ACC<br />
Regel für mehrere Basedevices erlaubt (Radman)<br />
Clientnr. in fe_user<br />
Zeige Rmas by Client nr.<br />
Modification ausblenden wenn keine vorhanden<br />
Auslagerung von Texten in Lokalisierungstextfiles<br />
Möglichkeit zur Auswahl von Texten je nach Geräteklasse<br />
Erklärungstexte für Status<br />
ACC Filterung auf Geräteklassenebene<br />
Mail an Admin bei Delete<br />
Mapping des ERP Exports und checken der RMAs<br />
Test Scheduler einrichten<br />
<br />
=== Änderungen ===<br />
* Fehler beim '''Import''' wenn Leerzeilen enthalten - '''OK'''<br />
* Feature: Statt RMA Date immer '''Datum der letzten Status Aktualisierung'''. 1. Angelegt in T3 2. Datum der letzten Bearbeitung aus ERP Datei - '''OK'''<br />
** Model erweitern (tstamp) - '''OK'''<br />
** Templates auf tstamp statt cdate - '''OK'''<br />
** Anpassen im Code - '''OK'''<br />
* F: '''Datatables''' Skript für Listenansicht - '''OK'''<br />
* '''Validierungen'''<br />
** Keine Beschreibung bei Repair eingegeben - '''OK'''<br />
** Kein Service Request gewählt - '''OK'''<br />
** Inspection Repair und No Service nicht gemeinsam anwählbar - '''OK'''<br />
** F: Wenn Repair dann keine Kalibrierung (ist beinhaltet) -> Änderung Calib und Repair möglich - '''OK'''<br />
** F: Wenn Kalibrierung dann kein Repair -> ist doch möglich - '''OK'''<br />
* F: Am Ende Auswahlfeld Expresskalibrierung aber nur wenn Kalibrierung ausgewählt ist '''Todo'''<br />
* F: + Textfeld (Additional information) -> '''OK''' wird immer angezeigt auch wenn keine Expresskalib. ''' Evtl. anpassen (nach Rücksprache)'''<br />
* '''Beispielbilder''' "Wo finde ich die Seriennummer" in Add Metadevice - '''ToDo'''<br />
* Bug: Add Main Device, Add 2.Device, Zurück auf Main Device Tab => '''Tabs''' werden nicht mehr richtig dargestellt - '''OK'''<br />
* Nichtssagende '''Fehlermeldung''' in AddMetadevice wenn die Validierung scheitert (Seite wird erneut angezeigt) - '''OK'''<br />
* Feature: NewFormFields soll Auswahl für Acc nur anbieten wenn Userrecht vorliegt (Safety) - ToDo<br />
* '''RMA Doku''' -> z.T. aus E-Mails übernehmen - '''TODO'''<br />
* '''Fehlermeldungen von Extbase''' verhindern bei Browserbedienung (vor und zurück Buttons) - '''ToDo'''<br />
** Wenn '''RMA nicht vorhanden''' (z.B. gelöscht) dann aussagekräftige Fehlermeldung) ''' ToDo '''<br />
* Feature: '''RMA gelöscht Mail''' nur dann wenn Status 2 erreicht (also wenn schon eine Info bei Narda ankam) - '''OK'''<br />
* '''RMA Nummern''' werden nur als gelöscht markiert bzw. eine Nummer wird nie mehrfach vergeben. - '''OK'''<br />
* '''ACC'''<br />
** '''PDF''' muß auch an Kunden (FE-User) gesendet werden - '''OK'''<br />
* '''RMA löschen Bestätigung''' (JS) - '''OK'''<br />
* SRM Auswahl der Geräte -> richtige Tabs aktiv -> bei SRM 3 Tabs "rf-cable" - '''OK'''<br />
* E-Mail RMA Type weg, RMA Prominent oben, evtl. im Betreff - '''OK'''<br />
* Zuerst Device Title dann SN - '''OK'''<br />
* Umbenennungen<br />
** Express Order -> Express Calibration Service - '''OK'''<br />
** Factory Calibration / Repair -> ohne Warranty Request - '''OK'''<br />
** Modification Texte 5 und 6 - '''OK'''<br />
* F: ClientID Mode -> User mit der selben Client ID können RMAs anderer User sehen - '''ToDo'''<br />
** Client Id als Merkmal im User - ''' ToDo '''<br />
** Client ID muß beim abspreichern vorliegen und mit abgespeichert werden.<br />
<br />
== Internet Präsenz Narda ==<br />
<br />
Mischung aus verschiedenen Systemen<br />
<br />
Hauptdomain: www.narda-sts.de<br />
<br />
=== Content Management System ===<br />
Frontend ist TYPO3 allerdings werden einige Download-Listen über ein php-Skript generiert.<br />
Diese Inhalte werden über ein eigenes Tool realisiert.<br />
<br />
=== FTP-Zugänge ===<br />
<br />
Die Seite würd über vodafone gehostet. Vodafone der Zugriff erfolgt Zentral über<br />
ftp.vodafone-ip.de<br />
<br />
Im Admin Bereich von Vodafone kann man FTP Benutzer anlegen.<br />
Der Zugriff erfolgt dann über [benutzername]%[domainname]<br />
Also z.B. aszwei%narda-sts.de<br />
<br />
=== Server Verwaltung ===<br />
Hier kann man FTP Zugänge anlegen, auf phpMyAdmin zugreifen etc.<br />
Login unter: https://webadmin.arcor.net/Secure/<br />
<br />
=== phpMyAdmin ===<br />
Direkt zu erreichen unter:<br />
<br />
== Eigenes Admin System ==<br />
Zur Verwaltung von downloads, etc.<br />
http://www.narda-sts.de/admin/<br />
<br />
Greift auf eine separate Datenbank zu, in der die Daten abgelegt sind.<br />
<br />
==== Anpassen eines Software Downloads ====<br />
Um einen Download anzupassen spielt man die Datei per FTP unterhalb des Verzeichnisses<br />
/download/software/<br />
<br />
Als nächstes öffnet man das Admin Tool und geht in den Menüpunkt<br />
SoftwareUpdate (beta)<br />
Dort kann man die Release Nummer anpassen (z.B. 2011) und aus dem Dropdownfeld die passende Datei auswählen.<br />
<br />
==== Anlegen eines neuen Downloads ====<br />
Hierbei muß man beachten daß in TYPO3 ein php Schnipsel eingebunden wird.<br />
<pre><br />
<?php<br />
include("fileadmin/user_upload/scripts/db_func.inc");<br />
print (get_software_information("EFC_HF_Demo_EN"));<br />
?><br />
</pre><br />
<br />
gibt einen Download Block inkl. Link und Beschreibung aus.<br />
Wobei als Parameter der Name im Datenbankfeld re_call übergeben wird. Dieser wird beim Anlegen der Software manuell Vergeben<br />
<br />
== Sales Partner Extranet ==<br />
www.narda-sts.de/sp (oder /vp)<br />
<br />
<br />
== RMA Garantie und Rücklaufgeräte ==<br />
Dies wird über Vertragspartner erledigt, und es gibt ein weiteres Tool. Der User holt sich ein RMA Ticket (Online Formular) Je nach Region wird dann an den Vertriebspartner eine E-Mail versendet. Außerdem an Narda. <br />
<br />
Auf dem Serverl liegt es im Ordner /1/RMA/<br />
<br />
Im Quelltext sind auch etliche E-Mail Adressen hinterlegt die auf Mails zu Aichele und dem Programmierer hinweisen. Das müßte mal ausgemistet werden.<br />
<br />
=== Kontaktdaten der Vertriebspartner ===<br />
Diese sind in der Datenbank in der Tabelle ''' rma_requests''' hinterlegt.<br />
Es gibt auch eine Tabelle Vertriebspartner. Ist aber nicht ganz klar wann diese benutzt werden.<br />
Ich habe noch kein Administrationstool gefunden. Die Änderung kann aber direkt in der Datenbank erfolgen.<br />
<br />
Edit:<br />
<br />
Vertriebspartner in der Tabelle vertriebspartner werden vom RMA Prozess Tool (und vom neuen acc Tool) genutzt.<br />
<br />
Es gibt außerdem eine Ausgabe der Vertriebspartner Adressen. Dabei werden über das Admin Tool (Narda Tool -> Partner Update) html Dateien geschrieben, die dann im Typo eingebunden sind. (Total umständlich). Es wird die Tabelle ??? genutzt.<br />
<br />
=== Funktionsweise technische Realisierung (PHP-Skripte) ===<br />
Siehe MindMap<br />
<br />
Einstieg für den RMA Prozess ist der Link:<br />
<br />
http://www.narda-sts.de/1/RMA/rma_select_01.php?req_art=rep_cal<br />
<br />
<br />
In diesem Schritt wird die Länderauswahl angezeigt und die Art der Anfrege übergeben.<br />
Nach der Länderauswahl sieht der link dann ungefähr so aus:<br />
<br />
https://ssl.arcor-secure.de/narda-sts.de/1/RMA/rma_persData_02.php?req_art=rep_cal&req_id=P20110214_gF164223&req_reg=2<br />
<br />
Es wird also eine req_id und req_reg Übergeben. Und die Persönlichen Daten abgefragt.<br />
<br />
<br />
RMA/rma_reCall.php<br />
<br />
== ACC Prozess ==<br />
Für den ACC (Accredited Callbration) wurde das Tool komplett überarbeitet und entschlackt. Im Moment läuft es nicht auf dem Narda Server, sondern auf dem Geo-bit Server.<br />
<br />
=== Hinweise zur Datenbank ===<br />
Die Partner sind hier in der Tabelle Vertriebspartner hinterlegt. Sie Loggen sich mit ihrer ID und einem Passwort ein. Die Tabelle wurde ursprünglich kopiert und um einige Felder erweitert. <br />
<br />
Es können sich nur Partner anmelden die im Feld<br />
<br />
== Weitere Skripte ==<br />
<br />
Es sind einige weitere Skripte im Einsatz:<br />
<br />
=== Funktionsübersicht von Produkten ===<br />
/doc/fileadmin/user_upload/scripts/func_overview.inc.php<br />
<br />
Wird in Typo3 so aufgerufen:<br />
<br />
<pre><br />
<?php<br />
include("fileadmin/user_upload/scripts/func_overview.inc.php");<br />
$config_file = "typo3conf/localconf.php";<br />
$image_path = "fileadmin/user_upload/products/personal_protection";<br />
$page_id = 70; // ID DER UEBERGEORDNETEN SEITE<br />
print get_overview($page_id,$image_path,"Personal Monitor");<br />
?><br />
<br />
<br />
</pre><br />
<br />
Funktion:<br />
<br />
* Liest die aktuelle Sprache aus dem L Parameter oder der RealURL Adresse<br />
* Liest die pid der untergeordneten Seiten aus.<br />
<br />
=== Mailfunktion RMA / ACC ===<br />
==== RMA ====<br />
Es werden mehrere Mails generiert. <br />
<br />
1. Schritt User Registrierung => Mail mit dem Ticket. Dieses enthält einen Link. Für die Geräteeingabe<br />
Mailversand in '''rma_persData_02.php'''<br />
<br />
2. Schritt Versand der RMA Daten<br />
$html_mail_versand = send_html_mail($req_number,$req_ident_number,$req_art);<br />
kommt aus '''mail_html_function.inc.php'''<br />
<br />
==== ACC ====<br />
Das Formular zur Eingabe liegt in '''acc_form.ph'''p Nach Absenden wird '''acc_form_send.php''' aufgerufen. In diesem wird die Mail über die Funktion <br />
$success = send_acc_mail($rma_num,$arrForm,$arrPartner); <br />
versendet. Die Funktion wird in '''lib/acal_functions.php''' zur Verfügung gestellt.<br />
<pre><br />
FORMULAR MAILVERSAND / FEEDBACK<br />
acc_form.php -> acc_form_send.php <- includes acal_functions.php (send_acc_mail)<br />
<br />
</pre></div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Narda&diff=21221Narda2015-10-08T14:37:56Z<p>37.49.33.84: /* Änderungen */</p>
<hr />
<div>== Überblick ==<br />
RMA und ACC liegen auf Geo-bit Server und sind per iFrame eingebunden:<br />
<pre><br />
<iframe width="940" height="1000" src="/1/RMA/rma_select_01.php?req_art=rep_cal"></iframe><br />
<iframe width="940" height="1000" src="/1/RMA/rma_select_01.php?req_art=warranty"></iframe><br />
<iframe width="940" height="1000" src="/1/acc-2/login.php"></iframe><br />
</pre><br />
direkt erreichbar über:<br />
<br />
http://narda-sts.com.w00eb738.kasserver.com/1/RMA/rma_select_01.php?req_art=rep_cal<br />
http://narda-sts.com.w00eb738.kasserver.com/1/RMA/rma_select_01.php?req_art=warranty<br />
http://narda-sts.com.w00eb738.kasserver.com/1/acc-2/login.php<br />
<br />
== TYPO3 RMA Extension ==<br />
=== Dokumentation ===<br />
Narda RMA Prozess [[Dokumentation gbrma]]<br />
<br />
=== Zus. Leistungen ===<br />
<br />
Mail an Admin 6h / Mailtemplates<br />
pdf Generierung <br />
Vorfilterung nach Geräteklasse + Auswahlkontrolle<br />
Admin Ansicht benötigt ???<br />
Zusätzliche States<br />
Geräteliste zum Aufklappen ab 5 Zeilen<br />
Templatevarianten für<br />
SRM / IDA<br />
NBM<br />
Detailansicht für beendete RMA<br />
Express Calibration<br />
fpdf Integration für acc<br />
Bespr. Narda 2h<br />
Setting up Testing Area<br />
Klassen müssen ebenfalls einer Familie zugeordnet werden<br />
Checkboxen (calib, mod/upgr., repair, no service, nur dann anzeigen, wenn sinnvoll<br />
Checkboxen komplett weg für ACC<br />
Regel für mehrere Basedevices erlaubt (Radman)<br />
Clientnr. in fe_user<br />
Zeige Rmas by Client nr.<br />
Modification ausblenden wenn keine vorhanden<br />
Auslagerung von Texten in Lokalisierungstextfiles<br />
Möglichkeit zur Auswahl von Texten je nach Geräteklasse<br />
Erklärungstexte für Status<br />
ACC Filterung auf Geräteklassenebene<br />
Mail an Admin bei Delete<br />
Mapping des ERP Exports und checken der RMAs<br />
Test Scheduler einrichten<br />
<br />
=== Änderungen ===<br />
* Fehler beim '''Import''' wenn Leerzeilen enthalten - '''OK'''<br />
* Feature: Statt RMA Date immer '''Datum der letzten Status Aktualisierung'''. 1. Angelegt in T3 2. Datum der letzten Bearbeitung aus ERP Datei - '''OK'''<br />
** Model erweitern (tstamp) - '''OK'''<br />
** Templates auf tstamp statt cdate - '''OK'''<br />
** Anpassen im Code - '''OK'''<br />
* F: '''Datatables''' Skript für Listenansicht - '''OK'''<br />
* '''Validierungen'''<br />
** Keine Beschreibung bei Repair eingegeben - '''OK'''<br />
** Kein Service Request gewählt - '''OK'''<br />
** Inspection Repair und No Service nicht gemeinsam anwählbar - '''OK'''<br />
** F: Wenn Repair dann keine Kalibrierung (ist beinhaltet) -> Änderung Calib und Repair möglich - '''OK'''<br />
** F: Wenn Kalibrierung dann kein Repair -> ist doch möglich - '''OK'''<br />
* F: Am Ende Auswahlfeld Expresskalibrierung aber nur wenn Kalibrierung ausgewählt ist '''Todo'''<br />
* F: + Textfeld (Additional information) -> '''OK''' wird immer angezeigt auch wenn keine Expresskalib. ''' Evtl. anpassen (nach Rücksprache)'''<br />
* '''Beispielbilder''' "Wo finde ich die Seriennummer" in Add Metadevice - '''ToDo'''<br />
* Bug: Add Main Device, Add 2.Device, Zurück auf Main Device Tab => '''Tabs''' werden nicht mehr richtig dargestellt - '''OK'''<br />
* Nichtssagende '''Fehlermeldung''' in AddMetadevice wenn die Validierung scheitert (Seite wird erneut angezeigt) - '''OK'''<br />
* Feature: NewFormFields soll Auswahl für Acc nur anbieten wenn Userrecht vorliegt (Safety) - ToDo<br />
* '''RMA Doku''' -> z.T. aus E-Mails übernehmen - '''TODO'''<br />
* '''Fehlermeldungen von Extbase''' verhindern bei Browserbedienung (vor und zurück Buttons) - '''ToDo'''<br />
** Wenn '''RMA nicht vorhanden''' (z.B. gelöscht) dann aussagekräftige Fehlermeldung) ''' ToDo '''<br />
* Feature: '''RMA gelöscht Mail''' nur dann wenn Status 2 erreicht (also wenn schon eine Info bei Narda ankam) - '''OK'''<br />
* '''RMA Nummern''' werden nur als gelöscht markiert bzw. eine Nummer wird nie mehrfach vergeben. - '''OK'''<br />
* '''ACC'''<br />
** '''PDF''' muß auch an Kunden (FE-User) gesendet werden - '''OK'''<br />
* '''RMA löschen Bestätigung''' (JS) - '''OK'''<br />
* SRM Auswahl der Geräte -> richtige Tabs aktiv -> bei SRM 3 Tabs "rf-cable" - '''OK'''<br />
* E-Mail RMA Type weg, RMA Prominent oben, evtl. im Betreff - '''OK'''<br />
* Zuerst Device Title dann SN - '''OK'''<br />
* Umbenennungen<br />
** Express Order -> Express Calibration Service - '''OK'''<br />
** Factory Calibration / Repair -> ohne Warranty Request - '''OK'''<br />
** Modification Texte 5 und 6 - '''OK'''<br />
<br />
== Internet Präsenz Narda ==<br />
<br />
Mischung aus verschiedenen Systemen<br />
<br />
Hauptdomain: www.narda-sts.de<br />
<br />
=== Content Management System ===<br />
Frontend ist TYPO3 allerdings werden einige Download-Listen über ein php-Skript generiert.<br />
Diese Inhalte werden über ein eigenes Tool realisiert.<br />
<br />
=== FTP-Zugänge ===<br />
<br />
Die Seite würd über vodafone gehostet. Vodafone der Zugriff erfolgt Zentral über<br />
ftp.vodafone-ip.de<br />
<br />
Im Admin Bereich von Vodafone kann man FTP Benutzer anlegen.<br />
Der Zugriff erfolgt dann über [benutzername]%[domainname]<br />
Also z.B. aszwei%narda-sts.de<br />
<br />
=== Server Verwaltung ===<br />
Hier kann man FTP Zugänge anlegen, auf phpMyAdmin zugreifen etc.<br />
Login unter: https://webadmin.arcor.net/Secure/<br />
<br />
=== phpMyAdmin ===<br />
Direkt zu erreichen unter:<br />
<br />
== Eigenes Admin System ==<br />
Zur Verwaltung von downloads, etc.<br />
http://www.narda-sts.de/admin/<br />
<br />
Greift auf eine separate Datenbank zu, in der die Daten abgelegt sind.<br />
<br />
==== Anpassen eines Software Downloads ====<br />
Um einen Download anzupassen spielt man die Datei per FTP unterhalb des Verzeichnisses<br />
/download/software/<br />
<br />
Als nächstes öffnet man das Admin Tool und geht in den Menüpunkt<br />
SoftwareUpdate (beta)<br />
Dort kann man die Release Nummer anpassen (z.B. 2011) und aus dem Dropdownfeld die passende Datei auswählen.<br />
<br />
==== Anlegen eines neuen Downloads ====<br />
Hierbei muß man beachten daß in TYPO3 ein php Schnipsel eingebunden wird.<br />
<pre><br />
<?php<br />
include("fileadmin/user_upload/scripts/db_func.inc");<br />
print (get_software_information("EFC_HF_Demo_EN"));<br />
?><br />
</pre><br />
<br />
gibt einen Download Block inkl. Link und Beschreibung aus.<br />
Wobei als Parameter der Name im Datenbankfeld re_call übergeben wird. Dieser wird beim Anlegen der Software manuell Vergeben<br />
<br />
== Sales Partner Extranet ==<br />
www.narda-sts.de/sp (oder /vp)<br />
<br />
<br />
== RMA Garantie und Rücklaufgeräte ==<br />
Dies wird über Vertragspartner erledigt, und es gibt ein weiteres Tool. Der User holt sich ein RMA Ticket (Online Formular) Je nach Region wird dann an den Vertriebspartner eine E-Mail versendet. Außerdem an Narda. <br />
<br />
Auf dem Serverl liegt es im Ordner /1/RMA/<br />
<br />
Im Quelltext sind auch etliche E-Mail Adressen hinterlegt die auf Mails zu Aichele und dem Programmierer hinweisen. Das müßte mal ausgemistet werden.<br />
<br />
=== Kontaktdaten der Vertriebspartner ===<br />
Diese sind in der Datenbank in der Tabelle ''' rma_requests''' hinterlegt.<br />
Es gibt auch eine Tabelle Vertriebspartner. Ist aber nicht ganz klar wann diese benutzt werden.<br />
Ich habe noch kein Administrationstool gefunden. Die Änderung kann aber direkt in der Datenbank erfolgen.<br />
<br />
Edit:<br />
<br />
Vertriebspartner in der Tabelle vertriebspartner werden vom RMA Prozess Tool (und vom neuen acc Tool) genutzt.<br />
<br />
Es gibt außerdem eine Ausgabe der Vertriebspartner Adressen. Dabei werden über das Admin Tool (Narda Tool -> Partner Update) html Dateien geschrieben, die dann im Typo eingebunden sind. (Total umständlich). Es wird die Tabelle ??? genutzt.<br />
<br />
=== Funktionsweise technische Realisierung (PHP-Skripte) ===<br />
Siehe MindMap<br />
<br />
Einstieg für den RMA Prozess ist der Link:<br />
<br />
http://www.narda-sts.de/1/RMA/rma_select_01.php?req_art=rep_cal<br />
<br />
<br />
In diesem Schritt wird die Länderauswahl angezeigt und die Art der Anfrege übergeben.<br />
Nach der Länderauswahl sieht der link dann ungefähr so aus:<br />
<br />
https://ssl.arcor-secure.de/narda-sts.de/1/RMA/rma_persData_02.php?req_art=rep_cal&req_id=P20110214_gF164223&req_reg=2<br />
<br />
Es wird also eine req_id und req_reg Übergeben. Und die Persönlichen Daten abgefragt.<br />
<br />
<br />
RMA/rma_reCall.php<br />
<br />
== ACC Prozess ==<br />
Für den ACC (Accredited Callbration) wurde das Tool komplett überarbeitet und entschlackt. Im Moment läuft es nicht auf dem Narda Server, sondern auf dem Geo-bit Server.<br />
<br />
=== Hinweise zur Datenbank ===<br />
Die Partner sind hier in der Tabelle Vertriebspartner hinterlegt. Sie Loggen sich mit ihrer ID und einem Passwort ein. Die Tabelle wurde ursprünglich kopiert und um einige Felder erweitert. <br />
<br />
Es können sich nur Partner anmelden die im Feld<br />
<br />
== Weitere Skripte ==<br />
<br />
Es sind einige weitere Skripte im Einsatz:<br />
<br />
=== Funktionsübersicht von Produkten ===<br />
/doc/fileadmin/user_upload/scripts/func_overview.inc.php<br />
<br />
Wird in Typo3 so aufgerufen:<br />
<br />
<pre><br />
<?php<br />
include("fileadmin/user_upload/scripts/func_overview.inc.php");<br />
$config_file = "typo3conf/localconf.php";<br />
$image_path = "fileadmin/user_upload/products/personal_protection";<br />
$page_id = 70; // ID DER UEBERGEORDNETEN SEITE<br />
print get_overview($page_id,$image_path,"Personal Monitor");<br />
?><br />
<br />
<br />
</pre><br />
<br />
Funktion:<br />
<br />
* Liest die aktuelle Sprache aus dem L Parameter oder der RealURL Adresse<br />
* Liest die pid der untergeordneten Seiten aus.<br />
<br />
=== Mailfunktion RMA / ACC ===<br />
==== RMA ====<br />
Es werden mehrere Mails generiert. <br />
<br />
1. Schritt User Registrierung => Mail mit dem Ticket. Dieses enthält einen Link. Für die Geräteeingabe<br />
Mailversand in '''rma_persData_02.php'''<br />
<br />
2. Schritt Versand der RMA Daten<br />
$html_mail_versand = send_html_mail($req_number,$req_ident_number,$req_art);<br />
kommt aus '''mail_html_function.inc.php'''<br />
<br />
==== ACC ====<br />
Das Formular zur Eingabe liegt in '''acc_form.ph'''p Nach Absenden wird '''acc_form_send.php''' aufgerufen. In diesem wird die Mail über die Funktion <br />
$success = send_acc_mail($rma_num,$arrForm,$arrPartner); <br />
versendet. Die Funktion wird in '''lib/acal_functions.php''' zur Verfügung gestellt.<br />
<pre><br />
FORMULAR MAILVERSAND / FEEDBACK<br />
acc_form.php -> acc_form_send.php <- includes acal_functions.php (send_acc_mail)<br />
<br />
</pre></div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Narda&diff=21220Narda2015-10-08T11:42:52Z<p>37.49.33.84: /* Änderungen */</p>
<hr />
<div>== Überblick ==<br />
RMA und ACC liegen auf Geo-bit Server und sind per iFrame eingebunden:<br />
<pre><br />
<iframe width="940" height="1000" src="/1/RMA/rma_select_01.php?req_art=rep_cal"></iframe><br />
<iframe width="940" height="1000" src="/1/RMA/rma_select_01.php?req_art=warranty"></iframe><br />
<iframe width="940" height="1000" src="/1/acc-2/login.php"></iframe><br />
</pre><br />
direkt erreichbar über:<br />
<br />
http://narda-sts.com.w00eb738.kasserver.com/1/RMA/rma_select_01.php?req_art=rep_cal<br />
http://narda-sts.com.w00eb738.kasserver.com/1/RMA/rma_select_01.php?req_art=warranty<br />
http://narda-sts.com.w00eb738.kasserver.com/1/acc-2/login.php<br />
<br />
== TYPO3 RMA Extension ==<br />
=== Dokumentation ===<br />
Narda RMA Prozess [[Dokumentation gbrma]]<br />
<br />
=== Zus. Leistungen ===<br />
<br />
Mail an Admin 6h / Mailtemplates<br />
pdf Generierung <br />
Vorfilterung nach Geräteklasse + Auswahlkontrolle<br />
Admin Ansicht benötigt ???<br />
Zusätzliche States<br />
Geräteliste zum Aufklappen ab 5 Zeilen<br />
Templatevarianten für<br />
SRM / IDA<br />
NBM<br />
Detailansicht für beendete RMA<br />
Express Calibration<br />
fpdf Integration für acc<br />
Bespr. Narda 2h<br />
Setting up Testing Area<br />
Klassen müssen ebenfalls einer Familie zugeordnet werden<br />
Checkboxen (calib, mod/upgr., repair, no service, nur dann anzeigen, wenn sinnvoll<br />
Checkboxen komplett weg für ACC<br />
Regel für mehrere Basedevices erlaubt (Radman)<br />
Clientnr. in fe_user<br />
Zeige Rmas by Client nr.<br />
Modification ausblenden wenn keine vorhanden<br />
Auslagerung von Texten in Lokalisierungstextfiles<br />
Möglichkeit zur Auswahl von Texten je nach Geräteklasse<br />
Erklärungstexte für Status<br />
ACC Filterung auf Geräteklassenebene<br />
Mail an Admin bei Delete<br />
Mapping des ERP Exports und checken der RMAs<br />
Test Scheduler einrichten<br />
<br />
=== Änderungen ===<br />
* Fehler beim '''Import''' wenn Leerzeilen enthalten - '''OK'''<br />
* Feature: Statt RMA Date immer '''Datum der letzten Status aktualisierung'''. 1. Angelegt in T3 2. Datum der letzten Bearbeitung aus ERP Datei - '''OK'''<br />
** Model erweitern (tstamp) - '''OK'''<br />
** Templates auf tstamp statt cdate - '''OK'''<br />
** Anpassen im Code - '''OK'''<br />
* F: '''Datatables''' Skript für Listenansicht - '''OK'''<br />
* '''Validierungen'''<br />
** Keine Beschreibung bei Repair eingegeben - '''OK'''<br />
** Kein Service Request gewählt - '''OK'''<br />
** Inspection Repair und No Service nicht gemeinsam anwählbar - '''OK'''<br />
** F: Wenn Repair dann keine Kalibrierung (ist beinhaltet) -> Änderung Calib und Repair möglich - '''OK'''<br />
** F: Wenn Kalibrierung dann kein Repair -> ist doch möglich - '''OK'''<br />
* F: Am Ende Auswahlfeld Expresskalibrierung aber nur wenn Kalibrierung ausgewählt ist '''Todo'''<br />
* F: + Textfeld (Additional information) -> '''OK''' wird immer angezeigt auch wenn keine Expresskalib. <br />
* '''Beispielbilder''' "Wo finde ich die Seriennummer" in Add Metadevice<br />
* Bug: Add Main Device, Add 2.Device, Zurück auf Main Device Tab => '''Tabs''' werden nicht mehr richtig dargestellt - '''OK'''<br />
* Nichtssagende '''Fehlermeldung''' in AddMetadevice wenn die Validierung scheitert (Seite wird erneut angezeigt) - '''OK'''<br />
* Feature: NewFormFields soll Auswahl für Acc nur anbieten wenn Userrecht vorliegt (Safety)<br />
* '''RMA Doku''' -> z.T. aus E-Mails übernehmen - '''TODO'''<br />
* '''Fehlermeldungen von Extbase''' verhindern bei Browserbedienung (vor und zurück Buttons) - '''ToDo'''<br />
** Wenn '''RMA nicht vorhanden''' (z.B. gelöscht) dann aussagekräftige Fehlermeldung) ''' ToDo '''<br />
* Feature: '''RMA gelöscht Mail''' nur dann wenn Status 2 erreicht (also wenn schon eine Info bei Narda ankam) - '''OK'''<br />
* '''RMA Nummern''' werden nur als gelöscht markiert bzw. eine Nummer wird nie mehrfach vergeben. - '''OK'''<br />
* '''ACC'''<br />
** '''PDF''' muß auch an Kunden (FE-User) gesendet werden - '''OK'''<br />
* '''RMA löschen Bestätigung''' (JS) - '''OK'''<br />
* SRM Auswahl der Geräte -> richtige Tabs aktiv -> bei SRM 3 Tabs "rf-cable" - '''OK'''<br />
* E-Mail RMA Type weg, RMA Prominent oben, evtl. im Betreff - '''OK'''<br />
* Zuerst Device Title dann SN - '''OK'''<br />
* Umbenennungen<br />
** Express Order -> Express Calibration Service - '''OK'''<br />
** Factory Calibration / Repair -> ohne Warranty Request - '''OK'''<br />
** Modification Texte 5 und 6 - '''OK'''<br />
<br />
== Internet Präsenz Narda ==<br />
<br />
Mischung aus verschiedenen Systemen<br />
<br />
Hauptdomain: www.narda-sts.de<br />
<br />
=== Content Management System ===<br />
Frontend ist TYPO3 allerdings werden einige Download-Listen über ein php-Skript generiert.<br />
Diese Inhalte werden über ein eigenes Tool realisiert.<br />
<br />
=== FTP-Zugänge ===<br />
<br />
Die Seite würd über vodafone gehostet. Vodafone der Zugriff erfolgt Zentral über<br />
ftp.vodafone-ip.de<br />
<br />
Im Admin Bereich von Vodafone kann man FTP Benutzer anlegen.<br />
Der Zugriff erfolgt dann über [benutzername]%[domainname]<br />
Also z.B. aszwei%narda-sts.de<br />
<br />
=== Server Verwaltung ===<br />
Hier kann man FTP Zugänge anlegen, auf phpMyAdmin zugreifen etc.<br />
Login unter: https://webadmin.arcor.net/Secure/<br />
<br />
=== phpMyAdmin ===<br />
Direkt zu erreichen unter:<br />
<br />
== Eigenes Admin System ==<br />
Zur Verwaltung von downloads, etc.<br />
http://www.narda-sts.de/admin/<br />
<br />
Greift auf eine separate Datenbank zu, in der die Daten abgelegt sind.<br />
<br />
==== Anpassen eines Software Downloads ====<br />
Um einen Download anzupassen spielt man die Datei per FTP unterhalb des Verzeichnisses<br />
/download/software/<br />
<br />
Als nächstes öffnet man das Admin Tool und geht in den Menüpunkt<br />
SoftwareUpdate (beta)<br />
Dort kann man die Release Nummer anpassen (z.B. 2011) und aus dem Dropdownfeld die passende Datei auswählen.<br />
<br />
==== Anlegen eines neuen Downloads ====<br />
Hierbei muß man beachten daß in TYPO3 ein php Schnipsel eingebunden wird.<br />
<pre><br />
<?php<br />
include("fileadmin/user_upload/scripts/db_func.inc");<br />
print (get_software_information("EFC_HF_Demo_EN"));<br />
?><br />
</pre><br />
<br />
gibt einen Download Block inkl. Link und Beschreibung aus.<br />
Wobei als Parameter der Name im Datenbankfeld re_call übergeben wird. Dieser wird beim Anlegen der Software manuell Vergeben<br />
<br />
== Sales Partner Extranet ==<br />
www.narda-sts.de/sp (oder /vp)<br />
<br />
<br />
== RMA Garantie und Rücklaufgeräte ==<br />
Dies wird über Vertragspartner erledigt, und es gibt ein weiteres Tool. Der User holt sich ein RMA Ticket (Online Formular) Je nach Region wird dann an den Vertriebspartner eine E-Mail versendet. Außerdem an Narda. <br />
<br />
Auf dem Serverl liegt es im Ordner /1/RMA/<br />
<br />
Im Quelltext sind auch etliche E-Mail Adressen hinterlegt die auf Mails zu Aichele und dem Programmierer hinweisen. Das müßte mal ausgemistet werden.<br />
<br />
=== Kontaktdaten der Vertriebspartner ===<br />
Diese sind in der Datenbank in der Tabelle ''' rma_requests''' hinterlegt.<br />
Es gibt auch eine Tabelle Vertriebspartner. Ist aber nicht ganz klar wann diese benutzt werden.<br />
Ich habe noch kein Administrationstool gefunden. Die Änderung kann aber direkt in der Datenbank erfolgen.<br />
<br />
Edit:<br />
<br />
Vertriebspartner in der Tabelle vertriebspartner werden vom RMA Prozess Tool (und vom neuen acc Tool) genutzt.<br />
<br />
Es gibt außerdem eine Ausgabe der Vertriebspartner Adressen. Dabei werden über das Admin Tool (Narda Tool -> Partner Update) html Dateien geschrieben, die dann im Typo eingebunden sind. (Total umständlich). Es wird die Tabelle ??? genutzt.<br />
<br />
=== Funktionsweise technische Realisierung (PHP-Skripte) ===<br />
Siehe MindMap<br />
<br />
Einstieg für den RMA Prozess ist der Link:<br />
<br />
http://www.narda-sts.de/1/RMA/rma_select_01.php?req_art=rep_cal<br />
<br />
<br />
In diesem Schritt wird die Länderauswahl angezeigt und die Art der Anfrege übergeben.<br />
Nach der Länderauswahl sieht der link dann ungefähr so aus:<br />
<br />
https://ssl.arcor-secure.de/narda-sts.de/1/RMA/rma_persData_02.php?req_art=rep_cal&req_id=P20110214_gF164223&req_reg=2<br />
<br />
Es wird also eine req_id und req_reg Übergeben. Und die Persönlichen Daten abgefragt.<br />
<br />
<br />
RMA/rma_reCall.php<br />
<br />
== ACC Prozess ==<br />
Für den ACC (Accredited Callbration) wurde das Tool komplett überarbeitet und entschlackt. Im Moment läuft es nicht auf dem Narda Server, sondern auf dem Geo-bit Server.<br />
<br />
=== Hinweise zur Datenbank ===<br />
Die Partner sind hier in der Tabelle Vertriebspartner hinterlegt. Sie Loggen sich mit ihrer ID und einem Passwort ein. Die Tabelle wurde ursprünglich kopiert und um einige Felder erweitert. <br />
<br />
Es können sich nur Partner anmelden die im Feld<br />
<br />
== Weitere Skripte ==<br />
<br />
Es sind einige weitere Skripte im Einsatz:<br />
<br />
=== Funktionsübersicht von Produkten ===<br />
/doc/fileadmin/user_upload/scripts/func_overview.inc.php<br />
<br />
Wird in Typo3 so aufgerufen:<br />
<br />
<pre><br />
<?php<br />
include("fileadmin/user_upload/scripts/func_overview.inc.php");<br />
$config_file = "typo3conf/localconf.php";<br />
$image_path = "fileadmin/user_upload/products/personal_protection";<br />
$page_id = 70; // ID DER UEBERGEORDNETEN SEITE<br />
print get_overview($page_id,$image_path,"Personal Monitor");<br />
?><br />
<br />
<br />
</pre><br />
<br />
Funktion:<br />
<br />
* Liest die aktuelle Sprache aus dem L Parameter oder der RealURL Adresse<br />
* Liest die pid der untergeordneten Seiten aus.<br />
<br />
=== Mailfunktion RMA / ACC ===<br />
==== RMA ====<br />
Es werden mehrere Mails generiert. <br />
<br />
1. Schritt User Registrierung => Mail mit dem Ticket. Dieses enthält einen Link. Für die Geräteeingabe<br />
Mailversand in '''rma_persData_02.php'''<br />
<br />
2. Schritt Versand der RMA Daten<br />
$html_mail_versand = send_html_mail($req_number,$req_ident_number,$req_art);<br />
kommt aus '''mail_html_function.inc.php'''<br />
<br />
==== ACC ====<br />
Das Formular zur Eingabe liegt in '''acc_form.ph'''p Nach Absenden wird '''acc_form_send.php''' aufgerufen. In diesem wird die Mail über die Funktion <br />
$success = send_acc_mail($rma_num,$arrForm,$arrPartner); <br />
versendet. Die Funktion wird in '''lib/acal_functions.php''' zur Verfügung gestellt.<br />
<pre><br />
FORMULAR MAILVERSAND / FEEDBACK<br />
acc_form.php -> acc_form_send.php <- includes acal_functions.php (send_acc_mail)<br />
<br />
</pre></div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Fluid_-_Snippets&diff=21219Fluid - Snippets2015-10-08T11:38:56Z<p>37.49.33.84: /* Conditions, If-Else-Bedingungen in Fluid Templates */</p>
<hr />
<div>== Links ==<br />
<br />
http://wiki.typo3.org/Category:De:fluid<br />
<br />
http://docs.typo3.org/typo3cms/ExtbaseGuide/Fluid/Index.html<br />
<br />
== Debugging ==<br />
<f:debug title="band">{band}</f:debug><br />
<f:debug>{_all}</f:debug><br />
<br />
== Lokalisierung - Mehrsprachigkeit ==<br />
<f:translate key="tx_gbbandpass_domain_model_band.name" /><br />
Tool zum erstellen der Lokalisierungsdateien (Sprachdateien): http://lbrmedia.net/tools/xliff_translation_file_erstellen/xlfC/Pi1/<br />
<br />
== Links erzeugen ==<br />
http://wiki.typo3.org/De:ViewHelper/Link<br />
=== Link auf Action Controller z.B. Einzelansicht (show) - f:link.action ===<br />
<f:link.action action="show">action link</f:link.action><br />
<f:link.action action="show" arguments="{band : band}"> {band.name}</f:link.action><br />
<br />
=== E-Mail Link - f:link.email ===<br />
<f:link.email email="foo@bar.tld" /><br />
<br />
=== Externer Link - f:link.external ===<br />
Standard Scheme ist http es gehen aber auch andere z.B. ftp:<br />
<f:link.external uri="typo3.org" defaultScheme="ftp">external ftp link</f:link.external><br />
<br />
=== Seitenlink - f:link.page ===<br />
<f:link.page pageUid="1" additionalParams="{foo: 'bar'}">page link</f:link.page><br />
<br />
=== Link Beispiele ===<br />
==== Springen zu einem Anchor-Punkt====<br />
Section entspricht der ID eines Divs<br />
<f:link.page section="frame">Top</f:link.page><br />
====Link auf eine interne Seite====<br />
<f:link.page pageUid="3">Kontakt</f:link.page><br />
==== Link mit Parameter Übergabe ====<br />
<f:link.page pageUid="3" additionalParams="{name: 'wert'}">Kontakt</f:link.page><br />
====Link auf eine externe Adresse====<br />
<f:link.external url="http://www.typo3.org" target="_blank">Link zy TYPO3</f:link.external><br />
====Link auf eine E-Mail-Adresse====<br />
<f:link.email email="adresse@domain.com" /><br />
<br />
==== Link mit mehreren Argumenten ====<br />
<f:link.action action="addDevice" arguments="{rma:rma,deviceClassUid:deviceClass.uid}">{deviceClass.classTitle} </f:link.action><br />
<br />
== Bilder ==<br />
<f:image src="EXT:myext/Resources/Public/typo3_logo.png" alt="alt text" maxWidth="200"/><br />
<br />
==== Beispiele für Bilder einer eigenen Extension in Fluid ====<br />
<br />
'''Beispiel''' (Quelle: http://keinerweiss.de/755-typo3-fal-in-einer-eigenen-extbasefluid-extension-einsetzen.html 2014/11)<br />
<br />
Hier nutzt man den '''File Abstraction Layer (FAL)'''. Ausgehend von einer mit dem Extension Builder erzeugtem Modell mit Typ Image ein paar Schnipsel für die Ausgabe im template (list.html)<br />
<pre><br />
Mein Model: root<br />
Das FileReference Model: root.image<br />
Der sys_file_reference Datensatz: root.image.originalResource<br />
Der sys_file Datensatz: root.image.originalResource.originalFile<br />
<br />
<f:for each="{roots}" as="root"><br />
Orginal-Attribute:<br /><br />
Dateiname: {root.image.originalResource.originalFile.name}<br /><br />
Titel: {root.image.originalResource.originalFile.title}<br /><br />
Beschreibung: {root.image.originalResource.originalFile.description}<br /><br />
Alt-Text: {root.image.originalResource.originalFile.alternative}<br /><br />
UID: {root.image.originalResource.originalFile.uid}<br /><br />
Pfad: {root.image.originalResource.publicUrl}<br /><br /><br />
<br />
Referenz-Attribute:<br /><br />
Titel: {root.image.originalResource.title}<br /><br />
Beschreibung: {root.image.originalResource.name}<br /><br /><br />
<br />
Ausgabe als Bild:<br /><br />
<f:image src="{root.image.originalResource.originalFile.uid}" alt="" /><br /><br />
<f:image src="{root.image.uid}" alt="" treatIdAsReference="TRUE" /><br /><br /><br />
<br />
Als Link:<br /><br />
<a href="{file.originalResource.publicUrl}">{file.originalResource.title}</a><br /><br /><br />
<br />
<f:for each="{root.files}" as="file"> <br />
<p>{file.originalResource.originalFile.title}</p><br />
</f:for><br />
<br />
</f:for><br />
</pre><br />
<br />
== Conditions, If-Else-Bedingungen in Fluid Templates ==<br />
http://www.extbasefluid.com/fluid/bedingungen-ifelse/<br />
<br />
<pre><br />
<f:if condition="{meineBedingungsVariable}"><br />
<f:then> Dieser Text wird ausgegeben, wenn meineBedingungsVariable weder leer noch 0 ist. </f:then><br />
<f:else> Dieser Text wird ausgegeben, wenn meineBedingungsVariable leer oder 0 ist. </f:else><br />
</f:if><br />
</pre><br />
<f:if condition="{meineBedingungsVariable} > 3"><br />
...<br />
<pre><br />
// Modulo<br />
<f:for each="{photos}" as="photo" cycle="cycle"><br />
<div class="photo">{photo.name}</div><br />
<f:if condition="{cycle} % 2"> <br/> </f:if><br />
</f:for><br />
</pre><br />
<f:if condition="{meineBedingungsVariable} == {meinWertZumPruefen}"><br />
...<br />
<pre><br />
<f:if condition="<f:count subject='{post.comments}' /> > 0"><br />
<f:then> [...] {comments} [...] </f:then><br />
<f:else> Keine Kommentare gefunden. </f:else><br />
</f:if><br />
//Um eigene Viewhelper in der Bedingung zu verwenden müssen einfache Hochkommas in der Bedingung verwendet werden.<br />
</pre><br />
=== Beispiel - Letztes Element In Schleife===<br />
<pre><br />
<f:alias map="{n: '{items->f:count()}'}"><br />
<f:for each="{items}" as="item" iteration="i"><br />
{item.property}<br><br />
<f:if condition="{n} > {i.cycle}"><br />
<f:then>da kommt noch eins <br></f:then><br />
<f:else>das wars</f:else><br />
</f:if><br />
</f:for><br />
</pre><br />
=== Beispiel - Objekte vorhanden / Objekte zählen===<br />
Testen ob Objekte zum Ausgeben vorhanden sind (hier projects)<br />
<pre><br />
<f:if condition="{projects}"><br />
<f:then><br />
<f:for each="{projects}" as="project"><br />
<tr><br />
<td>{project.name}</td><br />
<td><f:count subject="{project.assignments}" /> Mitarbeiter</td><br />
<td>{project.workedTime}<td><br />
</tr><br />
</f:for><br />
</f:then><f:else><br />
<tr><td>Keine Projekte gefunden</td></tr><br />
</f:else><br />
</f:if><br />
</pre><br />
<br />
===Beispiel 2===<br />
<br />
'''TypoScript'''<br />
<pre> <br />
partialAuswahl = TEXT<br />
partialAuswahl.value = 1<br />
<br />
# FLUID Template definieren<br />
fluidTemplate = FLUIDTEMPLATE<br />
fluidTemplate {<br />
...<br />
variables {<br />
partial < partialAuswahl<br />
}<br />
}<br />
</pre><br />
'''Template (view-helper)'''<br />
Fluid kann im Moment nur nummerische Werte überprüfen, deswegen partialAuswahl.value = 1 und {partial} == 1<br />
<br />
<pre><br />
<f:if condition="{partial} == 1"><br />
<f:then><br />
Partial {partial} ausgegeben.<br />
</f:then><br />
<br />
<f:else><br />
Keine Partial-Angabe gefunden<br />
</f:else><br />
</f:if><br />
</pre><br />
<br />
=== Template Variable mit String vergleichen ===<br />
http://www.typo3lexikon.de/typo3-tutorials/extensions/fluid/fluid-tipps-und-tricks.html<br />
<br />
Funktioniert im Moment (2014) noch nicht:<br />
<pre><br />
<f:if condition="{data.ctype} == 'table'"><br />
{data.bodytext}<br />
</f:if><br />
</pre><br />
<br />
So geht's:<br />
<br />
Über einen Alias<br />
<pre><br />
<f:alias map="{myText: 'table'}"><br />
<f:if condition="{data.ctype} == {myText}"><br />
{data.bodytext}<br />
</f:if><br />
</f:alias><br />
</pre><br />
<br />
Über ein Array (die beiden Operatoren werden in ein Array konvertiert, welches Fluid interpretieren kann)<br />
<pre><br />
<f:if condition="{0:data.ctype} == {0:'table'}"><br />
{data.bodytext}<br />
</f:if><br />
</pre><br />
Die Array-Lösung hat auch noch den Vorteil, dass man mehrere Werte gleichzeitig überprüfen kann:<br />
<pre><br />
<f:if condition="{0:data.ctype,1:data.hidden,2:data.deleted} == {0:'table',1:'0',2:'0'}"><br />
{data.bodytext}<br />
</f:if><br />
</pre><br />
<br />
=== Switches (ab Typo3 6.2 ===<br />
<pre><br />
<f:switch expression="{person.gender}"> <br />
<f:case value="male">Mr.</f:case> <br />
<f:case value="female">Mrs.</f:case> <br />
<f:case default="TRUE">Mrs. or Mr.</f:case> <br />
</f:switch><br />
</pre><br />
<br />
== RTE Inhalte Rendern ==<br />
<f:format.html>{content.bodytext}</f:format.html><br />
Funktioniert aber nicht bei allen CTypes, weil die entsprechenden CSS_Styled_Content Funktionen nicht ausgeführt werden<br />
<pre><br />
<f:if condition="{content.ctype}"><br />
<f:cObject typoscriptObjectPath="tt_content.{content.ctype}.20" data="{content}" /><br />
</f:if><br />
</pre><br />
Beachtet aber, dass Ihr für diese Lösung auch alle benötigten tt_content-Felder in Eurem Model definiert habt.<br />
<br />
== CSS und JS einbinden ==<br />
Eventuell wäre hier TypoScript vorzuziehen.<br />
=== CSS und JS Dateien über Fluid ===<br />
<link rel="stylesheet" href="{f:uri.resource(path:'Css/bootstrap.css')}"><br />
<script type="text/javascript" src="{f:uri.resource(path:'Js/jquery.shuffle.js')}"></script><br />
Funktioniert nicht für Dateien in fileadmin. Der Pfad bezieht sich auf <br />
typo3conf/ext/myExtKey/Resources/Public/<br />
<br />
=== Inline JS über Fluid ===<br />
Wrap über CData:<br />
<br />
<pre><br />
<![CDATA[<br />
...<br />
]]><br />
</pre><br />
<br />
Wrap über Fluid cdata ViewHelper<br />
<pre><br />
<f:format.cdata><br />
<script type="text/javascript"><br />
var myLayout;<br />
$(document).ready(function() {<br />
myLayout = $('body').layout({<br />
north__size: 27,<br />
north__initClosed: false,<br />
north__initHidden: false,<br />
center__maskContents: true // IMPORTANT - enable iframe masking<br />
});<br />
});<br />
</script><br />
</f:format.cdata><br />
</pre><br />
<br />
== Schleifen ==<br />
=== 4 Spalten mit Modulo ===<br />
<pre><br />
<f:for each="{images}" as="image" iteration="iteration"><br />
<f:image src="upload/tx_myextension/{image.source}" width="200" height="150" alt="Mein Bild {image.caption}" /><br />
<f:if condition="{iteration.cycle}%4==0"><br/></f:if><br />
</f:for><br />
</pre><br />
<br />
== TypoScript in Fluid ==<br />
==== Texte direkt aus dem TypoScript Objekt holen====<br />
TypoScript<br />
inhaltSpalteNormal < styles.content.get<br />
HTML<br />
<f:cObject typoscriptObjectPath="inhaltSpalteNormal" /><br />
<br />
====Texte direkt aus dem TypoScript Objekt holen kombiniert====<br />
'''TypoScript'''<br />
<pre><br />
meinText = TEXT<br />
meinText {<br />
wrap = <p>Hier steht der Text aus dem Template:&nbsp;<b>"|"</b></p><br />
# Ohne diese Einstellung würde die | nicht<br />
# mit dem Text aus dem Template ersezt werden<br />
current = 1<br />
}<br />
</pre><br />
<br />
==== TypoScript holen ====<br />
Hier gibt es zwei Varianten. Die eine per data-Attribut den Text übergeben und die Andere<br />
zwischen den f:cObject-Tags.<br />
<f:cObject typoscriptObjectPath="meinText" data="Das ist der Text aus dem Template, er wird ersetzt"/><br />
<br />
oder<br />
<pre><br />
<f:cObject typoscriptObjectPath="meinText"><br />
Platzhaltertext<br />
</f:cObject><br />
</pre><br />
<br />
==== Beispiel ====<br />
<pre><br />
plugin.tx_extname {<br />
settings {<br />
foo = blub<br />
bla {<br />
bar = lorem<br />
}<br />
}<br />
}<br />
</pre><br />
<br />
print \TYPO3\CMS\Extbase\Utility\DebuggerUtility::var_dump( $this->settings['foo'] );<br />
print \TYPO3\CMS\Extbase\Utility\DebuggerUtility::var_dump( $this->settings['bla']['bar'] );<br />
<br />
===Inline Notation===<br />
<br />
'''TypoScript'''<br />
<pre><br />
anredeHerr = TEXT<br />
anredeHerr.value = 1<br />
<br />
# FLUID Template definieren<br />
fluidTemplate = FLUIDTEMPLATE<br />
fluidTemplate {<br />
...<br />
variables {<br />
anredeHerr < anredeHerr<br />
}<br />
}<br />
</pre><br />
<br />
'''Template (View-Helper)'''<br />
<pre><br />
<p><br />
Sehr geehrte{f:if(condition: '{anredeHerr}', then: 'r Herr', else: '&nbsp;Frau')} XY, <br /><br />
wir m&ouml;chten Ihnen mitteilen, dass...<br />
</p><br />
</pre><br />
<br />
== Alias - Werte zwischenspeichern ==<br />
<pre><br />
<f:alias map="{amount: '{addresses->f:count()}'}"><br />
<p>There are {amount} records in database</p><br />
</f:alias><br />
</pre><br />
<br />
== Formulare ==<br />
siehe auch [[Formulare mit Extbase und Fluid]]<br />
<br />
== Anderes ==<br />
=== Fluid überschreiben ===<br />
z.B. bei SystemExtensions:<br />
<br />
http://blog.teamgeist-medien.de/2014/11/typo3-fluid-viewhelper-templates-ueberschreiben-z-b-vom-paginate-widget.html<br />
<br />
Ohne Namespaces (TYPO3 < 6.x)<br />
<pre><br />
# Zentral für alle Plugins<br />
config.tx_extbase.view.widget.Tx_Fluid_ViewHelpers_Widget_PaginateViewHelper.templateRootPath = EXT:pfad/zum/Ordner/der/Templates/<br />
<br />
# Nur für ein bestimmtes Plugin<br />
plugin.tx_extension.view.widget.Tx_Fluid_ViewHelpers_Widget_PaginateViewHelper.templateRootPath = EXT:pfad/zum/Ordner/der/Templates/<br />
</pre><br />
Mit Namespaces (TYPO3 >= 6.x)<br />
<pre><br />
# Zentral für alle Plugins<br />
config.tx_extbase.view.widget.TYPO3\CMS\Fluid\ViewHelpers\Widget\PaginateViewHelper.templateRootPath = EXT:pfad/zum/Ordner/der/Templates/<br />
<br />
# Nur für ein bestimmtes Plugin<br />
plugin.tx_extension.view.widget.TYPO3\CMS\Fluid\ViewHelpers\Widget\PaginateViewHelper.templateRootPath = EXT:pfad/zum/Ordner/der/Templates/<br />
</pre><br />
Wichtig:<br />
Bei den Templates ist es wichtig auf die richtige Ordnerstruktur zu achten! Hierzu kann man sich die Originalstruktur unter<br />
typo3_src-x.x.x/typo3/sysext/fluid/Resources/Private/Templates/ViewHelpers<br />
anschauen.<br />
<br />
=== Count - Objekte zählen ===<br />
<f:count subject="{myObjects}" /><br />
oder in Inline Notation:<br />
{myObjects->f:count()}<br />
<br />
=== Weitere Beispiele ===<br />
Quellen:<br />
<br />
http://itype3.blogspot.de/2013/03/fluid-template.html<br />
<br />
<br />
====Unix Timestamps als Datum anzeigen====<br />
<f:format.date = format="d.m.Y - H:i:s">@1362784580</f:format.date><br />
<br />
====Text auf eine gewisse Länge abschneiden====<br />
append wird dem abgekürztem Text am Ende eingefügt, wie z.B. ein Leerzeichen und drei Punkte um zu symbolisieren, dass der Text abgekürzt wurde.<br />
<f:format.corp maxCharacters="50" append="&nbsp; ...">Hier folgt der TEXT</f:format.corp><br />
<br />
== Kommentare in Fluid ==<br />
Comment-View-Helper<br />
<br />
Man kann im Fluid-Template Kommentare hinterlassen, ohne dass diese im Frontend ausgegeben werden.<br />
<pre><br />
<f:comment><br />
Das ist ein Comment für den Entwickler, der im Quelltext<br />
im Gegensatz zum HTML-Comment nicht zu sehen ist<br />
</f:comment><br />
</pre></div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Formulare_mit_Extbase_und_Fluid&diff=21218Formulare mit Extbase und Fluid2015-10-08T11:12:54Z<p>37.49.33.84: /* Input Feld */</p>
<hr />
<div>== Links ==<br />
http://docs.typo3.org/typo3cms/ExtbaseGuide/Fluid/ViewHelper/Form/Index.html<br />
<br />
== Überblick ==<br />
* Falls nicht vorhanden gewünschte Action registrieren (localconf) und im Controller anlegen<br />
* Fluid Form erstellen<br />
* Mit Absenden oder AJAC Call ausführen<br />
=== Formular Felder im Fluid Template ===<br />
http://wiki.typo3.org/Fluid#f:form<br />
http://wiki.typo3.org/Fluid#form_fields<br />
==== Input Feld ====<br />
<f:form.textfield property="rmaType" /><br />
==== Textarea ====<br />
<f:form.textarea name="myExtName[nachricht]" /><br />
oder<br />
<f:form.textarea property="nachricht" /><br />
<br />
==== Radio Buttons ====<br />
http://wiki.typo3.org/Fluid#f:form.radio<br />
http://docs.typo3.org/typo3cms/ExtbaseGuide/Fluid/ViewHelper/Form/Radio.html<br />
<br />
==== Form Tag (Action)====<br />
'''Beispiel'''<br />
<pre><br />
<f:form action="BestimmteFormAction" controller="BestimmterControllerName" extension="AndererExtensionName" enctype="multipart/form-data"><br />
Form-Felder<br />
</f:form><br />
</pre><br />
'''Beispiel'''<br />
<pre><br />
<f:form action="create" object="{newProject}"><br />
Projektname: <f:form.textbox property="name" /><br />
<f:form.submit value="Speichern" /><br />
</f:form><br />
</pre><br />
Das '''Controller Attribut''' benötigt man '''nur dann, wenn der Controller der die Daten auswerten soll nicht zum aktuellen View gehört.'''<br />
<br />
==== Name Attribute ====<br />
Das '''name-Attribut''' wird automatisch für das Plugin passend umgewandelt.<br />
<f:form.textfield name="myField" /> <br />
wird zu <br />
<input type="text" name="tx_registierung_pi1[myField]" /><br />
Sendet das Formular nun z.B. an einen Controller: showAction, stehen die Werte als Argumente zur Verfügung:<br />
<pre><br />
public function showAction() {<br />
$args = $this->request->getArguments();<br />
echo $args['myField];<br />
}<br />
</pre><br />
Extbase vergleicht dabei zusätzlich automatisch die Felder aus dem Formular mit dem Model '''validiert automatisch'''.<br />
<br />
== Tipps und Tricks ==<br />
=== Zusätzliche Argumente im <f:link.action> View Helper ===<br />
Standardmäßig sieht ein Action Link z.B. in der Listenansicht etwa so aus:<br />
<syntaxhighlight lang="html5"><br />
<f:for each="{dinge}" as="ding"> <br />
<f:link.action action="show" arguments="{ding : ding}">Los</f:link.action><br />
</f:for><br />
</syntaxhighlight><br />
Es wird also ein ding-Objekt mit dem Bezeichner "ding" übergeben.<br />
Möchte man weitere Argumente außer dem Objekt absetzen, z.B. ein String geht das so:<br />
arguments="{ding : ding, key : 'wert'}"<br />
Es wird zusätzlich eine Variable key mit dem Wert 'wert' übergeben.<br />
<br />
Im Controller holt man sich den Wert wieder raus:<br />
<br />
Als Argument in der Controller Deklarierung<br />
<syntaxhighlight lang="php"><br />
public function showAction(\TYPO3\Extension\Domain\Model\Dinge $dinge, $key)<br />
</syntaxhighlight><br />
oder im Controller selbst<br />
<syntaxhighlight lang="php"><br />
$key = $this->request->getArgument('key');<br />
</syntaxhighlight><br />
<br />
=== Dynamisch validieren je nach Auswahl ===<br />
http://blog.teamgeist-medien.de/2015/05/typo3-extbase-dynamische-validierung-von-models-je-nach-formularauswahl.html<br />
=== Typo3/Fluid: Verschiedene Models über ein Formular bedienen ===<br />
Quelle: http://www.muenster-webdesign.net/blog/typo3fluid-verschiedene-models-ueber-ein-formular-bedienen/ (2015-03)<br />
<br />
Dank der form-ViewHelper lassen sich Formulare mittels Extbase/Fluid recht zügig umsetzen. Bei komplexeren Szenarien, bei denen in einem Formular mehrere verschiedene Models bedient werden sollen, stellt sich jedoch die Frage, wie sich dies umsetzen lässt.<br />
<br />
Die Lösung liegt darin, mit “namebased input”-Felder zu arbeiten. '''Statt also wie üblich eine Eigenschaft im Fluid-Formular per “property”-Attribut an ein Objekt zu binden, definiert man stattdessen die Argumente “name” und “value” manuell.'''<br />
<br />
Ein Beispiel. Ein Formular ist per “object”-Attribut an ein Objekt “schornsteinfeger” gebunden. Soll im Formular nun gleichzeitig eine Eigenschaft “aussentemperatur” eines Objekts “wetter” bedient werden, könnte das Ganze etwa so aussehen:<br />
<br />
<pre><br />
<f:form method="post" action="create" name="schornsteinfeger" enctype="multipart/form-data" object="{schornsteinfeger}"><br />
<f:form.textbox name="wetter[aussentemperatur]" value={wetter.aussentemperatur} /><br />
</f:form><br />
</pre><br />
<br />
=== Felder validieren die nicht im Domain-Model vorhanden sind ===<br />
Wenn man z.B. ein Captcha einbauen möchte braucht man Felder die nicht im Model sind. Die eingebauten Sicherheitsmechanismen in Extbase lassen dass aber nicht ohne weiteres zu. Hier wird ja automatisch jeder Wert mit dem Model abgeglichen. <br />
Möglichkeit 1 - Dummy Felder in das Model einbauen:<br />
<pre><br />
/**<br />
* CAPTCHA<br />
*<br />
* @var string<br />
* @validate NotEmpty, Tx_MyExt_Validation_Validator_CaptchaValidator<br />
*/<br />
protected $captcha;<br />
</pre><br />
Möglichkeit 2 - Validierer im Controller initialisieren<br />
<br />
http://blog.sebastiaandejonge.com/articles/2013/january/17/form-validation-of-non-domain-model-properties-with-extbase/<br />
<br />
=== Statische Optionen in Selectboxen ===<br />
http://docs.typo3.org/typo3cms/ExtbaseGuide/stable/Fluid/BestPractice/OptionsForSelect.html<br />
<br />
=== Hinzufügen von Child Objekten (1:n Verbindung) ===<br />
Quelle: http://snippets.in2code.de/index.php?id=273&tx_in2snippets_pi1%5Bsnippet%5D=74&tx_in2snippets_pi1%5Baction%5D=detail&tx_in2snippets_pi1%5Bcontroller%5D=Snippet&cHash=20bf6bed1ab88b5bd571fa8cc5aefd6b<br />
<br />
'''Snippet zum Speichern von 1:n relations in dynamisch erzeugten Formularen.'''<br />
<br />
Erklärung unter Verwendung der folgenden Problemstellung:<br />
<br />
Es sind die folgenden Objekte vorhanden:<br />
<br />
'''1. Mutter'''<br />
<br />
'''2. Kind'''<br />
<br />
Eine Mutter hat mehrere Kinder, diese werden in Extbase in einer Object Storage gespeichert.<br />
Wenn man ein neues Kind hinzufügen will, wäre der Standardweg die newAction im ChildController aufzurufen.<br />
<br />
Da man aber das Kind in dem Formular der Mutter 'erzeugen' will, muss man entweder dem Formular ein neues Kind von Haus aus mitgeben (hiervon wird dringend abgeraten!) oder die Formularfelder für das Kind dynamisch erzeugen (javascript ftw).<br />
<br />
Fluid kennt das Objekt ObjectStorage und kann über den path syntax auch damit umgehen <br />
<f:form.textfield property="mother.children.0.firstName" /><br />
<br />
-> der Vorname des ersten Kindes der Mutter.<br />
<br />
Schickt man das Formular so ab, bekommt man jedoch die Fehlermeldung, dass man <br />
<br />
a) properties nicht mappen darf und/oder <br />
<br />
b) dass das erzeugen neuer Objekte nicht erlaubt ist.<br />
<br />
'''Der Core stellt dazu Methoden bereit''', die jedoch in keiner/keinem Docu/Manual auftauchen.<br />
<br />
Als Erstes benötigt man eine '''initialize<method>Action''', in diesem Fall:<br />
<br />
protected function initializeUpdateAction() { ... }<br />
<br />
diese '''wird vor der eigentlichen Methode aufgerufen''' (updateAction) (Convention!). <br />
Das ermöglich einem die PropertyMappingConfiguration anzupassen.<br />
<br />
Die PropertyMappingConfiguration ist erstmal leer. Also baut man sich eine neue, die dann direkt injected wird :<br />
<br />
<syntaxhighlight lang="php"><br />
protected function initializeUpdateAction() { <br />
$mvcPropertyMappingConfiguration = \TYPO3\CMS\Extbase\Property\PropertyMappingConfigurationBuilder::build(<br />
'TYPO3\\CMS\\Extbase\\Mvc\\Controller\\MvcPropertyMappingConfiguration'<br />
);<br />
$this->arguments->getArgument('mother')->injectPropertyMappingConfiguration($mvcPropertyMappingConfiguration);<br />
}<br />
</syntaxhighlight><br />
<br />
Jetzt müssen die property-mapping-Einstellungen gemacht werden.<br />
Extbase ist so aufgebaut, dass man Objekte nur über von Fluid erstellte Formulare ändern kann (trustedPropertiesToken). Dies verhindert genau das, was man hier erreichen möchte. Ein Objekt mit dynamisch erzeugten Formularfeldern verändern oder erzeugen. Geblockt ist die Funktion übrigens aus Sicherheitsgründen.<br />
<br />
Um das hinzufügen und erstellen neuer Objekte zuzulassen, gibt es mehrere Methoden in der PropertyMappingConfiguration:<br />
<br />
1) allowAllProperties()<br />
2) allowAllPropertiesExcept(<string>)<br />
3) allowProperties(<csv-string>)<br />
4) allowCreationForSubProperty(<string>)<br />
5) allowModificationForSubProperty(<string>)<br />
<br />
Das tollste Feature dieser Methoden ist wohl, dass sie den Fluid path-syntax UND wildcards ('*') unterstützen. Desweiteren bietet die Methode forProperty() den Zugriff auf tiefere Eigenschaften. Um also Kinder der Mutter hinzufügen zu dürfen, muss man das Extbase mit <br />
<br />
$propertyMappingConfiguration->forProperty('children')->allowAllProperties();$propertyMappingConfiguration->forProperty('children')->allowCreationForSubProperty('*');<br />
<br />
klar machen.<br />
<br />
<br />
allowAllProperties() gewährt einem dabei grundlegenden Zugriff auf die Eigenschaft children des Objekts und allowCreationForSubProperty('*') ermöglicht es, beliebig viele Kinder anzulegen. Das Wildcard ersetzt hierbei die Zahl im Fluid path-syntax.<br />
<br />
Damit man den Kindern noch Vornamen und Geburtstag (uv.m.) geben kann, muss man diese Eigenschaften noch 'freischalten':<br />
<br />
$propertyMappingConfiguration->forProperty('children')->forProperty('*')->allowAllProperties();<br />
<br />
Natürlich kann man auch den Zugriff auf bestimmte Eigenschaften beschränken:<br />
<br />
$propertyMappingConfiguration->forProperty('children')->forProperty('*')->allowProperties('firstname','birthday','birthplace','custody');<br />
<br />
Nun gilt es noch zu beachten:<br />
<br />
Wenn die ObjectStorage einmal befüllt ist und ein neues Objekt hinzugefügt werden soll, müssen alle bisherigen Objekte erneut mitgegeben werden, sonst wird die Verbindung zu den alten Objekten gelöscht!</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Dokumentation_gbrma&diff=21217Dokumentation gbrma2015-10-08T11:08:31Z<p>37.49.33.84: /* Model / Fields Dokumentation */</p>
<hr />
<div>== Einrichtung ==<br />
<br />
=== TS Configuration ===<br />
Konstanten<br />
<pre><br />
plugin.tx_gbdevices.persistence.storagePid = 49 # gbdevices wird benötigt für gbrma<br />
plugin.tx_gbrma.persistence.storagePid = 49 # Speicherort der RMA Daten<br />
</pre><br />
Setup<br />
<pre><br />
senderMail = test@example.com<br />
senderMailName = Test Mailer<br />
adminMail = email@example.com<br />
adminMailName = Test Admin<br />
mailSubject = RMA Request<br />
superuserId = 1<br />
nbmClassId = 7<br />
nbm520Id = 104<br />
nbm550Id = 103<br />
multipleBaseDevicesAllowedClassIds = <br />
restrictFamilyAccessToFegroups = 0 <br />
// Wenn an dann muß die Familie einer Usergruppe zugeordnet sein. Nur User dieser Gruppe stehen Geräten dieser Familie für RMAs zur Verfügung<br />
#pdf_css = EXT:gbrma/Resources/Public/Css/pdf.css // Not used<br />
#pdf_html = EXT:gbrma/Resources/Private/Templates/Pdf/pdf.html // Not used<br />
</pre><br />
<br />
=== Family Access ===<br />
restrictFamilyAccessToFegroups = 1<br />
Wenn dieser Wert im Setup gesetzt wird, dann kann der Benutzer nur noch bestimmte Gerätefamilien für RMAs auswählen. Wenn es nicht gesetzt ist können die Benutzer alle Familien nutzen.<br />
<br />
Durch die Installation von gbrma wird gbdevices um ein Feld erweitert. <br />
* GB Devices -> Familie auswählen und Benutzergruppe im Feld Allowed FE-User Group setzen<br />
* Dem FE User diese Gruppe zuordnen.<br />
<br />
=== Model / Fields Dokumentation ===<br />
Beispiel Array einer RMA mit untergeordneten Models für Metadevice, Device, DeviceClass, DeviceFamily<br />
<syntaxhighlight lang="php"><br />
array(rma => Geobit\Gbrma\Domain\Model\Rmaprototypepersistent entity (uid=11, pid=53)<br />
rmaNumber => '8' (1 chars)<br />
rmaType => 1 (integer)<br />
locked => 0 (integer)<br />
state => 0 (integer)<br />
orderExpress => 0 (integer)<br />
additionalInformation => '' (0 chars)<br />
rmaUser => 1 (integer)<br />
crdate => 1443778492 (integer)<br />
tstamp => 1443783879 (integer)<br />
uid => 11 (integer)<br />
pid => 53 (integer)<br />
metadevice => TYPO3\CMS\Extbase\Persistence\ObjectStorageprototypeobject (2 items)<br />
0000000002d804830000000151a56f69 => Geobit\Gbrma\Domain\Model\Metadeviceprototypepersistent entity (uid=12, pid=53)<br />
uid => 12 (integer)<br />
pid => 53 (integer)<br />
serial => 'aewtqwer' (8 chars)<br />
description => '' (0 chars)<br />
jsondata => '{"none":"1"}' (12 chars)<br />
serviceRepair => 0 (integer)<br />
serviceCalibration => 0 (integer)<br />
serviceModification => 0 (integer)<br />
serviceNone => 1 (integer)<br />
device => Geobit\Gbdevices\Domain\Model\Deviceprototypepersistent entity (uid=3, pid=49)<br />
uid => 3 (integer)<br />
pid => 49 (integer)<br />
deviceTitle => '2138/01 EMD-100' (15 chars)<br />
deviceDescription => '' (0 chars)<br />
deviceType => 1 (integer)<br />
isBaseDevice => FALSE<br />
accPossible => FALSE<br />
repairDiscontinued => TRUE<br />
modification => 0 (integer)<br />
deviceImage => NULL<br />
deviceClass => Geobit\Gbdevices\Domain\Model\DeviceClassprototypepersistent entity (uid=2, pid=49)<br />
classTitle => 'EMD Series' (10 chars)<br />
classDescription => '' (0 chars)<br />
classFamily => 0 (integer)<br />
accPossible => FALSE<br />
uid => 2 (integer)<br />
pid => 49 (integer)<br />
deviceFamily => Geobit\Gbdevices\Domain\Model\DeviceFamilyprototypepersistent entity (uid=1, pid=49)<br />
familyTitle => 'Safety' (6 chars)<br />
familyDescription => 'NARDA Safety Product Family' (27 chars)<br />
familyFegroupAccess => 2 (integer)<br />
uid => 1 (integer)<br />
pid => 49 (integer)<br />
)<br />
</syntaxhighlight></div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Dokumentation_gbrma&diff=21216Dokumentation gbrma2015-10-08T11:06:52Z<p>37.49.33.84: /* Model / Fields Dokumentation */</p>
<hr />
<div>== Einrichtung ==<br />
<br />
=== TS Configuration ===<br />
Konstanten<br />
<pre><br />
plugin.tx_gbdevices.persistence.storagePid = 49 # gbdevices wird benötigt für gbrma<br />
plugin.tx_gbrma.persistence.storagePid = 49 # Speicherort der RMA Daten<br />
</pre><br />
Setup<br />
<pre><br />
senderMail = test@example.com<br />
senderMailName = Test Mailer<br />
adminMail = email@example.com<br />
adminMailName = Test Admin<br />
mailSubject = RMA Request<br />
superuserId = 1<br />
nbmClassId = 7<br />
nbm520Id = 104<br />
nbm550Id = 103<br />
multipleBaseDevicesAllowedClassIds = <br />
restrictFamilyAccessToFegroups = 0 <br />
// Wenn an dann muß die Familie einer Usergruppe zugeordnet sein. Nur User dieser Gruppe stehen Geräten dieser Familie für RMAs zur Verfügung<br />
#pdf_css = EXT:gbrma/Resources/Public/Css/pdf.css // Not used<br />
#pdf_html = EXT:gbrma/Resources/Private/Templates/Pdf/pdf.html // Not used<br />
</pre><br />
<br />
=== Family Access ===<br />
restrictFamilyAccessToFegroups = 1<br />
Wenn dieser Wert im Setup gesetzt wird, dann kann der Benutzer nur noch bestimmte Gerätefamilien für RMAs auswählen. Wenn es nicht gesetzt ist können die Benutzer alle Familien nutzen.<br />
<br />
Durch die Installation von gbrma wird gbdevices um ein Feld erweitert. <br />
* GB Devices -> Familie auswählen und Benutzergruppe im Feld Allowed FE-User Group setzen<br />
* Dem FE User diese Gruppe zuordnen.<br />
<br />
=== Model / Fields Dokumentation ===<br />
Beispiel Array einer RMA mit untergeordneten Models für Metadevice, Device, DeviceClass, DeviceFamily<br />
<syntaxhighlight lang="php"><br />
array(rma => Geobit\Gbrma\Domain\Model\Rmaprototypepersistent entity (uid=11, pid=53)<br />
rmaNumber => '8' (1 chars)<br />
rmaType => 1 (integer)<br />
locked => 0 (integer)<br />
state => 0 (integer)<br />
orderExpress => 0 (integer)<br />
additionalInformation => '' (0 chars)<br />
rmaUser => 1 (integer)<br />
crdate => 1443778492 (integer)<br />
tstamp => 1443783879 (integer)<br />
uid => 11 (integer)<br />
pid => 53 (integer)<br />
metadevice => TYPO3\CMS\Extbase\Persistence\ObjectStorageprototypeobject (2 items)<br />
0000000002d804830000000151a56f69 => Geobit\Gbrma\Domain\Model\Metadeviceprototypepersistent entity (uid=12, pid=53)<br />
serial => 'aewtqwer' (8 chars)<br />
description => '' (0 chars)<br />
jsondata => '{"none":"1"}' (12 chars)<br />
serviceRepair => 0 (integer)<br />
serviceCalibration => 0 (integer)<br />
serviceModification => 0 (integer)<br />
serviceNone => 1 (integer)<br />
device => Geobit\Gbdevices\Domain\Model\Deviceprototypepersistent entity (uid=3, pid=49)<br />
deviceTitle => '2138/01 EMD-100' (15 chars)<br />
deviceDescription => '' (0 chars)<br />
deviceType => 1 (integer)<br />
isBaseDevice => FALSE<br />
accPossible => FALSE<br />
repairDiscontinued => TRUE<br />
modification => 0 (integer)<br />
deviceImage => NULL<br />
deviceClass => Geobit\Gbdevices\Domain\Model\DeviceClassprototypepersistent entity (uid=2, pid=49)<br />
classTitle => 'EMD Series' (10 chars)<br />
classDescription => '' (0 chars)<br />
classFamily => 0 (integer)<br />
accPossible => FALSE<br />
uid => 2 (integer)<br />
pid => 49 (integer)<br />
deviceFamily => Geobit\Gbdevices\Domain\Model\DeviceFamilyprototypepersistent entity (uid=1, pid=49)<br />
familyTitle => 'Safety' (6 chars)<br />
familyDescription => 'NARDA Safety Product Family' (27 chars)<br />
familyFegroupAccess => 2 (integer)<br />
uid => 1 (integer)<br />
pid => 49 (integer)<br />
uid => 3 (integer)<br />
pid => 49 (integer)<br />
uid => 12 (integer)<br />
pid => 53 (integer)<br />
<br />
)<br />
</syntaxhighlight></div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Dokumentation_gbrma&diff=21215Dokumentation gbrma2015-10-08T11:04:38Z<p>37.49.33.84: /* Model / Fields Dokumentation */</p>
<hr />
<div>== Einrichtung ==<br />
<br />
=== TS Configuration ===<br />
Konstanten<br />
<pre><br />
plugin.tx_gbdevices.persistence.storagePid = 49 # gbdevices wird benötigt für gbrma<br />
plugin.tx_gbrma.persistence.storagePid = 49 # Speicherort der RMA Daten<br />
</pre><br />
Setup<br />
<pre><br />
senderMail = test@example.com<br />
senderMailName = Test Mailer<br />
adminMail = email@example.com<br />
adminMailName = Test Admin<br />
mailSubject = RMA Request<br />
superuserId = 1<br />
nbmClassId = 7<br />
nbm520Id = 104<br />
nbm550Id = 103<br />
multipleBaseDevicesAllowedClassIds = <br />
restrictFamilyAccessToFegroups = 0 <br />
// Wenn an dann muß die Familie einer Usergruppe zugeordnet sein. Nur User dieser Gruppe stehen Geräten dieser Familie für RMAs zur Verfügung<br />
#pdf_css = EXT:gbrma/Resources/Public/Css/pdf.css // Not used<br />
#pdf_html = EXT:gbrma/Resources/Private/Templates/Pdf/pdf.html // Not used<br />
</pre><br />
<br />
=== Family Access ===<br />
restrictFamilyAccessToFegroups = 1<br />
Wenn dieser Wert im Setup gesetzt wird, dann kann der Benutzer nur noch bestimmte Gerätefamilien für RMAs auswählen. Wenn es nicht gesetzt ist können die Benutzer alle Familien nutzen.<br />
<br />
Durch die Installation von gbrma wird gbdevices um ein Feld erweitert. <br />
* GB Devices -> Familie auswählen und Benutzergruppe im Feld Allowed FE-User Group setzen<br />
* Dem FE User diese Gruppe zuordnen.<br />
<br />
=== Model / Fields Dokumentation ===<br />
Beispiel Array einer RMA mit untergeordneten Models für Metadevice, Device, DeviceClass, DeviceFamily<br />
<syntaxhighlight lang="php"><br />
array(rma => Geobit\Gbrma\Domain\Model\Rmaprototypepersistent entity (uid=11, pid=53)<br />
rmaNumber => '8' (1 chars)<br />
rmaType => 1 (integer)<br />
locked => 0 (integer)<br />
state => 0 (integer)<br />
orderExpress => 0 (integer)<br />
additionalInformation => '' (0 chars)<br />
metadevice => TYPO3\CMS\Extbase\Persistence\ObjectStorageprototypeobject (2 items)<br />
0000000002d804830000000151a56f69 => Geobit\Gbrma\Domain\Model\Metadeviceprototypepersistent entity (uid=12, pid=53)<br />
serial => 'aewtqwer' (8 chars)<br />
description => '' (0 chars)<br />
jsondata => '{"none":"1"}' (12 chars)<br />
serviceRepair => 0 (integer)<br />
serviceCalibration => 0 (integer)<br />
serviceModification => 0 (integer)<br />
serviceNone => 1 (integer)<br />
device => Geobit\Gbdevices\Domain\Model\Deviceprototypepersistent entity (uid=3, pid=49)<br />
deviceTitle => '2138/01 EMD-100' (15 chars)<br />
deviceDescription => '' (0 chars)<br />
deviceType => 1 (integer)<br />
isBaseDevice => FALSE<br />
accPossible => FALSE<br />
repairDiscontinued => TRUE<br />
modification => 0 (integer)<br />
deviceImage => NULL<br />
deviceClass => Geobit\Gbdevices\Domain\Model\DeviceClassprototypepersistent entity (uid=2, pid=49)<br />
classTitle => 'EMD Series' (10 chars)<br />
classDescription => '' (0 chars)<br />
classFamily => 0 (integer)<br />
accPossible => FALSE<br />
uid => 2 (integer)<br />
_localizedUid => 2 (integer)modified<br />
_languageUid => 0 (integer)modified<br />
_versionedUid => 2 (integer)modified<br />
pid => 49 (integer)<br />
deviceFamily => Geobit\Gbdevices\Domain\Model\DeviceFamilyprototypepersistent entity (uid=1, pid=49)<br />
familyTitle => 'Safety' (6 chars)<br />
familyDescription => 'NARDA Safety Product Family' (27 chars)<br />
familyFegroupAccess => 2 (integer)<br />
uid => 1 (integer)<br />
_localizedUid => 1 (integer)modified<br />
_languageUid => 0 (integer)modified<br />
_versionedUid => 1 (integer)modified<br />
pid => 49 (integer)<br />
uid => 3 (integer)<br />
_localizedUid => 3 (integer)modified<br />
_languageUid => 0 (integer)modified<br />
_versionedUid => 3 (integer)modified<br />
pid => 49 (integer)<br />
uid => 12 (integer)<br />
_localizedUid => 12 (integer)modified<br />
_languageUid => 0 (integer)modified<br />
_versionedUid => 12 (integer)modified<br />
pid => 53 (integer)<br />
0000000002d804820000000151a56f69 => Geobit\Gbrma\Domain\Model\Metadeviceprototypepersistent entity (uid=13, pid=53)<br />
rmaUser => 1 (integer)<br />
crdate => 1443778492 (integer)<br />
tstamp => 1443783879 (integer)<br />
uid => 11 (integer)<br />
_localizedUid => 11 (integer)modified<br />
_languageUid => 0 (integer)modified<br />
_versionedUid => 11 (integer)modified<br />
pid => 53 (integer)<br />
)<br />
</syntaxhighlight></div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Dokumentation_gbrma&diff=21214Dokumentation gbrma2015-10-08T11:00:53Z<p>37.49.33.84: </p>
<hr />
<div>== Einrichtung ==<br />
<br />
=== TS Configuration ===<br />
Konstanten<br />
<pre><br />
plugin.tx_gbdevices.persistence.storagePid = 49 # gbdevices wird benötigt für gbrma<br />
plugin.tx_gbrma.persistence.storagePid = 49 # Speicherort der RMA Daten<br />
</pre><br />
Setup<br />
<pre><br />
senderMail = test@example.com<br />
senderMailName = Test Mailer<br />
adminMail = email@example.com<br />
adminMailName = Test Admin<br />
mailSubject = RMA Request<br />
superuserId = 1<br />
nbmClassId = 7<br />
nbm520Id = 104<br />
nbm550Id = 103<br />
multipleBaseDevicesAllowedClassIds = <br />
restrictFamilyAccessToFegroups = 0 <br />
// Wenn an dann muß die Familie einer Usergruppe zugeordnet sein. Nur User dieser Gruppe stehen Geräten dieser Familie für RMAs zur Verfügung<br />
#pdf_css = EXT:gbrma/Resources/Public/Css/pdf.css // Not used<br />
#pdf_html = EXT:gbrma/Resources/Private/Templates/Pdf/pdf.html // Not used<br />
</pre><br />
<br />
=== Family Access ===<br />
restrictFamilyAccessToFegroups = 1<br />
Wenn dieser Wert im Setup gesetzt wird, dann kann der Benutzer nur noch bestimmte Gerätefamilien für RMAs auswählen. Wenn es nicht gesetzt ist können die Benutzer alle Familien nutzen.<br />
<br />
Durch die Installation von gbrma wird gbdevices um ein Feld erweitert. <br />
* GB Devices -> Familie auswählen und Benutzergruppe im Feld Allowed FE-User Group setzen<br />
* Dem FE User diese Gruppe zuordnen.<br />
<br />
=== Model / Fields Dokumentation ===<br />
<syntaxhighlight lang="php"><br />
array(rma => Geobit\Gbrma\Domain\Model\Rmaprototypepersistent entity (uid=11, pid=53)<br />
rmaNumber => '8' (1 chars)<br />
rmaType => 1 (integer)<br />
locked => 0 (integer)<br />
state => 0 (integer)<br />
orderExpress => 0 (integer)<br />
additionalInformation => '' (0 chars)<br />
metadevice => TYPO3\CMS\Extbase\Persistence\ObjectStorageprototypeobject (2 items)<br />
0000000002d804830000000151a56f69 => Geobit\Gbrma\Domain\Model\Metadeviceprototypepersistent entity (uid=12, pid=53)<br />
serial => 'aewtqwer' (8 chars)<br />
description => '' (0 chars)<br />
jsondata => '{"none":"1"}' (12 chars)<br />
serviceRepair => 0 (integer)<br />
serviceCalibration => 0 (integer)<br />
serviceModification => 0 (integer)<br />
serviceNone => 1 (integer)<br />
device => Geobit\Gbdevices\Domain\Model\Deviceprototypepersistent entity (uid=3, pid=49)<br />
deviceTitle => '2138/01 EMD-100' (15 chars)<br />
deviceDescription => '' (0 chars)<br />
deviceType => 1 (integer)<br />
isBaseDevice => FALSE<br />
accPossible => FALSE<br />
repairDiscontinued => TRUE<br />
modification => 0 (integer)<br />
deviceImage => NULL<br />
deviceClass => Geobit\Gbdevices\Domain\Model\DeviceClassprototypepersistent entity (uid=2, pid=49)<br />
classTitle => 'EMD Series' (10 chars)<br />
classDescription => '' (0 chars)<br />
classFamily => 0 (integer)<br />
accPossible => FALSE<br />
uid => 2 (integer)<br />
_localizedUid => 2 (integer)modified<br />
_languageUid => 0 (integer)modified<br />
_versionedUid => 2 (integer)modified<br />
pid => 49 (integer)<br />
deviceFamily => Geobit\Gbdevices\Domain\Model\DeviceFamilyprototypepersistent entity (uid=1, pid=49)<br />
familyTitle => 'Safety' (6 chars)<br />
familyDescription => 'NARDA Safety Product Family' (27 chars)<br />
familyFegroupAccess => 2 (integer)<br />
uid => 1 (integer)<br />
_localizedUid => 1 (integer)modified<br />
_languageUid => 0 (integer)modified<br />
_versionedUid => 1 (integer)modified<br />
pid => 49 (integer)<br />
uid => 3 (integer)<br />
_localizedUid => 3 (integer)modified<br />
_languageUid => 0 (integer)modified<br />
_versionedUid => 3 (integer)modified<br />
pid => 49 (integer)<br />
uid => 12 (integer)<br />
_localizedUid => 12 (integer)modified<br />
_languageUid => 0 (integer)modified<br />
_versionedUid => 12 (integer)modified<br />
pid => 53 (integer)<br />
0000000002d804820000000151a56f69 => Geobit\Gbrma\Domain\Model\Metadeviceprototypepersistent entity (uid=13, pid=53)<br />
rmaUser => 1 (integer)<br />
crdate => 1443778492 (integer)<br />
tstamp => 1443783879 (integer)<br />
uid => 11 (integer)<br />
_localizedUid => 11 (integer)modified<br />
_languageUid => 0 (integer)modified<br />
_versionedUid => 11 (integer)modified<br />
pid => 53 (integer)<br />
)<br />
</syntaxhighlight></div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Dokumentation_gbrma&diff=21213Dokumentation gbrma2015-10-07T13:37:53Z<p>37.49.33.84: </p>
<hr />
<div>== Einrichtung ==<br />
<br />
=== TS Configuration ===<br />
Konstanten<br />
<pre><br />
plugin.tx_gbdevices.persistence.storagePid = 49 # gbdevices wird benötigt für gbrma<br />
plugin.tx_gbrma.persistence.storagePid = 49 # Speicherort der RMA Daten<br />
</pre><br />
Setup<br />
<pre><br />
senderMail = test@example.com<br />
senderMailName = Test Mailer<br />
adminMail = email@example.com<br />
adminMailName = Test Admin<br />
mailSubject = RMA Request<br />
superuserId = 1<br />
nbmClassId = 7<br />
nbm520Id = 104<br />
nbm550Id = 103<br />
multipleBaseDevicesAllowedClassIds = <br />
restrictFamilyAccessToFegroups = 0 <br />
// Wenn an dann muß die Familie einer Usergruppe zugeordnet sein. Nur User dieser Gruppe stehen Geräten dieser Familie für RMAs zur Verfügung<br />
#pdf_css = EXT:gbrma/Resources/Public/Css/pdf.css // Not used<br />
#pdf_html = EXT:gbrma/Resources/Private/Templates/Pdf/pdf.html // Not used<br />
</pre><br />
<br />
=== Family Access ===<br />
restrictFamilyAccessToFegroups = 1<br />
Wenn dieser Wert im Setup gesetzt wird, dann kann der Benutzer nur noch bestimmte Gerätefamilien für RMAs auswählen. Wenn es nicht gesetzt ist können die Benutzer alle Familien nutzen.<br />
<br />
Durch die Installation von gbrma wird gbdevices um ein Feld erweitert. <br />
* GB Devices -> Familie auswählen und Benutzergruppe im Feld Allowed FE-User Group setzen<br />
* Dem FE User diese Gruppe zuordnen.</div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Dokumentation_gbrma&diff=21212Dokumentation gbrma2015-10-07T13:27:28Z<p>37.49.33.84: /* TS Configuration */</p>
<hr />
<div>== Einrichtung ==<br />
=== TS Configuration ===<br />
Konstanten<br />
<pre><br />
plugin.tx_gbdevices.persistence.storagePid = 49 # gbdevices wird benötigt für gbrma<br />
plugin.tx_gbrma.persistence.storagePid = 49 # Speicherort der RMA Daten<br />
</pre><br />
Setup<br />
<pre><br />
senderMail = test@example.com<br />
senderMailName = Test Mailer<br />
adminMail = email@example.com<br />
adminMailName = Test Admin<br />
mailSubject = RMA Request<br />
superuserId = 1<br />
nbmClassId = 7<br />
nbm520Id = 104<br />
nbm550Id = 103<br />
multipleBaseDevicesAllowedClassIds = <br />
restrictFamilyAccessToFegroups = 0 <br />
// Wenn an dann muß die Familie einer Usergruppe zugeordnet sein. Nur User dieser Gruppe stehen Geräten dieser Familie für RMAs zur Verfügung<br />
#pdf_css = EXT:gbrma/Resources/Public/Css/pdf.css // Not used<br />
#pdf_html = EXT:gbrma/Resources/Private/Templates/Pdf/pdf.html // Not used<br />
</pre></div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Dokumentation_gbrma&diff=21211Dokumentation gbrma2015-10-07T13:26:41Z<p>37.49.33.84: Die Seite wurde neu angelegt: „== Einrichtung == === TS Configuration === Konstanten <pre> plugin.tx_gbdevices.persistence.storagePid = 49 # gbdevices wird benötigt für gbrma plugin.tx_gbr…“</p>
<hr />
<div>== Einrichtung ==<br />
=== TS Configuration ===<br />
Konstanten<br />
<pre><br />
plugin.tx_gbdevices.persistence.storagePid = 49 # gbdevices wird benötigt für gbrma<br />
plugin.tx_gbrma.persistence.storagePid = 49 # Speicherort der RMA Daten<br />
</pre><br />
Setup<br />
<pre><br />
senderMail = test@example.com<br />
senderMailName = Test Mailer<br />
adminMail = email@example.com<br />
adminMailName = Test Admin<br />
mailSubject = RMA Request<br />
superuserId = 1<br />
nbmClassId = 7<br />
nbm520Id = 104<br />
nbm550Id = 103<br />
multipleBaseDevicesAllowedClassIds = <br />
restrictFamilyAccessToFegroups = 0 // Wenn an dann muß die Familie einer Usergruppe zugeordnet sein. Nur User dieser Gruppe können Geräte dieser Familie bearbeiten.<br />
#pdf_css = EXT:gbrma/Resources/Public/Css/pdf.css // Not used<br />
#pdf_html = EXT:gbrma/Resources/Private/Templates/Pdf/pdf.html // Not used<br />
</pre></div>37.49.33.84https://wiki.stephanschlegel.de/index.php?title=Narda&diff=21210Narda2015-10-07T13:19:36Z<p>37.49.33.84: /* Dokumentation */</p>
<hr />
<div>== Überblick ==<br />
RMA und ACC liegen auf Geo-bit Server und sind per iFrame eingebunden:<br />
<pre><br />
<iframe width="940" height="1000" src="/1/RMA/rma_select_01.php?req_art=rep_cal"></iframe><br />
<iframe width="940" height="1000" src="/1/RMA/rma_select_01.php?req_art=warranty"></iframe><br />
<iframe width="940" height="1000" src="/1/acc-2/login.php"></iframe><br />
</pre><br />
direkt erreichbar über:<br />
<br />
http://narda-sts.com.w00eb738.kasserver.com/1/RMA/rma_select_01.php?req_art=rep_cal<br />
http://narda-sts.com.w00eb738.kasserver.com/1/RMA/rma_select_01.php?req_art=warranty<br />
http://narda-sts.com.w00eb738.kasserver.com/1/acc-2/login.php<br />
<br />
== TYPO3 RMA Extension ==<br />
=== Dokumentation ===<br />
Narda RMA Prozess [[Dokumentation gbrma]]<br />
<br />
=== Zus. Leistungen ===<br />
<br />
Mail an Admin 6h / Mailtemplates<br />
pdf Generierung <br />
Vorfilterung nach Geräteklasse + Auswahlkontrolle<br />
Admin Ansicht benötigt ???<br />
Zusätzliche States<br />
Geräteliste zum Aufklappen ab 5 Zeilen<br />
Templatevarianten für<br />
SRM / IDA<br />
NBM<br />
Detailansicht für beendete RMA<br />
Express Calibration<br />
fpdf Integration für acc<br />
Bespr. Narda 2h<br />
Setting up Testing Area<br />
Klassen müssen ebenfalls einer Familie zugeordnet werden<br />
Checkboxen (calib, mod/upgr., repair, no service, nur dann anzeigen, wenn sinnvoll<br />
Checkboxen komplett weg für ACC<br />
Regel für mehrere Basedevices erlaubt (Radman)<br />
Clientnr. in fe_user<br />
Zeige Rmas by Client nr.<br />
Modification ausblenden wenn keine vorhanden<br />
Auslagerung von Texten in Lokalisierungstextfiles<br />
Möglichkeit zur Auswahl von Texten je nach Geräteklasse<br />
Erklärungstexte für Status<br />
ACC Filterung auf Geräteklassenebene<br />
Mail an Admin bei Delete<br />
Mapping des ERP Exports und checken der RMAs<br />
Test Scheduler einrichten<br />
<br />
=== Änderungen ===<br />
* Fehler beim '''Import''' wenn Leerzeilen enthalten - '''OK'''<br />
* Feature: Statt RMA Date immer '''Datum der letzten Status aktualisierung'''. 1. Angelegt in T3 2. Datum der letzten Bearbeitung aus ERP Datei - '''OK'''<br />
** Model erweitern (tstamp) - '''OK'''<br />
** Templates auf tstamp statt cdate - '''OK'''<br />
** Anpassen im Code - '''OK'''<br />
* F: '''Datatables''' Skript für Listenansicht - '''OK'''<br />
* '''Validierungen'''<br />
** Keine Beschreibung bei Repair eingegeben - '''OK'''<br />
** Kein Service Request gewählt - '''OK'''<br />
** Inspection Repair und No Service nicht gemeinsam anwählbar - '''OK'''<br />
** F: Wenn Repair dann keine Kalibrierung (ist beinhaltet) -> Änderung Calib und Repair möglich - '''OK'''<br />
** F: Wenn Kalibrierung dann kein Repair -> ist doch möglich - '''OK'''<br />
* F: Am Ende Auswahlfeld Expresskalibrierung aber nur wenn Kalibrierung ausgewählt ist + Textfeld (Additional information), <br />
* '''Beispielbilder''' "Wo finde ich die Seriennummer" in Add Metadevice<br />
* Bug: Add Main Device, Add 2.Device, Zurück auf Main Device Tab => '''Tabs''' werden nicht mehr richtig dargestellt - '''OK'''<br />
* Nichtssagende '''Fehlermeldung''' in AddMetadevice wenn die Validierung scheitert (Seite wird erneut angezeigt) - '''OK'''<br />
* Feature: NewFormFields soll Auswahl für Acc nur anbieten wenn Userrecht vorliegt (Safety)<br />
* '''RMA Doku''' -> z.T. aus E-Mails übernehmen<br />
* '''Fehlermeldungen von Extbase''' verhindern bei Browserbedienung (vor und zurück Buttons)<br />
** Wenn '''RMA nicht vorhanden''' (z.B. gelöscht) dann aussagekräftige Fehlermeldung)<br />
* Feature: '''RMA gelöscht Mail''' nur dann wenn Status 2 erreicht (also wenn schon eine Info bei Narda ankam) - '''OK'''<br />
* '''RMA Nummern''' werden nur als gelöscht markiert bzw. eine Nummer wird nie mehrfach vergeben. - '''OK'''<br />
* '''ACC'''<br />
** '''PDF''' muß auch an Kunden (FE-User) gesendet werden - '''OK'''<br />
* '''RMA löschen Bestätigung''' (JS) - '''OK'''<br />
* SRM Auswahl der Geräte -> richtige Tabs aktiv -> bei SRM 3 Tabs "rf-cable" - '''OK'''<br />
* E-Mail RMA Type weg, RMA Prominent oben, evtl. im Betreff - '''OK'''<br />
* Zuerst Device Title dann SN - '''OK'''<br />
* Umbenennungen<br />
** Express Order -> Express Calibration Service - '''OK'''<br />
** Factory Calibration / Repair -> ohne Warranty Request - '''OK'''<br />
** Modification Texte 5 und 6 - '''OK'''<br />
<br />
== Internet Präsenz Narda ==<br />
<br />
Mischung aus verschiedenen Systemen<br />
<br />
Hauptdomain: www.narda-sts.de<br />
<br />
=== Content Management System ===<br />
Frontend ist TYPO3 allerdings werden einige Download-Listen über ein php-Skript generiert.<br />
Diese Inhalte werden über ein eigenes Tool realisiert.<br />
<br />
=== FTP-Zugänge ===<br />
<br />
Die Seite würd über vodafone gehostet. Vodafone der Zugriff erfolgt Zentral über<br />
ftp.vodafone-ip.de<br />
<br />
Im Admin Bereich von Vodafone kann man FTP Benutzer anlegen.<br />
Der Zugriff erfolgt dann über [benutzername]%[domainname]<br />
Also z.B. aszwei%narda-sts.de<br />
<br />
=== Server Verwaltung ===<br />
Hier kann man FTP Zugänge anlegen, auf phpMyAdmin zugreifen etc.<br />
Login unter: https://webadmin.arcor.net/Secure/<br />
<br />
=== phpMyAdmin ===<br />
Direkt zu erreichen unter:<br />
<br />
== Eigenes Admin System ==<br />
Zur Verwaltung von downloads, etc.<br />
http://www.narda-sts.de/admin/<br />
<br />
Greift auf eine separate Datenbank zu, in der die Daten abgelegt sind.<br />
<br />
==== Anpassen eines Software Downloads ====<br />
Um einen Download anzupassen spielt man die Datei per FTP unterhalb des Verzeichnisses<br />
/download/software/<br />
<br />
Als nächstes öffnet man das Admin Tool und geht in den Menüpunkt<br />
SoftwareUpdate (beta)<br />
Dort kann man die Release Nummer anpassen (z.B. 2011) und aus dem Dropdownfeld die passende Datei auswählen.<br />
<br />
==== Anlegen eines neuen Downloads ====<br />
Hierbei muß man beachten daß in TYPO3 ein php Schnipsel eingebunden wird.<br />
<pre><br />
<?php<br />
include("fileadmin/user_upload/scripts/db_func.inc");<br />
print (get_software_information("EFC_HF_Demo_EN"));<br />
?><br />
</pre><br />
<br />
gibt einen Download Block inkl. Link und Beschreibung aus.<br />
Wobei als Parameter der Name im Datenbankfeld re_call übergeben wird. Dieser wird beim Anlegen der Software manuell Vergeben<br />
<br />
== Sales Partner Extranet ==<br />
www.narda-sts.de/sp (oder /vp)<br />
<br />
<br />
== RMA Garantie und Rücklaufgeräte ==<br />
Dies wird über Vertragspartner erledigt, und es gibt ein weiteres Tool. Der User holt sich ein RMA Ticket (Online Formular) Je nach Region wird dann an den Vertriebspartner eine E-Mail versendet. Außerdem an Narda. <br />
<br />
Auf dem Serverl liegt es im Ordner /1/RMA/<br />
<br />
Im Quelltext sind auch etliche E-Mail Adressen hinterlegt die auf Mails zu Aichele und dem Programmierer hinweisen. Das müßte mal ausgemistet werden.<br />
<br />
=== Kontaktdaten der Vertriebspartner ===<br />
Diese sind in der Datenbank in der Tabelle ''' rma_requests''' hinterlegt.<br />
Es gibt auch eine Tabelle Vertriebspartner. Ist aber nicht ganz klar wann diese benutzt werden.<br />
Ich habe noch kein Administrationstool gefunden. Die Änderung kann aber direkt in der Datenbank erfolgen.<br />
<br />
Edit:<br />
<br />
Vertriebspartner in der Tabelle vertriebspartner werden vom RMA Prozess Tool (und vom neuen acc Tool) genutzt.<br />
<br />
Es gibt außerdem eine Ausgabe der Vertriebspartner Adressen. Dabei werden über das Admin Tool (Narda Tool -> Partner Update) html Dateien geschrieben, die dann im Typo eingebunden sind. (Total umständlich). Es wird die Tabelle ??? genutzt.<br />
<br />
=== Funktionsweise technische Realisierung (PHP-Skripte) ===<br />
Siehe MindMap<br />
<br />
Einstieg für den RMA Prozess ist der Link:<br />
<br />
http://www.narda-sts.de/1/RMA/rma_select_01.php?req_art=rep_cal<br />
<br />
<br />
In diesem Schritt wird die Länderauswahl angezeigt und die Art der Anfrege übergeben.<br />
Nach der Länderauswahl sieht der link dann ungefähr so aus:<br />
<br />
https://ssl.arcor-secure.de/narda-sts.de/1/RMA/rma_persData_02.php?req_art=rep_cal&req_id=P20110214_gF164223&req_reg=2<br />
<br />
Es wird also eine req_id und req_reg Übergeben. Und die Persönlichen Daten abgefragt.<br />
<br />
<br />
RMA/rma_reCall.php<br />
<br />
== ACC Prozess ==<br />
Für den ACC (Accredited Callbration) wurde das Tool komplett überarbeitet und entschlackt. Im Moment läuft es nicht auf dem Narda Server, sondern auf dem Geo-bit Server.<br />
<br />
=== Hinweise zur Datenbank ===<br />
Die Partner sind hier in der Tabelle Vertriebspartner hinterlegt. Sie Loggen sich mit ihrer ID und einem Passwort ein. Die Tabelle wurde ursprünglich kopiert und um einige Felder erweitert. <br />
<br />
Es können sich nur Partner anmelden die im Feld<br />
<br />
== Weitere Skripte ==<br />
<br />
Es sind einige weitere Skripte im Einsatz:<br />
<br />
=== Funktionsübersicht von Produkten ===<br />
/doc/fileadmin/user_upload/scripts/func_overview.inc.php<br />
<br />
Wird in Typo3 so aufgerufen:<br />
<br />
<pre><br />
<?php<br />
include("fileadmin/user_upload/scripts/func_overview.inc.php");<br />
$config_file = "typo3conf/localconf.php";<br />
$image_path = "fileadmin/user_upload/products/personal_protection";<br />
$page_id = 70; // ID DER UEBERGEORDNETEN SEITE<br />
print get_overview($page_id,$image_path,"Personal Monitor");<br />
?><br />
<br />
<br />
</pre><br />
<br />
Funktion:<br />
<br />
* Liest die aktuelle Sprache aus dem L Parameter oder der RealURL Adresse<br />
* Liest die pid der untergeordneten Seiten aus.<br />
<br />
=== Mailfunktion RMA / ACC ===<br />
==== RMA ====<br />
Es werden mehrere Mails generiert. <br />
<br />
1. Schritt User Registrierung => Mail mit dem Ticket. Dieses enthält einen Link. Für die Geräteeingabe<br />
Mailversand in '''rma_persData_02.php'''<br />
<br />
2. Schritt Versand der RMA Daten<br />
$html_mail_versand = send_html_mail($req_number,$req_ident_number,$req_art);<br />
kommt aus '''mail_html_function.inc.php'''<br />
<br />
==== ACC ====<br />
Das Formular zur Eingabe liegt in '''acc_form.ph'''p Nach Absenden wird '''acc_form_send.php''' aufgerufen. In diesem wird die Mail über die Funktion <br />
$success = send_acc_mail($rma_num,$arrForm,$arrPartner); <br />
versendet. Die Funktion wird in '''lib/acal_functions.php''' zur Verfügung gestellt.<br />
<pre><br />
FORMULAR MAILVERSAND / FEEDBACK<br />
acc_form.php -> acc_form_send.php <- includes acal_functions.php (send_acc_mail)<br />
<br />
</pre></div>37.49.33.84