Pimp my APEX. Clientseitige APEX-Entwicklung mit JavaScript-Frameworks am Beispiel von jquery. Andreas Wismann, MT AG
|
|
- Manfred Armbruster
- vor 6 Jahren
- Abrufe
Transkript
1 Pimp my APEX Clientseitige APEX-Entwicklung mit JavaScript-Frameworks am Beispiel von jquery Andreas Wismann, MT AG
2 Warum JavaScript-Frameworks? Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 2
3 JavaScript-Frameworks Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 3
4 Was ist jquery? eine ca. 70kB große Texatei äußerst hilfreiche JavaScript-Bibliothek Geburtsjahr 2005 regelmäßige Updates frei nutzbar, auch kommerziell Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 4
5 Was ist jquery? in APEX 4.0 enthalten! Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 5
6 Was ist jquery nicht? kein Datenbank-Tool keine neue Programmiersprache kein Browser-Plugin keine IDE kein "Out-of-the-Box" kein Allheilmittel Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 6
7 jquery "veredelt" herkömmliches JavaScript jquery UI jquery JavaScript-Engine Plug ins normalisierte Befehle robustes Verhalten erweiterter Befehlssatz mächtige Syntax (Selektoren, Iteratoren, Chaining) Ł Produktivitätsschub Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 7
8 jquery im APEX-Umfeld jquery und APEX 3.2 sind perfekte Partner <script src="jquery.js"> </script> Generische jquery-lösungen sind universell im Web verwendbar! Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 8
9 verschiedene JavaScript-Ansätze in APEX Dynamic Actions = deklaratives JavaScript (APEX 4.0) APEXLib APEX JavaScript API jquery = auf APEX spezialisierte Bibliothek = APEX' eigene Bibliotheksfunktionen = iniduelle Zusatzfeatures Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 9
10 Beispiel: Feldinhalt überagen Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 10
11 das jquery-skript dazu: <script type="text/javascript"> jquery ( function() { // Startet nach dem Laden der Seite automatisch // Handle für die beteiligten Formularfelder holen: var $tel = jquery('#p2_phone_number1'); var $fax = jquery('#p2_phone_number2'); // Definiert neues Verhalten beim Beeten des Fax-Feldes: $fax.focus( function() { var telefonnummer = $tel.val(); var faxnummer = $fax.val(); }); }); // Trage den richtigen Wert als Faxnummer ein: $fax.val( faxnummer? faxnummer : telefonnummer ); </script> Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 11
12 das jquery-skript zenal speichern <script type="text/javascript" src="fax-einagen.js"></script> Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 12
13 Live-Beispiel: Regionen in Tabs umwandeln Regionen in APEX auszeichnen und in jquery selektieren Hyperlinks zum Auswählen der Tabs erzeugen Beim Anklicken eines Links die entsprechende Region anzeigen lassen, alle anderen ausblenden Optik anpassen Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 13
14 jquery-dom-selektorsyntax $( '#P2_FAX' ) $( '' ) $( '[name=f01]' ) $( '.telefon' ) $( 'h1, h2, h3' ) Element mit id-atibut alle diese Elemente Suche über Atibut Elemente mit Klasse mehrere Elementarten $( 'table table table' ) Hierachie (3 in 2 in 1) $( 'table > table > table' ) unmittelbar folgend und noch Einiges mehr Ł siehe CSS Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 14
15 DOM (Document Object Model) body form table select select p img (C) 2010 MT AG Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 15
16 $( '' ) body form table select select p img (C) 2010 MT AG Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 16
17 $( ' ' ) body form table select select p img (C) 2010 MT AG Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 17
18 $( 'form > > ' ) body form table select select p img (C) 2010 MT AG Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 18
19 $( 'form > > :nth-child(2)' ) body form table select select p img (C) 2010 MT AG Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 19
20 $( '#center' ) body form id="center" table select select p img (C) 2010 MT AG Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 20
21 $( '#center :last-child' ) body form id="center" table select select p img (C) 2010 MT AG Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 21
22 $( '#center :not(:last-child) :last-child ' ) body form id="center" table select select p img (C) 2010 MT AG Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 22
23 $( ':not(:last-child):even' ) table Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 23
24 Atibutselektoren tag [ atibut ] tag [ atibut = wert ] tag [ atibut *= wert ] tag [ atibut ~= wert ] tag [ atibut ^= wert ] tag [ atibut $= wert ] tag [ atibut!= wert ] Atibut ist vorhanden exakter Vergleich enthält Subsing enthält Wort beginnt mit endet mit ungleich oder n.v Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 24
25 Selektor-Methoden.parent().children().siblings().prev(),.next().first(),.last().closest().find(),.filter().is(),.has(),.not() Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 25
26 Rüstzeug: Browser Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 26
27 Rüstzeug: empfehlenswerte Firefox Add-ons Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 27
28 DOM-Manipulation hide(), show(), remove(), detach() addclass(), removeclass(), toggleclass() wrap(), wrapinner() html(), text() at(), val() clone() prepend(), append(), before(), after() data() Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 28
29 jquery-ereignisse ready(), load(), unload() focus(), blur() change(), submit() click(), dblclick() keydown(), keyup() scroll(), resize() igger(), toggle() bind(), unbind(), live(), die() Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 29
30 einige jquery-befehle (AJAX) ajaxsetup.ajax() ajaxstart(), ajaxstop() ajaxcomplete() ajaxsuccess(), ajaxerror() get(), post() getscript() Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 30
31 Last-Minute-Änderungen Positionierung korrigieren Schriftgröße, Farbe anpassen Bilder auswechseln Atibute berichtigen ( maxlength etc.) Auszeichnungen ändern (h1 Ł h2) Formular in Tabs unterteilen Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 31
32 kurzfristige Fehlerbeseitigung Verlinkungsparameter falsche Item-Defaultwerte falsche LOV-Inhalte ungewollt bearbeitbare Items Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 32
33 HTML5-Features Live-Beispiel: Placeholder-Atibut implementieren Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 33
34 Link kapern (APEX 3.2) // Buttons identifizieren: var $cancelbuttons = $('a[href^=javascript:dosubmit(\'delete\')]'); // Verhalten ändern: $cancelbuttons.click(function(event) { if(confirm('wollen Sie wirklich löschen?')) { dosubmit('delete'); } else { event.preventdefault(); } }); Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 34
35 Link kapern (APEX 4.0) // Buttons identifizieren: var $cancelbuttons = $('button[onclick="javascript:apex.submit(\'delete\')"]'); // Verhalten ändern: $cancelbuttons.each(function(){ $(this).removeat('onclick').click(function() { if(confirm('wollen Sie wirklich löschen?')) { apex.submit('delete'); } }); }); Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 35
36 Firefox Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 36
37 Internet Explorer 9 (beta) Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 37
38 jquery UI liefert gekapselte visuelle Komponenten... vereinheitlicht Optik und Bedienung der Seite... macht den Browser zum "Rich Client" Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 38
39 Beispiel für jquery UI: dialog() Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 39
40 jqueryui.com/themeroller Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 40
41 Grenzbereiche und Risiken Manipulation von Formular- Metadaten Selektoren auf nicht stabilen HTML-Sukturen Code-Management Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 41
42 Nicht doppelt entwickeln! APEX 4.0 APEXLib APEX JavaScript API APEX-Plugins jquery-plugins Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 42
43 jquery-plugins (Vorteile) bieten robuste Funktionalität liefern sehr spezielle Features und neue Ideen ersparen Entwicklungsaufwand Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 43
44 jquery-plugins (Nachteile) sind nicht auf APEX zugeschnitten können inkompatibel zueinander sein (oder zur APEX-Bibliothek) vergrößern den "Footprint" der Seite sind oft schwierig zu warten verursachen teils nicht-iviale Fehler Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 44
45 Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 45
46 jquery-plugin: Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 46
47 Ideen für weitere Features? Formularzustand abspeichern Undo/Redo Nachfrage bei ungespeicherten Änderungen Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 47
48 Buchempfehlungen Professioneller Einstieg in Javascript großer Teil des Buches zu jquery Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 48
49 Buchempfehlungen Exzellentes Tutorial für schlankes und "semantisches" HTML CSS-Atibute und Selektor- Syntax ausgiebig erläutert Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 49
50 Buchempfehlungen Sehr erschöpfende Fundgrube von Profis für Profis Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 50
51 istore Quick Reference Tutorials Sehr guter Podcast von jqueryfordesigners.com O'Reilly-Bücher günstig Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 51
52 ...viel Freude und Erfolg mit jquery! Andreas Wismann Dipl.-Informatiker (FH) MT AG Balcke-Dürr-Allee 9 D Ratingen Telefon +49 (0) mobil +49 (0) Clientseitige APEX-Entwicklung mit JavaScript-Frameworks 52
Clevere Webformulare mit APEX und jquery. Referent: Andreas Wismann, Dipl.-Informatiker (FH) MT AG, Ratingen
Clevere Webformulare mit APEX und jquery Referent: Andreas Wismann, Dipl.-Informatiker (FH) MT AG, Ratingen MT AG Key Facts MT AG MANAGING TECHNOLOGY ENABLING THE ADAPTIVE ENTERPRISE Gründung 1994 Inhabergeführte
Mehrjquery Einstieg 2 CSS manipulieren; toggle, hide und show
jquery Einstieg 2 CSS manipulieren; toggle, hide und show Inhalt: 1. CSS-Eigenschaften manipulieren 2. Beispiel 2: Elemente ein- oder ausblenden - Animationen 3. Theorie - Methode.toggle() bzw. hide()
MehrMail: Web: juergen-schuster-it.de
Mail: j_schuster@me.com Twitter: @JuergenSchuster Web: juergen-schuster-it.de APEX Podcast: apex.press/talkshow Dynamic Actions Examples: dynamic-actions.com APEX-Meetups: apexmeetups.com APEX D-A-CH Facebook
MehrMul$media im Netz Wintersemester 2012/13. Übung 06
Mul$media im Netz Wintersemester 2012/13 Übung 06 Ludwig- Maximilians- Universität München Mul6media im Netz WS 2012/13 - Übung 6-1 Lösung zu Übungsbla5 04 Ludwig- Maximilians- Universität München Mul6media
MehrAgenda. Vorstellung JavaScript Frameworks UI vs. Backend jquery/jqueryui. Vergleich normaler JavaScript Code mit jquery Code
Agenda Vorstellung JavaScript Frameworks UI vs. Backend jquery/jqueryui Vergleich normaler JavaScript Code mit jquery Code 2 Über Wabion - Enterprise Search auf Basis Google Search Appliance - Anwendungsentwicklung
Mehrjquery DIE Javascript-Library
jquery DIE Javascript-Library Uwe Dierolf INETBIB 2010, 14. April.2010 KIT-BIBLIOTHEK KIT Universität des Landes Baden-Württemberg und nationales Forschungszentrum in der Helmholz-Gemeinschaft Inhalt Motivation
MehrDynamisches Anzeigen von Informationen in APEX mit jquery UI Dialogs und Tabs
Dynamisches Anzeigen von Informationen in APEX mit jquery UI Dialogs und Tabs Dr. Gudrun Pabst Trivadis GmbH München Schlüsselworte: APEX, jquery UI, Dialogs, Tabs Einleitung Die von Apex erstellten HTML-Seiten
Mehrjquery! JavaScript Frameworks Dr. Cora Burger
jquery! JavaScript Frameworks Dr. Cora Burger Überblick 1. Anwendungsbeispiele 2. Einstieg 3. jquery 4. Erweiterung jqueryui 5. Plugin-Beispiele 6. Erweiterung jquery Easing 7. Zusammenfassung, Ausblick
MehrAPEX verbessern mit Browser-Extensions
APEX verbessern mit Browser-Extensions Schlüsselworte APEX, JavaScript, JQuery, HTML5 Einleitung Till Albert MT AG Ratingen Wer kennt das nicht, beim Entwickeln mit APEX im Page Designer; irgendein kleineres
MehrDateien per Drag & Drop in Apex Applikationen ablegen
Dateien per Drag & Drop in Apex Applikationen ablegen Schlüsselworte Franziska Höcker MT AG Ratingen Apex, Dropzone.js, JQuery, JavaScript, Drag & Drop Einleitung Drag & Drop Fileupload ist ein Feature,
MehrAPEX 5.0: neue & überarbeitete Komponenten. Oliver Lemm Berlin,
APEX 5.0: neue & überarbeitete Komponenten Oliver Lemm Berlin, 16.09.2015 Agenda 1. Modale Dialoge 2. mobile Komponenten 3. Aktualisierte Komponenten 2 Modale Dialoge 3 Modaler Dialog (Page) Page Modal
MehrAPEX - Hilfe. WHEN OTHERS Beratung Projektmanagement Coaching. Gelungene Benutzerführung (fast) ohne Mehraufwand. Andreas Wismann
APEX - Hilfe Gelungene Benutzerführung (fast) ohne Mehraufwand Andreas Wismann WHEN OTHERS Beratung Projektmanagement Coaching wismann@when-others.com APEX - Hilfe Gelungene Benutzerführung (fast) ohne
Mehr!!!! Mail: Web: juergen-schuster-it.de. ! APEX D-A-CH Facebook Group: bit.ly/apex_on_facebook
!!!! Mail: j_schuster@me.com! Twitter: @JuergenSchuster Web: juergen-schuster-it.de!! APEX D-A-CH Facebook Group: bit.ly/apex_on_facebook Zu meiner Person Oracle (13 Jahre) Freiberuflich (5 Jahre) APEX
MehrDOAG München Layout und dynamische Elemente für APEX Anwendungen
DOAG München 2012 Layout und dynamische Elemente für APEX Anwendungen MuniQSoft GmbH Gegründet: 1998 Tätigkeitsbereiche: Oracle Datenbanken IT Consulting & Services Oracle Schulungen (SQL, PL/SQL, DBA,
MehrAPEX Datenverwaltung Wo sind die Daten gerade?
APEX Datenverwaltung Wo sind die Daten gerade? Dr. Gudrun Pabst Trivadis GmbH München Schlüsselworte: APEX, Sessionverwaltung, Dynamic Actions Einleitung Eine APEX-Anwendung wird erst durch zusätzliche
MehrDynamisches Anzeigen von Informationen mit jqueryui Dialogs und Tabs
Dynamisches Anzeigen von Informationen mit jqueryui Dialogs und Tabs Dr. Gudrun Pabst BASEL BERN LAUSANNE ZÜRICH DÜSSELDORF FRANKFURT A.M. FREIBURG I.BR. HAMBURG MÜNCHEN STUTTGART WIEN 1 AGENDA Bitte warten
MehrHTML Scripting. Informatik 1 für Nebenfachstudierende Grundmodul. Kai-Steffen Hielscher Folienversion: 06. Dezember 2017
Informatik 1 für Nebenfachstudierende Grundmodul HTML Scripting Kai-Steffen Hielscher Folienversion: 06. Dezember 2017 Informatik 7 Rechnernetze und Kommunikationssysteme Inhaltsübersicht Kapitel 2 - HTML
MehrAPEX Datenverwaltung Wo sind die Daten gerade? Dr. Gudrun Pabst
APEX Datenverwaltung Wo sind die Daten gerade? Dr. Gudrun Pabst Basel Bern Lausanne Zürich Düsseldorf Frankfurt/M. Freiburg i. Br. Hamburg München Stuttgart Wien Voraussetzungen Alles hier gezeigte benötigt
MehrNeues in Apex 5.2 beziehungsweise 18.x
Neu Neues in Apex 5.2 beziehungsweise 18.x Niels de Bruijn, MT AG Die kostenlose Apex-Option in der Datenbank ist sehr beliebt und begeistert ihre Community immer wieder. Die Version 5.2 bringt wieder
Mehr#apexconn18. DOAG APEX Beginners Track. Session 1: Introduction & Single Row Update
#apexconn18 DOAG APEX Beginners Track Session 1: Introduction & Single Row Update Über mich Niels de Bruijn, Fachbereichsleiter APEX Geboren in 1977, verheiratet, drei Töchter, Wohnort Ratingen seit 12.2003
MehrGrundlagen digitaler Gestaltung Niklas Teich Medieninformatik & Gestaltung
Seite 1 Strukturierung... Was ist eigentlich jquery... Merkmale... Einführung... Selektoren... Effekte: Grundlagen... Callback Funktionen... Events... HTML Manipulationen... AJAX... jquery UI... jquery
MehrDOAG Regionaltreffen Berlin/Brandenburg
DOAG Regionaltreffen Berlin/Brandenburg Ansprechpartner Oliver Attia 06.06.2018, Berlin AGENDA 1 2 3 4 5 Ist-Zustand Ziel-Zustand Abzulösende Features Stolperfallen Fazit whoami Oliver Attia Dipl.-Ing.
MehrPhantomJS und CasperJS
APEX-Anwendungen (fast) wie von Geisterhand testen mit PhantomJS und CasperJS Andreas Wismann WHEN OTHERS Entwicklung Coaching Projektplanung wismann@when-others.com Andreas Wismann Selbständiger Berater
MehrGoogle Gears Offline Web?
Google Gears ist eine Browsererweiterung, die es in sich hat. Dem Webanwendungsentwickler werden Dienste bereitgestellt, die es ermöglichen, Webanwendungen so zu schreiben, dass eine Offline-Arbeit möglich
MehrBe dynamic! RichClient-Funktionalitäten mit dem Google Web Toolkit
Be dynamic! RichClient-Funktionalitäten mit dem Google Web Toolkit DOAG Konferenz 16. 18.11.2010, Nürnberg Julian Gärtner info@ordix.de www.ordix.de Heutiges Ziel Einordnen von GWT in die Welt der Rich
MehrMehr Dynamik in Apex mit Javascript und JQuery
Mehr Dynamik in Apex mit Javascript und JQuery Alexander Scholz its-people Frankfurt am Main Schlüsselworte: Javascript und JQuery in Apex einbinden, Elemente dynamisch anzeigen, Selectlisten aktualisieren,
MehrWebengineering. jquery
Webengineering jquery Marcel Vilas 1 DHBW - Stuttgart jquery - Allgemein jquery ist eine JavaScript-Bibliothek (API) jquery ist eine Funktion (Funktionen sind Objekte) Vorteile: einfacher als vanilla JavaScript
MehrProgressive Web Apps mit APEX. Till Albert
Progressive Web Apps mit APEX Till Albert 09.05.2019 Facts & Figures IT-Beratungsunternehmen Branchen übergreifend Hersteller neutral Hauptsitz Ratingen Niederlassung Frankfurt am Main 250 Beschäftigte
MehrInternet. HTML Programmierung Grundlagen HTML Programmierung für Fortgeschrittene CGI Programmierung PHP Programmierung Programmieren mit JavaScript
Internet Internet HTML Programmierung Grundlagen HTML Programmierung für Fortgeschrittene CGI Programmierung PHP Programmierung Programmieren mit JavaScript neu Impressum Herausgeber: LogIn S&C Gesellschaft
MehrVorlesungsreihe EwA. Javascript Frameworks am Beispiel von. JQuery. Prof. Dr.-Ing. Thomas Wiedemann.
Vorlesungsreihe EwA Javascript Frameworks am Beispiel von JQuery Prof. Dr.-Ing. Thomas Wiedemann email: wiedem@informatik.htw-dresden.de HOCHSCHULE FÜR TECHNIK UND WIRTSCHAFT DRESDEN (FH) Fachbereich Informatik/Mathematik
MehrDiagramme - Next Generation
Diagramme - Next Generation D3.js im Unternehmen nutzen Carsten Czarski Business Unit Database Oracle Deutschland B.V. & Co KG Data Driven Documents (www.d3js.org) 2 Was ist D3js? Daten-Visualisierung
MehrJavaScript AJAX. Univ.-Prof. Dr.-Ing. Wolfgang Maass. Chair in Information and Service Systems Department of Law and Economics
JavaScript AJAX Univ.-Prof. Dr.-Ing. Wolfgang Maass Chair in Information and Service Systems Department of Law and Economics WS 2011/2012 Mittwoch, 8:00 9:30 Raum HS 021, B4 1 Wrap-Up JavaScript (JS) ermöglicht
MehrMultimedia im Netz. Übung zur Vorlesung. Ludwig-Maximilians-Universität Wintersemester 2010/2011
Übung zur Vorlesung Multimedia im Netz Ludwig-Maximilians-Universität Wintersemester 2010/2011 Ludwig-Maximilians-Universität München Multimedia im Netz - Übung - 3-1 Übungsblatt - 3 Thema: JavaScript
MehrУУ ADDISON-WESLEY. An imprint of Pearson Education
Ralph Steyer jquery Das neue JavaScript-Framework für interaktives Design УУ ADDISON-WESLEY An imprint of Pearson Education München Boston San Francisco Harlow, England Don Mills, Ontario Sydney Mexico
MehrAPEX, MIDI und das LAUNCHPAD
Page Designer, Next Generation APEX, MIDI und das LAUNCHPAD Andreas Wismann WHEN OTHERS Entwicklung Coaching Projektplanung wismann@when-others.com warum? 2 Andreas Wismann Dipl.-Informatiker (FH) wismann@when-others.com
MehrWeb-Techniken Einführung in JavaScript
Web-Techniken Einführung in JavaScript Prof. Dr. Axel Böttcher Winter 2012/13 15. September 2012 Ausführung von JavaScript Variante 1: Ausführung im Browser durch direktes Einbetten: 1 2
MehrProseminar Auszeichnungssprachen
Proseminar Auszeichnungssprachen Thema: AJAX Ayse Gül Kilic Ahmed Anis Kerkeni Dortmund, 29.05.2007 1 Gliederung Definition 2 Gliederung Definition Geschichte 3 Gliederung Definition Geschichte Konzept
MehrWebentwicklung mit Vaadin 7. Theoretische und praktische Einführung in Vaadin 7. Christian Dresen, Michael Gerdes, Sergej Schumilo
Webentwicklung mit Vaadin 7 Theoretische und praktische Einführung in Vaadin 7 Christian Dresen, Michael Gerdes, Sergej Schumilo Agenda Allgemeines Architektur Client-Side Server-Side Vaadin UI Components
MehrRich-Internet-Applications mit jquery und dem APEX-Listener. Klaus Friemelt MT AG, Ratingen
Rich-Internet-Applications mit jquery und dem APEX-Listener Klaus Friemelt MT AG, Ratingen Nürnberg, 18. November 2010 MT AG MT AG MANAGING TECHNOLOGY ENABLING THE ADAPTIVE ENTERPRISE Gründung 1994 Inhabergeführte
MehrWorkflows in APEX mit Camunda
Workflows in APEX mit Camunda Maximilian Stahl MT AG Ratingen Schlüsselworte Oracle Applicaton Expres, APEX, Workflow, Arbeitsprozess, Open Source Workflow Engine, Camunda, BPMN Einleitung Vom Urlaubsantrag
MehrVAADIN, SPRING BOOT & REST
VAADIN, SPRING BOOT & REST Ein Einstieg für Domino Entwickler Stephan Kopp 1 STEPHAN KOPP Software & Solutions Development Tel.: +49 6182 7869420 Mobil: +49 173 3089806 E-Mail: stephan.kopp@axians.de 2
MehrMatthias-Claudius-Gymnasium Fachcurriculum Informatik
Klasse 8 (2-stündig) Grundlagen der Informatik Einführung in die Programmierung mit Scratch 10 Wochen Betriebssysteme - die Aufgaben eines Betriebssystems nennen. - Einstellungen des Betriebssystems in
MehrDOAG 2011 Konferenz + Ausstellung Nicole Hoock, esentri consulting GmbH. Pimp My Apps
DOAG 2011 Konferenz + Ausstellung Nicole Hoock, esentri consulting GmbH Pimp My Apps Your easy entry to Enterprise Social Networking Enterprise Social Networking Projektmanagement und Consulting Social
MehrErweiterte Interaktion mit Trees und Charts in APEX
Erweiterte Interaktion mit Trees und Charts in APEX Dr. Gudrun Pabst Trivadis Gmbh Lehrer-Wirth-Straße 4 81829 München gudrun.pabst@trivadis.com BASEL BERN LAUSANNE ZÜRICH DÜSSELDORF FRANKFURT A.M. FREIBURG
MehrThe app the crashes, before the breakpoint is reached: Code to the event:
I have set a breakpoint in an asyc event-handler to ListView.ItenTapped-Event (see screenshot below): I then tap on an ListView-entry on my iphone 5 The app the crashes, before the breakpoint is reached:
MehrJavaScript clientseitige Programmiersprache zur Dynamisierung von Internetseiten
Einführung in JavaScript anhand von Beispielen JavaScript clientseitige Programmiersprache zur Dynamisierung von Internetseiten Grundbedingungen die Einbindung erfolgt über ein Objektmodell (Objekte mit
MehrLernen vom Page Designer. Auf den Spuren von Jules Verne
Lernen vom Page Designer Auf den Spuren von Jules Verne 1 Lernen vom Page Designer Agenda 1 Einführung 2 Application Builder als Anwendung importieren 3 4 5 Page Designer im Detail (javascript stack, MVC,
MehrWolkig bis heiter. Andreas Wismann WHEN OTHERS. APEX als Drehkreuz für Web Service-Anwendungen
Wolkig bis heiter APEX als Drehkreuz für Web Service-Anwendungen Andreas Wismann WHEN OTHERS Beratung Projektmanagement Coaching rund um Oracle Application Express In APEX Informationen von "woanders"
MehrOracle Forms und APEX
Oracle Forms und APEX Gerd Volberg + Jan Winkels OPITZ CONSULTING Deutschland GmbH Gummersbach Schlüsselworte Oracle Forms, Oracle Application Express, APEX, PL/SQL, JavaScript-API Einleitung APEX wird
Mehrjquery Kochbuch O'REILLY' Beijing Cambridge Farnham Köln Sebastopol Taipei Tokyo jquerycommunityexperts Deutsche Übersetzung von Thomas Demmig
jquery Kochbuch jquerycommunityexperts Deutsche Übersetzung von Thomas Demmig O'REILLY' Beijing Cambridge Farnham Köln Sebastopol Taipei Tokyo Inhalt Vorwort Beteiligte Einleitung XIII XV XIX Grundlagen
MehrEntwicklung per Click?
Entwicklung per Click? Oliver Lemm Düsseldorf, 09.06.2015 GESCHÄFTSFORM HAUPTSITZ INHABERGEFÜHRTE AG RATINGEN GRÜNDUNGSJAHR 1994 BESCHÄFTIGTE BETEILIGUNGEN 180 FESTANGESTELLTE MITARBEITER MT-IFS GMBH,
MehrÜberblick. Klassen Optionale Typen DOM. Optionale Parameter Klassen. Einführung. 2 Motivation 3 Werkzeuge 4 Demonstration 5 Dart
Eine kurze Lehrstuhl für Datenmanagement und -exploration RWTH Aachen Proseminar SS 2012 1 / 17 Überblick 1 2 3 4 5 6 7 8 2 / 17 1 -basierte Programmiersprache für Webanwendungen Entwickelt von Google
MehrAJAX DRUPAL 7 AJAX FRAMEWORK. Was ist das Ajax Framework? Ein typischer Ablauf eines Ajax Requests Die Bestandteile des Ajax Frameworks.
DRUPAL 7 AJAX FRAMEWORK Was ist das Ajax Framework? Ein typischer Ablauf eines Ajax Requests Die Bestandteile des Ajax Frameworks AJAX Beispiele Fragen: Gibt es jemanden der noch gar keine Erfahrungen
MehrWir bringen Ihre Notes/Domino Anwendungen sicher ins Web 19.11.2015, Bilster Berg Drive Resort Michael Steinhoff, agentbase AG. www.agentbase.
Wir bringen Ihre Notes/Domino Anwendungen sicher ins Web 19.11.2015, Bilster Berg Drive Resort Michael Steinhoff, agentbase AG www.agentbase.de 1 Agenda Grundlagen Modernisierung Möglichkeiten mit Domino
MehrAgile Apex - Life Cycle Management. Life Cycle Management für Apex Applikationen im agilen Projektumfeld
Life Cycle Management für Apex Applikationen im agilen Projektumfeld Targets the Rapid Application Development Community 2009 Oracle Corporation Agenda 1. Life Cycle Development Software Lebenszyklus Continuous
MehrApEx effektiv. Lösungen für Standardanforderungen. Stephan Engel OPITZ CONSULTING Bad Homburg GmbH. Nürnberg,
Lösungen für Standardanforderungen mit Köpfchen Stephan Engel OPITZ CONSULTING Bad Homburg GmbH Nürnberg, 17.11.2010 OPITZ CONSULTING GmbH 2009 Seite 1 Vorgestellte Lösungen Fachliche Fehlermeldungen aus
MehrMit PL/SQL auf s ipad
DOAG 2012 Konferenz 20. November 2012, 15:00 Uhr NCC NürnbergConvention Center Ost Mit PL/SQL auf s ipad Martin Friemel mfriemel@webag.com 1 Mit PL/SQL auf s ipad Wie entwickelt man PL/SQL-Webanwendungen
MehrPHP, Ajax und JavaScript
PHP, Ajax und JavaScript Was ist AJAX? AJAX = Asynchronous JavaScript and XML. AJAX ist eine Technik für die schnelle und dynamische Web-Seiten zu erstellen. Wenn ein Browser auf ein -tag stößt,
MehrApp Entwicklung mit Hilfe von Phonegap. Web Advanced II - SS 2012 Jennifer Beckmann
App Entwicklung mit Hilfe von Phonegap Web Advanced II - SS 2012 Jennifer Beckmann http://www.focus.de/digital/internet/netzoekonomie-blog/smartphone-googles-android-laeuft-konkurrenz-in-deutschland-davon_aid_723544.html
MehrWeb Modeler W3L AG Ein webbasiertes Modellierungswerkzeugs mit integrierter Plugin-Architektur
1 Web Modeler Ein webbasiertes Modellierungswerkzeugs mit integrierter Plugin-Architektur W3L AG info@w3l.de 04.2008 2 Inhaltsverzeichnis Motivation Modellierungswerkzeug Techniken Architektur Datenhaltung
MehrInhaltsverzeichnis Einführung und Vorbereitung Zum warm werden... Semantisches Web für Praktiker: Microformats
Inhaltsverzeichnis 1 Einführung und Vorbereitung 9 1.1 Web 2.0 9 1.1.1 Das Mitmach-Web 10 1.1.2 Web 2.0-Begriffe: Tags, Folksonomy und mehr 15 1.1.3 Eine neue Sprache für das Web 2.0 AJAX 18 1.1.4 Kritik
Mehr3 Wochenenden Strohwitwer
3 Wochenenden Strohwitwer Christof Kaller MT AG Ratingen Schlüsselworte ADF Mobile, Hybrid, Web, Native, Android, ios, IRC, Legacy, Sokets, RFC, Prozesse Schwerpunkt Vortragstyp Ziellevel enthält Demo
MehrUpgrade auf Microsoft Dynamics CRM 2013
Upgrade auf Microsoft Dynamics CRM 2013 Bonn, 06. November 2013 Agenda 1. Lebenslauf 2. Hardwareanforderungen 3. Systemanforderungen 4. Nicht mehr unterstützte CRM 4.0 Technologien 5. Upgrade Pfad CRM
MehrDCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages
Wir automatisieren und optimieren Ihre Geschäftsprozesse DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages Thomas Brandstätter 06.03.2012 www.dccs.at Agenda Theorie Was sind XPages
MehrEclipse Scout Heute und Morgen. Jérémie Bresson BSI Business Systems Integration AG
Eclipse Scout Heute und Morgen @ZimMatthias @j2r2b Matthias Zimmermann Jérémie Bresson BSI Business Systems Integration AG Scout Heute Neon Release Eclipse Scout Neon Release Neue Java Platform Neon Release
MehrDiagramme - Next Generation
Diagramme - Next Generation D3.js im Unternehmen nutzen Carsten Czarski Business Unit Database Oracle Deutschland B.V. & Co KG Was ist D3js? Daten-Visualisierung im Browser mit HTML5 und Javascript Basiert
Mehr{ Light up the Web } Oliver Scheer. Evangelist Microsoft Deutschland
{ Light up the Web } Oliver Scheer Evangelist Microsoft Deutschland { Light up the Web } Oliver Scheer Evangelist Microsoft Deutschland Was ist Silverlight? Tools für Silverlight Designer-Developer-Workflow
MehrBootstrap4 Layout Komponenten
Bootstrap4 Layout Komponenten Inhalt: 1.)media object 2.)list group 3.)Navigation mit tabs und pills 1.)Media Object Style Dieses Design wird oft eingesetzt, wenn man Tweeds oder Blog-Kommentare erstellt.
MehrReact.js flottes Front-End für Domino. Knut Herrmann
React.js flottes Front-End für Domino Knut Herrmann Knut Herrmann Senior Software Architekt Leonso GmbH Notes Domino Entwickler seit Version 2 Web-App-Entwickler aktiv auf StackOverflow E-Mail: knut.herrmann@leonso.de
MehrMultimedia im Netz Wintersemester 2013/14. Übung 05 (Nebenfach)
Multimedia im Netz Wintersemester 2013/14 Übung 05 (Nebenfach) Ludwig-Maximilians-Universität München Multimedia im Netz WS 2013/14 - Übung 5-1 JavaScript JavaScript ist eine eigene Programmiersprache
MehrAPEX: from past to present
APEX: from past to present Neues in APEX 4.2... und nützliche, kaum bekannte Features aus älteren Releases. Carsten Czarski ORACLE Deutschland B.V. & Co KG Anwendungsentwicklung Erwartungen...
MehrAPEX 5.1 Design Crashkurs. Steven Grzbielok: APEX connect 2017
APEX 5.1 Design Crashkurs Steven Grzbielok: 09.05.2017 APEX connect 2017 Facts & Figures Mittelständischer IT-Dienstleister Technologie-orientiert Branchen-unabhängig Managing Technology Hauptsitz Ratingen
MehrHybride mobile Applikationen mit ADF und PhoneGap
Hybride mobile Applikationen mit ADF und PhoneGap DOAG Konferenz 2011 Nürnberg, 16. November 2011 Christof Kaller - T: +49 (0) 177 234 4548 E: christof.kaller@mt-ag.com MT AG Key Facts MT AG MANAGING TECHNOLOGY
MehrWebseiten werden mobil Planung geht vor
Webseiten werden mobil Planung geht vor Mobiles Web Aspekte der Planung 20. April 2012 Inhaltliche Schwerpunkte Einordnung mobiler Technologien Besonderheiten mobiler Touchscreen-Geräte Best Practices
Mehr1. Ordnen Sie bei der angegebenen URI den einzelnen Teilen die entsprechenden Begriffe zu. [ ] fragment [ ] path [ ] scheme [ ] query [ ] authority
1. Basiswissen 1. Ordnen Sie bei der angegebenen URI den einzelnen Teilen die entsprechenden Begriffe zu. [ ] fragment [ ] path [ ] scheme [ ] query [ ] authority 2. Ordnen Sie folgende Begriffe den richtigen
MehrAPEX Plugins: Alles, was Sie darüber wissen müssen. Denes Kubicek
APEX Plugins: Alles, was Sie darüber wissen müssen Denes Kubicek Denes Kubicek Um es kurz zu halten: Mein Name ist Denes Kubicek geboren 1965 in Kroatien. Ich bin seit acht Jahren selbständig und arbeite
MehrFunktionen nur wenn dann
Funktionen nur wenn dann Funktionen können auch nur in bestimmten Fällen angewendet werden. Code wird nur in einem bestimmten Fall ausgeführt Code Ja Code Block wahr if wahr? Nein else Code Block Alternative
MehrBest Practices: Entwicklung komplexer APEX-Applikationen
Best Practices: Entwicklung komplexer APEX-Applikationen Referenten: Niels de Bruijn, Competence Center Leiter Portale, MT AG Anja Wiegele, Systemberaterin, MT AG MT AG managing technology Key-facts: 1994:
MehrWeb-basierte Anwendungssysteme PHP-Einführung
Web-basierte Anwendungssysteme PHP-Einführung Prof. Dr. Armin Lehmann (lehmann@e-technik.org) Fachbereich 2 Informatik und Ingenieurwissenschaften Wissen durch Praxis stärkt Seite 1 Prof. Dr. Armin Lehmann
MehrMit PL/SQL auf s ipad
DOAG 2012 Konferenz 20. November 2012, 16:00 Uhr NCC NürnbergConvention Center Ost Mit PL/SQL auf s ipad Martin Friemel mfriemel@webag.com 1 Mit PL/SQL auf s ipad Wie entwickelt man PL/SQL-Webanwendungen
MehrInternet-Technologien
Internet-Technologien PHP Workshop Bau eines Gästebuches Bisher: Heute: Clientseitiges Skripting (Bsp.: JavaScript) Ausführung von Programm-Code auf dem Client-Rechner Entlastung des Server-Rechners ++
MehrSAP + Microsoft + Social Media = WebCenter Portal. Referent: Niels de Bruijn, Fachbereichsleiter Portale, MT AG, Ratingen
SAP + Microsoft + Social Media = WebCenter Portal Referent: Niels de Bruijn, Fachbereichsleiter Portale, MT AG, Ratingen MT AG Key Facts MT AG MANAGING TECHNOLOGY ENABLING THE ADAPTIVE ENTERPRISE Gründung
Mehr1 Ein erster Überblick 3
xiii I Grundlagen 1 Ein erster Überblick 3 1.1 CSS im Zusammenhang........................................3 1.2 Der eigentliche Zweck von CSS.................................4 1.3 Warum die meisten Tabellen
MehrDr. Thomas Meinike Hochschule Merseburg
XSLT Programmierung effektiv und schmerzfrei! Dr. Thomas Meinike Hochschule Merseburg thomas.meinike@hs merseburg.de http://www.iks.hs merseburg.de/~meinike/ @XMLArbyter Zusatzmaterial Februar
MehrDAS UNIVERSELLE JAVASCRIPT-
ralph STEYER jquery DAS UNIVERSELLE JAVASCRIPT- FRAMEWORK FÜR DAS INTERAKTIVE WEB UND MOBILE ANWENDUNGEN EXTRA: Mit kostenlosem E-Book Alle Beispielcodes zum Download Steyer jquery Bleiben Sie auf dem
MehrProgrammieren im Web 2.0
Programmieren im Web 2.0 Inhaltsverzeichnis JavaScript Einführung DHTML als eine Grundlage Do s and Dont s Inhaltsverzeichnis / 2 Ajax Einführung Technische Grundlagen Das XMLHttpRequest Objekt Beispielanwendung
MehrIntegration von UIS-Webdiensten
Integration von UIS-Webdiensten neue Möglichkeiten durch Web 2.0 basierte Technologien Clemens Düpmeier, Werner Geiger, Claudia Greceanu (duepmeier, geiger, greceanu@iai.fzk.de) Institut für Angewandte
Mehrjquery 2 1 / 5 Doing Web Apps jquery 2 Letzte Änderung: Version: 1.1
1 / 5 Doing Web Apps jquery 2 Autor: Rüdiger Marwein Letzte Änderung: 2014-11-07 Version: 1.1 Dieses Dokument darf mit Nennung des Autoren - frei vervielfältigt, verändert und weitergegeben werden. Der
MehrFive Fingers Death Punch
Five Fingers Death Punch Oliver Lemm MT-AG Ratingen Schlüsselworte APEX 5.0,Page Designer, Universal Theme, Syntax Highlighting, Supporting Objects Einleitung Mit der fünften Version von APEX steigert
Mehr1. Übung IT-Management HTML, CSS und JavaScript Teil 2. Einführung, , PC Pool
1. Übung IT-Management HTML, CSS und JavaScript Teil 2 Einführung, 26.04.2017, PC Pool Stand und Ausblick Einführung: 26.04.2017, 16.00 Uhr (c.t.), PC Pool Übung: 03.05.2017, 16.00 Uhr, PC Pool Übung:
MehrKonzeption und Implementierung einer dateibasierten Lösung zum Offline-Zugriff auf eine Enterprise 2.0 Plattform
Fakultät für Informatik Technische Universität München Konzeption und Implementierung einer dateibasierten Lösung zum Offline-Zugriff auf eine Enterprise 2.0 Plattform 8. August 2011 Bearbeiter: Kilian
MehrAPEX und Drucken Die Schöne und das Biest! Seite 1 von 61
APEX und Drucken Die Schöne und das Biest! Seite 1 von 61 Dieses Dokument ist im Original eine im Browser ablaufende Präsentation. Erstellt wurde sie mit dem JavaScript Framework impress.js. Damit können
MehrFunktionen nur wenn dann
Funktionen nur wenn dann Funktionen können auch nur in bestimmten Fällen angewendet werden. Code wird nur in einem bestimmten Fall ausgeführt Code Ja Code Block wahr if wahr? Nein else Code Block Alternative
MehrMit dem Google-Web-Toolkit moderne Web-Anwendungen entwickeln
Mit dem Google-Web-Toolkit moderne Web-Anwendungen entwickeln Ziel dieses Vortrags Ich möchte Sie davon überzeugen, dass das Google-Web-Toolkit (GWT) das aktuell beste Tool zur Erstellung von modernen
MehrAnwender- dokumentation
Anwender- dokumentation Conrad wanlo, Edy Luis, Rachid Aegoudhoum 1 Inhaltsverzeichnis Inhalt... 2 Einführung... 3 Systemvoraussetzungen... 3 Browserauswahl... 3 Browserkonfiguration... 3 Konfiguration
MehrGrundlagen Internet-Technologien INF3171
Fachbereich Informatik Informationsdienste Grundlagen Internet-Technologien INF3171 Cookies & Sessions Version 1.0 20.06.2016 aktuelles 2 Erweiterungen wir betrachten zwei Erweiterungen: Personalisierung
Mehr