INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21...

30
INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB Internet, Intranet, Cloud, Web 2.0, Ajax, HTML5, PHP Alle Datenbanken Multi-Plattform CODE: Windows, .Net, Linux, Java, PHP, Internet, Ajax, Android, Windows 10 Mobile-UWP, iOS (iPhone, iPad) ... 5GL Entwicklung NEUE VERSION

Transcript of INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21...

Page 1: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

INTEGRIERTE ENTWICKLUNGSPLATTFORM WEBInternet, Intranet, Cloud, Web 2.0, Ajax, HTML5, PHP Alle DatenbankenMulti-Plattform CODE: Windows, .Net, Linux, Java, PHP, Internet, Ajax, Android, Windows 10Mobile-UWP, iOS (iPhone, iPad) ... 5GL Entwicklung

NEUEVERSION

Page 2: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

Web Sites, die immer aktuellsind und Firmendaten sicherzur Verfügung stellenNATIONAL AWARD

Heute wer-den Internet undIntranet Web Sitesin Echtzeit mit denU n te r n e h m e n s-

daten verbundenund verhalten sich

wie voll ausgebauteAnwendungen.

WEBDEV 21 ist das besteMittel, solche Web Sites zu

erstellen.

Mit WEBDEV 21 können IhreTeams solche Web Sites und Web-

Anwendungen 10x schneller erstellen.Und Sie werden im Kostenrahmen bleiben.

Vertrauen Sie weltweit zehntausendenEntwicklern, entscheiden Sie sich wie sie für dieschnellste Plattform zur Entwicklung, Auslieferungund Wartung Ihrer Internet- und Intranet-Anwendungen: WEBDEV 21.

Inhaltsverzeichnis3 Der ganze Lebenszyklus

4 Fragen / Antworten

6 Beispiele

8 Browser Kompatibilität

9 Eine revolutionäre Technologie

10 IDE (integrierteEntwicklungsumgebung): dieWYSIWYG-Umgebung

13 Die “7-Tab” Technik

14 Templates

15 «Responsive» Web Design

16 Bereiche und der HTML Editor

18 HTML5 & CSS3

20 Statische und dynamische Web Sites

21 Intranet, Internet

22 SSL, Sichere Zahlungsvorgänge

23 SEO Natürliches Referenzieren,Passwort-Sicherheit

24 An das Web angepaßte Controls

30 Das RTA-Control (Rich Text Area)

31 Export nach Word, Excel, 64 Sprachen

32 Die 5GL Programmiersprache

33 Code Editor

34 Debugger, Unit-Tests

35 Komponenten, OOP

36 Ajax mit 1 Klick, dynamisches Serving

37 Web Services

38 UML-Modellierung

39 Alle Datenbanken

40 HFSQL: kostenfreie Datenbank

42 Visueller Query-Editor

43 Berichts- und PDF-Generator

44 Versionsverwaltung (SCM)

45 Projekt-Management

46 HTML-Import und WINDEV

47 PHP

48 Nativer Zugriff auf Google, SAPusw.

49 SaaS und die Cloud

50 Auslieferung

52 Hosting

54 Administration, Statistiken

55 Front Office, Back Office

57 Beispiele von Web Sites

WILLKOMMEN IN DERINTERAKTIVEN WELT DESINTERNET!

www.windev.com • 3

Page 3: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

4 • WEBDEV 21: Entwickeln Sie 10x schneller

1 Wer sollte WEBDEV 21 verwenden?Es ist für jeden Entwickler oder Firma gedacht, die Internet, Intranet,Cloud oder Saas-Sites oder Anwendungen entwickeln will.

2 Welche Arten von Web Sites und WebAnwendungen können erstellt werden?

Alle Arten von Web Sites und Anwendungen. WEBDEV ist speziell gutgeeignet für dynamische Web Sites, d.h. Web Sites, die sich wie «nor-male» Anwendungen verhalten und Daten in Echtzeit handhaben.

3 Welches Vorwissen muß ich mitbringen?

Sie müssen zumindest einmal in Ihrem Leben programmiert haben (oderes in der Schule gelernt haben!). In den meisten Fällen reicht eine Wochedes Selbst-Trainings mit Hilfe des dem Produkt beigepackten Tutorialsaus.

4 Benötige ich speziellen Internet-Kenntnisse?Nein. Ihre Entwickler-Teams werden robuste und effiziente Web Siteserstellen. Der gesamte Code (HTML, JavaScript, Server) wird von WEBDEV 21 generiert.

5 Kann ich mit WEBDEV 21 Sites mitResponsive Web Design erstellen?

Ja. Es ist sehr einfach.

6Was ist der wichtigste Vorteil von WEBDEVim Vergleich mit anderenEntwicklungswerkzeugen?

Da gibt es viele, um nur einige aufzuzählen: volle Integration, einfach zubenutzen, die Entwicklungsgeschwindigkeit ist 3 - 10x höher, derDatenbankzugriff. Und WEBDEV ist «Full Stack”

7 Stützt sich WEBDEV 20 auf Standard-Technologien?

Ja, solche wie HTML, HTML5, XML, CSS, JavaScript und PHP. Aber Siemüssen diese Technologien nicht beherrschen, denn WEBDEV generiertautomatisch den nötigen Code

8 Ich habe schon Anwendungen. Wird es mög-lich sein, diese mit WEBDEV zu verwenden?

Ja. Sie können vorhandene HTML-Seiten übernehmen. Sie können auchWEBDEV-Seiten mit einem vorhandenen Web Site mischen, so bleibt derbestehende Code erhalten.

9Ich muß Java, HTML, PHP oder JavaScriptwirklich nicht kennen, um Web Sites zuerstellen?

Nein, das ist nicht erforderlich WEBDEV generiert automatisch den HTML,JavaScript, CSS und PHP Code.

10Was, wenn ich einmal HTML-Code direkt ein-geben oder vorhandenes JavaScript verwen-den will?

WEBDEV ist ein offenes Produkt. Sie können in den Editor HTML, PHPoder JavaScript Code direkt eingeben (oder kopieren), ja sogar ASPScripts.

11Ich habe gelesen, dass WEBDEV mit WINDEVkompatibel ist: Muß ich dazu auch WINDEVbesitzen?

WEBDEV ist eine komplett unabhängige Plattform. Es ist kein anderesWerkzeug erforderlich, um mit WEBDEV zu entwickeln.

12 Was, wenn ich WINDEV schon besitze?In diesem Fall, um nur eines zu erwähnen, wird die Einschulung schnel-ler vorangehen, das andere ist, dass Sie Ihre WINDEV-Anwendungen inWeb-Anwendungen umwandeln können ...

13 Ist der Seiten-Editor WYSIWYG? Ja, sogar bis aufs Pixel genau!

14 Welche Datenbanken können mit WEBDEVverwendet werden?

Alle Datenbanken können verwendet werden: HFSQL, MySQL, SQLite,Oracle, AS/400, SQLServer, DB2, Informix, PostgreSQL, Progress,Access, ... Sie können auch auf Big Data Informationen zugreifen.

15 Werden Ajax, XML, CSS, W3C, JSON, JQueryunterstützt?

Ja.

16 Kann ich große und komplexe Web Sites mitWEBDEV entwickeln?

Ja, darin liegt sein wahrer Wert: Internet, Intranet und SaaS Web Sites.

17 Welcher Technische Support ist verfügbar?Es ist sehr einfach: Der Technische Support für WEBDEV ist kostenlos(bis zu 15 Anfragen per e-Mail)

18 Wer verwendet denn WEBDEV?Alle Arten von professionellen Software-Erstellern: große und kleineSoftware-Hersteller, IT-Abteilungen, Labor-Ingenieure, Regierungsstellen,Verwaltungen usw..

19 Kann ich mit WEBDEV 21 «pure PHP Sites»erstellen? Ja, das ist ein standardmäßiges Feature.

20 WEBDEV ist also DAS Werkzeug zumErstellen dynamischer Web Sites?

Ja.

Wir beant-worten hier dieFragen, die unsmeist zu WEBDEVgestellt werden

Sie könnensicher sein, dieAntworten aufeinige IhrerFragen zu finden.

Haben Sie nochmehr Fragen?Rufen Sie uns an,wir werden siegerne beantwor-ten!

Hosten Sie IhrenWeb Site auf einemWindows oder LinuxServer!(und in der Cloud)

FRAGENANTWORTEN

www.windev.com • 5

WEBDEV 21behandelt denganzenLebenszyklusIhrer WebSites

WEBDEV 21 UNTERSTÜTZT ALLEARBEITSSCHRITTE BEI DER ERSTELLUNG

EINES WEB SITES

W E B D E V,ein vollständi-

ges und voll inte-griertes Produkt:

schnelles Training, derbeste techn. Support

(und kostenfrei).

Dynamische Web Sites sind heutedie Norm fürs Internet oder

Intranet. Solche Web Sites können mitWEBDEV 21. einfach erstellt und gewar-

tet werden.

• Modellierung• Konzeption• Analyse und

Programm-Dokumentation

• die Verbindung mitvorhandenen stati-schen Web Sites

• Datenbanksysteme• Programmierung

(5GL, Ajax,Webservice, .NET,J2EE, HTML,HTML5,JavaScript...)

• Die Möglichkeit,vorhandenen Codewieder zu verwen-den

• Berichte (PDFs,Strichcodes usw,...)

• Sichere Zahlung• Erstellung und

Verwendung vonKomponenten

• Dokumentation• Tests während der

Entwicklung• Verbindung zum

Back Office• Hosting• SaaS und Cloud-

Verwaltung• Zusammenarbeit

mit Web Designern• Aufsetzen beim

Host-Provider

• Regressionstests• Performance Tests• Continuous

Integration (kontinuierlicheIntegration)

• Wartung undWeiterentwicklung

• Statistiken überden Datenverkehrdes Web Site

• U n t e r s t ü t z t eEntwicklung

ALLE SCHRITTE DER ENTWICKLUNG WERDENVON WEBDEV 21 UNTERSTÜTZT

WEBDEV: «FULL STACK» ENTWICKLUNGSWERKZEUG

Page 4: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

WIEDERVERWENDBARE UNDANPASSBARE WEB SITES WERDENMITGELIEFERTWEBDEV 21 wird mit einer grossen Zahl fertig entwickelter WebSites geliefert. Sie erhalten sowohl den Quellcode wie auch dieSeiten: Sie können diese Web Sites direkt verwenden, sie ändernoder anpassen, sie verkaufen ...

EIN SCHULUNGS-VORTEILSie können die Analyse und den Code dieser Web Sites studie-ren, um daraus zu lernen.

UNTER DEN MITGELIEFERTEN WEB SITES...Hier ist eine Auswahl aus den zur Verfügung gestellten WebSites:

• Web Site für den Einzelhandel Handhabung des Angebots, des Einkaufswagens und derZahlungen.

• KleinanzeigenHandhabung von Mehrfachauswahl-Kriterien.

• Gemeinsames TelefonverzeichnisMit einem Intranet Site kann zB das Telefonverzeichnis innerhalbder Firma von allen genutzt werden. Am Internet kann das Telefonverzeichnis von vielen Filialen oderMitarbeitern genutzt werden ...

• Verwaltung eines WerkzeuglagersAuffinden und Zuordnen von Werkzeugen über den Web Site.

• ImmobilienSuchen einer Immobilie nach mehreren Kriterien

• CMSVerwaltung der Inhalte (Content Management System).

• Verwaltung einer Dokumenten-DatenbankDokumente auf Basis von Schlüsselworten archivieren und fin-den.

• Sichere Zahlung(siehe Details auf Seite 20)

• Verwaltung eines Reisebüros Anzeige der Hotels, Verfügbarkeit, Auswahl auf Basis mehrererKriterien, ...

• Web Sites für Nachrichten, Foren,Blogs, soziale Medien ...... und einige weitere Beispiele können sofort benutzt werden.

USW.Weitere Beispiele werden als Seiten oder Objekte in der inter-aktiven Resourcenverwaltung mitgeliefert.

ZEIT SPARENDie mitgelieferten Web Sites, die nach Bedarf angepasst werdenkönnen, werden Ihnen in der Entwicklungsphase viel Zeit spa-ren.

Verwenden Siedie Beispiele inIhren Web Sites

WEBDEV®

EINE GROSSE ZAHL VON FERTIGEN WEBSITES WIRD MITGELIEFERT

Weil

die

mitg

elief

erte

n W

eb S

ites l

aufe

nd w

eiter

entw

ickelt

wer

den,

kan

n sic

h ih

r Aus

sehe

n un

d Ve

rhalt

en ä

nder

n.

6 • WEBDEV 21: Entwickeln Sie 10x schneller

MIT WEBDEV ERSTELLTE WEBSITESLassen Sie uns einige der tausenden mit WEBDEVerstellten Web Sites betrachten. Sehen Sie mehr als1000 Web Sites auf www.WINDEV.com .

ZEHNTAUSENDE WEB SITES

Entdecken Sietausendeandere WebSites aufwww.windev.com

www.windev.com • 7

Page 5: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

Internet Explorerunter Windows

Edge unter Windows

Firefox unter Linuxoder Windows

Tablet unter Android

Chrome unterWindows

Safari am Mac

WEBDEVgeneriert aufWunsch auchWeb Sites, diemit dem W3C-Standardkompatibelsind

MIT WEBDEVERSTELLTE WEBSITES SIND MITALLENBROWSERNKOMPATIBEL

Alle Browser bieten spezi-fische Features, die sogarzwischen den einzelnenVersionen unterschiedlichsein können.WEBDEV generiert generi-schen Code, der von prak-tisch allen Standard-Browsern am Markterkannt wird. Lassen Sieuns ansehen, wie der glei-che Web Site unter ver-schiedenen Browsern undBetriebssystemen aus-sieht.

DER WEBDEV SITE

WIRD IN ALLEN

BROWSERN GLEICH

DARGESTELLT

IHRE WEB SITES SIND MIT ALLEN BROWSERN KOMPATIBEL

8 • WEBDEV 21: Entwickeln Sie 10x schneller www.windev.com • 9

WYSIWYG:visuelleErstellung

WEBDEV®

SEITEN-ERSTELLUNG: EIN REVOLUTIONÄRES KONZEPTErstellen Sie Ihre Web Sites “nur mit derMaus”, WEBDEV 21 generiert automatisch denHTML-Code, das JavaScript und den Server-Code, den der Web Site benotigt. Und aufWunsch erstellt WEBDEV 21 den Web Site auchin PHP.

KLICKEN STATTPROGRAMMIERENWEBDEV 21 ist eine voll integrierteEntwicklungsumgebung. Die gesamteEntwicklung wird innerhalb einer einzigenUmgebung durchgeführt und mit einer einzi-gen Programmiersprache. Die WLanguage ist einesehr LESITUNGSFÄHIGE und EINFACH zu erlernende5GL.

WEBDEV 21 befreit Sie von beschwerlicherund komplexer Internet-Entwicklungsarbeit. Weiters sind die Prozesse von den Seiten getrennt, anders alsin traditionellen Programmiersprachen.Die Seiten werden einfach erstellt, indem man die Controls mitder Maus positioniert (siehe Box auf Seite 10). Control-Bereiche können für das Verschieben von Blöcken defi-niert werden.

HTML, CSS UND JAVASCRIPTEs gibt kein Erfordernis HTML, CSS oder JavaScript zu beherr-schen, um schöne und leistungsfähige dynamische Web Siteszu erstellen.WEBDEV 21 generiert allen notwendigen Code für Sie.Aber WEBDEV 21 ist OFFEN, Sie können ihren Code direkteingeben (oder einkopieren), wo immer sie ihn benötigen:HTML, CSS, Javascript, JQuery, Bootstrap, Angular JS, ASPScripts , PHP Scripts...

Mit WEBDEV 21 entwickeln Ihre Teams10X SCHNELLER jede Art von Web Siteoder Anwendung fürs Internet, Intranet,Extranet und Saas.

Der WEBDEV Editor: visuell.Erstellen Sie Seiten undControls mit der Maus!

HTML-Code, den Siefrüher eingebenmussten

JavaScript-Code, denSie früher eingebenmussten

Die WEBDEV Programmiersprache:vereinfacht und reduziert den Code!

Die Erstellung der Seiten undControls erfolgt ebenso wie dieKonfiguration mit der Maus ineiner WYSIWYG Umgebung. Es ist nicht nötig, HTML zubeherrschen, um anspruchsvolleSeiten zu erstellen.

Page 6: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

10 • WEBDEV 21: Entwickeln Sie 10x schneller

Die intuitivsteMethode

WEBDEV 21 bietet die lei-stungfähigste, benutzer-freundlichste und am weite-sten integrierteArbeitsumgebung, die es amMarkt gibt! Ihre Teams werden mitLeichtigkeit hervorragendeWeb Sites erstellen. KeinVorabwissen über Internet-Programmierung ist erforder-lich.Der Seiten-Editor von WEBDEV erlaubt esIhnen, unglaubliche Seiten leicht undschnell zu erstellen.Beachten Sie, dass WEBDEV offen ist:wenn Sie wollen, dann können Sie auchandere Web Technologien inkludierenoder mit ihnen zusammenarbeiten(Angular JS, Bootstrap...)

CONTROLS AUF DENSEITEN -REVOLUTIONÄRESWYSIWYG!Die verschiedenen Controls (Edit, Static,Bild, ...) werden visuell und interaktiv imEditor erstellt und positioniert. Was Sieim Editor sehen entspricht dem, wasder Web-Anwender in seinem Browsersehen wird.Seiten (samt ihren Controls, den mit dem7-Tab-Fenster erfolgten Einstellungenund ihrem Code) werden als wiederver-wendbare Elemente gespeichert.Diese Technik wird benutzt, um dieProgrammierung der Seiten als hoch-entwickelte Objekte zu vereinfachen. Der Seiten-Editor erlaubt es Ihnen,Controls visuell unabhangig vomQuellcode zu erstellen oder zu andern.

Sie können auch eventuelle Änderungenan einem Objekt, das von mehrerenEntwicklern gemeinsam benutzt wird,‘abonnieren’ (Vererbung)

Mit WEBDEV 21 können Sie auch eige-nen Code verwenden, um dieEigenschaften von Controls zu verändern:Ziel, Farbe, Anzeige, ... Zum Beispiel können Sie, abhängig vomProfil des Web-Anwenders, bestimmteControls anzeigen oder verstecken ...Alles ist dynamisch!

Diese Art der Verwaltung von Seiten undControls wird Ihnen eine Menge Zeitsparen, wenn Sie Ihre Web Sites wartenoder robuster machen werden.Ein einfaches “GO” erlaubt es Ihnen,Ihren Web Site sofort zu testen.

PRÄZISE POSITIONIERUNG Sie wählen die Art der Positionierung:gleitend oder pixelgenau.WEBDEV verwendet mächtigeAlgorithmen zur Mauspositionierung, umObjekte auf Pixelebene positionieren zukönnen. WEBDEV kann auch CSS Style-Sheetsbenutzen. Diese Style-Sheets werden von derEntwicklungsumgebung ganz einfacherstellt.

Falls erforderlich, so sindPositionierungs-Tabellen verfügbar.

ANCHORING Die «Anchors» bestimmen, wie der Inhalteiner Seite sich verhalten wird, wenn dieSeite zB vom Benutzer vergrössert wirdoder von Hoch- zum Querformat wech-selt.Die Handhabung von ‘Anchors’ in WEB-DEV 21 ist sehr einfach.

ALLE CONTROLS FÜR DASINTERNETMit dem Editor von WEBDEV können Siealle Objekte, die Sie für die Erstellung

WEBDEV®

EINE KRAFTVOLLE VISUELLE UMGEBUNG

Eine revolutionäre

Methode!

Die Seiten-Erstellung

ist einfach:

ziehen Sie die zu

erstellenden Controls

vom Ribbon und posi-

tionieren Sie sie mit

der Maus!

Die speziellen

Charakteristika der

Controls werden

visuell definiert mit-

tels des «7-Tab» (siehe

Seite 13)

www.windev.com • 11

einer hervorragenden Web Site benöti-gen, auf einfache Weise erzeugen undanpassen (siehe Seiten 24 - 30). Die wichtigsten Objekte, die der User-Interface-Editor handhabt, sind:• Text, HTML Static, Text-Bereich• Edit Controls und Rich Edit Controls• Formatierte Anzeige-Controls• Radio-Buttons und Check-Boxes• List-Boxen, Combo-Boxen undTreeviews• Text-Schaltflächen und graphischeSchaltflächen• Web-Kamera• Statische, dynamische und generierteBilder • Klick-Bereiche und Landkarten-Bereiche• Tabellen-Controls und Looper-Controls• HTML Control• Pager Control• Control-Template, • iFrames und interne Seiten• SiteMap-Pfade und Site Maps • Charts und Kalender• Google Map, Bewertungen, SocialMedia• Registerkarten usw.Die HTML 5 Eingabemasken werdenunterstützt.

LOOPER CONTROL Mit WEBDEV können Sie mehrspaltigeLooper erstellen, die automatisch auseiner Datei oder per Programmierungbefüllt werden ( siehe Seite 24).

DEFINITION EINES WEB-LINKS Um einen Web-Link aus einer graphi-schen Schaltfläche oder einem Link-Control zu definieren, ist alles was Sie tunmüssen, auf die Ziel-Seite im Mini-Modifier zu verweisen.

Dieser Link kann, falls nötig, in IhremProgramm neu definiert werden.

INTERAKTIVE GESCHÄFTS-CHARTSEin Chart-Designer wird mit WEBDEVmitgeliefert; dieser ermoglicht es Ihnen,Pie Charts, Bar Charts und Finanz-Chartsin 2-D und 3-D zu entwerfen, ... in 2Doder 3D. Diese Charts sind interaktiv oderstatisch, mit oder ohne Fadenkreuz.

SCHALTFLÄCHE ZURVERHINDERUNG VONMEHRFACH-KLICKSMehrfache Klicks auf Bestätigungs-Schaltflächen werden standardmäßigignoriert. Anwender, die 3x auf die«Bestellen!»-Schaltfläche klicken, werdendie Ware nicht 3x erhalten!

SITE MAP Die Site Map wird erstellt, indem die vor-handenen Seiten entsprechend der festen

und codierten Links analysiert wird.Eine «Sitemap» wird automatisch erzeugtund im erzeugten Web Site enthaltensein.

TEMPLATES FÜR JEDENZWECKWEBDEV 21 wird mit einer grossen Zahlan Templates geliefert (vorgefertigteSeiten: Material design, ...) mit denen SieWeb Sites für jeden Zweck erstellen kön-nen.

EINFACHE ERSTELLUNG IHRER SEITEN

EINFACH GUT AUSSEHENDE SEITEN Die Seiten werden visuell erstellt und Sie haben einige mächtigeControls zu Ihrer Verfügung Ein WEBDEV «Edit Control» mit allenintegrierten Features, das man mit Drag & Drop auf eine Seite setzt,entspricht mehr als 50 Code-Zeilen in JavaScript! Sie können sichalso leicht vorstellen, wieviele Zeilen an Code Sie sich bei einemProjekt insgesamt sparen.

Entdecken Sie auf den folgenden Seiteneinige der wichtigsten Eigenschaften,die vom integrierten Editor vonWEBDEV 21 geboten werden.

Page 7: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

12 • WEBDEV 21: Entwickeln Sie 10x schneller

WEBDEV®

