Typo3 Snippet: Typo3 6.0 no confirmation step und target page

NEOS TYPO3 Webdesign Duisburg

NEOS TYPO3 Webdesign Duisburg

Bei der neuen Typo3 6.0 gibt es viele Neuerungen gegenüber bisherigen Typo3 Versionen. Dabei fällt beim Standard Typo3 Formularen auf, daß die Angaben aus dem Wizard nicht richtig in die Typo3 Formular Configuration Ansicht übernommen werden. Daher hier eine Typo3 Config, die funktioniert

Typo3 6.0 Formular Configuration no confirmation step and messages.success
Typo3 6.0 Formular Configuration ohne Bestätigungsschritt und mit Erfolgsmeldung 

class = kontaktform
method = post
prefix = tx_form
confirmation = 0
postProcessor {
1 = mail
1 {
recipientEmail = empfaenger@kunde.de
senderEmailField = email
senderNameField = name
subject = Kontakt von Webseite
messages.success = TEXT
messages.success.value = <p>Danke für die Email.</p>
}
}
10 = TEXTLINE
10 {
name = name
label {
value = Vor- und Zuname
}
}
20 = TEXTLINE
20 {
name = email
label {
value = Email-Adresse
}
}
30 = SELECT
30 {
name = betreff
label {
value = Betreff
}
10 = OPTION
10 {
data = Allgemein
selected = selected
}
20 = OPTION
20 {
data = Käuferanfrage
}
30 = OPTION
30 {
data = Service
}
}
40 = TEXTAREA
40 {
cols = 38
rows = 5
name = nachricht
label {
value = Nachricht
}
}
50 = SUBMIT
50 {
name = 6
value = senden
}
rules {
1 = required
1 {
breakOnError = 0
showMessage =
message = Fehler
error = Namen eingeben
element = name
}
2 = email
2 {
breakOnError = 0
showMessage = 1
message =
error = Email ausfüllen
element = email
}
}

Die oben abgebildete Typo3 6.0 Formular Configuration versendet eine Email an empfaenger@kunde.de.

Typo3 6.0 Formular Configuration für Zielseite
Typo3 6.0 Formular Configuration for target page


confirmation = 0
action = 78

So wird die Typo3 PID 78 als Formular Zielseite aufgerufen.

Weiterführende Links zu Typo3 6.0 
Offizielle Internetseite von Typo3
www.typo3.org
Offizielle Internetseite Typo3 NEOS CMS für Flow
http://neos.typo3.org/

System Structure Backend NEOS TYPO3 Webdesign Duisburg

System Structure Backend NEOS TYPO3 Webdesign Duisburg

 

Magento Shop: Erste Schritte Tutorial Deutsch installieren – CONNECT ERROR: Couldn’t resolve host ‘magento-community’

Open Source Shop Magento Duisburg Webdesign

Open Source Shop Magento Duisburg Webdesign

CONNECT ERROR: Couldn’t resolve host ‘magento-community’
richtiger Link zum deutschen Sprachpaket für Magento Shops
http://connect20.magentocommerce.com/community/Locale_Mage_community_de_DE

Nach den ersten Schritten im Open Source Shopsystem Magento kann ich auch gleich meinen ersten Artikel zu dem Thema Magento Shops schreiben. Es hat mich ein wenig “googeln” gekostet und das möchte ich ja auch in Zukunft angehenden Magento Freelancer ersparen. Sucht man nach dem deutschen Sprachpaket für Magento Shops wird man zielsicher auf diese Seite hier geleitet

Offizielle Seite zum deutschen Sprachpaket für Magento
http://www.magentocommerce.com/magento-connect/locale-mage-community-de-de.html

und bekommt unter der Funktion Select Key folgende URL. Leider ist der Link unvollständig und falsch.

Offizieller Link zu deutschen Magento Sprachpaket führt zu CONNECT ERROR: Couldn’t resolve host ‘magento-community’
magento-community/Locale_Mage_community_de_DE

Aber mit dem Link von oben wird das dann alles schön installiert und durchgeführt.

Einstieg in die Internetprogrammierung: Responsive Webdesign – was ist das?

Responsive Design Webdesign Duisburg Quelle mediaqueri.es

Responsive Design Webdesign Duisburg Quelle mediaqueri.es

Responsive Webdesign ist ein Begriff der zur Zeit verstärkt diskutiert wird. Ich werde in den nächsten Wochen vermehrt über das Thema bloggen und das hier ist der erste Artikel zu der Serie “Responsive Webdesign”.

Responsive Webdesign – Was ist das?
Ein Responsive Webdesign passt sie an die jeweilige Größe des Ausgabegerätes an. Das sind heute Fernseher, Desktop PC, Notebooks, Tablets und Smartphones. Derzeit stark im Fokus ist Responsive Webdesign für Smartphones. Man spricht hier von einer mobilen Webseite. Responsive Design bezieht sich allerdings bei dem Entwurf der Layouts auf 4 Formate. Das sieht man sehr gut in den angehängten Beispielen.

