560 likes | 702 Views
Managing Web Content With Core Focus And HTML/XML Part I Summit 2001, Orlando Desert, California Bob Hughes and Laura Voss-Allen, California State University, Hayward rhughes@csuhayward.edu , lvoss-allen@csuhayward.edu NORCAL FUSE: http://www.csuhayward.edu/FOCUS/ncalibug.htm.
E N D
Managing Web Content With Core FocusAnd HTML/XML Part ISummit 2001, Orlando Desert, California Bob Hughes and Laura Voss-Allen, California State University, Haywardrhughes@csuhayward.edu, lvoss-allen@csuhayward.eduNORCAL FUSE: http://www.csuhayward.edu/FOCUS/ncalibug.htm
Presentation Sections • Section One • Custom HTML and Core FOCUS • Simple and Complex Reports • Table Handling, Page Handling • Embedded hyperlinks, Images • Automatic FTP Parameter Passing • Section Two • Custom HTML/XTML and Core FOCUS • HTML/XML Integration • Data Separation • True Paging with JavaScript Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Why Use Core MF Focus For Web Site Content Updating? • That’s all you have • More Control • Integration With Other Systems Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
CSUH Environment • IBM S/390 (at Cal Poly SLO) • Focus S/390/v7.08r (at Cal Poly SLO) • FFW Pro (v6.13-6.4,Desktop v7.20a-4.21) • FFW/Desktop Runtime • Focus Personal Agent Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Main HTML Steps... • Decide on Simple vs. Custom Page Layout • Use DEFINE Facility For HTML Tag Creation • Incorporate HTML Tags into Focexec • Save HTML Report in WP Hold File • Use FTP Dynamic Focexec to move to any IP address (Web Server, etc.) Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Simple Layout • Uses Minimum Amount Of HTML Code To Convert Focus Report To HTML • Preserves Original Focus Layout And Data Presentation • Helps To Keep File Size Small • Requires Very Little Effort Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Simple Layout HTML Tags • <HTML></HTML> • HTML File Declaration • <BODY></BODY> • Page Body Identification • <PRE> </PRE> • Preformatted Text Control Option Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Simple Layout Temp Work File Setup Use of WITH Required InDefines When No ‘Real’ Fields Referenced Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Simple Layout(cont’d) ON TABLE SUBHEAD and SUBFOOT Used To Handle HTML File Start and End Tags Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Simple Layout(cont’d) HAYFTP Focexec Called To Handle Dynamic FTP JCL Generation And Submission DFLSET Parameter Points To Default Set Record In Defaults Management Database That Holds FTP Parameters For HAYFTP Focexec Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Simple Layout(HTML) Only Three HTML Tags At Beginning And End Of Report File For Focus Report “As Is” HTML Page Conversion Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Simple Layout(results) Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#1 • Tables Used For Data Presentation • Font Sizing and Color Control Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout #1 HTML Tags • <HEADING></HEADING> • Heading Section Declaration • <TITLE></TITLE> • Page Title Declaration • META Name=[options keywords,description] • <SCRIPT>[javacript,jscript,etc]</SCRIPT] • <BODY [options bgcolor, background, onload[javascript] > </BODY> Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Layout #1 HTML Tags(cont’d) • <TABLE [options width, bgcolor, background,cellpadding,cellspacing] > </TABLE> • Table Format Tag • <TR [options align,...]></TR> • Table Row Tag • <TD [options align, halign, valign, width, colspan, rowspan, bgcolor></TD> • Table Cell Tag • Tables may be embedded within Tables Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Layout #1 HTML Tags(cont’d) • <BR> • Line Break Tag • <P> • Paragraph Start Tag • <HR> • Draw Line Tag • <FONT [options color,size,…][ …any text...]</FONT> Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#1 HTML Tag Defines Use HTML Tag Nomenclature For Easy Define Name Recall Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#1(cont’d) Multiple Defines Use For Setting Up ‘Standard Options’ For HTML Alignment And Related Format Control HTML Tags Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Partial HTML Tag Defines • Separate Defines Used For Portions of HTML Tag • Increases Flexibility • Reduces Number of Defines • Makes Changes Easier To Static Focexec • Allows for More Control options when Focexec includes DM with Window, Winform or DM Front End Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#1(cont’d) Partial HTML Tag Embedded Defines For Handling HTML Tags With Multiple Formatting Options Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#1(cont’d) TR Defines Handle HTML Table Row Tags TD Defines Handle Table Cell Tags Field Names Embedded Between Cell Tag Defines Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#1(cont’d) Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#1(HTML) Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#1(Results) Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#2 • Tables Used For Data Presentation • Font Sizing and Color Control • Computed Hyperlinks For Internal Page Target and External Page Navigation Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#2 HTML Tags • <a href=“[link option to any local or remote page or internal target on current page”] target=“[frame target option]”>[...any text or image reference…]</a> • HTML hyperlink Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#2 Defines Used To Handle Hyperlink HTML Tags And Control Information Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#2(cont’d) TR Defines Handle HTML Table Row Tags TD Defines Handle Table Cell Tags Field Names Embedded Between Cell Tag Defines Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Page Navigation Computes • Computes Used Instead Of Defines To Handle TABPAGENO Field Activation Problem • Computed Field Used to Handle NEXT Internal Target Hyperlink HTML Object • Computed Field Handles Incrementing and Decrementing of TABPAGENO Field Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#2(cont’d) Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#2(cont’d) Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#2(cont’d) Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#2(HTML) Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#2(HTML) Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#2(Results) Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#3 • Tables Used For Data Presentation • Font Sizing and Color Control • Computed Hyperlinks For Internal Page Target and External Page Navigation • Image Inclusion and Image Hyperlink Activation Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#3 HTML Tags • <IMG SRC=“…any GIF or JPG image” [options border, alt, width, height,...]> • Note: often used with hyperlink <a href=“…”></a> tag set to produce ‘clickable’ images for internal page target and external page/site navigation Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#3 Border Partial Tag Define Hyperlink Partial Tag Define Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#3(cont’d) Hyperlink Tag with embedded Image Tag and use of Partial HTML Tag Defines Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#3(Results) Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#4 • Tables Used For Data Presentation • Font Sizing and Color Control • Image Inclusion and Image Hyperlink Activation • Drill Down Report Hyperlinks • Within Table Custom Color Control Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#4 Border Partial Tag Define Hyperlink Partial Tag Define Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#4 Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#4 Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#4 Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#4 Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#4 Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
Custom Layout#4 Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
FTP Focexec Handling • Automatic FTP JCL Parameter Passing • Dynamic Creation of FTP JCL Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward
HAYFTP Focexec Defaults normally collected from Defaults Management System Database Domain Restriction Enhances Outbound Security Summit 2001 - Bob Hughes & Laura Voss-Allen, Cal State Univ., Hayward