EINE INTEGRIERTE UND INTUITIVEENTWICKLUNGSUMGEBUNG FÜR WEB-DESIGNDie einfach zu verwendendeWYSIWYG-Arbeitsumgebungvon WEBDEV führt zu bessererProduktivität. Ihre Teams werden mitLeichtigkeit all die Web Sitesentwickeln, die Sie benötigenund damit Kunden undAnwender zufrieden stellen.Mit WEBDEV 21 ist es einfach,zu beginnen: üblicherweise istes eine Woche, die einEntwickler benötigt.Alles ist in Englisch: es ist einfacher.

Alles ist integriert und verwendet die glei-che Bearbeitungsweise, alles ist visuell,alles ist mit dabei: Ihre Teams werdenschneller entwickeln können!Technischer Support5 ist schon im Preisdabei, was zusätzliche Sicherheit undmerkbare Einsparungen neben der redu-zierten Entwicklungszeit bringt.Beachten Sie, dass Projekte in der Cloudgespeichert werden können, was dieTeam-Arbeit erleichtert.WEBDEV 21 ist mit WINDEV 21 kompati-bel.

Farbrad in derEntwicklungsumgebung

Ein kleines gelbesQuadrat bedeutet,dass ein Control Teileiner Template ist

Ein kontextsensitivesMenü (rechterMausklick) ist verfüg-bar, um auf die ver-schiedenen Featuresschnell zugreifen zukönnen

Ein kontextsensitivesMenü (rechts klicken)ist verfügbar, um die

Icon-Leiste zu konfigu-rieren.

Die Flächen bietenKomponenten,

Controls, Code usw zurVerwendung an ... um

Zeit zu sparen

Projekt-Fläche:hier erhalten sieeine globaleübersicht überdas Projekt: Einauf einemElement ausge-führterDoppelklick(oder ein Drag &Drop) öffnet essofort

Ein bewegliches Ribbonsamt Werkzeugleiste,sichtbar oder verstecktsowie konfigurierbar

Statusleiste, die denNamen der Seite zeigt,

ihre Große...

Die Oberfläche desEditors ist sehr intuitivund sehr produktiv.

Zur Beachtung: DieTastenkombinationStrg-W lässt Sie IhrenArbeitsbereich frei-machen, indem dieI n f o - F l ä c h e n(‘Panes’) unsichtbargemacht werden.

Optionale Ansicht

DIE INTEGRIERTE ARBEITSUMGEBUNG IST SEHR INTUITIV

Die 7-TAB Methodologie zum Definieren leistungs-fähiger Controls ist sehr intuitiv: es ist nicht nötig,Internet-Programmierung zu beherrschen, allesgeschieht in klarem Englisch.Die Charakteristika jedes Controls werden durch einen exklusiven,interaktiven Dialog bestimmt, der einfach und doch wirkungsvoll ist:das «7-Tab»-FensterJeder TAB erlaubt es Ihnen, die Charakteristika des Controls zubestimmen. Diese Eigenschaften können, falls nötig, auch perProgrammierung verändert werden.

Der Inhalt jedes TABs ist - entsprechend dem Typ des Controls - unter-schiedlich; betrachten wir die Einzelheiten des 7-Tab eines «Edit»Controls.

“Der TAB «Link»: um das Datenfeld («item») einer Dateimit dem Edit-Control zu verbinden.

“Der TAB «Help»: Notizen, Tooltip-Texte, Hilfe-Nachricht

... “Der TAB «Advanced»: um HTML-Code einzugeben

“Der TAB «Details»: um die Eingabe-Charakteristika zubestimmen

“Der TAB «Style»: um die Einstellungen des Controls zubestimmen: Schriftgrösse, Zeichen in Großschreibung ...

“Der TAB «Code»: geben Sie den Code in WLanguage,JavaScript oder PHP in den Vorgängen direkt ein

(Betreten des Controls, Klick am Control ...)

Die 7-TAB-Technologie erlaubt eine effizienteSeitenerstellung.

www.windev.com • 13

Die 7 TABs vereinfachen dieErstellung derSeiten: alles, wasSie tun müssen,ist klicken

WEBDEV®

DIE «7-TAB»-TECHNOLOGIE: MÄCHTIGECONTROLS MIT NUR WENIGEN KLICKS

“Der TAB«General»:Name,Bezeichnung,Art desControls,Betrachtungs-Stil ... Hier die

1

4

5

6

7

2

3

Page 8: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

Der Start eines Web Site mitWEBDEV 21 ist einKinderspiel: wählen Sie dieTemplate, eine «Skin», eineFarbpalette und Ihre ersteSeite ist auf eine solide Basisgebaut!

SEITEN TEMPLATES:STRUKTURIEREN SIE IHRENWEB SITETemplates für die Seiten sind Schlüssel-Elemente für die Erstellung von WebSites.Eine Seiten-Template enthält das mehre-ren Seiten gemeinsame Layout.Die Template einer Seite bestimmt dieSeiten-Architektur: • Seiten-Überschrift• Menü• Spalten• Fussteil der Seite• Werbe-Streifen• … (siehe das Flächenaufteilungs-Konzeptauf Seite 16).Die Standard-Elemente werden in dieserSeiten-Template positioniert.Eine Seiten-Template kann auch Bilder,Controls, Code-Zeilen und Prozedurenenthalten. …Beim Erstellen des Web Site kann jedeerstellte Seite ihre Eigenschaften voneiner Seiten-Template «erben».Alle an einer Seiten-Template vorgenom-menen Änderungen werden automa-tisch an alle Seiten weitergegeben, diediese Template als Grundlage benutzen.Auf einer Seite haben Sie Möglichkeit,wenn nötig, eine Eigenschaft der Seiten-Template zu «überladen».

VORGEFERTIGTE SEITEN-TEMPLATESWEBDEV 21 bietet eine grosse Zahl anvorgefertigten Seiten-Templates an.Diese Templates bringen Ihnen beimErstellen eines Web Site eine grosseZeitersparnis.Diese vordefinierten Templates sind jedefür mehrere «Skins» verfügbar.

SKINS, UM DASAUSSEHEN DER SEITEN ZUBESTIMMENEine Skin bestimmt einen Satz von Styles,eine Farbpalette, Bebilderungen,Schriften,…Das Wechseln einer Skin erlaubt es Ihnen,das Aussehen des Web Site oder einerSeite zu ändern - ohne die Struktur oderdas Layout der Seiten zu verändern.Mit WEBDEV 21 wird eine grosse Zahl an

Skin-Templates mitgeliefert.Sie können die Skin eines Web Site odereiner bestimmten Seite jederzeit ändern.

DIE FARBPALETTE, UM DIEFARBEN ZUHARMONISIERENEine Farbpalette ist ein Satz von harmo-nischen Farben (zBKomplementärfarben), die für die Stylesder Seiten verwendet werden.Eine Farbpalette bestimmt zB dieTextfarbe für eine Überschrift ebenso wiedie zugehörige Hintergrundfarbe, dieFarbe der Schaltflächen usw.Eine grosse Zahl fertiger Farbpalettenwird mitgeliefert.

14 • WEBDEV 21: Entwickeln Sie 10x schneller

TEMPLATES: EINFACH!

Die Skin eines Web Site ändern. Ein Web Site imFrühling ...

Der gleiche im Winter: die Skin wurde geändert (Farben,Stile ...)

WAS IST RESPONSIVESWEB DESIGN?Das «Responsive Web Design» ist eineEntwicklungsmethodik für Web Sites.Die Basis dieser Methodik ist es, es einerWeb Seite zu ermöglichen, sich währendder Navigation automatisch an Grösseund Auflösung des Bildschirms anzupas-sen.Der wichtigste Vorteil ist es, eine gemein-same Web Seite für Smartphones, Tabletsoder Desktop Computer zu schaffen.Die Anpassung erfolgt in Echtzeit imBrowser. Diese Anpassung erlaubt auchdie Optimierung der Hoch - undQuerformat Modi.

Ein WEBDEV 21 ResponsiveWeb Site auf einem Tablet

Ansicht des selben Web Site aufeinem Smartphone

VORTEILE VON RESPONSIVEWEB SITES:“MOBILGERÄTEFREUNDLICHUND BESSEREREFERENZIERUNGIn der Reihung der Web Sites währendder Suche bevorzugt Google nun mobil-freundliche Web Sites, das sind jene Sites,deren Format sich an Mobilgeräteanpasst. Dank dem Responsive Web Design vonWEBDEV 21 sind Ihre Web Sites automa-tisch mobilfreundlich und erhalten dahervon Google eine bessere Rangordnung.

MIT WEBDEV 21RESPONSIVE SEITENERSTELLEN: VISUELL!Responsive Seiten werden visuell imEditor erstellt.Im Bearbeitungsmodus werden respon-sive Seiten automatisch mit einemPositionierungsraster gezeigt.Dieser Raster besteht aus einem Satz vongleich grossen Spalten.Die Controls der Seite werden in diesenSpalten positioniert und in der Breite ver-ankert.Wenn die Breite der Seite verändertwird, dann passt sich das Raster an unddie Controls verändern automatisch ihrePosition und Grösse.Sowie eine Seite erstellt wird, so könnenSie das Resultat verschiedenerSeitenbreiten direkt im Editor betrachten.

Um das zu sehen, scannenSie diesen Code oder besu-chen Sie

www.windev.com/21732

AUFLÖSUNGS-SPALTENEine responsive Seite benutzt auch dasKonzept der «Slices» (Spalten).Eine Spalte definiert sich durch eineminimale und eine maximale Breite desBrowsers und ermöglicht es so, denInhalt der Seite an verschiedene Geräteanzupassen. Innerhalb einer Spalte können Sie dieSchriftgrösse anpassen, die Position undGrösse der Controls kann verändert wer-den usw.

www.windev.com • 15

EINFACHES RESPONSIVE WEB DESIGN!

WEBDEV®

in diesem Beispiel, mit einer breit und schmalgezeigten Seite, hat der Designer der Seite ent-schieden:• Die Schriftgrösse des Titels ist am Telefon grösser

(für bessere Lesbarkeit)• Der Bereich für die Werbung ist unsichtbar, weil

weniger Platz ist• Ein anderes Bild (oder ein anders beschnittes Bild)

wird verwendet

Page 9: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

16 • Entwickeln Sie 10x schneller

BEARBEITUNGSBEREICH(EDIT ZONE)WEBDEV 21 erlaubt es Ihnen, Bereiche ineiner Seite zu bestimmen, was wir«Zoning» nennen.Diese Bereiche erlauben es Ihnen, dieArchitektur der Seite zu bestimmen:Überschrift, Fussbereich, Seitenteile ...Alles, was Sie tun müssen, ist, eine Seitein logische «Bereiche» zu zerteilen.Jeder Bereich beinhaltet die darin gesetz-ten Controls.Das «Zoning» wird üblicherweise inner-halb der Seiten-Template erfolgen undwird damit mehreren Seiten des Web Sitegemeinsam sein (Siehe gegenüber).Wenn diese Bereiche einmal definiertsind, so ist es einfacher, die Seite zu bear-beiten.

ANCHORSSie können die Anchors für jeden Bereichsowie die Controls, die Teil des Bereichssind, bestimmen.ZB kann das Vergrössern des Browser-Fensters einen Bereich der Seite strecken,um einem Text-Control mehr Raum zugeben, während die angrenzendenBereiche zur Seite geschoben werden.

«ZONING» ZUR LAUFZEITSie können auch das Verhalten derBereiche und ihrer Controls während derNavigation (Laufzeit) bestimmen.Wenn der Benutzer die Grösse desBrowser-Fensters ändert oder wenn derInhalt des Bereichs sich ändert, so kanndie Seite ihr Layout harmonisch reorga-nisieren.Dies alles wird von WEBDEV 21 automa-tisch gehandhabt.Die Suchmaschinen erkennen dieSemantik von Bereichen, diese verbesserndie Referenzierung der Seite

‘ZONING’:EINFACHES LAYOUT!

MIT EINEM BEREICH(ZONE) ARBEITENWenn der Bereich verschoben wird, soverschieben sich auch seine Controls.Dieser Bearbeitungsmodus vereinfachtdie Erstellung und Bearbeitung vonSeiten.Ein «Bleistift»-Werkzeug erlaubt es,eine Seite auf visuelle Art zu zerteilen.Diese Bereiche werden damit geschaf-fen und sie können im Editor leichtgehandhabt werden.

ZB, wenn man die Höhe eines Über-schriftsbereichs vergrössert, so bewegtsich der Überschriftsbereich automa-tisch in Richtung der darunter liegendenBereiche: dem Rumpf- und Fussbereichder Seite.Beim Drucken wird die relative Positionder Controls jedes Bereichs respektiert,ebenso wie ihr Anchoring.Bearbeitet wird im WYSIWYG-Modus.

DER INTEGRIERTE HTML EDITORFür jene, die den von WEBDEV generierten HTML-Code ändern wollen, wird ein visueller, benutzerfreundlicherund doch leistungsfähiger Editor mitgeliefert.

www.windev.com • 17

Page 10: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

18 • WEBDEV 21: Entwickeln Sie 10x schneller

FORTSCHRITTLICHES HTML5

HTML5 EINGABEMASKENDer HTML5-Standard bietetEingabemasken für Edit Controls.Mit dieser Art von Maske überläßt derWeb Site das Management der Eingabenund ihrer Überprüfung dem Browser. Esist nicht mehr die Seite (oder der WebSite), der die Prüfungen ausführt, son-dern der Browser selbst. Die unterstützten Masken sind: e-Mail,URL, Datum, Zeit, Datum&Zeit, Monat,Woche, Zahl, Intervall, Suche,Telefonnummer, Farbe, ...Im Editor von WEBDEV 21 haben Sie dieMöglichkeit, eine native Maske odereine HTML5-Maske zu bestimmen.Maske.

GPS-ORTBESTIMMUNGDIREKT IM BROWSER-MODEWEBDEV 21 bietet einen Satz anBrowser-Funktionen, die es erlauben, mitdem GPS-Feature des Gerätes zu kom-munizieren, falls das Gerät so etwas bie-tet: Aufenthaltsort, Bewegung, ...

Hier ist eine Karte, die mittels eines“Image-Controls” angezeigt wird:

die Route wurde unter Verwendungder Zeichenfunktionen im Browser-

Modus gezeichnet (ohne auf denServer zuruckzugreifen).

ZEICHNEN IM BROWSER-MODUSWEBDEV 21 bietet auf dem HTML5-Standard basierende Zeichenfunktionen. Die bekannte Familie der WLanguage-Zeichenfunktionen ist ebenfalls imBrowser Code verfügbar.Dies ist sehr nützlich, um einer LandkarteNotizen hinzuzufügen oder im Bereichder unterstützten Realität.

VIDEO OHNE PLAYEREin mit WEBDEV 21 erstellter Web Site,der von einem Browser mit HTML5-Unterstützung gezeigt wird, benötigtkeinerlei Plug-Ins (Windows Media Player,Quick Time oder Flash), um Videos abzu-spielen.Dies ermöglicht es Ihnen, mit dem Videovia WLanguage zu interagieren und dieAnzeige individuell anzupassen.

AUTOMATISCHES AUTO-VERVOLLSTÄNDIGENNeuere HTML5-Browser bieten das Auto-Vervollständigen in Formularen auf Seitenautomatisch an.Wenn der Benutzer in einem FormularInformationen (zB eine Lieferadresse)eingibt, so werden alle Controls der Seitesofort ausgefüllt. Dieses Feature ist für vertrauliche Datenhöchst gefährlich. In WEBDEV 21 können Sie dieses Featureauf Control-Ebene mit der neuen Option«Autocomplete abstellen» blockieren.Diese Sicherheitsvorkehrung ist auch fürComputer mit mehreren Benutzern wich-tig.

HTML5 UND W3CIn WEBDEV 21 müssen Sie keinen HTML-Code schreiben, WEBDEV generiert ihnautomatisch für Sie!Der von WEBDEV 21 generierte HTML-Code respektiert den HTML5-Standardund folgt den W3C-Empfehlungen.Die Beachtung des HTML5-Standardsstellt die Kompatibilität mit allen kom-merziell verfügbaren Browsern sicher.

HTML5:LEISTUNGSFÄHIGHTML 5 repräsentiert einew i c h t i g eWeiterentwicklung desI n t e r n e t - S t a n d a r d s .Komplexe Internet-Seitenwerden damit standardi-siert und neue Features werden einge-führt.Der HTML5-Standard lässt Sie alle neuenBrowser-Verbesserungen nutzen und bie-tet fortschrittliche Features.

KOMPATIBILITÄT MITALTEN BROWSERN:ÜBERGANGS-HTML4Um die Kompatibilität mit älte-ren Browsern (zB am Intranetbenutzt) sicherzustellen, erlaubtes Ihnen WEBDEV auch, denHTML4-Übergangs-Standard zu

unterstützen.

HTML5

VERWENDUNG VONOFFLINE WEB SITES WEBDEV 21 erlaubt es Ihnen festzulegen,dass ein Web Site oder ein Bereich vonSeiten offline (ohne Internet Verbindung)arbeiten kann.In diesem Falle werden alle Resourcen(Seiten, Bilder, .css-Dateien ...), die vomWeb Site oder den Seiten verwendet wer-den, automatisch in einenZwischenspeicher am Computer desAnwenders gelegt. Daher kann der WebSite genutzt werden ohne sich wieder mitdem Internet verbinden zu müssen.

LOKALER SPEICHER WEBDEV 21 ermöglicht es dem Web Site,Informationen über den Computer desAnwenders zu speichern.Diese Information wird in einem browser-spezifischen Kontext gespeichert.

ZUGRIFF IM LOKALENMODUS AUF EINEDATENBANK (SQLITE) WEBDEV 21 ermöglicht es einem WebSite, vom Browser eine Datenbank aufdem Computer des Anwenders erstellenund im Browser-Mode benutzen zu las-sen. Dieses Feature erlaubt es Ihnen, nur alsBeispiel, Daten im offline-Modus erfassenzu lassen und dann, wenn dieVerbindung wieder aufrecht ist, automa-tisch an den Server senden zu lassen.

ÄNDERUNG DER WEBDEV-STYLES DIREKT IM CSSDie Styles von WEBDEV 21 sind alsStandard-CSS3-Style-Sheets gespeichert. Der erzeugte CSS3-Style kann bei Bedarfdirekt in der CSS3-Datei geändert wer-den. Diese Offenheit wird angeboten, umCSS3-Spezialisten den Einsatz ihresKönnens zu ermöglichen. Ein von WEBDEV 21 erstellter und aus-serhalb des Editors geänderter CSS3-Stylewird dennoch vom Editor erkannt.Der veränderte Style kann ebenso wie dievon WEBDEV erstellten Styles aufControls oder Seiten angewandt werden.

IMPORT VORHANDENERCSS-STYLESVorhandene CSS3-Styles können ausCSS3 nach WINDEV 21 importiert wer-den. Style SheetsDas Import-Feature erlaubt es Ihnen, diezu importierenden Styles auszuwählen.In der Arbeitsumgebung von WEBDEV 21werden die importierten Styles ebensowie die in WEBDEV geschaffenen Stylesangeboten.

DER CSS-STYLE-EDITOR Die Arbeitsumgebung von WEBDEV 21erlaubt es Ihnen, CSS3-Styles grafischmittels eines Editors für die Beschreibungdes CSS-Styles zu bearbeiten.

Der CSS-Style-Editor

EINE EXTERNEANIMATION FÜR EINCONTROL MITEINSCHLIEßENDie Entwicklungsumgebung von WEB-DEV bietet Ihnen an, den Controls auto-matisch Animationseffekte hinzuzufü-gen: blinken, einblenden, zoomen, 3D-umklappen.… Es gibt auch andere Spezialeffekte, dieam Markt als CSS-Animationen verfügbarsind. zum Beispiel: pendeln, schwimmen,explodieren usw. Um einem Control dieseArt von Animation zuzuordnen, impor-tieren Sie das CSS Style-Sheet mit derBeschreibung der Animation und hinter-legen im Style des Controils den Namender zu verwendenden Animation, ihreDauer und Wiederholungsrate.

ORDNEN SIE IHRENCONTROLS EIN JS ODERJQUERY SCRIPT ZU

Man kann sich auf eine «CSS-Klasse» ineinem externen JavaScript oder einemJQuery beziehen, um Änderungen andem Control, dem es zugeordnet ist,anzubringen.Dies erlaubt es Ihnen, die Eigenschaftenund das Verhalten von Controls dyna-misch zu verändern. zum Beispiel: um in der Lage zu sein, einControl mit der Maus zu verschieben, sei-nen Style zu ändern, es in Reaktion aufandere Begebnisse zum Bewegen zubringen, es mit anderen Controls intera-gieren zu lassen ...

www.windev.com • 19

Die einfachsteund intuitivsteMethode

WEBDEV®

CSS3

FORTSCHRITTLICHES CSS3

ERSTELLEN VON STYLES:MIT CSS ARBEITEN, OHNECSS ZU KENNEN Um mit WEBDEV 21 einen Style zuerstellen, muss der Entwickler oder WebDesigner nichts von CSS3 wissen: WEB-DEV 21 generiert den visuell erstelltenStyle mittels der «7-Tab»-Technologie.WEBDEV Styles werden als Style-Sheetsim CSS3-Standard gespeichert.Die Styles können jederzeit im Editorgeändert werden, die Änderungen wer-den selbstverständlich auf alle Seitenund Controls übertragen, die den geän-derten Style verwenden.

CSS3-POSITIONIERUNGCSS3 wird von WEBDEV 21auch dazu benutzt, umElemente auf den Seiten zupositionieren (aufs Pixel genauoder in Streams), wobei dieTrennung zwischenPositionierung und HTML-Inhalten beach-tet wird.

ANIMATIONENUND EFFEKTE FÜRCONTROLSDie Arbeitsumgebung vonWEBDEV 21 bietet eine grosseZahl von Animationen undEffekten - basierend auf der

CSS3-Technologie - an. Einblenden, zoo-men bei mouse-over, drehen, 3D-Wirbelusw.Diese Effekte werden für alle Controlsangeboten und können konfiguriert wer-den (Dauer, Beschleunigungskurve, ...)Sie müssen sich nicht mit CSS3 ausken-nen.

Page 11: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

20 • WEBDEV 21: Entwickeln Sie 10x schneller

Heute nutzen die meistenFirmen, die einen statischenWeb Site haben, auch dynami-sche Features.

WIEDERVERWENDEN SIEMIT WEBDEV 21 DAS, WASSIE SCHON HABENUm ein VORHANDENES Programmwiederzuverwenden, können Sie wählen:• einem statischen Web Site dynamische

Seiten hinzufügen• einem dynamischen Web Site statische

Seiten hinzufügen• statische und dynamische Seiten

mischen• statische Seiten in den dynamischen

Web Site importieren• ...In allen Fällen können Sie behalten, wasSie haben und darauf aufbauen.

STATISCHE UNDDYNAMISCHE SEITENMISCHENDAS MISCHEN von statischen unddynamischen Seiten ist die schnellsteLösung.Oft hat die Firma schon einen statischenWeb Site. Der STATISCHE SITE bleibt erhaltenund die dynamischen Seiten werdenHINZUGEFÜGT oder dazu verwendet,einige der statischen Seiten zu ersetzen.Es ist auch einfach, zwei Web Sites trans-parent zu verbinden, einen statischenund einen dynamischen.