Responsive Webdesign – Wie geht das technisch?
Grundsätzlich wird die große Ansicht einer Seite als HTML und CSS umgesetzt und dann je nach Auflösung zusätzliche CSS Regeln geladen. So werden beispielsweise Webseiten Bereiche, wie eine Sidebar auf der rechten Seite ausgeblendet oder Webdesign Navigationen nur vertikal und nicht mehr horizontal abgebildet. Das kann über mediaqueries oder mit Hilfe von JavaScript realisiert werden. Es sollte dem Kunden jedoch immer möglich sein die große Ansicht auch auf einem kleinen Gerät zu laden, wenn er das möchte. So kommt er auch an alle Informationen, die auf der kleineren Ansicht eventuell nicht nur erreichen sind.

Responsive Webdesign – Was bringt es dem Kunden?
Ein Kunde entspricht einer bestimmten Zielgruppe und sucht sein eigenes Ziel auf der Internetseite. Nehmen wir als Beispiel die Internetseite eines Restaurants. Typische Navigationspunkte könnten hier sein:

  • Bilder von den Räumen
  • Reservierung
  • Veranstaltungen
  • Öffnungszeiten
  • Facebook Chronik
  • Speisekarten
  • Specials

Das ist jetzt exemplarisch. Wichtig ist zu verstehen das ein Webuser eher stöbert und auf Bilder aus ist, während ein mobiler User konkrete Informationen möchte. Und hier liegt der Teufel dann auch schon im Detail. Man braucht ein Webdesign Konzept für die mobile Ansicht einer Webseite. Für den mobilen User sind Kontakt, Adresse und Anfahrt viel wichtiger, als eine Bildergalerie und eine 1,5 MB große Speisekarte im PDF Format.

Responsive Webdesign – Was bringt es dem Seitenbetreiber
Die Besuchergruppe mit Tablets und Smartphones macht zur Zeit eine sehr starke Wachstumsphase durch. Allerdings sind im Bereich Smartphones APPs immer noch führend. Vorallem weil sie über zahlreiche Funktionen, wie z.B. eine GPS Ortung verfügen und deshalb viel spezifischer sind. Aber Responsive Design ist gewaltig auf dem Vormarsch und es bringt Kunden und Unternehmer enger zusammen, wenn das Konzept stimmt.

Weiterführende Links zu Responsive Webdesign
Wikipedia Seite zu Responsive Webdesign

http://de.wikipedia.org/wiki/Responsive_Webdesign
Referenzen zum Thema Responsive Design
http://www.mediaqueri.es

WordPress Bildergalerie zu Responsive Webdesign

PHP OOP Webdesign Video Tutorials: Getter und Setter verwenden

YouTube Video Tutorial Sicherheit Secure PHP Webdesign aus Duisburg OOP Objektorientierte PHP Programmierung Getter Setter

YouTube Video Tutorial Sicherheit Secure PHP Webdesign aus Duisburg OOP Objektorientierte PHP Programmierung Getter Setter

Eine wichtige Methode bei der objektorientierten Programmierung – OOP mit PHP ist die Verwendung von PHP Gettern und PHP Settern. Dadurch können vor allem die PHP Applikation von der Webseite und den User Eingaben getrennt werden. Jede User Eingabe auf einer Internetseite kann zur Eingabe von Schadcode genutzt werden. Das beschänkt sich leider nicht nur auf Formulareingaben. Durch die richtige Verwendung von PHP Gettern und PHP Settern können Eigenschaften von Objekten richtig gekapselt und mit Sicherheit in PHP OOP Appplikationen verwendet werden. Ein gutes Youtube Video Tutorial aus einer PHP Video Tutorial Serie zu dem Thema OOP – Objektorientierte Programmierung in PHP gibt es hier.

OOP – Objektorientierte PHP Programmierung Tutorial – How to use getter and setter


Wordpress Bildergalerie Youtube Video Tutorial Sicherheit Secure PHP Webdesign aus Duisburg OOP Objektorientierte PHP Programmierung Getter Setter

XAMPP Update für Windows

Xampp Logo Windows

Xampp Logo Windows

Für ein XAMPP Update unter Windows sollte man sich die nachfolgenden Dateien sichern, die bestehende Version deinstallieren und die neue Version installieren.

Zu sichernde Dateien bei XAMPP Update unter Windows
xampp/htdocs -> alle
xampp/mysql -> alle
xampp/apache/conf/extra -> httpd-vhosts.conf
xampp/php -> php.ini

