Web Development with eDeveloper V10

1
Web Development with eDeveloper V10

• Learn about the three modes for web application
  development.

August 2007
2
Web Dev with eDeveloper - Agenda

• Agenda
• Introduction Pros and Cons for web
  development
• Architecture - Requester, Broker and more
• Three models for web development
• HTML Merge
• Creating dynamic pages.
• Processing Forms
• Browser Client
• Session management
• Server side, client side functions
• Rich Client Application
• Models comparison and conclusions
• QA

3
Web Dev with eDeveloper - Introduction

• Web development is a broad term for any
  activities related to developing a web site for
  the World Wide Web or an intranet. This can
  include e-commerce business development, web
  design, web content development,
  client-side/server-side coding, and web server
  configuration.
• Pros
• Easy deployment
• Cross platform compatibility
• Existing infrastructure
• and more
• Cons
• Higher complexity
• Security issues
• and more

4
Web Dev with eDeveloper - Architecture
5
Web Dev with eDeveloper HTML Merge

• Creating Dynamic Pages
• The task you use for doing a Merge will look a
  lot like a reporting task, looping through data
  and using Form Output operations to export the
  data.
• The basic steps for Merging data are as follows
• Create your text template
• Specify your output file
• Create your Merge form
• Select the Tags
• Associate each Tag with data
• Output the merge form

6
Web Dev with eDeveloper HTML Merge

• MG Tags
• Merging values with the lt!MG_gt tag.
• Merging multiple records with
• lt!MGREPEATgt
• lt!MGENDREPEATgt
• Conditional text with
• lt!MGIFgt
• lt!MGENDIFgt

7
Web Dev with eDeveloper HTML Merge

• Web Forms
• The basic steps for receiving data from a web
  form are as follows
• Create a program that handles the forms result
• Create the form
• Define the following elements in the page
• Appname Name of Application
• Prgname Program created to receive the page
  values
• Arguments List of all input fields, based on
  parameters created in program
• Define the forms action
• Submit the form

8
Web Dev with eDeveloper Browser Client

• Browser Client
• In the Magic browser-client environment, the
  Magic Internet environment concept remains, but
  using scripts in JavaScript and Java applets the
  end-user gets the "look and feel" of an
  interactive form instead of a static HTML page.
• How it works
• A call for edeveloper is initiated by the user
  and results with an HTML page.
• The created HTML page contains JS code, which
  simulates an interactive page
• eDeveloper creates a context for the generated
  HTML page
• According to the end-user's interaction, the
  JavaScript initiates a request to the Magic
  engine (through the Web server) and the result is
  a set of data for the existing page, instead of a
  new HTML page.

9
Web Dev with eDeveloper Browser Client

• Browser Client Development Considerations
• Task Termination - A browser task only terminates
  properly if the Exit or Close internal events are
  raised correctly, or if the End Task Condition
  and the Evaluate Task Condition task properties
  are evaluated in a way that causes the task to
  terminate.
• Client Side Operations Select, Verify, Update,
  Block, Evaluate, Raise Event
• Client Side Functions - , , , /, MOD, , , ,
  ltgt, lt, lt, gt, gt, OR, AND, NOT, ABS, ACOS,
  ADDDATE, ADDTIME, ASC, ASIN, ATAN, BOM, BOY,
  CALLJS, CALLOBJ, CASE, CDOW, CHEIGHT, CHKDGT,
  CHR, CLEFT, CLICKCX, CLICKCY, CLICKWX, CLICKWY,
  CMONTH, COS, CRC, CTOP, CTRLNAME, CWIDTH, CURROW,
  DATE, DAY, DBROUND, DEL, DOW, DSTR, DVAL,
  EDITGET, EDITSET, EOM, EOY, EXP, FILL, FIX, FLIP,
  FLOW, HOUR, HSTR, HVAL, IDLE, IF, INS, INSTR,
  ISDEFAULT, ISNULL, LASTPARK, LEFT, LEN, LEVEL,
  LOG, LOWER, LTRIM, MAX, MAXMAGIC, MID, MIN,
  MINMAGIC, MINUTE, MONTH, MSTR, MVAL, NDOW,
  NMONTH, NULL, RAND, RANGE, REP, REPSTR, RIGHT,
  ROUND, RTRIM, SECOND, SETCRSR, SIN, SOUNDX, STAT,
  STR, STRTOKEN, STRTOKENCNT, TAN, TDEPTH, THIS,
  TIME, TRIM, TSTR, TVAL, UPPER, VAL, VARATTR,
  VARCURR, VARINP, VARMOD, VARNAME, VARPREV,
  VARSET, VIEWMOD, WINBOX, YEAR.