DER IMPORT STATISCHERSEITENWEBDEV 21 bietet ein starkes Feature fürden Import statischer Seiten undTemplates (siehe Seite 46). Die vorhandenen Seiten werden in dieArbeitsumgebung IMPORTIERT und inSeiten von WEBDEV 21 umgewandelt.

«ECHTZEIT»-ERFORDERNISEin Preis wird im Katalog der Firma ver-ändert? Der Web Site wird sofort auf denneuesten Stand gebracht.Ein neues Produkt samt Beschreibungwird erstellt?Dieses Produkt wird automatisch undunmittelbar im dynamischen Web Sitegezeigt.Der Lagerstand ändert sich? Der bestel-lende Kunde wird davon sofort inKenntnis gesetzt.Ohne die Seiten dauernd auf neuestenStand bringen zu müssen, zeigt ein dyna-mischer Web Site immer AKTUELLEDATEN.

«DYNAMISMUS» WIRDGEFORDERTHeutzutage müssen sich Ihre Web Siteswie Anwendungen verhalten! Ihre WebSites müssen dynamische Sites sein

EINEN DYNAMISCHEN TEIL ZU EINEMVORHANDENEN STATISCHEN WEB SITEHINZUFÜGEN

ERINNERUNG:STATISCHER WEB SITEEin STATISCHER WEB SITE zeigt festvorgegebene Seiten mit fest vorgegebe-nen Links zu anderen Seiten.Grob gesagt ist es ein Satz von Seiten amInternet, den man besuchen kann.Üblicherweise bietet so ein Web SiteInformationen über eine Firma, eineGruppe oder Personen: Aktivitäten,Adressen, Produkt-Information, manch-mal Preise, eine Kontakt-Seite ...Die Grenzen statischer Web Sites wurdenschnell klar: jedes Mal, wenn ein Teil derDaten modifiziert werden mußte, somußte das manuell geschehen und die

entsprechende Seite mußte wieder hoch-geladen werden.Um zB Produkt-Informationen aktuell zuhalten, mußte ein statischer Web Site lau-fend geändert werden.

WAS IST EINDYNAMISCHER WEB SITE?Ein DYNAMISCHER WEB SITE erstelltjene Seiten, die man sieht, basierend aufden Anfragen des Betrachters und der ineiner Datenbank vorhandenen Daten ebengenau zu dem Zeitpunkt an dem die Seiteaufgerufen wird. Lassen Sie uns das Beispiel eines Katalogsmit 30.000 Artikeln verwenden: ein sta-tischer Web Site könnte 30.000 unter-

schiedliche stati-sche HTML-Seitenverwenden!Ein dynamischerWeb Site wird nureine einzige Seitebenötigen, die dieDaten des Artikels(Produktname undBezeichnung, Bilderusw.) empfängt.Der Server wird allenötigen Elementeim Augenblickzusammenstellen.

IMMER AKTUELLDie Daten eines dynamischen Web SitesSIND IMMER AKTUELL, da sie direktaus der Datenbank des Unternehmensstammen.Sie zeigen die richtige Lagermenge, Siegeben dem Anwender das Versanddatumseiner Bestellung an, Sie handhaben dieTermine ...

WEB SITES, DIE INWAHRHEITANWENDUNGEN SINDEin anderer interessanter Aspekt mitWEBDEV 21 entwickelter dynamischerWeb Sites ist, dass sie sich wieREGULÄRE ANWENDUNGEN ver-halten. Das ganze know-how traditionel-ler Programmierung steht Ihnen daherzur Verfügung!

EINFACHHEIT DERBENUTZUNGDank der mächtigen und komplettenArbeitsumgebung und dem riesigenUmfang an Features, ist es für jedenEntwickler - sogar ohne spezielle Internet-Kenntnisse - sehr EINFACH, mit WEB-DEV 21 höchst verlässliche und dabeikomplexe Web Sites zu erstellen, dieschnell und leicht anzupassen sind.

WAS IST EIN DYNAMISCHER WEB SITE?

WEBDEV 21 IST IDEAL FÜRDEN AUFBAU EINESINTRANETS ODEREXTRANETSWEBDEV 21 ist ideal für die Erstellungvon Intranet oder Extranet Sites. Ein Intranet Site ist ein privater Web Sitefür eine Gruppe von Benutzern: Firmen,Kunden, Lieferanten ... So ein Web Site kann innerhalb einerFirma genutzt werden oder auch außer-halb. Der Zutritt wird mittelsBenutzername und Passwort ermöglicht,was von WEBDEV automatisch gehand-habt wird (siehe Seite 23).

AUTOMATISCH VOLLESICHERHEITAuf die Seiten eines mit WEBDEV ent-wickelten Intranet Web Sites kann nurinnerhalb einer Session zugegriffen wer-den. Für jeden Benutzer wird eine Sessioneröffnet und am Server automatischgehalten.Die Sicherheit des Site wird durch denBegriff der Session automatisch sicher-gestellt.Die Adresse einer Seite kann zB nichtdurch einen Kopiervorgang wiederver-

wendet wer-den. Die dynami-s c h eVorgangsweise(jede Seite wirddirekt vor derAnzeige dyna-misch amServer erstellt)s c h ü t z tAbfragen undihre Resultate,die auch ver-schlüsselt wer-den können.

KEINE BEGRENZUNGENDie Reichhaltigkeit der WEBDEV-Featureserlaubt es Ihnen, anwendungsgleicheWeb Sites zu entwickeln, Sie sind nichtbegrenzt: Handhabung vonS p e s e n a b r e c h n u n g e n ,Lieferantenkataloge mit rabattiertenPreisen, Bestellannahme, Übermittlung

vertraulicher Informationen,Abonnements für kostenpflichtigeDienste, Verwaltung von Bankkonten,Portale ...WEBDEV ist das ideale Werkzeug zurErstellung von Intranet und Extranet WebSites. Darum gestalten tausende Firmenihr Intranet mit WEBDEV.

WEBDEV 21 IST IDEAL FÜRDIE ERSTELLUNG EINESINTERNET WEB SITE.Ein Internet Site ist ein Site, der für einegrosse Anzahl an Benutzern weltweiterreichbar ist.Ein Internet Web Site kann in der eigenenFirma, bei einem Provider oder in derCloud gehostet werden.Ein Web Site muss mobilgerätefreundlichsein, also gleich gut auf einem Desktop,einem Smartphone oder Tablet darge-stellt werden.Für den Besitzer des Web Site muss einInternet Site maximale Sichtbarkeit bieten(SEO, natürliche Suchmaschinen-Referenzierung).WEBDEV 21 bietet alle diese Vorteile.

DIE AWP TECHNOLOGIEWEBDEV 21 bietet die AWP Technologie:Active WEBDEV Page.Dank der AWP Technologie ermöglichtIhnen WEBDEV 21, unabhängige dyna-

mische Web Seitenzu erstellen, dieAWP Seiten.Jede AWP Seite einerWeb Site läuft auto-nom und ohneAusführungskontextam Server.Dies ergibt einenn i e d r i g e nResourcenverbrauch(CPU, RAM) underlaubt daher einegrössere Zahl gleich-zeitiger Zugriffe beigleichen Resourcen.Jede AWP Seite istüber seine Adresse(URL) individuell erreichbar.Also kann jede Seite des Web Site vonden Suchmaschinen referenziert werden.Die Adresse einer Seite kann kopiert &zum Gebrauch weitergegeben werden.Wenn der Web Site während der

Navigation Informationen behalten muss,so kann er dies über einen Kontext tun.

www.windev.com • 21

Die einfachsteund intuitivsteMethode

WEBDEV®

WEB, INTRANET/EXTRANET ANWENDUNGEN:WEBDEV IST SPITZE!

INTERNET: WEBDEV IST AUCH DA SPITZE!

Web Site einer Firma für die sichere Reisespesenabrechnungihrer Mitarbeiter

Page 12: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

SICHERHEIT MIT SSLSICHERHEITWie Sie wissen, sind Sicherheit undVertraulichkeit am Web von höchsterWichtigkeit.Wenn Sie einen Web Site benutzen, wer-den die zwischen dem Web Site und demComputer des Anwenders laufendenDaten standardmäßig nicht geschützt:die Daten können von einem Lauscherabgehört werden. Die Vertraulichkeit und die Authentizitätder Daten können im Normalfall nichtgarantiert werden.

SICHERE SSL-VERBINDUNGDer effizienteste Weg, die Informationendes Anwenders zu schützen, ist es, einesichere SSL (SECURE SOCKET LAYER)Verbindung zu benutzen. Die SSL-Verbindung stellt dieVerschlüsselung der Daten, die zwischendem Anwender-Computer und dem WebServer, der den Site hostet, hin- und her-reisen, sicher. Dieses Protokoll erlaubt es auch demWeb Benutzer, den Besitzer des Web Sitezu erkennen.Um einen Site ganz oder teilweise mittels

SSL abzusichern, müssen Sie ein SSL-Zertifikat von einer Zertifizierungsstelleerwerben (zB Norton VeriSign, Thawte,GeoTrust, usw. …).Sind Sie einmal im Besitz eines SSL-Zertifikats, so installieren Sie es auf demServer, der den Web Site hostet. Bitte beachten Sie, dass es mehrereArten der Zertifizierung gibt, von der ein-fachen Verschlüsselung bis hin zur«Erweiterten SSL-Validierung», die ineinigen Browsern die Anzeige eines grü-nen Adressbalkens erlaubt.

HTTP, HTTPSDie für die sichere Verbindung mit demSite verwendete URL beginnt mit“https://” statt “http://”. Der Web-Anwender kann auch dasAufscheinen eines Vorhangschloß-Symbols in der Status-Leiste des Browsersüberprüfen, als Beweis für die sichereTransaktion und die Identität des besuch-ten Web Sites.Dieser Balken kann sogargrün gefärbt sein, umdie Sicherheit derVerbindung zu betonen!

SICHERHEIT: MIT WEBDEV21 IST DAS EINFACHDer sichere Modus wird von mit WEBDEV 21 erstellten Web Sites unterstützt. Mittels SSLActive() können Sie einennicht-sicheren Teil (Produkt-Katalog) desWeb Sites mit einem sicheren Teil (zBKundenkonto, Zahlung) kombinieren.Der selbe Web Site kann zwischen nichtsicherer Verbindung und sicherer SSL-Verbindung umschalten.

«Client»-Zertifikate sind ebenfalls ver-fügbar.

SICHERE ZAHLUNG Online Zahlungen mit Karte sind heuteeine normale Sache..Zwei Methoden können verwendet wer-den, um Zahlungen per Kreditkarte zuerhalten.Direkter Erhalt der Zahlungsinformationdes Kunden (Kreditkartennummer,Ablaufdatum, Sicherheitscode etc.) unddann die Abwicklung mit der Bank. DieseMethode kann schwierig sein und bein-haltet Risiken bezüglich der Speicherungsensibler Daten.Die gebräuchlichste Methode besteht imUmschalten auf eine spezialisierteZahlungs-Seite, die von einemZahlungsprovider (Bank etc.) angebotenwird.Typischerweise füllt der Kunde einenEinkaufswagen und nach Bestätigung derBestellung wird er/sie dann zum Web Sitedes Zahlungsproviders umgeleitet, dersich dann um den Zahlvorgang kümmert. In dieser Umsetzung muss man keinZahlungsformular handhaben und keineKreditkartennummern speichern. Manmuß nur mehr die Zahlungsbestätigung

des Zahlungsproviders handhaben.

FINANZ-INSTITUTESie können eineBank alsB e t r e i b e rwählen, der eino n l i n e -Zahlungsserviceanbietet (Atos,C y b e r m u t ,Cyberplus, PPlus,…), mit dem Siezusammenarbei-ten werden. Sie können aberauch einenM u l t i - B a n kOperator wie PayBox oder PayPal ver-wenden. Diese Methode wird gerne ver-wendet, um das verwendete Bankkontoleicht auswählen oder wechseln zu kön-nen.Diese Lösung ist in WEBDEV 21 sehr ein-fach umzusetzen, Sie müssen nur dievom Produkt bereitgestellten

Komponenten “PayBox” oder “PayPal”verwenden.

SICHERE ZAHLUNG

22 • WEBDEV 21: Entwickeln Sie 10x schneller www.windev.com • 23

REFERENZIEREN SIE IHREWEB SITESDer Wizard analysiert dieZusammensetzung der Seiten des WebSite und zeigt die möglichenVerbesserungen an, um die Ergebnissebei den Suchmaschinen (Google, Yahoo...) zu optimieren.Der Wizard überprüft auch, ob die Linkszwischen den Seiten entdeckt und von denSpidern der Suchmaschinen benutzt wer-den können.Eine Menge anderer Regeln wird eben-falls geprüft.Ihre Web Sites erhalten höhereSichtbarkeit für die Suchmaschinen.

REFERENZIEREN SIE JEDEDYNAMISCHE SEITE (URLREWRITING)WEBDEV 21 erlaubt es Ihnen mit Hilfe der«AWP»Technologie, jede dynamischeSeite zu referenzieren. Ein URL-Rewriting-Modus wird verwen-det, um je nach Inhalt mehrere Adressenfür die gleiche Seite zu bestimmen. Diese

Seite und ihr dynamischer Inhalt werdenvon den Suchmaschinen besser referen-ziert. Eine Seite kann umbenannt wer-den.Zum Beispiel kann die Adresse der Seiteeinen Objekt-Namen beinhalten (Fahrrad,Moped, Anrichte usw.), was erlaubt,dass die Seite besser gefunden wird.

STATISTIKEN ÜBER DENDATENVERKEHR DES WEBSITEMit WEBDEV wird auch ein Statistik-Modul mitgeliefert, damit Sie herausfin-den können, von welchen Web Sites IhreWeb-Benutzer kommen (siehe Seite 54).

SEO: NATÜRLICHES REFERENZIEREN DES WEB SITE

GEWÄHRLEISTETE SICHERHEIT IHRERWEB SITES:PASSWORTGESCHÜTZTER ZUTRITT

ÜBERWACHEN SIE DENZUTRITT ZU DEN SEITENEINES WEB SITEDer gesicherte Zutritt zu Web Sites oderauch nur einigen Seiten kann einErfordernis sein. Das wird mit WEBDEV21 schon mitgeliefert!Das Feature der “User Groupware”erlaubt es Ihnen, Passworter fur einzelnePersonen oder Gruppen zu vergeben.

Diese Zutrittskontrolle wird einfach imEditor bestimmt. Um den sicheren Zutrittzu Ihren Anwendungen zu gewährlei-sten, ist keine Programmierung erforder-lich, aktivieren Sie einfach die Option

«Groupware».

EINE VERBESSERTESICHERHEITS-PRÜFUNG

Die Zutrittskontrolle erlaubt esIhnen, den Zugriff auf einzelneElemente wie Menü-Auswahlen,Schaltflächen, Controls, Seiten,Berichte ... zu steuern.

Die geschützten Elemente sindinaktiv und entweder gegraut oderversteckt, jedes nach Ihrer Wahl.

DER SUPERVISOR-MODUSDer Supervisor des ausgelieferten

Web Site wird in die Lage versetzt,die Rechte der Benutzer zu jederZeit zu bestimmen. Ein benutzer-freundlicher Editor erlaubt es Ihnen,diese Rechte zu bestimmen und zuverwalten.

Wenn Sie wollen, können dieRechte der Benutzer oderBenutzergruppen auch perProgrammierung erstellt oder geän-dert werden.

LDAPWenn Sie wollen, kann auch eine

bestehende LDAP Login-Datenbankvon der Zutrittskontrolle verwendetwerden.

SAASWEBDEV 21 bietet fortschrittliche

Features für die Verwaltung vonSaaS-Anwendungen (siehe Seite49).

Machen Sie Ihre Web Sitesautomatisch sicher, ohnedazu etwas zuprogrammieren!

Sie sind mit der Version 20schon vertraut? Es gibt ein 92-seitiges techn. Dokument, dasden 921 neuen Features derVersion 21 gewidmet ist. Einegedruckte Version erhaltenSie auf Anfrage; eine PDF-Version dieser Broschüre istauf www.WINDEV.comverfügbar!

Page 13: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

WEBDEV 21 bietet alle Arten von Controls, diefür das Erstellen von Internet- und Intranet-Seiten benötigt werden. Lassen Sie uns einigedavon näher betrachten.Beachten Sie, dass diese Controls mit Ajaxarbeiten.

RICH TEXT AREA

Das Control «Rich Text Area» (RTA) erlaubt es Ihnen, seinen Inhaltzu bearbeiten. Dieses vielseitige Control wird im Detail auf Seite30 dargestellt.

RICH HTML EDIT CONTROLDieses Control erlaubt es Ihnen, Texte mit Rich Text (RTF)Attributen und Layout zu erfassen.Eine Werkzeugleiste wird automatisch angezeigt, um die RTF-Attribute zu bestimmen.

Die Daten werden im HTML-Standard verspeichert.

EDIT CONTROL (MIT EINGABEMASKE)Das WEBDEV 21 Edit Control ermoglicht es Ihnen, was auch aufandere Controls zutrifft, eine große Zahl von Parametern fest-zulegen, visuell und intuitiv mit dem 7-Tab-Fenster oder perProgrammierung. Es ist einfach, leistungsfähige Eingabemaskenzu entwerfen, ohne auch nur eine Zeile an Code tippen zu müs-sen. Das Format wird angezeigt, sowie in das Control eingege-ben wird.

Wenn der Cursor im Control erscheint, wird die Maskeangezeigt: hier ist das Tippen des “/” optional

Viele Eingabemasken sind vor-definiert, unter anderem:

Zeitdauer, erster Buchstabe in gross, Dateiname und Pfad, e-Mail-Adresse, Postleitzahl ...

DIE RÄNDER DES CONTROLS ANPASSENEin Control kann einen Rand haben.Die übliche Verwendung dieses Randes ist es, das Control, dasden Focus hat, hervorzuheben.

Es ist einfach, die Ansicht der Ränder, abhängig von denVorgängen am Control, anzupassen: den Focus erhalten, dasÜberfahren des Controls mit dem Mauszeiger ...

WIEDERHOLUNGSBEREICHE SIND EINMÄCHTIGES KONZEPTEin ‘Wiederholungsbereich’ (= Looper Control) ist ein Satz vonControls, die horizontal oder vertikal wiederholt werden.Looper werden per Programmierung, einer Direktverbindung zuDateien oder mit SQL-Abfragen gefüllt.

Das Looper Control wird im Editor festgelegt und para-metrisiert.

Zum Beispiel kann die Anzahl der Wiederholungen der Anzahlder Datensätze in der Abfrage entsprechen ...Jedes Attribut jedes Controls kann in jeder Zeile angepasst wer-den. zum Beispiel:- Linienfarben- Schriftfarben (zB negative Werte in rot)- ein Bild eines Gegenstandes ...

Ein Looper Control zur Laufzeit

Der Looper kann sich dynamisch der Zahl der anzuzeigendenElemente anpassen, entsprechend der Seitenbreite.

24 • WEBDEV 21: Entwickeln Sie 10x schneller

Alle WebControls,

und noch vielmehr ...

WEBDEV®

LEISTUNGSFÄHIGE CONTROLS FÜR IHRESEITEN

Ein Looper kann auch nur linear sein.

PAGER CONTROLDas Pager Control wird verwendet, um rasch eine Anzahl vonSeiten (und ihren Code) durchlaufen zu können und wird auto-matisch für Tabellen und Looper erzeugt.

Beispiel für einen automatischen Pager

DROP-DOWN & POPUP-MENÜSWEBDEV erlaubt es Ihnen, horizontale oder vertikale Pull-down-

Menus zu erstellen, ebenso wie ‘Tab-Menus’ und ‘Popup-Menus’.Sie können per Programmierung Menüpunkte dynamisch hin-zufügen, Untermenüs ...Menüs sind tastbar. Sie werden voll im CSS Modus erzeugt undpassen sich dem Responsiven Modus an.

www.windev.com • 25

Es ist sehr ein-fach, komplexeControls zuerstellen

WEBDEV®

Der Hintergrunddes

Auswahlbalkenskann ein Bild

sein

Spalten könnenin der Breite ver-

ändert werden

Eine Bildlaufleisteersetzt automatischden ‘Pager’

Es gibt die ‘Anchors’und automatischeBildlaufleisten

Die Möglichkeit, automa-tisch einen Cache zu ver-walten (partielles Laden),der nur die für Darstellungund Browsen erforderli-chen Daten lädt.

Eine Sanduhr wirdwährend längerer

Vorgänge automatischgezeigt.

Zellen der Tabellekönnen im Edit-

Modus sein

Die Zeilen derTabellen sindMulti-Selection

Spalten könnensortiert werden

Die Suche innerhalb einerAJAX-Tabelle wird durchdas ‘Vergrößerungsglas’ermöglicht

SERVER, BROWSER UND AJAX-TABELLENTabellen-Controls werden von WEBDEV 21 generiert. Eine «normale» Tabelle ist eine Server-Tabelle, die Abfragen amServer tätigt, um gefüllt zu werden.Server-Tabellen unterstützen den Ajax-Mode, was verhindert, dasswenn immer ein Tabellen-Element verändert wird, die ganze Seiteneu angezeigt werden muss. Eine Tabelle kann auch im «Browser»-Mode laufen, wo keinServer Code läuft.Das «Browser-Tabellen» Control ist eine Tabelle, die sich voll auto-nom am Browser befindet.

Das Tabellen-Control bietet automatische Features:• filtern, • suchen, • Spalte verschieben,• Spaltengrösse verändern,• Spaltenüberschrift, Überschrift aller Spalten• Container-Spalten, • Gruppierungen der Zeilen (‘Breaks’)...

•••Fortsetzung auf Seite 26

DATEIEN / TABELLEN

Page 14: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

TAB-CONTROLS Die Tabs können einfach gehandhabt werden.

Beispiel einer Seite mit Tabs.

DAS HIDESHOW-CONTROL Das Hide-Show-Control erlaubt es, einen Anzeigebereich zu zei-gen oder kollabieren zu lassen.

Links sieht man ein expandiertes Bild. Rechts ein ande-res Beispiel mit expandiertem Text

KALENDER-CONTROL UND EDIT-CONTROL FÜR DATUMSEINGABE MITPOPUP-KALENDERDas Kalender-Control wird verwendet, um selbst auf einer Seiteangezeigt zu werden oder um einen ‘Popup’-Kalender fur dieDatumseingabe zu offfnen (wird oft auf auf Web Seiten ver-wendet). Eine große Zahl von Optionen für Eingabe und Darstellung wirdangeboten: den heutigen Tag umrahmen, vergangene Datenauskreuzen, einen Datumsbereich zeigen, Feiertage anzeigen ...Das Kalender-Control wird im Ajax-Modus betrieben, um beiAnzeige des Kalenders oder Auswahl eines Datums das Refreshder ganzen Seite zu verhindern.

Das Kalender-Control ist sehr nützlich

THUMBNAIL CONTROL (STATISCH ODERDYNAMISCH)Eine Web Site verwaltet oft Bilder oder Fotos, die auch alsThumbnails verwendet werden, zB für Zwecke der Auswahl.WEBDEV 21 verwaltet die dynamische Thumbnail-Erzeugungautomatisch: thumbnails werden basierend auf dem ursprüng-lich Bild erzeugt oder vom Web Designer festgelegt.

