Medicinska webbapplikationer

1
Medicinska webbapplikationer

• och
• objektorienterad
• programmering

Peter Mozelius DSV
2
En medicinsk informatiker

• Vad behöver en sådan MI-person kunna efter
  fullbordade studier?
• Naturligtvis väldigt mycket olika saker
• En som jag ser det viktig detalj är att kunna
  bygga webbportaler

3
Att bygga webbportaler

• Detta ska vi träna på när vi träffas på kursen
  
• 2I1073
• Medicinska webbapplikationer och
• datorstödd inlärning
• Kursen brukar gå på våren år 3

4
Kursen 2I1073

• Att knyta ihop klient- och serversidan
• Att konstruera interaktiva hemsidor
• Att sätta ihop flerskiktlösningar
• Att förstå principen för en webbserver
• Att kunna koppla sig till databaser
• Att bygga användarvänliga webbportaler
• Att lära sig lite om säkerhet

5
Vad behövs för detta?

• Några viktiga saker är
• XML
• XHTML
• CSS
• Javascript
• Java servlets
• Apache Tomcat
• MySQL

6
XHTML och CSS

• XHTML och CSS för att bygga hemsidorna
• En del av er kan HTML mycket bra redan nu
• Några vet inte någonting alls om HTML
• En enkel lättbegriplig komigångsida
• http//www.atiger.pp.se/sida.html
• För er som redan kan lite om HTML
• http//www.w3.org/MarkUp/

7
HTML - XHTML

• HyperText Markup Language
• Element taggar taggarnas innehåll
• lth3gt innehåller lite textlt/h3gt
• taggarna kan även ha attribut
• lttagg attributvärdegt
• HTML XML XHTML

8
XHTML

• Alla taggar ska skrivas med gemener
• Krav på perfekt nästling
• lth1gtltbgtecklesiastiksministerlt/bgtlt/h1gt
• INTE
• lth1gtltbgtecklesiastiksministerlt/h1gtlt/bgt
• Validatorer för att kontrollera syntaxen
• http//www.htmlhelp.com/tools/validator/

9
Stilsättning med CSS

• Innehållet i en XHTML-fil
• Stilsättningen som ett CSS
• Cascading Style Sheet
• Separera stilsättningen från innehållet
• CSS i en egen fil som länkas in enligt
• ltlink href"./miwebb.css" rel"stylesheet"
  type"text/css" /gt

10
Stilsättning med CSS

• Det går att åstadkomma många både vackra och
  hemska effekter med färger och bilder
• Ett allmänt råd är att ofta hålla igen på t ex
  antalet färger på en hemsida.
• Vilka färger passar tillsammans?
• Det viktigaste på en hemsida är ofta att
  formatera texten så att den är lättläst

11
Textformatering från CSS

• Det finns många textegenskaper som går att styra
  från en stilmall. De viktigaste är
• Teckengrad
• Teckensnitt
• Radlängd
• Textens färg
• Bakgrundsfärg
• PAUS 15 min!
  

12
XML

• EXtensible Markup Langauge
• Extensible för att det till skillnad från HTML
  går att bygga ut för olika ändamål
• HTML finns för att visa data på webben
• XML finns för att strukturera data

13
Specialiseringar av XML

• SVG Scalable Vector Graphics
• Vektorgrafik som går att animera
• http//dsv.su.se/mozelius/svg/moln.htm
• CML Chemical Markup Language
• Ett sätt att konstruera molekyler
  http//dsv.su.se/miwebb/examination/labbar/Del4/u
  4c/uppgift4c.htm

14
Specialiseringar av XML

• SMIL Synchronized Multimedia
• Integration Language
• Synkronisera bild och ljud strömmande
  http//dsv.su.se/mozelius/GKITP/forelasningar/for
  elasningar.htm
• Ska även 2I1073 ha liknande SMIL-
• föreläsningar nästa år?

15
Javascript

• Javascript ! Java
• Java är ett objektorienterat språk med många
  användningsområden
• Javascript är ett interpreterande objektbaserat
  skriptspråk

16
Javascript

• Används på klientsidan för t ex
• Beräkningar
• http//www.dsv.su.se/miwebb/examination/labbar/De
  l1/u1f/uppgift1f.htm
• Datavalidering
• http//www.dsv.su.se/miwebb/examination/labbar/De
  l1/u1g/uppgift1g.htm
• Styrning av SVG
• http//www.dsv.su.se/mozelius/svg/moln.htm

17
Serversidan

• Tre viktiga saker på serversidan är
• Databasen MySQL
• Apache Tomcat
• Java servlets

18
MySQL

• En på Internet mycket vanlig relationsdatabas
• Finns både i kommersiella och gratisversioner
• Liten, snabb och stabil
• Det finns andra mer avancerade databaser
• MySQL kommer att introduceras på 2I1070

19
Klient-server med servlets
20
Java servlets

• Servlets är javaprogram som körs på serversidan
• Servlets är plattformsoberoende och går att köra
  på flera olika sätt
• Vi kommer att köra våra servlets m h a
• Apache Tomcat
• http//jakarta.apache.org/tomcat/

21
Apache Tomcat

• Anropa din lokala Tomcat genom
• http//127.0.0.18080/
• http//localhost8080/index.html

22
Java

• För att kunna skriva egna fungerande servlets
  krävs en del kunskaper i Java
• Hur ni ska lära er objektorientering och
  grundläggande Java tänkte jag berätta efter att
  vi har haft en
• 15 min paus

23
Java och Datalogi

• Er första kontakt med Java blir på kursen 2I1046
  - Datalogi
• 10 stycken föreläsningar och ett antal
  laborationer kommer att ta er in i datalogins och
  programmeringens spännande värld
• http//daisy.dsv.su.se/servlet/Momentinfo?id1249
  ejmedvtrue

24
Java kursbok

• Den kursbok som brukar
• rekommenderas på 2I1046 är
• John Lewis William Loftus
• Java Software Solutions
• ISBN 0-321-24583-0
• 4e utgåvan

• http//duke.csc.villanova.edu/jss1/index.html

25
Java och objektorientering

• Ett rakt igenom objektorienterad språk med saker
  som t ex
• Klasser
• Klassarv
• Inkapsling
• Datagömning
• Polymorfism
• Dynamisk bindning

26
Java och UML

• Innan man börjar programmera så behöver man
  planera arbetet
• Ett mycket vanligt sätt att modellera är med
  hjälp av UML
• UML Unified Modelling Langauge
• http//www.omg.org/gettingstarted/what_is_uml.h
  tm

27
Ett modelleringsverktyg för UML

• ArgoUML
• http//argouml.tigris.org/
• http//www.dsv.su.se/mio/argouml.txt
• Fritt att använda
• Open Source
• Följer UML-standarden

28
ArgoUML
29
Kursen 2I1049

• Objektorienterad systemutveckling
• Java
• UML
• Objektorientering
• Dokumentation
• Komponentprogrammering
• Att bygga grafiska gränsnitt
• KURSHEMSIDA http//www.dsv.su.se/mio/

30
Javalänkar

• För dig som på egen hand vill ta reda på lite mer
  om Java
• http//java.sun.com/
• http//www.javaworld.com/
• http//susning.nu/Java
• http//sv.wikipedia.org/wiki/Java
• http//javaboutique.internet.com/
• http//www.developer.com/java/

31
Tack för mig

• Det jag nu pratat om kompletterat med en
• del länkar och exempel finns att nå via
• http//www.dsv.su.se/mozelius/miwebb/intro/
• Vi ses på kurserna!
• Tack för att ni lyssnade!