Bestehende XAMPP Windows Version deinstallieren
Über die Systemsteuerung die aktuelle Version istallieren. Hier auch auf Nachfrage den htdocs Ordner deinstallieren, da auch die XAMPP Weboberfläche Updates hat.

Download neueste XAMPP Installer Datei und ausführen
Man sollte nicht versuchen die neue Version über die alte zu installieren. Sauber ist es die XAMPP Sicherung wie oben erläutert vorzunehmen und die bestehende XAMPP Windows Version komplett zu deinstallieren und ggf. den XAMPP Ordner manuell zu löschen.

Anschließend spielt man seine Entwicklungsverzeichnisse wieder ein und nicht z.B. XAMPP/htdocs/xampp.

Nötig geworden war das ganze bei mir, weil ich derzeit mit dem Zend Framework 2 arbeite und meine bisherige Umgebung hatte.

Zend Framework 2 Logo

Zend Framework 2 Logo

XAMPP 1.7.3
PHP Version 5.3.1

Das hat folgenden Zend Error geworfen
Constructor Zend\Stdlib\Glob::glob() cannot be static

Der liegt an der veralteten PHP Version.

Weiterführende Links:
Offizielle Seite von Apachefriends mit XAMPP für Windows
http://www.apachefriends.org/de/xampp-windows.html

Typo3 Error: TYPO3 Installation Error: The following PHP module(s) is/are missing: fileinfo You need to install and enable these modules first to be able to install TYPO3.

TYPO3 Exception PHP Fileinfo Missing

TYPO3 Exception PHP Fileinfo Missing

php.ini Einstellung für das Module fileinfo einkommentieren
;extension=php_fileinfo.dll

Das Semikolon entfernen und den Apache Server neu starten. Funktioniert auch Problemlos bei einer lokalen Xampp Entwicklungsungebung.

Typo3 Error Ausgabe:
Uncaught TYPO3 Exception

#1294587482: TYPO3 Installation Error: The following PHP module(s) is/are missing: <em>fileinfo</em><br /><br />You need to install and enable these modules first to be able to install TYPO3. (More information)

RuntimeException thrown in file
D:\xampp\htdocs\projekt\typo3\sysext\install\Classes\Installer.php in line 296.

3 TYPO3\CMS\Install\Installer::__construct(boolean)
2 ReflectionClass::newInstanceArgs(array)

D:\xampp\htdocs\kunden\beliving\typo3\sysext\core\Classes\Utility\GeneralUtility.php:
04150: array_shift($constructorArguments);
04151: $reflectedClass = new \ReflectionClass($finalClassName);
04152: $instance = $reflectedClass->newInstanceArgs($constructorArguments);
04153: } else {
04154: $fullyQualifiedClassName = ‘\\’ . $finalClassName;

1 TYPO3\CMS\Core\Utility\GeneralUtility::makeInstance(“TYPO3\CMS\Install\Installer”, boolean)

D:\xampp\htdocs\projekt\typo3\install\index.php:
00056: }
00057: require_once \TYPO3\CMS\Core\Utility\ExtensionManagementUtility::extPath(‘install’) . ‘mod/class.tx_install.php’;
00058: $install_check = \TYPO3\CMS\Core\Utility\GeneralUtility::makeInstance(‘TYPO3\\CMS\\Install\\Installer’, TRUE);
00059: $install_check->init();
00060: ?>

MySQL Datenbanken: AutoIndex manuell setzen

MySQL Open Source Datenbank Logo

MySQL Open Source Datenbank Logo

MySQL Query zum manuellen setzen des AUTO_INCREMENT Werts
ALTER TABLE ´IhreTabelle´AUTO_INCREMENT=1

Wenn man einen oder mehrere Datensätze in einer MySQL Datenbank löscht und danach möchte, daß der AUTO_INCREMENT Wert zurückgesetzt wird  damit alles wieder schön in der Reihe ist kann mit dem oben genannten Befehl den Wert manuell für die jeweilige Tabelle setzen. Hier ist natürlich darauf zu achten das es auch der nächste Wert ist und er auf keinen Fall schon vorhanden ist.

Einstieg in die Internet Programmierung: Caching Schritte Webservice, Datenbank, File und Memcache

Caching Stufen High Performance Webdesign mit Webservices

Caching Stufen High Performance Webdesign mit Webservices

Die Schritte zum High Performance Caching eines Webservices
Webservice in die Datenbank schreiben → Datenbank als File Chaching → Daten im Memcache nutzen