BILD MIT AUTOMATISCHEM ZOOM Wenn der Zoom-Effekt auf einem Bild eingeschaltet ist, so öff-net das Mouseover automatisch einen Bereich neben dem Bild,in dem der vom Cursor eben überlaufene Teil des Originalbildsvergrössert dargestellt wird.Die Grösse des gezoomten Popup kann ebenso eingestellt wer-den wie der Vergrösserungsfaktor (1 - 100).Dieser Effekt kann auf Bild- und Thumbnail-Controls angewen-det werden.Es muss nichts programmiert werden, um von diesem Effekt zuprofitieren, klicken Sie einfach die Auswahl «Automatic Zoom»im «7-Tab»-Fenster des Controls.

Wenn der Cursor über einen Teil des Bildes geführtwird, so wird dieser Teil automatisch gezoomt und ange-

zeigt.

CAPTCHA CONTROL“«Captchas» sind Sicherheits-Codes, die ein Web-Anwender ein-geben muß. Sie werden automatisch verwaltet. Das Captcha-Control berechnet und zeigt automatisch ein ver-zerrtes Bild, das einem Text entspricht. Dieser Text wird automatisch vom Control erzeugt oder von derAnwendung bestimmt.Die Verzerrung ändert sich bei jeder Anzeige.

DAS INTERAKTIVE CHART-CONTROLDas Chart-Control von WEBDEV 21 bietet eine große Zahl vonChart-Typen im 2D- und 3D-Modus an, im statischen oder inter-aktiven Modus: Linien-, Balken-, Halbkreis-, Kuchen-Diagramme...Ein Menü erlaubt es dem Anwender, einige Parameter dynamischzu verändern: Chart-Type, Anzeige der Legenden usw. Ein

26 • WEBDEV 21: Entwickeln Sie 10x schneller

Die einfachsteund intuitivste

Methode

WEBDEV®

LEISTUNGSFÄHIGE CONTROLS FÜR IHRE SEITEN

Fortsetzung von Seite 25•••Fadenkreuz hilft beim präzisen Ablesen der Chart-Daten.Animations-Effekte sind verfügbar.

BILDER, KLICKBARE BILDERDas Image-Control erlaubt es, Bilder in den Standard-Web-Formaten anzuzeigen: JPEG, GIF, TIFF, PNG, SVG...Die Bilder können angeklickt werden, um einen Prozess zu star-ten. Der «Auto-Scroll»-Modus lässt Sie die Bilder aus einemVerzeichnis automatisch anzeigen.

DER EFFEKT AUTOMAT. BILDBEWEGUNGDieser Effekt macht Ihre Seiten lebhafter!Der Effekt «Autromatic Movement» simuliert die kleineBewegung einer Kamera übers Bild: ohne etwas programmierenzu müssen wird das Bild lebendig und bewegt sich ein wenig,langsam und weich in seinem Bereich.Drei Effekte werden kombiniert: Bewegung in beliebigerRichtung, ein leichtes Zoomen und dann ein Einblenden been-det diesen Effekt.Dieser Effekt ist ideal, um Produktbilder automatisch hervorzu-heben: Immobilien, Luxusgüter ...

“DAS GOOGLE KARTEN-CONTROLSie können in einem Web Site das Google Karten-Control ver-wenden. Das Karten-Control von WEBDEV 21 ist interaktiv: DerWeb Anwender kann zoomen, bewegen, verschiedeneAnsichten wählen (Karte, Satellit), auf «Street View» umschal-ten usw.

KLICK-BEREICH (KARTEN BEREICH)Die Klick-Bereiche werden verwendet, um Hypertext-Prozesseauszuführen: je nachdem, wo ein Web-Benutzer ein Bildanklickt, werden unterschiedliche Operationen ausgeführt.Die Definition der Klick-Bereiche ist mittels der geometrischenBereiche sehr einfach. Mehrere Bereiche können verlinkt werden.

Falls nötig, können Sie die exakten Klick-Koordinaten zurücker-halten, Links auf Pixelebene zuordnen.Das kann für Präzisions-Landkarten ebenso nützlich sein wie fürden Fall von medizinischen Anwendungen.

“DAS VIDEO CONTROLDas «Video» Control wird verwendet, um Videos verschiedenerFormate abzuspielen. Flash (Flv), QuickTime (Mov), Microsoft(Wmv), Webm, Mpg, Ogv...Die Features für abspielen, Pause, rasch vorwärts ... werdenunterstützt.Das Zeigen der Videos wird auch per HTML 5 ausgeführt.

CSS3-EFFEKTE AN CONTROLSWEBDEV 21 erlaubt es Ihnen, an Image-Controls (Bildern) CSS3-Effekte zu bestimmen: Beschleunigung, Beschneiden,Ausblenden, automat. Hereinzoomen, Einblenden, zoomen beimouse-over, Foto-Effekt, Panorama-Bewegung, Blinken,Wischen, Neigen, Rotieren ...

Einblenden per Undurchsichtigkeit.

Eckenabrundung wird unterstützt.

www.windev.com • 27

Die einfachsteund intuitivsteMethode

WEBDEV®

•••Fortsetzung auf Seite 28

Page 15: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

28 • WEBDEV 21: Entwickeln Sie 10x schneller

Die einfachsteund intuitivste

Methode

WEBDEV®

REGLER- & BEREICHSREGLER-CONTROLSAuch Regler und Bereichsregler Controls werden geboten.

BEWERTUNGS-CONTROLDieses Control erlaubt es den Anwendern, eine Bewertung ein-zugeben, oder einem Web Site, eine Bewertung anzuzeigen.Das standardmässig verwendete Symbol ist der Stern, aber daskann geändert werden (smiley, Hand, Herz ...). Die Bewertungkann auch eine Dezimalzahl sein.

TERMINPLANER & ORGANIZERCONTROLSDas Terminplaner-Control wird verwendet, um die Planung fürverschiedene Resourcen zu verwalten. Dies ist ein AJAX-Control.Auf diese Weise arbeitet das Control sehr anwenderfreundlich;es kann bei Bedarf nur mit der Maus verwendet werden, um

Aufgaben unabhängig vom Browser einzugeben, zu verschiebenoder zu löschen.Es wird mit einer Datenquelle automatisch verbunden (data bin-ding).Dieses Control erspart Wochen an Programmierung.Das Terminplaner Control ist für Touch-Geräte eingerichtet(Tablets, Smartphones). Die Bearbeitungs-Modi zum Erstellen,Verschieben und Löschen sind nun mit der 'Multitouch'-Umgebung kompatibel und können mit einem Finger durchge-führt werden.Ein “Organizer”-Control steht ebenfalls zur Verfügung.

DAS SITEMAPPATH CONTROL(NAVIGATIONSPFAD)Ein “SiteMap-Pfad” ist ein Menü, das während des Navigierensim Web Site erzeugt wird.Es vereinfacht die Rückkehr zur vorhergehenden Seite. DieErzeugung dieser Zeile geschieht automatisch.Eine Site Map wird ebenfalls automatisch erzeugt.

Einfache Navigation

DIE UPLOAD-FUNKTIONDas Upload-Control erlaubt den Upload von Dateien aus demBrowser auf den Server. Dateiauswahl, Drag & Drop,Mehrfachauswahl, Fortschrittsbalken .... wird alles aus der Boxunterstützt.

Die Größe einer hochzuladenden Datei ist nicht begrenzt.Der Upload kann kann im Hintergrund erfolgen oder zu einemgeplanten Zeitpunkt.

AUTOMATISCHES DDW Das DDW (= Dim Disabled Window/Page) Feature wird auto-matisch auf Seiten angewandt. Die eben noch aktive Seite wirdgegraut sobald ein Dialog-Fenster gezeigt wird.

EIN CONTROL FÜR ‘SOZIALENETZWERKE’ Das Control für 'Soziale Netzwerke' ist eine Toolbar aus Icons,die mit den wichtigsten sozialen Netzwerken am web verlinktsind: Facebook, Twitter, Google+, LinkedIn.

HTML-TABELLEDie HTML-Tabellen ermöglichen es Ihnen, Tabellen in Ihren Seiteneinfach darzustellen.

LEISTUNGSFÄHIGE CONTROLS FÜR IHRE SEITEN

Fortsetzung von Seite 27•••

FESTER BEREICH AM BILDSCHIRM Feste Anchors erlauben es, dass eines oder mehrere Controlssichtbar bleiben, auch wenn der Benutzer die Seite in irgend eineRichtung scrollt. Man sagt, dass der Bereich «verstiftet» ist.

Wenn der Benutzer die Seite nach unten scrollt, bleibtder Korb auf der gleichen Position sichtbar

Die so festgehaltenen Elemente werden sich daher mit denBildlaufleisten nur so bewegen, dass sie immer sichtbar bleiben,während der Rest der Seite sich bewegt.

“DAS INSTRUMENTENTAFEL-CONTROLWEBDEV 21 erlaubt die einfache Erstellung vonInstrumententafeln. Eine Instrumententafel besteht aus‘Widgets’.Der Anwender kann die Instrumententafel anpassen undändern.

DAS BILD/GRAFIK-BUTTON-CONTROL Wie ihr Name besagt, basieren Bild/Grafik-Buttons auf einemBild.Ein Button kann durch maximal 5 verschiedene Bilder dargestelltwerden, wobei jedes einem Zustand des Buttons entspricht:untätig, Mouseover, Klick, Focus, gegraut.

Beispiele von grafischen Buttons werden mit WEBDEV21 mitgeliefert.

Die Bilder für die verschiedenenen Zustände können in einemBildblatt untergebracht, automatisch gehandhabt und mit wei-chem Verlauf angezeigt werden. Der Button kann auch animiertwerden.

DAS CSS3-BUTTON CONTROL Dieser CSS3-Button wird komplett auf Basis eines CSS3-Stylesdefiniert.Er benötigt kein Bild, aber der CSS3-Style selbst kann eines odermehrere Bilder enthalten.Auch ein CSS3-Button kann bis zu 5 Zustände zeigen, die alleElemente eines CSS Styles sind (Pseudo Klassen).Der CSS3-Button wird automatisch dem Browser entsprechendangepasst.

KOMPLETTE CLIPART-SAMMLUNG MIT10.000+ BILDERN UND SCHALTFLÄCHENWEBDEV 21 wird mit mehr als 10.000 Clipart-Bildern geliefert.Sie können auch Ihre eigenen Bilder und Illustrationen in denKatalog einbinden.Die Clipart-Inhalte sind reichhaltig und unterschiedlich: Bilder,Icons, Rahmen, Animationen, grafische Schaltflächen, Bänder,Formen ...

CONTROLS PASSEN SICH ANMOBILGEBRAUCH ANWenn mit WEBDEV 21 erstellte Web Sites auf einem Mobilgerät(Smartphone oder Tablet) dargestellt werden, so passt sich dasVerhalten der Controls an Touch-Bildschirme an.

ALLE WEB CONTROLSWEBDEV 21 bietet auch einen Treeview, eine Webcam, JavaApplets, iFrames und noch mehr Controls. Alles ist da.(sehen Sie auch das beeindruckende Layout-Control «Rich TextArea» (RTA) weiter unten)

www.windev.com • 29

Die WebControls

WEBDEV®

•••Fortsetzung auf Seite 30

Page 16: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

30 • WEBDEV 21: Entwickeln Sie 10x schneller

Die einfachsteund intuitivste

Methode

WEBDEV®

“RICH TEXT» AREA (RTA) CONTROLWEBDEV 21 bietet einen sehr mächtigen Typ von Control: es istdas «Rich Text Area» Control (abgekürzt «RTA»).Das Rich Text Area Control ist fundamental für die Erstellung vonSeiten für statische und dynamische Web Sites: die Eingabe vonaufwendigem Text wird zum Kinderspiel. Der Text und seine vielfältigen Attribute werden wie in einemTextverarbeitungsprogramm eingegeben: fügen Sie Bilder samtLegenden, Links und Textattribute ein ...Alles ist WYSIWYG.Im Editor wird das Control bei der Eingabe von Text, falls erfor-derlich, automatisch länger.Wie für alle anderen Controls wird der HTML-Code automatischvon WEBDEV generiert.

RTA: FORMATIEREN DES TEXTESDas RTA-Control erlaubt es Ihnen selbstverständlich, aufZeichenebene die Charakteristika jedes Text-Teils zu bestimmen:Schriftart, Schriftgröße, Fettschrift, Schriftfarbe, Durchstreichung,Unterstreichung, Hochstellung, Tiefstellung, ...Die Text-Formatierung ist «logisch» im Sinne von HTML.zB wird das Attribut «Fettschrift» automatisch ins «Strong» desHTML-Codes übersetzt, was die Suchmaschinen-Referenzierung(Google ...) sehr erleichtertDie nötigen Tags werden vor und nach dem Text in seinem HTML-Format eingefügt.

zum Beispiel:Athletikwird gespeichert als <strong> Athletik </strong>.>>>>Der Tag <strong>, der vom Browser erkannt und übersetzt wird,zeigt, dass es sich um ein «wichtiges Wort» handelt. Der Browser wird üblicherweise den Text zwischen den beidenTags in Fettschrift anzeigen, je nach Browser-Präferenz desBenutzers. Der Browser erkennt diesen Tag und übersetzt ihn entsprechend.Suchmaschinen benutzen ebenfalls diese Art von Tags, um dieSeiten zu referenzieren. Der Gebrauch dieser Tags im Text ver-bessert ihre natürliche Referenzierung.

RTA: LOGISCHE ABSATZ-FORMATIERUNGDas RTA-Control wird benutzt, um Absätze zu formatieren: Titel,Untertitel, Fusszeilen, e-Mail-Adresse, Anmerkung, Überschrift,Aufzählungspunkt ...Die Formatierung erfolgt logisch: zB wird ein Titel automatischin seinem HTML-Format als ein <h1> Text-Typ gespeichert.<h1> ist ein HTML-Tag der den Titel einer Seite bezeichnet. Der Browser erkennt diesen Tag und übersetzt ihn: üblicherweisewird der Text in Großschrift und Fettschrift gezeigt!

RTA: PHYSISCHES FORMATIEREN EINESABSATZESZusätzlich zum logischen Formatieren ist auch eine physischeFormatierung verfügbar: Absatz-Ausrichtung, Einzüge, Farbe ...

RTA: CONTROLS EINFÜGENSie können ein WEBDEV-Control (jedes Typs!) überall in einenRTA-Text einfügen: eine Chart, eine Tabelle ...Das Control wird in der Zeile, also in Bezug auf den Text, posi-tioniert.Das Control ist am Text «verankert».

RTA: LINKS EINFÜGENEs gibt mehrere Wege, ein Link-Control in eine RTA einzufügen:• Wandeln Sie eine Textmarkierung in einen Link um• Sie können ein Link-Control innerhalb des Textes platzieren• Sie können ein vorhandenes Link-Control kopieren.Das in der RTA vorzufindende Link-Control bietet die gleichenMöglichkeiten wie ein reguläres Link-Control.Controls in der RTA können mittels der «7-Tab»-Technologiebearbeitet werden.

RTA: EINFÜGEN VON BILDERNDas Bild ist im Text eingebettet. Parameter für die bessere Darstellung sind verfügbar: links,rechts, Absatz, im Text ...

RTA: ZUGRIFF AUF DEN HTML-CODE,SPEICHERN DER HTML-ÄNDERUNGENSie können auf den HTML-Code der RTA zugreifen und der vonWEBDEV generierte HTML-Code in der RTA ist bei Bedarf klarlesbar, statt komprimiert zu sein.Ein Entwickler, der sich mit HTML auskennt, kann den für dasRTA Control erzeugten HTML-Code bearbeiten.Was direkt am HTML-Code geändert wurde, das wird auch imEditor gezeigt.

DAS RTA CONTROL: RICH TEXT AREA

Fortsetzung von Seite 29•••

Darstellung eineseinzelnen «Rich

Text Area»Controls vonWEBDEV 21

www.windev.com • 31

Die einfachsteund intuitivsteMethode

WEBDEV®EXPORTIEREN SIEAUTOMATISCH NACHXML, WORD, EXCEL UNDOPEN OFFICEFür Tabellen und Looper wird dem Web-Anwender ein automatisches Export-Menü nach XML, Word, Excel und OpenOffice geboten.

Die in einer Tabelle oder im Looper gefun-denen Daten werden automatisch zumgewählten Programm im entsprechendenFormat exportiert.Wenn nach XML exportiert wird, so wirdauch das passende XLS Style Sheet fürden Browser erzeugt.Im Intranet können die Anwender ihreSimulationen unter Excel einfach erstel-len!

NICHTS ZUPROGRAMMIERENKeine Programmierung ist für dieNutzung dieses Features erforderlich.Sie haben auch die Möglichkeit, diesesFeature bei Bedarf abzuschalten.

TOTALE OFFENHEITWenn Sie einen automatischen Export fürIhre Web Sites programmieren wollen,dann stehen Ihnen die Befehle derWLanguage 5GL zur Verfügung.Die Befehle HExportXML,TableToXML, XMLFirst erlauben esIhnen, all diese Prozesse anzupassen.

MENÜ FÜR DEN EXPORT NACHWORD, EXCEL, XML, OPENOFFICE

Ein Web Site hat eine weltwei-tes Publikum: jeder Web-Benutzer der Welt kann einenBlick darauf werfen!Daher ist es oft erforderlich,fürs Internet mehrsprachigeWeb Sites zu entwickeln.Natürlich gibt es Länder, diemehrere offizielle Sprachenverwenden: Belgien, Schweiz,Luxemburg, Kanada...WEBDEV beinhaltet für dieUnterstützung vonFremdsprachen eine innova-tive und leistungsfähigeLösung.

BIS ZU 64 SPRACHEN JEWEB SITEDie von Ihnen entwickelten Web Sitesunterstützen bis zu 64 verschiedeneSprachen. Alles, was Sie tun müssen, ist,die zutreffenden Sprachen amKonfigurationsbildschirm herauszusu-chen (das kann jederzeit geändert wer-den, auch für einen bestehenden WebSite).

Beispiel eines Textes, der in ver-schiedenen Sprachen eingegeben

wurde

