Presenting SAS Data Sets - Lex Jansen · Page 3 • Presenting SAS Data Sets • PhUSE 2014 . It worked!: The Program Page 4 • Presenting SAS Data Sets • PhUSE 2014 . It worked!:

On the Web Using SAS® ODS, JavaScript, and jQuery

Presenting SAS® Data Sets

Volker Harm, PhUSE Conference 2014. London

• Presenting SAS Data Sets • PhUSE 2014 Page 1

• Presenting SAS Data Sets • PhUSE 2014

Agenda ! Inpspiration: The ODS tableeditor tagset

! Web Page Basics

! Tables with Web Tools and with SAS ODS

! Conclusion and Outlook

Page 2

Recently in our Department Data set

•  1314 reference intervals interval

•  Different parameters

•  Seven different laboratory tests

•  Measurements for male and female animals

•  Made to compare three different blood sampling technique

Problem

•  List report unfeasible

Idea

•  Present results via the SAS Stored Process Application

•  Give the SAS tableditor tagset a try


It worked!: The Program


It worked!: The Output

But: Tagsets are not easily understood and modified.

So I decided to do some research how data set can be presented on the web.


Web Page Basics Structure

•  A web page is build up by HTML elements that have attributes and content

•  Most HTML elements are written with a start tag and an end tag, with the content in between.

•  Syntax: <tag attribute="value">(content to be modified by the tag)</tag>

Presentation

•  Cascading style sheets determine the presentation of HTML element.

•  Selectors are used to declare which part of the markup a style applies to

•  Syntax: selector {property1: value; …; propertyN}

Behaviour

•  The web browser builds up a Document Object Model (DOM) from the HTML elements, listens to events, and provides JavaScript to access the DOM.


Writing Html: Structure What you write

What the browser creates


Writing Html: Adding Style What you write



Writing Html: Adding Behaviour What you write



Writing Html: Create a table What you write



Using SAS ODS: Create a table What you write



Structure of the Web Page Produced by SAS ODS HTML


The HTML Table produced by SAS ODS HTML


Using SAS ODS: Adding Behaviour What you write


Note: The script part is inserted into the header tag of the HTML file;


Writing Html: Make a Table Sortable with jQuery plugin Tablesorter What you write


•  After double clicking on column “Name”


Using SAS ODS: Make a Table Sortable with jQuery plugin Tablesorter What you write


•  After double clicking on column “Name”


Conclusion and Outlook First steps into web development

Maybe reconsidering tagsets with broadened knowledge

First successful initialization of a jQuery plugin gives the way for the vast amount of further plugins of the web developer community

The jQuery datatables plugin will be the next step.


Thank you!


Zukunftsgerichtete Aussagen Diese Präsentation kann bestimmte in die Zukunft gerichtete Aussagen enthalten, die auf den gegenwärtigen Annahmen und Prognosen der Unternehmensleitung des Bayer-Konzerns bzw. seiner Teilkonzerne beruhen.

Verschiedene bekannte wie auch unbekannte Risiken, Ungewissheiten und andere Faktoren können dazu führen, dass die tatsächlichen Ergebnisse, die Finanzlage, die Entwicklung oder die Performance der Gesellschaft wesentlich von den hier gegebenen Einschätzungen abweichen. Diese Faktoren schließen diejenigen ein, die Bayer in veröffentlichten Berichten beschrieben hat. Diese Berichte stehen auf der Bayer-Webseite www.bayer.de zur Verfügung.

Die Gesellschaft übernimmt keinerlei Verpflichtung, solche zukunftsgerichteten Aussagen fortzuschreiben und an zukünftige Ereignisse oder Entwicklungen anzupassen.


Forward-Looking Statements This presentation may contain forward-looking statements based on current assumptions and forecasts made by Bayer Group or subgroup management.

Various known and unknown risks, uncertainties and other factors could lead to material differences between the actual future results, financial situation, development or performance of the company and the estimates given here. These factors include those discussed in Bayer’s public reports which are available on the Bayer website at www.bayer.com.

The company assumes no liability whatsoever to update these forward-looking statements or to conform them to future events or developments.


Example: Reference Values


Calculation of Reference Intervals for Laboratory Parameters of the Rat for Different Blood Sampling Techniques Metabolic Profiling & Clinical Pathology

Treatment scheme

Goal

Determine 95% reference intervals according to reasonable distribution assumptions

Group No of Animals Substance Concentration Dose Application

volume

11 20 M / 20 F Water 0 mg/mL 0 mg/kg 5 mL/kg

22 20 M / 20 F Water 0 mg/mL 0 mg/kg 5 mL/kg

33 20 M / 20 F Water 0 mg/mL 0 mg/kg 5 mL/kg 1 – Blood sampling technique: Vena jugularis 2 – Blood sampling technique: Vena facialis (submandibular) 3 – Blood sampling technique: retroorbital in CO2-Narkose

Data for Reference Values


ReferenceValues


Textslide Text in Arial Regular 18pt

•  First level

•  Second level

•  Third level

•  Fourth level




Please restrict your content to this area

11.40 6.35 1.30 1.30 0.00 6.35 8.20 11.40

5.00

0.00

1.30

7.60

5.92 Content area and guides


Documents

Presenting SAS Data Sets - Lex Jansen · Page 3 • Presenting SAS Data Sets • PhUSE 2014 . It worked!: The Program Page 4 • Presenting SAS Data Sets • PhUSE 2014 . It worked!: