1B. McVety, Otterbein College

LHCb Web Site Developent and Online Display

Panels Brandi McVety

Otterbein College

Advisor: Dr. Dirk Wiedner, CERN

University of Michigan CERN REU 2008

14 August 2008

8/14/2008

B. McVety, Otterbein College 2

The LHCb Experiment

8/14/2008

Goal: Discover cause of matter and anti-matter amount differences

Plan: Study b-particle decays and CP-violations and other symmetry breaking

Detector: Forward Projection

B. McVety, Otterbein College 3

Phases of My ProjectPhase 1 Learn about the LHCb experiment and detector

Phase 2 Learn about web site design and create a

site devoted to the LHCb magnet

Phase 3 Create online display panels reflecting state of the detector 8/14/2008

B. McVety, Otterbein College 4

Phase 1: ReadingTechnical Proposal from 1998

Design Report from 2003

Many web sites and articles about the LHCb

8/14/2008

B. McVety, Otterbein College 5

Phase 2: Web Site Design

HTML Tutorials

Learning way around SharePoint

Usefulness of CSS style sheets

Created practice web site8/14/2008

B. McVety, Otterbein College 6

Phase 2: Magnet SitePurpose: Serve as a source of information for scientists wanting to know the state of the magnet at any given moment

Implementation: Designed using SharePoint and written in HTML with attached CSS style sheets

8/14/2008

B. McVety, Otterbein College 78/14/2008

Hom

ep

ag

e

B. McVety, Otterbein College 88/14/2008

Sen

sor

0

B. McVety, Otterbein College 98/14/2008

Sen

sor

3

B. McVety, Otterbein College 108/14/2008

Hom

ep

ag

e

B. McVety, Otterbein College 118/14/2008

Coolin

g

Wate

r

B. McVety, Otterbein College 128/14/2008

Cu

rren

t

B. McVety, Otterbein College 13

Phase 3: Online Display Panels

Purpose: Serve as a source of information for those wanting to know the state of the LHCb

Implementation: Designed using SharePoint and written in HTML and PHP with attached CSS sheets

8/14/2008

B. McVety, Otterbein College 14

Panel Design 1

8/14/2008

B. McVety, Otterbein College 15

Panel Design 2

8/14/2008

B. McVety, Otterbein College 16

What is PHP?A server-side scripting language that can be embedded into HTML

Useful for creating dynamic web pages

Remains invisible to users when viewing source8/14/2008

B. McVety, Otterbein College 17

Signal ImplementationWent through several ideas:

Arrays Create a function

call the function within the individual layers

Final Decision: Use an HTML form and read it with PHP

8/14/2008

<?php error_reporting(E_ALL ^ E_NOTICE); function getlightstatus($lightnumber) { if($lightnumber=="1") { echo "<img src=\"Green_Traffic_Light.JPG\" width=50 height=50>"; } elseif($lightnumber=="2") { echo "<img src=\"Yellow_Traffic_Light.JPG\" width=50 height=50>"; } elseif($lightnumber=="3") { echo "<img src=\"Green_Traffic_Light.JPG\" width=50 height=50>"; }

.

.

. elseif($lightnumber=="13") { echo "<img src=\"Green_Traffic_Light.JPG\" width=50 height=50>"; } elseif($lightnumber=="14") { echo "<img src=\"Green_Traffic_Light.JPG\" width=50 height=50>"; }

}?>

B. McVety, Otterbein College 18

HTML FormVariety of content including radio buttons, drop- down selections and text input.

User can submit information to be retrieved and processed

$_GET variable: Passes information visibly through the URL and variable values can’t exceed 100 characters

$_POST variable: Variables are not shown in the URL and have no limit on character length

8/14/2008

https://test-lhcbdisplays.web.cern.ch/test-LHCbDisplays/Default.php

<form action="Default.php" method="post"><input name="Radio" type="radio"

value="Red" /><input name="Radio" type="radio"

value="Yellow" /><input name="Radio" type="radio"

value="Green" /><select name="RICH1">

<option></option><option>Red</option><option>Yellow</option><option>Green</option>

</select></span><input name="Submit" type="submit"

value="submit" /></form>

https://test-lhcbdisplays.web.cern.ch/test-LHCbDisplays/Default.php?RICH1=Red&TT=Green&Magnet=Yellow&IT=Green&OT=Green&RICH2=Green&SPD%2FPS=Green&ECAL=Red&HCAL=Green&Muon=Yellow&VELO=Green&Online=Green&Trigger=Red&Background=Green&Text1=&Submit=submit

B. McVety, Otterbein College 19

My HTML Form Page

8/14/2008

B. McVety, Otterbein College 20

Example 1: Red Signal Test

8/14/2008

B. McVety, Otterbein College 21

Example 1: Output

8/14/2008

B. McVety, Otterbein College 22

Example 2: Individual Selections

8/14/2008

B. McVety, Otterbein College 23

Example 2: Output

8/14/2008

B. McVety, Otterbein College 24

Currently…Display page and signal selection page are not saved between sessions

Have started to lay the ground work for signal selections to be saved to a file, which will then be read and updated each time the signals change

• Minor Glitch: I currently lack permission to write to files in PHP

8/14/2008

B. McVety, Otterbein College 25

AcknowledgementsProfessor Jean Krisch Professor Homer Neal

Professor Myron Campbell Professor Steve Goldfarb

Dr. Dirk Wiedner Jeremy Herr

8/14/2008

National Science Foundation

Thank You!

B. McVety, Otterbein College 26

Questions?

8/14/2008