WEBDEV kümmert sich um alles was Siebrauchen, um die Bezeichnungen in denausgewählten Sprachen einzugeben(Westliche und Nicht-WestlicheZeichensätze: Chinesisch, Russisch,Arabisch ...Um die Sprache der Anwendung zuwechseln, verwenden Sie einfach dieFunktion Nation. WLanguage Funktionim Initialisierungs-Prozess des ProjektsBeachten Sie, dass sogar die Beschriftungder grafischen Schaltflächen übersetztwird!

PLANEN SIE FÜR DIEZUKUNFTStellen Sie sich vor, um wievieleinfacher es sein wird,mehrsprachige Web Sites zuentwickeln (oder einen vorhan-denen Web Site mehrsprachigzu machen, da Übersetzungenauch später hinzugefügt wer-den können).

AUTOMATISCHETEXT-HERAUSLÖSUNG Das getrennt erhältlicheWerkzeug WDMSG erlaubt es,alle «Texte» eines Projekts zuextrahieren und sie nach derÜbersetzung wieder einzufü-gen. Das ist sehr nützlich, wennSie die Übersetzung einemexternen Übersetzer übergebenwollen!

BIS ZU 64 SPRACHEN IN IHREN WEB SITES

Page 17: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

32 • WEBDEV 21: Entwickeln Sie 10x schneller

Die in WEBDEV 21 integrierte5GL - die WLanguage - erlaubtes Ihnen, alle nötigen

Prozesse zu beschreiben.Ihre Teams müssen nicht

mehr über HTML oderJavaScript Code schwit-

zen. Die WLanguagemacht die

Programmierung vonWeb Sites fürs

Intranet und Interneteinfach.

INTERNET-PROGRAMMIERUNGWAR NOCH NIE SO

EINFACHDie 5GL von WEBDEV (dieWLanguage wird bereits vonzehntausenden Programmierernweltweit verwendet) bringt einezusätzliche Ebene desVertrauens, weil sie dieEntwicklung von Web Sitesenorm beschleunigt.

WIE PROGRAMMIERTMAN MIT DERWLANGUAGE?

Es gibt zwei Arten von Internet-Code:• Code, der am Server ausgeführt wird

(eingegeben unterm gelben Band –siehe gegenüber)

• Code, der am Browser des Anwendersausgeführt wird (einzugeben untermgrünen Streifen – siehe oben).

RAD (RAPID APPLICATIONDEVELOPMENT)Beachten Sie, dass der Code (und dieSeiten) vom WEBDEV RAD-Werkzeugund diversen Assistenten aus einer

Datenbeschreibung («Analyse»)automatisch erzeugt werdenkönnen.

AUTOMATISCHEERZEUGUNG VON

HTML- UND JAVASCRIPT-CODEBrowser ohne plug-ins verstehen nurHTML und JavaScript Code.Aus dem WLanguage Code wird für denBrowser optimierter HTML- undJavaScript-Code automatisch generiert. Der Code ist verlässlich, konzise und ein-facher zu warten.

AUTOMATISCHEERZEUGUNG VON PHP-CODE Die erstellten Seiten und der eingegebeneCode werden automatisch nach PHPübersetzt! Ohne PHP zu kennen, erstel-len Sie mit Leichtigkeit dynamische PHPWeb Sites! (siehe Seite 47).

KENNTNISSE VONJAVASCRIPT UND HTML:NICHT BENÖTIGTUm mit WEBDEV entwickeln zu können,müssen Sie weder JavaScript noch HTMLoder PHP beherrschen. Wie auch immer, wenn Sie aus irgendeinem Grund wünschen, JavaScript,HTML oder PHP Code selbst zu schreiben,ermöglicht Ihnen WEBDEV auch das.

AUTOMATISCHES AJAXFür eine Routine im «Ajax»-Mode müs-sen Sie nur eine Schaltfläche anklicken(siehe Seite 36)

SIE WERDEN NICHTHÄNGENBLEIBEN!Die 5GL von WEBDEV ist extrem lei-stungsfähig. Sie werden niemals hän-genbleiben. Weiters können Sie HTML, JavaScriptoder PHP Code eingeben, CSS3Animationen, ASP oder JSP Code ...

WLANGUAGE: MÄCHTIG,INTUITIVLeicht zu merkende englische Befehlemachen das Codieren intuitiv und dieWartung einfach. WLanguage Befehle (HReadFirst,HReadNext, SSLActive, HFound, usw.)sind einfach zu verstehen und leicht zuwarten.Die Befehle der WLanguage garantierenfür schnellere Programmierung und bes-sere Qualität des Codes.Ein Befehl der WLanguage entspricht oftdutzenden, wennn nicht hundertenZeilen von JavaScript: Ihre Teams werdenschneller entwickeln!

BEISPIEL: EINE E-MAILVERSENDENDer Versand von e-Mails ist einfach.Wir nennen den Befehl einfacheMailSendMessage.Sie können Attachments hinzufügen. Diee-Mail wird in einem Hintergrund-Prozessversandt.

OPTIMALE DATENBANK-INTEGRATIONDie WLanguage wurde für dieVerarbeitung von Daten optimiert: siebietet eine unterstützte Eingabe fürTabellen- und Spaltennamen.

MÄCHTIGE STRING-VERARBEITUNGDie WLanguage bietet mächtige String-Behandlungs-Funktionen! Die Programmierung ist viel schneller:• dynamische Grösse wird automatisch

gehandhabt • zusammenhängen von strings mit dem“+”-operator• automat. Umwandlung von numeri-

schen Werten in Text und umgekehrt• fortschrittliche Suchfunktionen• Mehrfachabfragen (CASE, SWITCH,...).

PROFILER: VERBESSERN SIEDIE GESCHWINDIGKEITIHRES CODESWEBDEV 21 kommt mit einem Profiler,der die Geschwindikeit jedes Befehls inIhrem Code mißt.

JQUERY

WEBDEV 21 lässt Sie Eintrittspunkte in diejQuery-Library aufrufen. Diese Funktionwird im Browser Code verwendet, daherkann sie in allen Web Sites, auch stati-schen, verwendet werden.

BOOTSTRAP WEBDEV 21 lässt Sie auch BootstrapFeatures verwenden.

ANGULAR JS WEBDEV 21 lässt Sie an Seiten, die mitAngular JS erstellt wurden, ankoppeln.

JSON Die WLanguage übersetzt JSON nunnativ (serialisieren und dese-rialisieren).

OOP (OBJEKT)Die objektorientierteProgrammierung (OOP)wird von WEBDEV unter-stützt: mehrfache Vererbung,Konstruktor, Destruktor, Public, Private,Polymorphismus .. Die Verwendung vonOOP ist optional und kann mit traditio-neller Programmierung gemischt werden.

Mit der WLanguage kommteine strukturierte 5GL zurWeb-Entwicklung. DieProduktivitätswerkzeuge sindein wahrer Gewinn.

PROGRAMMIERUNG DER 5. GENERATION:LEISTUNGSSTARK UND EINFACH ZU VERWENDEN

Um die volle Listealler 5GL-Befehlezu sehen,besuchen Sie dochdie Hilfe zuWEBDEV 21 amWeb Site von PCSOFT!

www.windev.com • 33

WEBDEV®Der Code-Editor leistet einenwichtigen Beitrag zurLeistungsfähigkeit undEffizienz von WEBDEV.Das Codieren erfolgt damitschnell und direkt im zutref-fenden Control.

EIN REVOLUTIONÄRESKONZEPT DERPROGRAMMIERUNGDie einzigartige Technologie des Code-Editors hilft dabei, qualitativ guten Codezu erstellen und schneller zu entwickeln.

DIE ENTWICKLUNGS-METHODIK VON WEBDEVDie gebräuchlichsten Events für Controlswerden standardmäßig im Code Editorgeboten und mit einem färbigen Balken

gezeigt. Für ein Control des Typs “Edit” sind dieStandard-Events wie folgt: Control-Initialisierung, Dateneingabe im Control,Focus-Verlust des Controls, Aktion beijeder Änderung. Sie geben nur den ent-sprechenden Code in den benötigtenAbschnitt ein.Der Code, welcher im Browser laufen soll,kann in WLanguage oder JavaScript ein-gegeben werden, es ist Ihre Wahl.

SERVER CODE UNDBOWSER CODESie müssen nur Ihren Code unter derzutreffenden Überschrift eingeben. Das gelbe Band zeigt an, dass der inWLanguage eingegebene Code am

Server ausgeführt werden wird. Das grüne Band zeigt an, dass der inWLanguage eingegebene Code imBrowser ausgeführt werden wird.Das Band in pink zeigt an, dass der ein-gegebene Code ein PHP Code ist. Das Band in blau zeigt an, dass der ein-gegebene Code ein JavaScript Code ist. Das ist visuell und intuitiv!

ALLE EVENTS WERDENUNTERSTÜTZTDie weniger üblichen Events werden mit-tels Icons angeboten, die am unterenRand des Bildschirms zu sehen sind. Alle verfügbaren Events werden unter-stützt: Klick, Doppelklick, Taste unten,Taste gedrückt, Taste hinauf, Maustasteunten, Maustaste oben, Maus weg, Mausüber, Focus verloren, Focus erreicht,Änderung, Auswahl eines Control-Inhalts, Aufruf der Hilfe, Laden, Speichern

...

SYNTAKTISCHEEINFÄRBUNGUm den Code besser lesbar zu machen,wird jedes Wort entsprechend seinem Typeingefärbt.

KOLLABIERT / EXPANDIERTDer Code Editor bietet ein bequemesFeature fürs Zusammenziehen /Expandieren des Codes: Sie könnenbereits getesteten Code für bessereLesbarkeit verstecken!

UML

WEBDEV 21 unterstützt UML underzeugt automatisch einKlassendiagramm mittels Revers-Analysedes Codes.Umgekehrt erzeugt ein UML-Diagrammden Code der Klasse.

QUELLCODE-MANAGERWEBDEV 21 wird mit einemVersionsverwaltungs-Werkzeug geliefert,dem Source Code Manager (SCM, sieheSeite 44).

AJAXBezüglich AJAXklicken Sie ein-fach auf die“AJAX”-Schaltfläche der Zeile, um dieseTechnologie zu nutzen (siehe Seite 36).

AUTOMATISCHESVERVOLLSTÄNDIGENWenn Sie einen Befehl eintippen, so wirdder erwarteteParameter-Typ ineiner Listbox zurAuswahl ange-boten. EinTooltip gibt dieInformation zu jedem in der Funktion ver-wendeten Parameter.

FEHLERPRÜFUNG INECHTZEITWenn ein Syntax-Fehler auftritt, so wirder im CodeEditor entdeckt,noch bevor dasProjekt compi-liert wird! Die Fehler werden durchUnterlegen der fehlerhaften Funktion inroter Farbe angezeigt.

Der Code Editor ist Teil deru m f a s s e n d e nBenutzerfreundlichkeit vonWEBDEV 21.

Initialisierung der Controls

DER EDITOR HILFT IHNEN

Betreten des Controls (onfocus)Änderung bei Verlassen entdeckt (onchange)

Das Control verliert den Focus (onblur)

Page 18: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

WEBDEV®

Die automatisierte Test-Phase ist nur eine derPhasen, die die hoheQualität IhrerSoftware sicherstel-len, aber sie ist wich-

tig. Zusätzlich zu denRegressions-Tests bie-

tet WEBDEV 21 dieErstellung von Unit-

Tests, Integrations-Testsund Stress-Tests.

UNIT TEST VONPROZEDUREN UNDKLASSENDie Erstellung von Test-Suiten istkomplett in dieEntwicklungsumgebung integriert.Um eine Prozedur oder eine Klassedirekt zu testen, verwenden Sie ein-fach das Popup-Menü, das Ihnenanbietet, einen neuen Unit-Test auf-zunehmen (und dann wieder abzu-spielen).

VALIDIERUNGSGRAD DERANWENDUNG

Das Test-Centerzeigt die Liste dervorhandenen Tests,die Version des WebSite über den jederdieser Tests gelau-fen ist und dasResultat der Tests. Diese Informationwird auch inKurzform amSteuerpult desProjektes angezeigt.

DER TEST-SZENARIOEDITORWenn ein Test laufen gelassen undein Fehler an dem Web Site entdecktwird, so können Sie mit Anklickender Fehlerpositionen des Scriptsdirekt in den Code, wo der Fehlerauftrat, springen.

TEST-PRÜFUNG WÄHRENDDER LAUFENDENARBEITENJedes geänderte Element, das nichtdurch Tests validiert wurde, wirdangezeigt. Das Test-Center zeigtauch alle Fehler an, die nicht korri-giert wurden, ebenso wie alleRegressionen. Eine Geschichte desValidierungsgrades wird automa-tisch verspeichert, was es erlaubt,die Qualität des Web Site über seineganze Lebensdauer zu verfolgen.Diese Überprüfung findet auch dannstatt, wenn Elemente in den SourceCode Manager (SCM) eingechecktwerden (siehe Seite 44).

LEISTUNGS-FÄHIGER UNDDOCHBENUTZER-

FREUND-LICHERDEBUGGER

Um die FeinabstimmungIhrer interaktiven WebSite vorzunehmen,erlaubt es Ihnen derDebugger, den CodeIhres Site Schritt für

Schritt ablaufen zu lassen, den Inhalt vonVariablen anzuzeigen und zu verändern.

HOCHENTWICKELTEFEATURESDer Debugger ist sehr leistungsfähig undbietet modernste Features:• Schritt-für-Schritt-Ausführung, Über-

springen-Funktionen, sofort aus einerFunktion aussteigen, Ausführung biszu einer bestimmten Programmzeile, ...

• Autostop, welcher die Ausführung beijeder Änderung des Wertes einerVariablen oder einem bestimmten

Ausdruck anhält• automatische Visualisierung (kann

abgeschaltet werden) aller Variablen inder eben ausgeführten Zeile

• Anzeige von Ausdrücken, dieFunktionen beinhalten

• Zeigen des Wertes einer Variable alsTooltip

• dezimales oder hexadezimales Resultat• Stack-Aufruf in Echtzeit• Verfolgen des ablaufenden Codes• 32 oder 64 bits • ...

ENTFERNTES DEBUGGENSie können einen Server auch remotedebuggen: Sie können den Server, derbei Ihrem Provider steht, debuggen ohnedorthin gehen zu müssen.

PHP UND AWP DEBUGGERDer Debugger arbeitet im «AWP»-Modus (der Modus der halbautomati-schen Kontexte). In PHP können Sie diezugrundeliegende Anwendung debug-gen.

Der Debugger spart Ihneneine Mengewertvoller Zeit,

wenn SieIhre

Anwendungfeinabstimmen. Er wird sehrschnellunverzichtbarsein!

Der Debuggerbringt

professionelleProduktivität

INTEGRIERTER DEBUGGER: EINFACHEFEINABSTIMMUNG FÜR IHREN CODE

DIE QUALITÄT IHRER SITES: UNIT TESTS

34 • WEBDEV 21: Entwickeln Sie 10x schneller www.windev.com • 35

Erfinden Sie nichtimmer wieder dasRad, wiederver-wenden Sie es!

WEBDEV®

Das Konzept derKomponenten vereinfacht dieEntwicklungsarbeit drama-tisch: Komponenten werdenals black box eingesetzt, ein-fach und sicher.Eine Komponente kannQuellcode, Seiten, Bilder,Klassen, eine Analyse undsogar Dateien enthalten.

SICHERE ENTWICKLUNGDANK KOMPONENTENEine Komponente ist eine «Black Box»,ein Baustein; der Entwickler, der siebenutzt, kennt nur dieAnbindungspunkte und die Art derzurückgegebenen Information. Die Möglichkeit, ausgeklügelteKomponenten zu erstellen, so einfachwie eine traditionelle Anwendung, wirdIhre Entwicklungsarbeit vereinfachen.

SICHERN SIE IHREKOMPONENTEN ABDie von Ihnen erstellten Komponentensind sicher, was bedeutet, dass niemandihren Quellcode sehen oder kopierenkann, ihre Analyse usw.

KOMPONENTEN MITMEHREREN ZIELENKomponenten sind kompatibel zwischenWEBDEV, WINDEV und WINDEV Mobile.Dies ermöglicht noch bessereWiederverwendung des Codes.

EINE GROSSE ZAHL ANFERTIGENKOMPONENTEN WIRDMITGELIEFERTWEBDEV 21 kommt mit mehrerenKomponenten (samt Quellcode), die Siein Ihren Sites verwenden können: • Anforderung einer Dokumentation • Einkaufswagen (e-Commerce)• Sichere Zahlung..

Die Entwicklung eines dyna-mischen Site (inklusive derProzesse und derDatenanbindung) erforderteine Programmierphase.WEBDEV 21 ist offen für alleEntwicklungsmethoden.

PROZEDURALEPROGRAMMIERUNG ODEROOPDie Programmierung mit WEBDEV 21erfolgt in der WLanguage, der berühm-ten 5GL, bekannt für ihre Mächtigkeitund Intuitivität.Entwickler können zwischen prozedura-ler und objektorientierterProgrammierung (OOP) wählen. Dasobjektorientierte Verfahren erlaubtCode-Erweiterungen und vereinfachtdie künftige Wartung.

OOPWEBDEV erlaubt die objektorientierteProgrammierung - wenn Sie das wün-schen.Klassen sowie der Syntax derWLanguage erlauben modernes und

effizientes OOP. Die Basisklassen können im Projekt-Explorer visuell neu bestimmt werden;virtuelle Methoden werden automatischerzeugt.Die Verwaltung des Speichers derInstanz ist in den meisten Fällen vollautomatisch, sowohl fürs Belegen wiefürs Freimachen des Speichers.

ES GIBT ALLE OOP-BEGRIFFEDie folgenden OOP-Begriffe werdenunterstützt: • Klassen• Abstrakte Klassen• Vererbung, mehrfache Vererbung• Reflektion• Überladung (dynamische Erledigung)• Abstrakte und virtuelle Methoden

(Polymorphismus)• Eigenschaften (lesen und setzen)• Konstruktor• Destruktor• Daten-Verkapselung: öffentlich, privat

und geschützt• Automatisches Freimachen• “ist ein» Operator und Downcast• Unterer Bezugspunkt

• Assoziation• ...

XML, JSON, ...Die WLanguage ist dafür ausgerichtet,XML und JSON Dokumente zu verarbei-ten.Die Struktur der Dokumente wird direktin die WLanguage importiert.Der Code Editor bietet und unterstütztdie Eingabe der Namen derDokumenten-Elemente, syntaktischeEinfärbung ...

KOMPONENTEN: WIEDERVERWENDBARKEITDES CODE

OOP

Page 19: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

Die Web 2.0-Technologieerlaubt es Web-A n w e n d u n g e n ,Benutzeroberflächen zu ver-wenden, die sehr nahe an tra-ditionelle Windows-Anwendungen heranreichen Ein wichtiger Teil von Web 2.0ist “AJAX”, das es demBrowser erlaubt, nur Teileeiner geänderten Seite neudarzustellen.

OHNE AJAX ...In der traditionellen Web-Entwicklung mussder Server die komplette Seite an denComputer des Anwenders senden wennauch nur ein einziges Element der ange-zeigten Seite (ein Preis, eine Liste) geändertwerden soll.Dies belastet den Server, verbrauchtBandbreite und erzeugt einen «Refresh»-Effekt am Browser des Anwenders. DieAnzeige kann dadurch langsam werden,weil der Browser die ganze Seite neu inter-pretieren und anzeigen muss ...

MIT AJAX ...Mit der AJAX-Technologie, die für Web2.0 essentiell ist, ist es nun möglich, nurdie geänderten Daten zum Computer desAnwenders zu senden ohne die ganzeSeite neu darstellen zu müssen.Das ergibt eine Menge Vorteile: DerServer ist weniger belastet, die übertra-gene Datenmenge ist kleiner und dieAnzeige geschieht für den Anwenderunmittelbar ohne lästigeNeudarstellungs-Effekte.

AJAX IN EINEM WEBDEVSITE VERWENDEN: 1 KLICK!Da gibt es nichts zu programmieren. Sie profitieren automatisch von AJAX.Sie können weiterhin in einer 5GL(WLanguage) programmieren. WEBDEVkümmert sich um alles.!Eine «AJAX» Auswahl erscheint imWerkzeugbalken des Code-Editors. WennSie AJAX im Prozess verwenden wollen,so müssen Sie nur klicken ... die AJAX-Schaltfläche.Die Anzeige wechselt dann und wird zu“AJAX enabled”.

SICHERHEITWegen seiner Architektur kann AJAXProzeduren am Server starten undProzesse aus einem Browser-Aufruf. UmIhre Web Sites abzusichern, sind WEB-DEV-Prozesse vor illegalen Aufrufengeschützt (zB Versuche, eine Session zuhijacken ...).

WEBDEV AJAX-TECHNOLOGIE FÜRCONTROLSNach einem AJAX-Seitenaufruf werdenalle betroffenen Controls automatisch aufden neuesten Stand gebracht, basierendauf ihrem Wert am Server. Da ist nichts zuprogrammieren.

36 • WEBDEV 21: Entwickeln Sie 10x schneller

IMPLEMENTIEREN SIE AJAXMIT 1 KLICK

EINE URL - ZWEI SEITENDynamic Serving ist eine Technik, wobeidie gleiche Adresse (URL) zu zwei ver-schiedenen Seiten führt: eine Seite fürden PC und eine Seite für das Mobilgerät.Abhängig vom Gerät (PC / Mobilgerät),das auf die Web Site zugreift, wird dierichtige Seite gezeigt.Dies ist eine alternative Lösung (auch eineergänzende) zum Responsive WebDesign, um einen traditionellen Web Sitemobilgeräte-freundlich zu machen.Mit dieser Methode muss man die vor-handenen Seiten nicht ändern: nur neueSeiten für Mobilgeräte hinzufügen.

BESTES NATÜRLICHESREFERENZIEREN DURCHGOOGLEDiese Technik bringt ausgezeichneteReferenzierung durch Google.Um die Seiten für den PC (grosserBildschirm) und die Mobilgeräte-Seitenzusammenzuführen, verwenden Sie ein-

fach ein Fenster des Projekt-Editors.Zur Laufzeit entscheidet der WEBDEV 21Application Server abhängig von derHardware, welche Seite zu zeigen ist.Diese automatische Umleitung kann per

Programmierung abgeschaltet werden.Auf diese Weise wird es möglich, dem miteinem Mobilgerät ausgestattetenAnwender anzubieten, am Desktop Sitezu bleiben.

DYNAMIC SERVING: EINE URL - ZWEI UNTERSCHIEDLICHE SEITEN

AJAXohne irgendwelchenzusätzlichen Code

http://mysite.com/mypage

Computer Mobile

same URLbut different

pages

www.windev.com • 37

Web Servicesstehen zu IhrenDiensten

WEBDEV®

VERLASSEN SIE SICH AUFDIE BENUTZERFREUNDLICH-KEIT VON WEBDEV, UM WEBSERVICES ZU ERZEUGEN

WEBDEV 21 erlaubt es Ihnen, WebServices auf einfache Weise zu nutzen, zuerstellen und sie zu hosten.

EINFACHE NUTZUNG VONWEB SERVICESMit WEBDEV ist es sehr einfach, ein WebService zu importieren und zu nutzen. Basierend auf der WDSL (Web ServicesDescription Language) Beschreibung desServices, erzeugt WEBDEV automatischdie WLanguge Variablen und Funktionen,die dem Programmierungs-Interface desWeb Service entsprechen. Auf diese Weise erscheinen die Elementedes Web Service als reguläre Elementedes Projekts. EINFACHE NUTZUNG VON

SOAP WEB SERVICESDie fortschrittliche Nutzung von WebServices, die SOAP (Simple Object AccessProtocol) einsetzen, ist dank eines Satzesvon SOAP-Funktionen möglich. Diese Funktionen erlauben es Ihnen, denStrom von XML-Daten, die mit dem WebService ausgetauscht werden (Köpfe,Authentifikation, Meta-Informationen ...),zu handhaben.

EINFACHE NUTZUNG VONREST WEB SERVICESDank der WLanguage FunktionenRESTSend() können Sie auch WebServices vom Typ REST abfragen.

EINFACHE ERSTELLUNGVON WEB SERVICES

Web Services werden einfacherstellt: definieren Sie einfach denSatz von Prozeduren, die dasInterface des Web Service bildensollen. Die Beschreibung der WDSL-Dateiwird automatisch generiert.

ALLES WIRDBERÜCKSICHTIGTDie Handhabung von Web Services ist mitWEBDEV sehr beeindruckend; hier isteine Liste der unterstützten Features: • Resultate des Typs Array (SoapArray) • Web Services mit Data-Binding • Einbindung von Web Services• Attribute in der WDSL-Datei• Mehrfach-Antworten• Mehrfach-Header • Signieren von Nachrichten• WS-Adressierung• «Circulare Referenzen» in den Schemas• SPNEGO Authentifizierung

EINFACHE AUSLIEFERUNGVON WEB SERVICES

Die Web Services sind auf einemComputer gehostet, auf dem ein WEB-DEV Anwendungs-Server läuft. Die Setup-Prozedur wird automatischerzeugt. Die Verwaltung erfolgt durch den WEB-DEV Administrator wie für einen «nor-malen» Web Site, alle Werkzeuge sindverfügbar: Datenverkehrsstatistiken etc.(siehe Site Administration Seite 54).

EINFACHES HOSTEN VONWEB SERVICESDie Technologie fürs Hosten basiert auf

dem robusten WEBDEV Anwendungs-Server. Diese Technologie stellt sowohl dieVerfügbarkeit wie auch dieGeschwindigkeit des Web Service sicher. Anfragen an die Web Services könnengleichzeitig erfolgen, werden in getrenn-ten Prozessen bearbeitet, was dieSicherheit garantiert.Die Web Services können von jeder ArtAnwendung benutzt werden, mit WIN-DEV oder WEBDEV erstellte oder miteiner anderen Programmiersprache.

WEB SERVICES: EINFACHEARCHITEKTUR SOA

Web Services benutzen: die Elementedes Web Service erscheinen im

Projekt, wie andere Elemente, diezum Site gehören. Das vereinfacht die

Entwicklung.

Page 20: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

Wenn Sie einen dynamischen Web Site vonGrund auf erstellen, dann müssen Sie die dazubenötigten Daten-Tabellen festlegen. Das isteinfach mit WEBDEV 21.Und wenn Sie vorhandene Datenbanken haben,dann kann WEBDEV sie direkt verwenden. WEBDEV verwendet eine visuelle Darstellung, um zu zeigen wiedie Daten organisiert sind. Die UML-Methode ist in derEntwicklungsumgebung enthalten. Beachten Sie, dass WEBDEValle Analyse-Methoden unterstützt.

EINE NEUE STRUKTUR DEFINIEREN zB wenn Sie neue Tabellen definieren müssen, lassen Sie unseinen Blick auf ein einfaches, aber allgemeingültiges Beispiel fürdie Erstellung neuer Datei-Strukturen werfen: die Definition derTabellen für “Produkte” und “Bestellungen”.

1. Erstellen der Tabelle PRODUCTS: geben Sie einfach denNamen und einige allgemeine Informationen an.

2. Erstellen der Struktur der Tabelle: jede Spalte wird definiertoder aus dem Data Dictionary geholt.

3. Dann erstellen wir die Tabelle ORDERS. Die CUSTOMERS (= Kunden) platzierenBestellungen. Daher müssen die beiden Tabellen in der Analyseverbunden werden. Nach dem Klick auf das“Link”-Werkzeug in der Icon-Leiste ziehen Sieeinfach mit der Maus eine Verbindung zwischenden beiden Tabellen.

4. WEBDEV 21 stellt einfache Fragen in natürlicher Sprache, umdie Verbindung der zwei Tabellen automatisch zu bestimmen.

Diese Fragen sind grundsätzlicher Natur: Zum Beispiel hier:

Den Antworten auf diese einfachen Fragen folgend, setzt WEB-DEV die richtigen Kardinalitäten und bestimmt, ob eineRelationsdatei benötigt wird!

5. WEBDEV ermittelt dann die Regeln, nach denenLöschungen und Änderungen zu erfolgen haben (referentielleIntegrität)

6. Fertig, die Tabellen sind verbunden, Ihre Arbeit ist getanDer Abfrage-Editor wird die Verbindungen automatisch findenund jeder Editor in der Entwicklungsumgebung wird wissen,

wie er mt den Daten umgehen muß ...

Eine Relationsdatei wird automatisch erstellt.

Nun, alles was noch zu tun ist, ist das Drucken derDokumentation (optional), die Seiten und den Code mit demRAD-Werkzeug zu generieren oder eine neue Entwicklung zubeginnen ... so einfach ist das.

38 • WEBDEV 21: Entwickeln Sie 10x schneller

DIE TECHNISCHE DOKUMENTATIONMIT EINEM KLICKWEBDEV 21 erlaubt es Ihnen, zu jeder Zeit die ganze Analyse undProgramm-Dokumentation des Sites zu bearbeiten. Die

Dokumentation wird durch Revers-Analyse des Sites erstellt und istdaher immer aktuell. Eine Dokumentation kann mehrere hundertSeiten umfassen und in PDF, HTML oder für eine Textverarbeitungerstellt werden ...

Jedes “PRODUKT” gehört zu mindestens einer “BESTELLUNG”: Ja oder Nein?Jedes “PRODUKT” kann zu mehreren “BESTELLUNG” en gehören: Ja oder Nein?Usw.

Verbiete die Löschung eines Produktes, das zumindest eine Bestellung hat: Ja oder Nein?Usw.

ENTWICKELN EINER DATENBANK: EINFACH (UML, ...)

IMPORTIERENVORHANDENER

DATENWenn Sie schon eineAnalyse oder Daten

haben, dann könnenSie sie automatisch in

dieEntwicklungsumgebung

einbringen (Import derTabellenbeschreibungen

, der Spalten undRelationen). Ziehen Sieeinfach die Struktur in

den Datenmodell-Editor,um die Struktur zu

erstellen!

www.windev.com • 39

ALLE DATENBANKEN: MYSQL, ORACLE,AS/400, SQL SERVER, INFORMIX...

BeschreibungeinerDatenstruktur inWEBDEV.

Ein dynamischer Web Sitebenutzt Daten. WEBDEV 21kann auf jede Datenbankzugreifen, die sich am Marktbefindet. WEBDEV ist ein offenesProdukt, das es Ihnen erlaubt,vorhandene Web Sites oderStücke davon wiederzuver-wenden.

ALLE DATENBANKENWERDEN UNTERSTÜTZT(KEINE VOLLSTÄNDIGELISTE)WEBDEV kann jede Datenbank lesen undschreiben.Einige der unterstützten Datenbanken(siehe Tabelle gegenüber).

HFSQL, EINELEISTUNGSFÄHIGE SQL-DATENBANK NATÜRLICHMIT EINGESCHLOSSEN.WEBDEV wird mit HFSQL geliefert, einerleistungsfähigen Client/Server SQL-Datenbank, die bereits in Millionen vonWeb Sites eingesetzt wird. HFSQL kann zusammen mit Ihren WEB-DEV-Sites frei ausgeliefert werden.Die Features von HFSQL werden auf Seite40 im Detail beschrieben.

ZUGRIFF IM NATIVENMODUS WEBDEV 20 kann nativ auf MySQL,Oracle, SQL Server, PostgreSQL, SQLite,AS/400, DB2, Informix, SyBase nativzugreifen (Module separat erhältlich). Die Installation dieser ‘Native Access’Module ist extrem einfach ( eine Dateikleiner Grösse ). BLOBs und ‘Long Raw Controls’ werdenunterstützt.Die Performance des Zugriffs ist ein-drucksvoll.

NATIVE UNTERSTÜTZUNGFÜR “AS/400”UND“ISERIES”DATEN-BANKENWEBDEV greift aufA S / 4 0 0 -D a t e n b a n k e ndirekt zu (Modulerwerbbar), ohneODBC, OLEDBTreiber und

ohne ActiveX.WEBDEV kann DDS importieren

und exportieren, kann CL Befehle aus-führen, eine Dataqueue handhaben ...Das ist komplett in derEntwicklungsumgebung enthalten, die

Geschwindigkeit ist eindrucksvoll.

Fragen Sie nach der Broschüre!

BIG DATAWEBDEV kann nativ auf Daten im BigData Format zugreifen.

ALLE DATENBANKEN VIAODBC ODER OLEDBWEBDEV 21 unterstützt alleDatenbanken, die einen ODBC oder OLEDB Treiber zur Verfügung stellen.

SQL SCRIPT = WEBDEVANALYSEEine in WEBDEV definierte Analyse kannin ein SQL-Script umgewandelt werden,um neue SQL-Datenbanken zu erstellenund jedes SQL-Script kann automatisch ineine WEBDEV-Analyse umgewandeltwerden, um vorhandenen Code zu nut-zen. Dies bietet komplette Offenheit.In den meisten Fällen werden existierendeStrukturen mittels Drag & Drop in denDatenmodell-Editor importiert.

DIE ‘STORED PROCEDURES’Wenn die Datenbank einesDrittherstellers ‘Stored Procedures’ unter-stützt, dann sind diese auch vonAnwendungen, die mit WEBDEVgeschrieben wurden, verwendbar.

DIE PROGRAMMIERUNGIST IMMER IDENTISCH,UNABHÄNGIG VON DERVERWENDETENDATENBANKUnabhängig von der Datenbank werdenSie in der Lage sein, sowohl SQL-Befehlezu verwenden wie auch die 5GL-Befehlevon WEBDEV, die WLanguage(HReadNext etc).Dies zeigt wieder die Offenheit von WEB-DEV indem es Ihnen erlaubt, dieDatenbank einfach zu wechseln.

SIE VERWENDEN AUCHWINDEV ...Wenn Sie auch WINDEV verwenden,können Sie das Projekt und seineElemente (Code, Klassen, Fenster,Abfragen, Berichte ...) der beidenEntwicklungsumgebungen gemeinsamnutzen und Ihre WINDEV-Anwendungennach WEBDEV exportieren.

WEBDEV 21 ermöglicht esIhnen, einen neuen Web Sitesamt Daten oder mit bereitsexistierender Datenbanksamt Daten zu erstellen,unabhängig von dereingesetzten Datenbank.

- HFSQL*

- MySQL*

- Oracle**

- Informix**

- SQLServer**

- PostgreSQL*

- MariaDB*

- SQLite*

- IBM DB2**

- IBMAS/400**

- Sybase**

- Netware SQL- Ingres- Progress** -XML*

- Bull DPS- MS Access- xBase*

- ASCII*

- Excel*- Usw.*: Standard Native Connector

**: Optionaler NativeConnector

Page 21: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

WEBDEV 21 unterstützt alleDatenbanken am Markt.WEBDEV wird mit HFSQLgeliefert, einer SQL-Datenbank, die leistungs-stark, sehr schnell und sehrverlässlich ist.Die Weitergabe des HFSQL-Datenbanksystems ist kosten-los.

WEBDEV UNTERSTÜTZTALLE WICHTIGENDATENBANKSYSTEMEWEBDEV arbeitet mit allen Datenbankenam Markt zusammen (siehe Seite 39).

EINE ERPROBTEDATENBANK KOMMT MITDEM PRODUKT: HFSQLHFSQL ist der neue Name fürHyperFileSQL.HFSQL wird mit WEBDEV 21. mitgeliefert. Das ist eine robuste und verlässlicheDatenbank, bereits für Millionen vonWeb Sites weltweit im Einsatz.

329 MILLIONENMILLIARDEN DATENSÄTZE...HFSQL ermöglicht es Ihnen, mit grossen

Datenvolumina zu abeiten (bis zu 329Quadrillionen Datensätze). Sie können das natürliche WachstumIhrer Daten mit Ruhe beobachten.

DATEN GEMEINSAM MITDEM BACK-OFFICEVERWENDENDie Daten des Web Site können sehr ein-fach gemeinsam mit Büroanwendungenverwendet werden, um Bestellungen zuverarbeiten, Packlisten zu versenden,Rechnungen zu erstellen usw. WINDEV istdie ideale Ergänzung zu WEBDEV, umsolide Back Office Anwendungen zuerstellen.

REPLIKATION DES SITE /BACK OFFICEDie Replikation der Daten zwischen demWeb Site und dem Back Office ist oft sehrnützlich.HFSQL erlaubt die Replikation vonDatenbanken und ganzen Servern, ineiner oder beiden Richtungen, geplantoder kontinuierlich.Die Replikation kann automatisiert odervoll angepasst sein.

EXTREM SCHNELLDie totale Befehlsintegration und die(automatische) Index-Erstellung, ermögli-chen eine unglaubliche Geschwindigkeit.Dies bringt bessere Antwortszeiten IhresSite, sei es nun ein Internet oder einIntranet Site.

VÖLLIGE INTEGRATIONDas Datenbanksystem ist in dieEntwicklungsumgebung komplett einge-bettet.Zu jedem Zeitpunkt, in allen Editorenhaben Sie unmittelbaren Zugriff auf alleInformationen in Bezug auf Tabellen(Dateien) und Spalten (Datenfelder). Die Integration von Interface undDatenbank erlaubt einfachere undschnellere Programmierung.

VERTRAULICHKEIT: 128-BITVERSCHLÜSSELUNGAm Internet werden die Daten auf einemServer untergebracht sein: der mussgegen illegalen Zugriff geschützt sein;das geht einfach mit HFSQL. Daten- undIndex-Verschlüsselung können für höhereSicherheit genutzt werden.

HOCHENTWICKELTEFEATURESHFSQL bietet fortschrittliche Features:Server-Cluster, ref. Integrität, Logging,Transaktionen, Trigger, automatischeHandhabung gleichzeitiger Zugriffe,Unicode, «Hot Maintenance» (= Re-Indizierung, Re-Strukturierung undBackup ohne Unterbrechung für dieBenutzer) ...

OFFEN FÜR ANDEREPROGRAMMEDie nativen Connectoren und die mitHFSQL gelieferten ODBC und OLEDB

HFSQL : KOSTENLOSES WINDOWS & LINUXCLIENT/SERVER DATENBANKSYSTEM

iOSiOS

ClassicLocal or network

Das HFSQL Control Centererlaubt es Ihnen, alle imNetzwerk Ihrer Firmainstallierten Server undDatenbanken, lokal oderübers Internet zu überwa-chen. Dieses Control Centererlaubt es Ihnen auch:• Daten anzusehen und zu

drucken• direkt SQL-Abfragen aus-

zuführen• die Benutzerkonten, die

Gruppen, die Rechte, dieListe der aktuellenVerbindungen zu verwal-ten

• genaue Statistiken überdie Server-Nutzung ein-zuholen: Computer, SQL-Abfragen, Logs,Parameter, …….

• Verbindung vonBenutzern trennen• die Verwaltung von

Transaktionen: sehen,beenden ...

• Verwaltung der Backups(Hot Backup)

• die Record Locks sehen• die geplanten Aufgaben• Server Replikation• Anzeige der verarbeite-

ten Datensätze• Verwaltung der Cluster• ...

40 • WEBDEV 21: Entwickeln Sie 10x schneller

DAS HFSQL CONTROL CENTER

www.windev.com • 41

FEATURES

128-bit Verschlüsselung

Referentielle Integrität

Logging-Management

Replikation

Transaktionen

Trigger

Unicode

Import und Export

Server-Cluster

autom. Komprimieren /Dekomprimieren der Memos

TECHNOLOGIEN

Automatische Wartung (SSD)

Management des gleichzeitigenZugriffs

Automatisches Wieder-Verbinden

Keine Verwaltung

Automat. Neustart nach Absturz

Automatische Auslieferung

Entdecken Sie HFSQLmit dem vonwww.WINDEV.com her-unterladbaren 24-seiti-gen Dokument

CLUSTER (SERVER FARM)Dank des Cluster-Features sieht eine Gruppevon mehreren physischen Servern für denClient wie ein einzelner Server aus.Der Ausfall eines Servers hält nicht davon ab,dass auf die jeweilige Datenbank zugegriffenwerden kann (hohe Verfügbarkeit,Fehlertoleranz)Die Last bei Lesevorgängen wird auf mehrere

Server verteilt (‘Load Balancing’ fürs Lesen).Wenn ein Benutzer mit einem Server verbun-den ist, der ausfällt, so wird die Anwendungnicht getrennt, sondern automatisch miteinem funktionierenden Server verbunden(‘automatic fall over’)

Treiber erlauben es Ihnen, von anderenAnwendungen her zu lesen und zuschreiben.

SQL UND DIEWLANGUAGEAuf die Daten kann mit SQL-Befehlenoder mit den mächtigen Funktionen derWLanguage zugegriffen werden. Sie kön-nen SQL-Befehle und WLanguage-Befehle im gleichen Programm mischen.

DER CODE KANNGENERIERT WERDEN!Die Programmierung ist sehr einfach,schnell und verlässlich. Der Code kannauch automatisch generiert werden,wenn Sie die Seiten mittels des WEB RADerstellen!

SICHERHEIT: EINE «SQL-INJEKTION» ISTUNMÖGLICHSie können konfigurierbare SQL-Abfragen erstellen, was Server-Angriffemittels 'SQL-Injection' verhindert.

VOLLTEXTSUCHE Die Volltextsuche ermoglicht sehrschnelle Suchoperationen in Ihren Daten. Die Schlüssel unterstützen Text mit mark-ups (RTF, HTML) und ignorieren bei derVerarbeitung die Tags.Resultate werden gemäss ihrer Relevanzgereiht («Ranking»).

HOT BACKUPSie können das Backup einer Datenbankstarten, während sie benutzt wird.

Es können während der DatensicherungLese- und Schreib-Operationen und SQL-Abfragen laufen. Die Integrität der gesi-cherten Daten wird sichergestellt.Das Backup kann durch Programmierung(zB zu einer bestimmten Zeit) oder durchden Administrator gestartet werden. Sie können auch inkrementelle Backupserstellen.

EINFACHE INSTALLATIONUND KONFIGURATIONHFSQL installiert sich sofort ohne weitereOperationen. Gleichermaßen wird dieDatenbank-Administration automatischdurchgeführt. Änderungen an der Datenbank-Strukturwerden mittels der SDD-Technologieautomatisch gehandhabt.

HFSQL-AUSLIEFERUNG:GRATISMit der Verwendung von HFSQL könnenSie tausende Euro sparen (und sogarnoch mehr, wenn Sie Intranet Web Sitesliefern). Ein nicht zu vernachlässigenderVorteil.

HFSQL Client/Server ist Ihrbester Verbündeter für alleIhre Sites!

WEBDEV®

Page 22: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

Dieser Editor ermöglicht es Ihnen, automatischeinfache oder höchst komplexe Abfragen derDatenbank zu entwerfen. Dies vereinfacht dieProgrammierung noch weiter: für Seiten,Tabellen, Looper, ComboBoxen, Berichte ...alles das kann auf SQL-Abfragen beruhen.

MAN MUSS NICHT SQL BEHERRSCHEN,UM MÄCHTIGE ABFRAGEN ZU ERSTELLEN.Dank diesem visuellen Editor müssen Sie nur die einzusch-ließenden Datenfelder und die Auswahlbedingungen festlegenund die Abfrage wird erstellt.Sie können natürlich auch die vom Editor generierte SQL-Abfragenoch selbst ändern.Die Abfragen werden auf HFSQL (Classic, Mobil, Client/Server)und all den anderen Datenbanken ausgeführt.Sie können auch WLanguage-Code (HRead*-Befehle) zusammenmit SQL-Abfragen verwenden.

VISUELLE ABFRAGENDie Abfrage wird auch in natürlicher Sprache erstellt, damit SieIhre Auswahl im Editor (oder im SQL-Code) treffen können.

Der Editor für SQL-Abfragen

� Der SQL-Code wird automatisch generiert

Einmal bestätigt, wird die Abfrage grafisch in derEntwicklungsumgebung angezeigt, was es einfacher macht, siezu verstehen, wenn Sie Änderungen vornehmen müssen.

3 � Ist die Abfrage einmal definiert, so wird sie gra-fisch dargestellt.

OPTIMIERTE AUSFÜHRUNGMit HFSQL wird die Auswahl des bestgeeigneten Index zurLaufzeit erfolgen, da die wirkliche Gewichtung jedes Indexberücksichtigt wird. Falls Schlüssel fehlen, so wird sie dieEntwicklungsumgebung automatisch per ADD (AidedApplication Development) aufzeigen.

AUF ABFRAGEN BERUHENDEABFRAGEN...Das Resultat einer SQL-Abfrage kann eine Tabelle, ein gedruck-ter Bericht, ja sogar eine HFSQL-Datenbank sein. Eine Abfragekann so das Resultat einer anderen Abfrage als Quelle haben.

ABFRAGEN FÜR JEDE BELIEBIGEDATENBANKDie Datenquelle einer Abfrage kann eine HFSQL-Datenbank seinoder jede andere Datenbank: Oracle, MySQL, SQL Server, DB2,AS/400, Access...

Der Abfrage-Editor macht den Zugriff aufIhre Daten per Programmierung vieleinfacher.

42 • WEBDEV 21: Entwickeln Sie 10x schneller

� Die Abfrage wird vor Ihren Augen in natürlicher Sprache erstellt

VISUELLER QUERY-EDITOR

www.windev.com • 43

Ein Berichtseditor löst dasProblem des Internet-Berichtswesens. Und er macht die Erstellungvon Ausdrucken einfacher. Er ist zweifach nutzbar:• einerseits für die Intranet-

Anwendungen• andererseits für dynamisch

erstellte Berichte, die anden Web-Anwendergeschickt werden (zB PDF-Rechnungen).

PDF IST MIT DABEIBerichte können im PDF-Format erstelltwerden (ohne zusätzliche Kosten odereinem zusätzlich erforderlichen Modul).

Ein PDF-Bericht wird mit WEBDEV21 erstellt

PDF/A UND SIGNATURENSie können signierte PDF/A (Standard-ISO-Archive) und signierte PDF (RGS)erstellen.

ERSTELLEN EINESBERICHTS: EINFACH

Auswahl des Typs des zu erstellen-den Berichts

Ein Assistent bietet automatisch seineHilfe zur Erstellung qualitativ hochste-

hender Berichte an; er fragt alles ab, Siekönnen nichts vergessen! Im Intranet werden Berichte auf einemdem Server zugänglichen Druckergedruckt.Am Internet wird der Bericht an denWeb-Anwender geschickt, in der Form:HTML, RTF, PDF...

JEDE DATENQUELLEDie für einen Bericht benutzten Datenkönnen aus jeder Quelle stammen:HFSQL, Oracle, Access usw., SQL-Abfragen, Textdateien, Speicherzonen,Tabellen etc.

UNTERSTÜTZUNG FÜRPDF-HINTERGRUNDSEITENDer Berichtseditor unterstütztSeitenhintergründe und vorgedruckteFormulare wie zB für Steuererklärungen.

EINSCHLIESSEN VONBILDERN: AUTOMATISCHDas Einschließen von Bildern - BMP, TIFF,PCX, GIF, JPEG, PNG usw. - in einenBericht ist sehr einfach. Das Bild kannauch voreingestellt sein (zB ein Logo), auseinem Programm kommen oder aus einerDatei (Produkt-Bild ...) Sie können auch Zeichnungen drucken,die aus Ihrem Programm stammen.

QUELLCODE WO IMMERSIE IHN WÜNSCHENWEBDEV erlaubt es Ihnen, ausführbarenQuellcode (WLanguage) an beliebigerStelle in einem Bericht mit einzusch-ließen: dies ermöglicht es Ihnen, auchIhre kompliziertesten Berichte ohneProblem zu erstellen.

AUTOMAT. STRICHCODES

WEBDEV 21 druckt Strichcodes automa-tisch (horizontal oder vertikal). Die unterstützten Formate sind: QR Code,UPCA, UPCE, EAN13, EAN8, CODE128,CODE39, CODE93, CODE11, interleved 2of 5, CODABAR, CB_MSI, Datamatrix,PDF417...

BERICHTE PER E-MAILMit WEBDEV 21 ist es einfach, einendynamischen Bericht zu erstellen (zB eineRechnung für ein Produkt, das der Web-Anwender eben bestellt hat) und ihnsofort per e-Mail zu versenden (zB imPDF-Format).

KOSTENLOSE WEITERGABEVON BERICHTENWeiters müssen Sie keine Lizenzgebührenfür die Weitergabe Ihrer Berichte überIhre WEBDEV Web Sites bezahlen.

Mit WEBDEV 21 werdenkomplexe Bericht einfachgemacht!

Der WYSIWYGBerichts-Editor,präzise bis aufsPixel herunter

WEBDEV®

DER BERICHTSEDITOR: ERZEUGEN SIE PDF-BERICHTE IN ECHTZEIT (RECHNUNGEN ...)

Ein in derEntwicklungs-Umgebung erstellter Bericht

Page 23: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

DIE QUELLCODE-DATENBANK

Mit SCM (Source Code Manager) wer-den die Projekt-Elemente in einerDatenbank zusammengefasst. Bevor einElement verwendet wird, wird es ausge-checkt und nachdem es verändert wor-den ist, wieder eingecheckt. Daherbenutzen die Mitglieder des Teams immeraktuelle Elemente.Der SCM speichert alle Projekt-Elemente:Prozeduren, Gruppen von Prozeduren,Klassen, Seiten, Berichte, Komponenten,Abfragen, Analysen, Abhängigkeiten(Bilder ...), ...

KOMPLETT INTEGRIERTDas Versionsverwaltungs-Werkzeug

(SCM) ist mit den verschiedenen Editorenkomplett integriert und bringt bessereTeam-Arbeit, eine Änderungs- undVersionsgeschichte, die Handhabunggleichzeitiger Versionen einerAnwendung und automatisiert dasBackup des Quellcodes IhresEntwicklerteams.

Das Versionsverwaltungs-Werkzeugbringt Komfort, Flexibilität, Sicherheitund Geschwindigkeit. SCM unterstützt Entwicklerteams voneinem bis 100 Entwicklern und erleichtertund standardisiert den Austausch zwi-schen den Entwicklern, ohne ihnenBeschränkungen aufzuerlegen.

LEISTUNGSFÄHIGEFEATURES• Der SCM ist komplett in die

Entwicklung-sumge-bung integriert; zB bie-tet der SCM an, einElement auszuchecken,wenn Sie versuchen, eszu ändern.

• Die Datenbank unter-stützt mehrere Projekte;wenn mehrere Projektedas gleiche Element ver-wenden, dann kann esgemeinsam benutzt wer-den.

• Eine Geschichtealler Elemente(Seiten, Code,Abfragen ...) abihrer erstmaligenErstellung wird imRepository gespei-chert (eine kom-plette oder partielleLöschung ist dabeiimmer möglich).

• Das Projekt liegtebenso auf allenComputern derEntwickler: daher kannman auch auf eineroffline-Maschine arbei-ten.

• Das Management von‘Branches’ wird abgedeckt.

• “«Diff» (Unterschiede) zwischenzwei Elementen ist verfügbar:Quellcode, Seiten, ...

• Sie, die Entwickler oder die WebMaster haben die Möglichkeit,

die Liste der Änderungen zwischenzwei Versionen zu sehen ...

VERBUNDEN UNDREMOTE

Der SCM akzeptiert Remote-Verbindungen über das Internet. So kön-nen Sie auch an einem Projekt vomKundenstandort her arbeiten, ohne denVerlust der Änderungen fürchten zu müs-sen.Wenn Sie verbunden sind (zB per DSL),werden die Änderungen, die Sie vorneh-men, sofort den anderen Entwicklern zurVerfügung gestellt.

EINZEL-ENTWICKLERSogar wenn Sie alleine entwickeln, bie-

tet Ihnen dasVersionsverwaltungswerkzeug SCMeinige Vorteile: es behält eine Geschichteder Änderungen aller Elemente undarbeitet als Backup- und Archiv-Werkzeug für die einzelnen Versionen.Die Verwaltung von «Branches» erlaubtes Ihnen, auf einfache Weise mehrereVersionen des gleichen Web Site zu hal-ten.

44 • WEBDEV 21: Entwickeln Sie 10x schneller

TEAMARBEITVERSIONSVERWALTUNGS-WERKZEUG (SCM)

Entwickeln

Sie im Büro,

auf Reisen

und sogar

am Strand!

SCM verwaltetautomatischAbhängigkeiten:verwendeteDateien (Bilder...). SCM ent-deckt sie imProjekt undspeichert siezusammen mitdem Projekt.

DAS STEUERPULTDES PROJEKTS

Das Steuerpult erlaubt eineGesamtsicht auf das Projekt,seinen Fortschritt und seineQualität. Es erscheinen Lichter, wennbestimmte (einstellbare)Ebenen erreicht sind: Zahlder Fehler, verfehlte Termine... und zeigen an, welcheVerbesserungen noch vorge-nommen werden müssen.

DENLEBENSZYKLUSVERWALTEN (ALM)

Ein Control Center ist eineAnwendung, die sich miteinem Aspekt desLebenszyklus eines Web Sitesbefasst.

Ein Control Center erlaubtes Ihnen, einenGesamtüberblick über denentsprechen Bereich zuhaben. Entweder währendder Entwicklung oder überden bereits ausgelieferten Web Site oderauch über die Wartung undWeiterentwicklung.Die meisten für die Web-Entwicklung ver-wendeten Control Center sind:• Project Monitoring Center (Projekt-

Überwachungs-Zentrum)• Hosting Control Center (Überwachungder ausgelieferten Web Sites)Die Control Center sind voll in dieEntwicklungsumgebung integriert; dieInformationen werden gemeinsamgenutzt.

ALM: PROJECTMONITORING CENTER(PROJEKT-ÜBERWACHUNGS-ZENTRUM)Dieses Center wird dazu verwendet, den

Zeitplan für die zugewiesenen und aus-geführten Arbeitsschritte jedes Team-Mitglieds zu prüfen und dabei dasManagement der Anforderungen imAuge zu behalten.

DIE VERWALTUNG DERANFORDERUNGEN UNDDER ARBEITSSCHRITTEDas Projekt-Überwachungs-Centererlaubt es Ihnen, den Status jederAnforderung in jeder Version desProjektes zu definieren und zu verfolgen.Eine Anforderung entspricht einemFeature, das in dieser Anwendung ent-wickelt werden muss.Jede Anforderung kann mit mehrerenArbeitsschritten (Tasks) zusammenhän-gen (Entwicklung,Test, Dokumentation,F e h l e r s u c h e ,

Geschäftsregeln ...

QUALITÄTSKONTROLLEDie Qualitätskontrolle erlaubt Ihnen dieÜberwachung der Entwicklungs-Vorfälle.

CONTROL CENTER FÜRSHOSTENDas Hosting Control Center erlaubt esIhnen, das Hosting-Profil zu konfigurierenund den Server zu warten. Die Verwaltung der Benutzerkonten undder Web Server erfolgt ebenfalls überdiese Zentrale (siehe Seiten 50 - 53).

Das Management derProjekte wird einfachergemacht.

www.windev.com • 45

«FAHREN» SIE IHRE PROJEKTE:INSTRUMENTENTAFELN & CONTROL CENTER

Das Projekt-Steuerpult bietet eine Gesamtübersicht über den Fortschritt eines Projekts.

Verwalten Sie die Einteilung des Entwicklerteams inEchtzeit

Analyse der Auswirkungen

WEBDEV®

Fahren sie ihreProjekte

Page 24: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

Die vorhandenen statischen Seiten können von WEBDEV 21 her-ausgeholt werden. Die entsprechenden Controls werden erstellt.

Hier: ein Fenster in WINDEV... ... und das Ergebnis nach der Übernahme nach WEBDEV 21. Auch der Quellcode wird importiert!

Import, Export und gemeinsame Nutzung von WINDEV-Anwendungen und Fenstern spart Ihnen eine Menge Zeit,wenn Sie von einer Windows-Anwendung zu einer Web-Anwendung wechseln - und umgekehrt.

IMPORT VON VORHANDENEM HTML

Die anfänglich statische Seite ... Die gleiche Seite nach dem Import im WEBDEV Editor

IMPORT BESTEHENDEN HTML-CODESWEBDEV hat ein interessantes Feature: das Übernehmen vonbestehenden HTML-Seiten:Die Seite wird nach WEBDEV importiert und jeder Text, jedes Bild,jeder Link etc. werden automatisch in WEBDEV-Objekte umge-wandelt.Der allgemeine Style der Seite bleibt erhalten.Dies ermöglicht es Ihnen, vorhandenen Code auf einfache Weisezu erfassen.

IMPORTIEREN VON VORHANDENEMDREAMWEAVER CODESie können Dreamweaver Seiten, Templates und Libraries impor-tieren. Während eine mit Dreamweaver erstellte Seite importiertwird und dabei eine Dreamweaver-Template entdeckt wird, sowird sie automatisch in eine WEBDEV-Seiten-Template umge-wandelt. Wenn diese Template in einer anderen importiertenSeite entdeckt wird, so wird sie automatisch mit der zuvor erstell-ten Seiten-Template ersetzt.

IMPORT UND GEMEINSAME NUTZUNGEINER WINDEV-ANWENDUNGMit WINDEV erstellte Fenster werden direkt in Seiten umge-wandelt. Die Projekte sind gemeinsam. Die Controls, der Code,die Berichte werden übernommen. Von Windows ins Internet

(und vom Internet zu Windows) zu gehen, das war noch nie ein-facher! Sie können auch Klassen, Prozeduren, Berichte oderSQL-Abfragen zwischen WINDEV, WEBDEV und WINDEV MobileProjekten gemeinsam nutzen.

Der Import vonSeiten ist auch

nützlich für dieErstellung einesStyle Books, das

mit einemvorhandenen

Web Sitekompatibel ist,

was den Lookand Feel desSites erhält.

HTML

WINDEV WEBDEV

WEBDEV

IMPORTIEREN / EXPORTIEREN VON WINDEV-ANWENDUNGEN: WEB-FÄHIG MACHEN

46 • WEBDEV 21: Entwickeln Sie 10x schneller www.windev.com • 47

Offen für alleStandards

WEBDEV®PHP OHNE KENNTNISVON PHP!Alle Leistungsfähigkeit von WEBDEV(WYSIWYG Editor, Datenmodell Editor,UML, Abfrage Editor, fortschrittlicheControls, WLanguage usw.) ist für dieErstellung von PHP Web Sites verfügbar.Wenn Sie es wünschen, so werden dieSeiten und der Code (in WLanguage)automatisch nach PHP konvertiert (undSie können PHP-Code auch direkt einge-ben).Ohne PHP zu kennen, erstellen Sie mitLeichtigkeit dynamische PHP Web Sites!

PHP RADDie WEBDEV RAD Methode ist auch ver-fügbar, um ganze PHP Web Sites mit eini-gen wenigen Klicks zu erstellen. Generieren Sie Ihre Web Sites automa-tisch aus dem Datenmodell Editor.

DIREKTE EINGABE VONPHP-CODEIm WEBDEV Code Editor können Sie PHPCode schreiben oder einkopieren.

Hier ist der in rot darge-stellte Prozess ein Stück von

PHP Code.

Sie werden niemals feststecken!Sie können PHP und WLanguage Code inder gleichen Web Seite mischen.

AUCH WEIT ENTWICKELTECONTROLSZusätzlich zu den Standard-Controls (EditControl, Static Control usw.) sind die mei-sten fortschrittlichen Arten von Controlsaus WEBDEV 21 auch in PHP verfügbar:Tabellen mit automatischenBildlaufleisten, Looper Controls, Kalender,Tab-Control, Rich Edit Control, HTMLText, automatische Lineale.…Dies erlaubt es Ihnen, die Codierungungemein zu verbessern, was großeSicherheit für Ihre Web Sites bringt, mitEingabemasken, die nur die Eingabe vonDaten in vorgegebenen Formaten erlau-

ben.

WEB 2.0: AJAX IN PHPEine große Zahl von Controls undOperationen im PHP-Modus sind AJAX-kompatibel: Sie erstellen Web 2.0 PHPSites mit WEBDEV 21! (siehe Seite 36)

FORTSCHRITTLICHEVARIABLEN-TYPEN Zusätzlich zu den Standard-Variablentypen von PHP erlaubt IhnenWEBDEV 21 die Verwendung fortschritt-licher Variablentypen in Ihrem Code. Die Programmierung wird auf dieseWeise einfacher und sicherer. Die fortschrittlichen Typen sind: Datum,Zeit, Dauer, Datenquelle, assoziativeArrays, Strukturen, numerisch ...Leistungsfähiger Syntax und Operatorensind ebenfalls verfügbar: FOR EACH,String-Operationen, optionaleConcatenation, den «Starten mit «Operator ...

CODE GEMEINSAMNUTZENDie Verwendung der WLanguage erlaubtdie gemeinsame Nutzung von Code zwi-schen Seiten und PHP Web Sites, WEB-DEV Standard Sites und sogar mit WIN-DEV Anwendungen!Dies spart Ihnen eine Menge Zeit underhöht die Verlässlichkeit mittels derWiederverwendung.

EINFACHES UNDAUTOMATISCHESMANAGEMENT VON PHP-SESSIONSDie Verwaltung von PHP-Sessions(Kontexten) geschieht automatisch. Alles,was Sie tun müssen ist, die Variablen zudeklarieren, die während der nächstenAusführung der Seite abgefragt werdenmüssen. Da ist kein Serialisierungsprozess zu pro-grammieren.

PHP 7, 5 & PHP 4KOMPATIBILITÄTWEBDEV 21 erzeugt PHP-Code, der mitPHP 7, PHP 5 und PHP 4 kompatibel ist.

HFSQL-ZUGRIFFDer Zugriff auf HFSQL (Classic, Netzwerkund Client/Server) wird durch SQL-Befehle sichergestellt.

ZUGRIFF AUF MYSQL,POSTGRESQL, ORACLEDer Zugriff auf Datenbanken der TypenMySQL, PostgreSQL und Oracle wirdunterstützt.Beachten Sie, dass auch auf alleDatenbanken, die einen ODBC-Treiber

anbieten, zugegriffen werden kann.

ZUGRIFF AUF AS/400 (IBMI-SERIE)Der Zugriff auf AS/400 ist nativ (derModul dazu ist getrennt erwerbbar).

AUFRUF VON PHP SCRIPTSSie können ein externes .PHP Script voneiner PHP-Seite oder einer Standard-WEBDEV-Seite mit dem BefehlPHPExecute aufrufen. Sie können ent-weder eine POST-Methode oder eine GET-Methode verwenden, das Resultat wird ineinem String übergeben.

WAMP & LAMPWAMP (Windows, Apache, MySQL, PHP)und LAMP (Linux, Apache, MySQL, PHP),sind oft verwendete Akronyme für dieseTechnologien, die auf 4 Komponentenbasieren und von WEBDEV 21 unterstütztwerden.

EASYPHP: AUTOMATISCHEKONFIGURATION UNDSETUP VON WEBDEVBei der Installation des WEBDEV 21Anwendungs-Servers werden die ApacheServer (besonders von EasyPHP benutzt)automatisch erkannt und konfiguriert.

ZUGRIFF AUFKOSTENLOSES HOSTENDas Generieren eines PHP Web Sitesermöglicht Ihnen (unter anderem)kostenlose Hosting Services für Ihre dyna-mischen Web Sites in Anspruch zu neh-men. Diese Option kann für die Web Sitesvon kleinen Vereinen oder Firmen, diekein festes Hosting Service in Anspruchnehmen wollen, nützlich sein.

Mit WEBDEV 21 wird PHPeinfach!

GENERIEREN VONPHP CODE

Page 25: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

48 • WEBDEV 21: Entwickeln Sie 10x schneller

WEBDEV IMDIENSTE VON SAPSAP R/3 ist ein sehr

bekanntes ERP-Programm. Einmit WEBDEV 21 erstellter WebSite kann auf SAP ERP Daten nativmittels BAPI zugreifen. Der Zugriffauf die Daten erfolgt direkt durchSAP, ebenso wie die Verfolgungder Zugriffe und die Verwaltung

derPrioritäten.

Eine Familie von Funktionen ermög-licht es, eine Verbindung (mitAuthentifikation) herzustellen undBAPIs mit Parameterübergabe auf-zurufen. Ein Assistent hilft dabei, die verwen-deten Strukturen automatisch zuimportieren.Den SAP UI-Modul müssen Sie dazunicht installieren.Alle WEBDEV-Features sind verfügbar.ABFRAGEN, BASIERENDAUF SAP

Der Berichts-Generator (sieheSeite 43) kann dazu verwen-det werden, Abfragen einerSAP-Datenbank zu erstellen.

NATIVER ZUGRIFFAUF LOTUS NOTES

WEBDEV Web Sites könnenauf Lotus Notes in nativemModus zugreifen. Der Zugriffauf e-Mails am Lotus Notes

(Domino) Mail-Server, im Eingangs- oderAusgangs-Modus, ist Standard im nati-ven Modus. Der Zugriff auf dieKontakte, Termine, Aufgaben undDokumente ist problemlos möglich.Dies wird zur Erstellung von IntranetSites benutzt, die voll in die IT der Firmaintegriert sind.Die bekannte Sicherheit von LotusNotes wird natürlich mittels desLotus Zertifikats respektiert.

NATIVER ZUGRIFF AUFOUTLOOK

WEBDEV Web Sites können auf Outlookin nativem Modus zugreifen. Der Zugriffauf die e-Mails in Outlook, Eingang wieAusgang, ist Standard. Der Zugriff auf Kontakte, Termine undAufgaben ist problemlos im Lese- undSchreib-Modus möglich. Dies wird zur Erstellung von Intranet Sitesbenutzt, die voll in die IT der Firma inte-griert sind.

NATIVER ZUGRIFF AUFGOOGLE APPSNeben der Fähigkeit, sich mit GoogleAnwendungen mittels Mashup zu ver-binden, bietet WEBDEV 21 nativenZugriff auf die Daten von Google-

Anwendungen: Google Calendar, GoogleMaps, Google Contacts, Picasa...Dies erlaubt es, Daten zu lesen und dannin eigenem Format am Web Site anzu-zeigen.

Hier ist Beispiels-Code, der gMail-Kontakte listet und sie in einer WEBDEV-Tabelle darstellt.

NATIVE ZUGRIFFE: GOOGLE APPS, SAP, LOTUS NOTES ...

Beispiel eines nativen Zugriffs auf denGoogle Kalender, um ihn später direktin einer WEBDEV 21 Seite zu verwen-den.

Connection is gglConnectionConnection.Email=”[email protected]”Connection.Password=”password”GglConnect(Connection)Contacts is array of gglContactContacts=GglContactList(Connection)TableDisplay(TABLE_Contacts)

www.windev.com • 49

SaaS (ein Acronym fur “Software as aService”) ist ein Auslieferungsmodell furSoftware.Kunden bezahlen nicht dafür, dieSoftware zu kaufen sondern um sie zubenutzen. Die Daten werden beim Anwendungs-Bereitsteller gespeichert, nicht aber lokalbeim Kunden.

EINFACHES SAASDie Version 21 von WEBDEV gibt Ihnendie Werkzeuge in die Hand, die Siebenötigen, um SaaS-Lösungen zu liefern:vermarkten Sie Ihren SaaS Web Site dankder zur Verfügung gestellten Werkzeuge.Der Saas-Administrator lässt Sie dieBenutzungs-Berechtigungen verwalten. Das Kundenkonten Management lässtSie die Regeln für die Nutzung des WebSite definieren: Authentifikation, Zahlder zulässigen Verbindungen,Verbindungsdauer usw.Diese Verwaltung kann sowohl direktüber ein Administrations-Interface wieauch mittels WLanguage-Funktionenerfolgen.Zur Laufzeit prüft der Web Site dieAutorisierung der Verbindungen und dieNutzer-Rechte mittels einer Gruppe vonWLanguage-Funktionen.

DER SAAS-ADMINISTRATORDie Administrations-Software kann mitoder ohne menschlichem Eingriff arbei-ten. Dies erlaubt es Ihnen, Firmenkontenund Benutzerkonten entsprechend deranfänglichen Konfiguration ohnemenschlichen Eingriff zu erstellen.Das Interface des SaaS-Administratorswird im Web-Modus angeboten.

DIE SAAS VERWALTUNGSAPIDie für die Verwaltung der SaaS-Kontenverfügbaren WLanguage-Funktionen sind(Liste unvollständig):• Erstellung und Löschung von Konten • Änderung von Konten: Benutzer hin-

zufügen, Zeitbereiche bestimmen,Anzahl von Benutzern, ...

• Initialisierung einer Datenbank, indemeine Referenz-Datenbank geklont wird

• Festlegen der Verbindung zurDatenbank ...

DIE SAAS-AUTHENTIFIZIERUNGS-APIUnter den Elementen, die zumManagement eines SaaS-Sites gehören,werden Sie finden:• Aufnehmen und Trennen einer

Verbindung• Firmen-Identifikation • Firmen-Passwort• Benutzer-Name • Benutzer-Passwort• IP-Adress-Prüfung• Maximale Zahl der Verbindungen• Maximale Verbindungszeit• Autorisierte Verbindungszeit usw..

ANGEPASSTESVERRECHNUNGSSCHEMADie Verrechnung wird über eine einfacheEinstellung gemacht

SaaS, das geht einfach mitWEBDEV 21!

EinfachesSaaS

WEBDEV®

SAAS: DIE WERKZEUGE FÜR DIE VERWALTUNGDES SAAS-ZUGRIFFS AUF IHRE SITES

Page 26: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

Ist ein Web Site einmal entwickelt, so muß er amServer installiert werden.WEBDEV 21 wird mit einem starkenAuslieferungs- und Installations-Tool geliefert.

IM PRODUKT MIT ENTHALTENGanz so wie es mit den anderen Modulen ist, wird auch diesesModul mit WEBDEV geliefert.Mit WEBDEV erstellte Sites können remote (FTP, HTTP ..) instal-liert werden oder auch indem der Service Provider eine CD, eineDVD oder einen USB-Stick erhält

REMOTE-AUSLIEFERUNG WIRD VOLLUNTERSTÜTZTUm einen Web Site auszuliefern, müssen Sie nur einige Fragenbeantworten.Die Auslieferung kann auf sichere Weise über HTTPS oder FTPSProtokoll erfolgen.

REMOTE-AUSLIEFERUNG VON SITE-UPDATESIst ein Web Site einmal installiert, dann wird er meist weiterent-wickelt. Wenn der Site sich ändert, dann müssen nur mehr diegeänderten Dateien installiert werden, was den Umfang desUploads reduziert.WEBDEV wird die Dateien des laufenden Web Site mit denen amEntwicklungscomputer vergleichen und wird die Dateien aus-wählen, die verändert worden sind. Der Assistent wählt automatisch die richtige Vorgangsweise fürjede Datei: kopieren, updaten, löschen,…Natürlich können Sie die zu installierenden Dateien auch hän-disch bestimmen, ein Verzeichnis ausschließen, nur in einerbestimmten Sprache ausliefern ...

GEPLANTE UPDATES: IN DER NACHT ...Es ist oft angezeigt, die Updates der Sites in Zeiten niedrigenDatenverkehrs, zB nächtens, durchzuführen. WEBDEV bietet die Planung für das Update zu einem bestimm-ten Datum und Uhrzeit an. Die zu updatenden Dateien werden sofort auf den Server über-tragen, aber das tatsächliche Update erfolgt zum festgelegtenDatum und Uhrzeit.

AUSLIEFERUNG MIT PHYSISCHEMMEDIUMManchmal könnten Sie den Inhalt eines Sites per CD, DVD oderUSB-Stick weitergeben wollen.Dieser Fall kann auch eintreten, wenn der Hosting Server ausSicherheitsgründen nicht per FTP (oder FTPs) Protokoll erreichtwerden kann.WEBDEV 21 lässt Sie ein komplettes «Installationspaket» für denSite erstellen, um dieses Szenario anzusprechen.Beachten Sie, dass so ein Installation Package auch per down-load zur Verfügung gestellt werden kann.Wenn die Hosting Firma die CD oder den USB-Stick erhält, sokann sie den Site am Server installieren.Sie können den «WEBDEV Anwendungs-Server» zusammen mitdem Site liefern. Dies erlaubt auch die Auslieferung von kosten-losen Demo-Versionen.

ABLAUFDATUM EINER SEITEBeim Erstellen einer Seite haben Sie nun die Möglichkeit, einAblaufdatum für diese Seite festzulegen.Zum Beispiel, wenn die Seite in Bezug zu einem speziellen Event(Messe, Aktion etc.) steht, dann darf die Seite ab diesem Datumnicht mehr gezeigt werden!Um nicht darauf zu vergessen, wird WEBDEV 21 den Entwicklerbeim Öffnen des Projektes daran erinnern oder wird eine e-Mailmit einer festzulegenden Nachricht an eine bestimmte Adressesenden. Das Risiko eines Übersehens wird auf diese Artbegrenzt.

AUSLIEFERUNG FÜR LASTEN-AUSGLEICHEin Site, der eine Menge Datenverkehr anzieht, könnte auf meh-reren parallelen Servern installiert werden.WEBDEV 21 erlaubt es Ihnen in einem einzigen Vorgang, einenSite auszuliefern oder upzudaten, der auf mehreren Servern liegt.

50 • WEBDEV 21: Entwickeln Sie 10x schneller

EinfachesRemote-

Management

WEBDEV®

DIE AUSLIEFERUNG IHRER SITES ISTEINFACH

www.windev.com • 51

Die einfachsteund intuitivsteMethode

MEHRFACHE AUSLIEFERUNG DESGLEICHEN SITE AUF DEM GLEICHENSERVER.WEBDEV 21 erlaubt es Ihnen, mehrere Kopien des gleichen Siteam gleichen Server zu installieren - aus dem gleichen Projekt.Dies erlaubt es einem Software-Hersteller, mehreren KundenKopien des gleichen Web Site anzubieten.Eine Kopie jedes Sites (ein Site per Kunde) wird auf dem gleichenServer untergebracht.Um das zu tun, muss man einfach nur die Namen der Sites zurAuslieferungszeit bestimmen, die Parameter jedes Site (Timeout,Zahl der Verbindungen) sind unabhängig voneinander.Sie können auch alle angebotenen Sites mit einem mit WEBDEVmitgelieferten Saas-Modul unterstützen (siehe SaaS S. 49).

ARCHIVIERUNGDieses Feature führt ein Backup aller Elemente des Site aus bevorein Update des Site erfolgt.Dies erlaubt es Ihnen, verschiedene Versionen eines Sites zuerhalten.

TESTS: BELASTUNGSTESTS,REGRESSIONSTESTS ...Die Qualität Ihres Web Site erfordert einen Satz von angemes-senen Tests. WEBDEV 21 wird mit einem Testwerkzeug geliefert,das Sie in die Lage versetzt, zu prüfen, ob die Einstellungen IhresServers tatsächlich die von Ihnen gewünschte maximale Zahl vonVerbindungen zulässt. Dieses Testwerkzeug lässt Sie auch eineReihe von Szenarios ausführen, um auf Regressionen zu prüfen.

AUSLIEFERUNG IN DIE CLOUD MIT EINEMKLICKEinen Web Site in der Cloud zu installieren ist einfach.Um das zu tun, müssen Sie nur den ID und das Passwort desPCSCLOUD-Kontos angeben, die Plattform auswählen, wohinSie den Site stellen wollen und fertig!

Einen Site ausliefern und verwalten: mitWEBDEV 21 ist das einfach!

Verwaltung des WEBDEVAnwendungs-Servers

Administration desHFSQL-Servers

Die WEBDEV Benutzerkontenverwalten

Das Hosting Control Center (Überwa-chung der ausgelieferten Web Sites)

Setup mittels physi-schem Speichermedium

Web Site Auslieferungvom

Entwicklungscomputer

Remote Administrationdes WEBDEV

Anwendungs-Servers

Remote Administration desHFSQL-Servers

Ein Überwachungs-Roboter(Wachhund)Stress Tests

DIE MITGELIEFERTENVERWALTUNGS-WERKZEUGE

Page 27: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

WEBDEV 21 erlaubtes Ihnen, Ihre Sitesbei einem Provider,in der Cloud oderlokal zu hosten.

EINEN PROVIDERFÜR EINENDYNAMISCHENWEBDEV SITEFINDEN Der Site von PC SOFTbeinhaltet eine (welt-

weite) Liste vonProvidern, die dynami-

sche WEBDEV Sites unter-stützen. Sie können natür-lich auch bei Ihrer eigenenHosting-Firma nachfragen.

HOSTEN SIEIHRE WEB SITES(GRATIS) UNDTESTEN SIE SIEMIT EINEMKLICKPC SOFT bietet an, IhreTest Web Sites zuhosten. Das Setuperfolgt aus der

Entwicklungsumgebung mit einem Klick.

FEST ZUGEORDNETERSERVERDer Site wird auf einem Computer geho-stet, den Sie von Ihrem Provider mieten.Sie sind verantwortlich für dieAdministration des Computers und Siesind der einzige, der ihn benutzt, er istallein Ihrer Firma zugeordnet.Sie sind die/der einzige, die/der Sites aufdiesem Computer installieren kann. Siekönnen Ihre Sites remote administrieren,dank der mit WEBDEV geliefertenWerkzeuge.

GEMEINSAM MITANDEREN BENUTZTERSERVER«Shared Hosting» besteht darin, dass SieIhren Web Site auf einem Computerinstalleren, der auch von anderen Firmenmit ihren eigenen Sites benutzt wird. DieResourcen des Computers werdengemeinsam genutzt.Auf einem gemeinsam benutztenComputer können Sie das System nichtverwalten, Sie können dort nur Ihre WebSites installieren. Die Performance hängtnatürlich auch von den Aktivitäten deranderen Sites ab, aber die Kosten sindgeringer als auf einem eigenen Server.

DIE CLOUDDie Cloud für PC SOFT Anwendungen(www.pcscloud.net) bietet vorkonfigu-rierte und optimierte Plattformen für IhreWINDEV, WEBDEV und WINDEV MobileAnwendungen.Diese Plattformen geben Ihnen dieMöglichkeit, Ihre WEBDEV Sites oderauch Ihre WEBDEV oder WINDEV WebServices zu hosten.Sie erlauben Ihnen auch, IhreDatenbanken weltweit zur Verfügung zustellen, für Büros oder Mobilgeräte, mitder Möglichkeit, die Daten auf einen pro-prietären Server zu replizieren.

CLOUD PLATTFORMEine PCSCloud-Plattform ist ein virtuellerServer.Dieser Server ist Ihnen alleine zugeordnet,Sie alleine können Sites auf diesem Serverinstallieren. Sie können die für Ihre Plattform erfor-derliche Computer-Leistungsfähigkeit(CPU, RAM usw.) jederzeit und sehr gra-nular einstellen und auf diese Weise dieKosten reduzieren. Sie sind damit von der Verwaltung desServers befreit, Sie können sich so auf dieKernkompetenzen Ihres Geschäftes kon-zentrieren.

VORTEILE DER CLOUD Die Cloud erlaubt es Ihnen, sich vonBegrenzungen durch Hardware zubefreien und die Entwicklung IhrerResourcen leicht zu handhaben.Einen Web Site in die PCSCloud.net aus-zuliefern ist sehr einfach: man benötigtnur einen Klick in derEntwicklungsumgebung!Die PCSCloud ermöglicht auch dasHosten Ihrer Web Services, Ihrer HFSQLDatenbanken ...

52 • WEBDEV 21: Entwickeln Sie 10x schneller

HOSTEN BEI EINEM PROVIDER

EINFACHES HOSTEN IHRES SITE IN DER CLOUD

INTRANET SITE Üblicherweise wird der Site auf einemServer Ihrer Firma installiert und verwal-tet. Alle mit dem Server verbundenenComputer haben Zugriffe auf den Site.

INTERNET/EXTRANET SITENormalerweise werden Internet oderExtranet Sites bei einem Provider instal-liert, unterschiedlich von der Firma, dieden Site erstellt hat.

HOSTENEs gibt vier Arten des Hostens: • Interner Server• Fest zugeordneter Server• Gemeinsam mit anderen benutzterServer• Cloud Plattform

SITESEs gibt drei Hauptarten von Sites:• Statischer Web Site• Intranet Site• Internet/Extranet Site

www.windev.com • 53

Liefern undverwalten SieIhre Web Sitesauf einfacheWeise.

WEBDEV®

DAS HOSTEN IM EIGENEN BETRIEB

WEBDEV 21 lässt Sie die mitWEBDEV erstellten Sites auchintern hosten, in denRäumlichkeiten Ihrer Firma.

DER WEBDEV ANWENDUNGS-SERVERDer WEBDEV Anwendungs-Server isterforderlich, um dynamische Sites auszu-führen.Er wird auf der hostenden Maschine instal-liert.Der WEBDEV Anwendungs-Server läuftunter Windows und Linux. Das Setup des WEBDEV Anwendungs-Servers erkennt den installierten WebServer automatisch.Jeder Web Server muss konfiguriert wer-den. Die Konfiguration des IIS oder desApache Web Servers wird während derInstallation des Anwendungs-Servers auto-matisch erledigt.

UNTERSTÜTZTE WINDOWS-VERSIONENFast alle Windows Server werden unter-stützt: Windows 2012, 2008, 2010 ... 32-und 64-bit. Auch Nicht-Windows-Server wie Windows10, 8, 7, Vista werden unterstützt.

UNTERSTÜTZTE LINUX-DISTRIBUTIONENLinux Distributionen verändern sich häufig.Einige dieser Weiterentwicklungen sindklein, andere sehr groß. WEBDEV 21unterstützt sowohl ältere wie neuereDisributionen.Zur Zeit der Erstellung dieses Dokuments,gelten folgende Distributionen als gete-stet: Debian 7, OpenSuse 12, Ubuntu 12,

Mandriva...Unterstützung für höhere Versionen istgesichert, wenn diese Distributionen kom-patibel sind. Zögern Sie nicht, PC SOFT zufragen, um die neuesten Änderungen zuerfahren.

FÜR HOSTING PROVIDER«STILLES» SETUPDas ist nützlich für Hosting-Firmen und fürEntwickler die ihr eigenes Hosting verwal-ten. Die automatische ServerKonfiguration hat einen “stillen” Modusd.h. ohne manuellen Eingriff. Das Setup ist voll konfigurierbar und es istmöglich, mehrere Server aufzusetzen(autom. Erstellen von mehreren Instanzendes WEBDEV Anwendungsservers).

AUTOMATISCHEKONFIGURATION AUFAPACHE (WAMP, LAMP)

Wenn Sie einen Apache Server verwen-den, so werden bei der Installation desWEBDEV 21 Anwendungs-Servers dieApache Server (speziell jene für EasyPHP)erkannt und automatisch konfiguriert.Der Apache Web Server erlaubt es, virtu-elle Web Sites zu verwenden, was es Ihnenmöglich macht, das Hosting zu isolieren.Ein WEBDEV-Konto kann für jeden virtu-ellen Web Site festgelegt werden.

EINEN WEB SITE VONEINEM SERVER AUF EINENANDEREN ÜBERTRAGENDas von WEBDEV 21 gebotene Feature fürden automatischen Umzug eines Sites wirdServer-Administratoren erfreuen. Es ist wirklich einfach, einen laufenden Sitevon einem Computer auf einen anderenzu übertragen.Der Umzug kümmert sich um alle erfor-derlichen Elemente der Sites, ebenso wieum ihre Arbeitsumgebung: alles geschiehtautomatisch.

HOSTEN VONPHP SITESDas PHP-Hosting kann durch einen «kom-merziellen» Provider (1und1.de,easyname.at ...) erfolgenEs kann auch intern erfolgen.Der Server-Computer muss eine PHP-engine und einen FTP-Server besitzen.Sites können aus der WEBDEV-Umgebungeinfach ausgeliefert werden.

DAS HOSTENVONSTATISCHENSITESEin statischer Site benötigt zum Laufenkeinen WEBDEV Anwendungs-Server,nur ein Web Server und ein FTP Serversind nötig.Ein statischer Web Site kann bei einem«kommerziellen» Provider(Server4you.de, world4you.com ..)gehostet werden.

DER AKTUELLEVERBINDUNGS-REKORD:31,200GLEICHZEITIGEVERBINDUNGEN ZU EINEMDYNAMISCHENWEBDEV SITE!HFSQL Datenbank

Page 28: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

EINFACHE SITE VERWALTUNG

DIE VERWALTUNG LOKALODER REMOTEDer WEBDEV Anwendungs-Server wirdmit einem Admin-Werkzeug geliefert, aufdas remote zugegriffen werden kann,was Ihnen erlaubt, den Server zu konfigu-rieren und seine Aktivität zu überwachen.

Einige Parameter können eingestellt wer-den: die maximale Zahl von Verbindungen,die der Server zulässt, maximale Zahl vonVerbindungen für einen bestimmten WebSite, maximale Zahl von Instanzen perWeb-Anwender und so weiter, ...

Beachten Sie, dass dasAdministrationswerkzeug auch als Serviceauf dem Server Computer installiert wer-den kann - ohne Interface.

Sie haben auch die Möglichkeit, die Rechtefür jeden Benutzer festzulegen.

ZUGRIFF AUF EINENSICHEREN SITEDer Administrator lässt Sie Sicherheits-Optionen aktivieren, wie:• Navigation unter einer IP-Adresse (um

Session-Diebstahl zu vermeiden)• Schutz der AWP-Kontext-Kennung

(HTTPOnly cookie).

Der Remote-Administrator

ÜBERWACHUNGS-ROBOTERMit WEBDEV 21 wird auch eine komplexeÜberwachungs-Engine geliefert. Sie kannverwendet werden, um die Verfügbarkeitvon WEBDEV Sites, HTTP-Servern, NTP-Servern, SNMP-Servern, File-Servern, Mail-Servern, WEBDEV Anwendungs-Servern,HFSQL-Servern usw. zu überwachen.Basierend auf Ihrer Wahl, sendet derjeweilige Server eine Warnung per e-Mail,

per Nachricht an eine bestimmteAnwendung (interne Benachrichtigungs-Anwendung usw.), an einen Bildschirm(mit audiovisueller Warnung), durchStarten einer WLanguage Prozedur, aneine Drittfirma (zB für das Versenden vonSMS). Sie haben die Möglichkeit, eineKombination dieser Warnungen zuwählen.Sie können auch die Häufigkeit undWiederholungsrate der durchzuführendenTests festlegen.

Es ist sehr wichtig, exakteStatistiken über die BesucheIhrer Sites zu haben.

DIE TRAFFIC-INFORMATION FÜR EINENSITE ANSEHENAußerhalb des Internet ist es ziemlich ein-fach herauszufinden, welche AktivitätenIhr Geschäft generiert: erhaltene Briefe,Anzahl der Telefonanrufe, die Zahl derPersonen im Geschäft ...Wie können Sie im Internet wissen, wie-viele Personen zu Ihrem Web Site kamen,welche Seiten sie angesehen haben, wel-che Anwendungen sie verwendeten,woher sie gekommen sind?Das ist es, wofür Sie die Web SiteStatistiken benötigen.

EIN ANPASSBARESWERKZEUG WIRDMITGELIEFERT

WEBDEV wird mit einer Statistik-Softwarefür dynamische Seiten geliefert. DieseSoftware ist fertig zu benutzen.Auf die Statistiken kann übers Internetzugegriffen werden.

STATISTISCHESUnter den verfügbaren Informationen:• Zahl der angesehenen Seiten• Zahl der Besucher• Zahl der Besucher je

Seite• Herkunfts-Site der

Web-Anwender.• Herkunftsland• der verwendete

Browser• und sogar eine Liste

der Seiten, die techni-sche Probleme verur-sachten!

Nützliche Statistiken!

TRAFFIC STATISTIKEN FÜR IHRE SITES

54 • WEBDEV 21: Entwickeln Sie 10x schneller

WEBDEV 21 undWINDEV 21 sindkompatibel:• Projekt• Analyse• Dateien /Tabellen• Komponenten• Berichte• Quellcode• Klassen• Fenster, Seiten• ...

WEBDEV 21 Sites können pro-blemlos mit vorhandenenAnwendungen zusammenar-beiten, unabhängig vomWerkzeug, mit dem siegeschaffen wurden.Aber die Kompatibilität vonWEBDEV und WINDEV machensie zu einem idealen Paket,um Front Office und BackOffice Anwendungen sehrschnell zu entwickeln!

FRONT UND BACK OFFICEDas Front Office ist jener Teil, den derKunde / Anwender sieht: üblicherweiseist das der interaktive Web Site amInternet. Im kommerziellen Sinn verwaltet dasFront Office die Anforderungen fürInformation und Bestellannahme.Das Back Office kümmert sich um dieinternen Prozesse der Firma:B e s t e l l v e r w a l t u n g ,Lagerverwaltung, Statistiken,Produktionsanweisungen ... Kurz, das Back Office verarbei-tet die Bestellungen.

WENN SIE MIT EINERGROSSEN ANWENDUNGBEGINNEN, DANN IST DASPAAR WINDEV 21 UNDWEBDEV 21 DIE IDEALEPLATTFORM.Um Internet und Intranet Sites, die Datenverwalten (Front Office), zu erstellen bie-tet Ihnen PC SOFT WEBDEV 21.Integrierte EntwicklungsumgebungEs ist die einzige integrierteEntwicklungsumgebung (vom Entwurf biszum Setup, inklusive Datenbank undWartung), die es Ihnen erlaubt, robusteSites fürs Daten-Management in Echtzeitzu entwickeln.

Für alle internen Geschäftsanwendungen(Back Office) bietet PC SOFT den Traumdes Entwicklers, eine professionelleEntwicklungsumgebung für Windowssamt Management des Lebenzyklus:WINDEV.

Und wenn Sie Ihre Anwendungen aufMobilgeräten einsetzen wollen, dann re-compilieren Sie sie einfach mit WINDEVMobile 21.

WINDEV erlaubt es Ihnen, die bestenHochleistungsanwendungen für lokalenEinsatz oder Netzwerkumgebungen zuentwickeln. Sie werden die leistungs-starke integrierte Datenbank HFSQL ver-wenden oder auch jede beliebigeDatenbank.WINDEV, WINDEV Mobile und WEBDEVsind kompatibel; ihreEntwicklungsumgebung ist sehr ähnlich.Sie benutzen gemeinsam ihre Projekte,Objekte, Quellcode, Klassen, Berichte,Analysen ...

ALTE ANWENDUNGEN?WEBDEV ist komplett offen, was es ihmerlaubt, mit jeder vorhandenenDatenbank mittels ODBC, OLE DB oderals Native Access zusammenzuarbeiten.

Sie erreichen IhreZiele auf einfacheWeise mit WEBDEV21.

FRONT OFFICE BACK OFFICE

MEHR ALS 1000 BEISPIELE ONLINEUm Sites, die mit WEBDEV entwickelt wur-den, zu testen, besuchen Sie einfachwww.WINDEV.com . In der Sektion vonWEBDEV, bietet eine Seite a Liste von mehrals 1000 Sites an, die von WEBDEV-Benutzern entwickelt wurden.

JEDE ART VONANWENDUNG, JEDESPRACHEDiese Sites verkörpern alle möglichenAnwendungsweisen, alle Sprachen, allevon verschiedenen Firmen mit WEBDEVerstellt.

INTRANET SITESAus Vertraulichkeitsgründen sind Intranetund Extranet Sites leider nicht gelistet. Multinationale Firmen haben strategischeIntranet und Extranet Sites entwickelt, diein ihre Filialen und Niederlassungen verteiltwerden, wobei die Daten in einer zentralen Datenbank liegen.

TESTEN SIE MEHR ALS 1000 SITES, DIE MITWEBDEV ENTWICKELT WURDEN

www.windev.com • 55

Page 29: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

Der beste Weg,vom Internetzu profitieren

WEBDEV®

SIE SIND EIN MANAGERSie benötigen ein Werkzeug, das es Ihren Teams

erlaubt, die von Ihrer Firma benötigten leistungstar-ken Web Sites für das Internet und das Intranet

SCHNELL ZU ENTWICKELN: WEBDEV 21 istdafür ein Muss!

WEBDEV 21 stellt sicher, dass Sie imBudgetrahmen bleiben, großartige

Performance bekommen und doch inner-halb des gesetzten Zeitplans bleiben.

SIE SIND EINENTWICKLER

Sie wissen, wie man entwickeltMit WEBDEV 21 werden Sie

lernen, wie man unverzüg-lich statische, halb-dyna-

mische und dynamische Siteserstellt.

WEBDEV 21 erlaubt einen natürli-chen und methodischen Weg derEntwicklung, was sich IM ERFOLGIHRER PROJEKTE ausdrücken wird.

SIE SIND EIN INTERNET-SPEZIALISTWEBDEV 21 bringt Ihnen die Lösung all

Ihrer Probleme: verwenden Sie es zu beste-henden Web Sites, importieren Sie vorhan-

dene Web Sites, erstellen Sie dynamischeWeb Sites, die in Echtzeit mit Datenbanken

verbunden sind. Sie werden in der Lage sein, Ihre vorhandenen

Web-Entwicklungen ohne BeschränkungenWIEDERZUVERWENDEN.

KOMPATIBILITÄT MIT WINDEVWINDEV ist eine sehr erfolgreiche IDE (Integrated

Development Environment). WEBDEV 21 ist mitWINDEV und WINDEV Mobile KOMPATIBEL.

Beide Produkte sind auf ähnliche Weise aufgebaut.Es ist daher sehr einfach, eine WINDEV-Anwendung ineinen WEBDEV Internet oder Intranet Web Site bzw.umgekehrt umzuwandeln.

VERWALTUNG DES LEBENSZYKLUSIHRER WEB SITES

WEBDEV 21 ist eine VOLLSTÄNDIGEENTWICKLUNGSPLATTFORM, die alle für dieEntwicklung benötigten Module beinhaltet.Dies stellt den Erfolg Ihres Projekts sicher. WEBDEV 21 ist bekannt dafür, SCHNELL ZU ERLER-NEN zu sein.

BESTELLEN SIE WEBDEV 21 NOCHHEUTE!

Jeder Tag, den Sie verstreichen lassen, kostet Ihnenund Ihrem Team wertvolle Zeit!WEBDEV 21 erlaubt es Ihnen, bei der EntwicklungINTERAKTIVER UND HOCHPERFORMANTERWEB SITES schnell produktiv zu werden, was heutefür die meisten Firmen ein Erfordernis darstellt.Lassen Sie sich nicht von Ihrem Mitbewerb schlagen:

nehmen auch Sie den Vorteil der leistungsfähigstenund einfachst zu verwendendenEntwicklungsumgebung zur Erstellung von modernenInternet und Intranet Web Sites wahr!

WEBDEV 21 ist ein höchst vollständigesund leistungsstarkes Werkzeug, das den-noch sehr einfach zu benutzen ist.Der ROI ist sehr schnell da: Sie werden mitWEBDEV 21. schon sehr bald Geld sparen!

HANDELN SIE JETZT: BESTEL-LEN SIE IHRE KOPIE VON WEB-

DEV 21 NOCH HEUTE

Entwickeln Sie 10x schnellerAuch Sie ...

56 • WEBDEV 21: Entwickeln Sie 10x schneller

WEBDEV® 21

VERPASSEN SIE DIE INTERNET-REVOLUTION NICHT!

PHPSaaS

Die CloudLinux

WAMP, LAMPHTML5

Mobilgeräte...

Einige Beispiele von Sites undAnwendungen, die mit WEBDEVleicht entwickelt werden können(unvollständige Liste).Einige dieser Web Sites sindIntranet Sites, andere sindExtranet Sites, andere wieder amInternet.

• E-Commerce Web Site mit sicherer Zahlung

• Rechnungszahlung per Internet• Bestellverwaltung für bestehende

Kunden• Allgemeine Bestellannahme• Kundeninformation über ihren

Bestell-Status (in Bearbeitung,versandt, erhalten ..)

• Lagerstände in Echtzeit• Dynamische Bilderzeugung auf

Basis eingegebener Parameter:- Kleidung virtuell anprobieren - Darstellung eines Fahrzeugs mit

ausgewählten Farben undOptionen

- Ein T-Shirt anpassen gemässvom Kunden hochgeladenemBild

• Online-Definition von Optionenzu einer Software, Berechnungdes Gesamtpreises und soforti-gem Download nach Zahlung

• Reservierung von Sitzen inFlugzeuigen oder Bootskabinen

mit aktueller Anzeige• Chef-Information in Echtzeit mit

Umsätzen, Spannen,Lagerständen ...

• Gemeinsamer Terminplan einesgeographisch verteilten Teams

• Terminplanung für reisendeVerkäufer

• Arbeitsplan für einWartungsteam

• Für ein online-Geschäft alle tech-nische Dokumentation der ver-kauften Produkte zum Downloadbereitstellen

• N a t ü r l i c h s p r a c h l i c h eSuchmaschine für eine Text-Datenbank (FAQ, Wissensbasisetc.)

• Scannen und Archivieren erhal-tener Buchhaltungsdokumente(Rechnungen, Lieferscheineusw.), um sie auch Jahre spätersofort zur Hand zu haben

• Veranstaltungs-Reservierung:Seminare, Essen, Präsentationenusw.

• Handhabung gemeinsamgenutzter Verzeichnisse: Firmen-Verzeichnis, Studenten einerSchule, Klubmitglieder usw.

• Anzeigen für:Immobilien, Autos,Auktionen ...

• Verwaltung einesWerkzeuglagers

• Kontaktbörse• Wissens-Verwaltung • B2B (business-to-business) Portal• Diskussionsforum• RSS-Stream• Gepäck-Verfolgung• Verwaltung von Versandlisten• Verwaltung der Bonuspunkte

einer Kundenkarte: aktuelle Zahlvon Bonuspunkten, autom.Anzeige der Bonusprodukte,Verwaltung derBonuseinlösungen usw

• EDM (Event Driven Marketing)• Fernüberwachung einer

Produktionslinie• Das Intranet Portal einer Firma

Und all die anderen WebSites, die Sie sich nur den-ken können!

WEBDEV 21:ENTWICKELNSIE JEDE ARTVON SITE.

Entdecken Sie mehr als 1000 Beispiele von WEBDEV Sites auf www.windev.com

Entwickeln Sie jede Art von Web Site

Page 30: INTEGRIERTE ENTWICKLUNGSPLATTFORM WEB · 18 HTML5 & CSS3 20 Statische und dynamische Web Sites 21 Intranet, Internet 22 SSL, Sichere Zahlungsvorgänge 23 SEO Natürliches Referenzieren,

www.windev.com

WEBDEV®

INTEGRIERTEENTWICKLUNGSPLATTFORM

INTERNET, INTRANET, SAAS