Web Application for the Dual Readout Calorimeter Database Jennifer Karkoska Supervisor: Hans Wenzel August 9, 2011 Fermilab SIST 2011 8/09/2011 1

Contents Motivation Structured Query Language (SQL) Dual Readout Calorimeter Database Web Application JavaServer Pages (JSP) JavaScript (JS) Web Application Example Summary & Future Work 8/09/2011 2

Motivation International collaboration trying to improve the models used for a dual readout calorimeter using Geant4 simulation software Ultimate goal: find the right material to use for a dual readout calorimeter so the results from the simulations can be as accurate as possible The data must be organized into a database and be easily retrievable via a Web application 8/09/2011 3

Background: Structure Query Language (SQL) Database SQL is a computer declarative language that accesses and modifies a database, which is organized into a series of tables SQL uses prepared statements to insert, update, retrieve, delete, and find specific pieces of data in the database Example prepared statement: INSERT INTO tags (name,value,iid) VALUES (?,?,?) 8/09/2011 4

Dual Readout Calorimeter Database Every plot can be identified by an ID number, category, tag names, and tag values Plot ID: 206 Category: SiPM Tag Name Value detector Ham-025U_4 date 110103 property IV_forw_diode scale log 8/09/2011 5

DR Image Web Application Allows a user to find and display plots from the database, just by interacting with a Web page Originally, this application only allowed the user to select a plot based on an ID number Project goal: allow the user to select a plot by category, tags, and values Categories: Tag names: Tag Values: Detector Mode Crystal_type Sample Date Method Property Scale Compare Crystals SiPM Crystals_2011 Ham-025U_4 Transmission Emission Excitation BSO F10 F19 Full_fit Linear_fit IV_forw_diode Lin Log Vs_sample_10 Vs_undoped 8/09/2011 6

JavaServer Pages (JSP) JSP: a combination of Java (processes the information) and HTML (organizes the layout of the Web page) Client 8/09/2011 7

JavaScript (JS) JSP: useful for collecting user data, but not very user-interactive JS: run on the client's side and allows for more user interaction than JSP JS: JSP: User input Text fields Check boxes Database connection User interaction Tooltips Image pop-ups Dynamic tables Image zooming 8/09/2011 8

DR ImageDB Home Page 8/09/2011 9

Example vs_sample_10 AND BSO Compare AND crystal_type 8/09/2011 10

Example (cont) Sort by (multiple) columns: sort by sample in ascending order Search all columns: BSO6_A Hover over plot ID number for a preview of the image 8/09/2011 11

Final Examples View individual plots with table of tags & values Zoom & pan on an image Open a plot as a pop-up to view multiple plots side-by-side 8/09/2011 12

Summary & Future Work The Geant4 Dual Readout Calorimeter Project is an international collaboration trying to find the best materials to use to make the DR Calorimeter as accurate as possible Hundreds of thousands of tests might eventually be run in Geant4, which will accumulate a great deal of data that needs to be stored Ultimate goal: the database will become a knowledge base of information describing all of the information needed to run a simulation with a specific type of crystal. 8/09/2011 13

Questions? 8/09/2011 14 JavaScript ImageServiceAdapter ia = new ImageServiceAdapterImpl(); SQL Databases List<Integer> ImageList = new ArrayList<Integer>(); <script type="text/javascript" language="javascript" src="/DRImageWebApp/js/ToolTip.js"></script> SELECT iid FROM public.tags WHERE iid IN (%s) Java Programming SELECT * FROM “public”.tags INSERT INTO tags (name,value,iid) VALUES (?,?,?) <form name="myform" action ="PlotFrame.jsp" method="post" target="_blank"> Java Servlets Geant4 simulations Knowledge base 8/09/2011 14 JavaServer Pages