• Server Side Functions ANSI2OEM, BLB2FILE,
  CALLDLL, CALLDLLF, CALLDLLS, CALLPROG, CLRCACHE,
  CNDRANGE, COUNTER, CTXKILL, CTXLSTUSE, CTXNUM,
  CTXPROG, CTXSIZE, CTXSIZE, CTXSTAT, CURRPOSITON,
  DBCACHE, DBCOPY, DBDEL, DBDISCNT, DBERR, DBEXIST,
  DBNAME, DBRECS, DBRELOAD, DBSIZE, DDEBEGIN,
  DDEEND, DDEGET, DDEPOKE, DDERR, DDEXEC, DELAY,
  DISCSRVR, EOF, EOP, ERRDATABASENAME, ERRDBMSCODE,
  ERRDBMSMESSAGE, ERRMAGICNAME, ERRPOSITION,
  ERRTABLENAME, EUROCNV, EURODEL, EUROGET, EUROSET,
  EUROUPD, EVALSTR, EXPCALC, FILE2BLB, FILE2OLE,
  FLWMTR, GETLANG, GETPARAM, GROUPADD, INIGET,
  INIGETLN, INIPUT, INTRANS, IOCOPY, IOCURR, IODEL,
  IOEXIST, IOREN, IOSIZE, KBGET, KBPUT, LIKE, LINE,
  LMCHKIN, LMCHKOUT, LMUVSTR, LOCK, LOGICAL, MDATE,
  MLSTRANS, OEM2ANSI, OWNER, PAGE, PPD, PREF, PROG,
  PROGIDX, RIGHTADD, RIGHTS, ROLLBACK, RQEXE,
  RQLOAD, RQQUEDEL, RQQUELST, RQQUEPRI, RQREQINF,
  RQREQLST, RQRTAPP, RQRTAPPS, RQRTINF, RQRTS,
  RQRTTRM, RQSTAT, RUNMODE, SETLANG, SETPARAM, SYS,
  TERM, TEXT, TRANSMODE, UDF, UNLOCK, USER,
  USERADD, VARPIC, VISUAL.
• Link re-compute

10
Web Dev with eDeveloper Rich Client

• If you need to produce an application
• To be accessed over the Internet
• With minimal TCO
• Having a very Rich User Interface
• With Fully interactive user experience
• Available from various types of terminals and OS
• The eDeveloper Rich Client will serve you best

11
Web Dev with eDeveloper Rich Client

• The eDeveloper RIA solution is supported by
• The eDeveloper Studio, facilitating a designated
  task type to accommodate
• eDevelopers event based paradigm
• Integrated form editor
• A Multi-Platform eDeveloper Application Server
  engine facilitating
• Data and Logic transmissions
• Full context management
• Automated Data Management and Client\Server
  synchronization
• Server Side Logic execution
• A generic Thin Java Client application module
  that runson the Client side
• Rich client GUI platform usage
• Client-side logic execution engine
• Platform independence
• Performance of automatic logic partitioning

12
Web Dev with eDeveloper Rich Client

• Main Attributes
• Browser-Free - No Browser Software is required
• Rich Graphical Display
• Based on SWT libraries utilizing the Native
  widgets of an OS.
• Rich Controls
• Placement Support
• Integrated Menus and Toolbars
• Enhanced Table control
• Sortable, Multi Marking, Resizing Columns, etc.
• Full GUI Forms Management
• Local Resources Activation
• OS command
• ActiveX
• File Manipulation
• OS Environment

13
Web Dev with eDeveloper Rich Client

• Main Attributes
• Light-weight, Self-Installed Client Side
  Installation - using WebStart
• Cross Platform execution, namely
• Windows (including Vista)
• Linux
• Mobile Support
• For any device running Windows CE or Windows
  Mobile

14
Web Dev with eDeveloper Rich Client

• New Task type - Rich Client

15
Web Dev with eDeveloper Rich Client

• Colored Logic according to the execution place
  for better performance orientation development
• New Form type Rich Client Display

16
Web Dev with eDeveloper Rich Client

• Built-in Form Editor
• Standard controls
• New Browser container control

17
Web Dev with eDeveloper Rich Client

• Handler level execution property
  Server/Optimized
• Destination subform
• Execute On property for Invoke OS operation
• Recommendations by the checker such as
• Client Server execution inside a block loop
• Multiple server access in a single handler
• Control/Record Prefix/Suffix handlers that
  include server expressions
• More than 50 handler execution on the server

18
Web Dev with eDeveloper Rich Client

• Best practice limitations
• Init expression has to be neutral
• A Client operation cant include server
  expressions
• A Server operation cant include client
  expressions
• Form and control property expressions can only be
  client expressions
• Task initiation phase expressions cannot include
  client expressions
• A mixed expression is not allowed

19
Web Dev with eDeveloper Rich Client

• How the screen appears on different platforms

20
Web Dev with eDeveloper QA

• QA
• Thank You
• Michael Singer