Highperformance Webdesign bei Daten Caching
Die oben abgebildeten Stufen für die Ausgabe eines Webservice machen von selber noch keine Internetseite schneller. Allgemein gelten die Caching Stufen auch für die anderen Teilschritte. Datenbankabfragen werden immer schneller, wenn das Ergebnis als File Caching abgespeichert und verfügbar ist und so weiter. Für die gesamte Ladezeit einer Internetseite gibt es allerdings verschiedene Faktoren, die zu berücksichtigen sind. Das ist so ähnlich wie der Bremsweg eines Autos, der auch wie in der Fahrschule gelernt aus Reaktionszeit und ab Bremsweg besteht. Dieser ist dazu auch Fahrzeug also Hardware und Software abhängig. Ein Webservice ist in der Regel eine Abfrage zu einem externen Internetdienst. Hier auf diesem Webdesign Blog kann man das sehr schön an den Facebook Button oben rechts zu sehen. Besonders gut sieht man das hier, wenn man bereits auf Facebook angemeldet ist. Dann werden entsprechend sind die Freunde geladen, die diese Fanpage geliked haben. Dabei ist es nicht möglich diesen Facebook Webservice selber zu speichern. Oder sagen wir lieber sehr aufwändig ;) Ein anderes Beispiel wäre eventuell der Yahoo Börsenticker. Für Internetseiten von Aktiengesellschaften wird dieses Feature sehr gerne verwendet. In der Regel ist es allerdings so, daß Anbieter von Web Services wie Yahoo, Google oder Amazon sehr schnelle Dienste bereitstellen und man an dieser Stelle kein Webservice Caching benötigt. Etwas anderes ist es wenn man News einer externen Seite über die eigene Internetseite abonniert und ausgibt. Hier es ist durchaus möglich, daß der Anbieter keine so schnelle Seite zur Verfügung stellt oder gar die Verbindung unterbrochen wird. Auch von der Logik der eigenen Webdesign Applikation ist es ein großer Aufwand, die letzten 15 News einer externen Webseite zu laden und auf der eigenen Seite darzustellen. In diesem Falle ist es schon zwingend erforderlich den Webservice bzw. die News zeitlich über ein Cronjob gesteuert in die Datenbank zu schreiben. Gerade bei Startseiten und Content Management Systemen machte sehr viel Sinn die dritte Stufe vom Caching zu nutzen. Bei Typo3 gibt es hier eine ganze Reihe von Extensions zum Thema Caching. Zu empfehlen ist hier die nc_staticfile Typo3 Extension. Dadurch vermeidet man unnötige Requests Datenbank und hatte dadurch mehr Power zur Verfügung. Wenn das Ganze noch nicht reicht kann man diese Daten auch direkt in den Cache des Webservers schreiben. Hier ist allerdings darauf zu achten das man nicht zu viel hinein schreibt.

Weiterführende Links zum Thema Typo3 File Caching mit nc_staticfile
http://typo3.org/extensions/repository/view/nc_staticfilecache

Typo3 Error: Uncaught TYPO3 Exception: #1294587482: TYPO3 Installation Error: The following PHP module(s) is/are missing: openssl

Webdesign mit Typo3 aus Duisburg

Webdesign mit Typo3 aus Duisburg

Die Typo3 Error Fehlermeldung sagt aus, das openssl-Erweiterung in der php.ini noch nicht aktiviert ist. Nimmt man das Semikolon vor folgender Zeile weg und führt einen Apache Server Neustartaus dann geht es.

Administration und Hosting von Open Source Linux Webservern aus Duisburg

Administration und Hosting von Open Source Linux Webservern aus Duisburg

Apache Server php.ini Einstellung für openssl Erweiterung
extension=php_openssl.dll

CSS3 HTML: Video Tutorial über Responsive-Webdesign mit CSS3-Media Queries und SMACSS CSS Webdesign Technik

CSS3 Webdesign aus Duisburg Logo

CSS3 Webdesign aus Duisburg Logo

Am praktischen Webdesign Beispiel wird gezeigt, wie man CSS3 Webdesign Media Queries zusammen mit der SMACSS CSS Webdesign Technik nutzen kann. Im CSS3 Webdesign YouTube Video Tutorialwird jeder Schritt der Vorgehensweise anschaulich erläutert und sehr gut erklärt.

HTML5 Webdesign aus Duisburg Logo

HTML5 Webdesign aus Duisburg Logo

Ich gratuliere Senior Web Developer Sascha Scherhak aus Meerbusch zu seinem ersten YouTube CSS3 Webdesign Video Tutorial.

SMACSS CSS3 Webdesign aus Duisburg

SMACSS CSS3 Webdesign aus Duisburg

Weiter führemde Links zu den CSS3 Webdesign Media Queries Video Tutorial:
YouTube Link
http://youtu.be/0xWrWkq6X9Q
Webdesign Blog Artikel von Sascha Scherhak:
http://www.scherhak.com/responsive-webdesign-mit-css3-media-queries-und-smacss/#more-301
CSS3-Media Queries Webdesign Beispiel Internetseite:
http://www.waldermann.com/
SMACSS CSS Webdesign:
http://www.smacss.com/ 

Responsive-Webdesign aus Meerbusch:
http://www.scherhak.com