1.2 Dynamiske, tjenerbaserte og interaktive nettsteder
|
|
- Aleksander Caspersen
- 5 år siden
- Visninger:
Transkript
1 Kapittel 1 Innledning og motivasjon 1.1 Innledning Mye av dagens virksomhet på WWW, alt fra nettbanker til bibliotekkataloger, er dynamisk, interaktiv og databasestyrt. Alle som leser denne boken har brukt en dynamisk, interaktiv nettside, det være seg en nettbank, en bibliotekkatalog, en nettbutikk eller lignende. For å kunne forstå hvordan slike dynamiske nettsteder lages, må vi kunne litt om programmering. For å kunne lage slike sider (som er formålet med denne boken), må vi kunne programmere, altså skrive programmer. Å programmere er å skrive programmer som en datamaskin kan tolke og utføre. Slike programmer skrives i et språk vi kaller et programmeringsspråk. Med hjelp av et programmeringsspråk kan vi spesifisere for en datamaskin hvordan en bestemt oppgave skal utføres. En oppgave kan være en sammenligning av to tall, avspilling av en musikk-fil eller styring av et romskip. Et programmeringsspråk er et språk som mennesker kan bruke (skrive og lese) og som en datamaskin kan tolke. Et programmeringsspråk ligner typisk på engelsk, men har en mye mer rigid uttrykksmåte når det gjelder syntaks og ordvalg. Det finnes hundrevis av programmeringsspråk. Denne boken omhandler en undermengde av programmeringsspråket PHP. PHP er ett av mange språk som brukes for å lage interaktive nettsider. PHP er relativt enkelt å lære seg, og er meget vanlig å bruke når man lager små og mellomstore dynamiske nettsteder. PHP har også meget gode verktøy for åhåndtere databasekommunikasjon. I tillegg kan språket brukes på alle tenkelige datamaskintyper og operativsystemer. Det er dessuten gratis og tilgjengelig for alle. 1.2 Dynamiske, tjenerbaserte og interaktive nettsteder Nettsteder som nettbank, netthandelsted og bibliotekkatalog er både dynamiske og interaktive. Dynamiske, fordi innholdet varierer: to henvendelser til samme nettside (samme URL) resulterer ikke nødvendigvis i samme utseende eller innhold. De er interaktive, fordi brukeren er med på å bestemme dette innholdet. Eksemplevis er det brukerens søketermer som bestemmer hvilke poster en bibliotekkatalog skal vise. 7
2 1.2. Dynamiske, tjenerbaserte og interaktive nettsteder Figur 1.0: Et tjenerprogram går i en stadig runddans, og sjekker om noen klienter har tatt kontakt og bedt om en tjeneste.? står for motta forespørsel, # står for utføre tjeneste og! står for send svar Dynamiske nettsider Før vi sier mer om hva en dynamisk nettside er, er det betimelig å spørre hva en statisk nettside er. En statisk nettside vises likt, i både innhold og utseende 1, hver gang den hentes fram, uansett hvor, når og av hvem den er hentet frem. HTML 2 - kildekoden ligger lagret i en fil, og er fast så lenge den ikke redigeres av noen. En dynamisk nettside kan forandre innhold og utseende hver gang den hentes fram, avhengig av endrede omstendigheter. Slike omstendigheter kan være tid (eksempelvis om det er dag eller kveld), datamaskinen brukeren sitter ved, og ikke minst hvordan brukeren identifiserer seg for tjeneren som produserer nettsiden Hva er en tjener (engelsk:server)? De fleste har hørt ordet tjener (engelsk:server) brukt om en stor og kraftig datamaskin. En tjener er egentlig et program, men det er vanlig at et tjenerprogram kjører på en relativt kraftig maskin, en tjenermaskin. Det dreier seg om et dataprogram som yter en bestemt tjeneste. Programmet går i en slags evig runddans. Hver gang det, i løpet av runddansen, kommer til et visst punkt, sjekker det om noen langtveisfra, kalt et klientprogram, har tatt kontakt og bedt om en tjeneste. Dette er forsøkt illustrert på figur 1.0. Om dette har skjedd, stopper tjenerprogrammet opp, avleser forespørselen (hvem har sendt og hva det gjelder), utfører det som skal til for å produsere et svar, og sender svaret til klientprogrammet. Deretter fortsetter tjenerprogrammet runddansen i påvente av en ny forespørsel. En webtjener er et tjenerprogram som håndterer webforespørsler. Klientene er typisk nettlesere. Veldig ofte, dog ikke alltid, gjelder forespørslene en bestemt nettside. 1 forutsatt at forskjellige nettlesere tolker den likt 2 I denne boken holder vi oss til HTML5-standarden. 8
3 Kapittel 1. Innledning og motivasjon Nettsiden det søkes etter vil gjerne finnes som en diskfil på tjenermaskinens filsystem. Ved ankomst av en slik forespørsel sendes det en varsel til tjenerprogrammet. Tjenerprogrammet tolker så forespørselen. Dersom det er en statisk nettside det spørres etter, finner programmet riktig fil og sender filens innhold til klienten (nettleseren) som sendte forespørselen. Denne interaksjonsmodellen kalles klient-tjener-modellen, og er modellen Internett (og weben) er basert på Tjenerbaserte dynamiske nettsider PHP-baserte dynamiske nettsider er tjenerbaserte. En tjenerbasert, dynamisk nettside tilrettelegges på webtjeneren. Webtjenerprogrammet vi beskrev ovenfor, og som ligger på en tjenermaskin, bruker en tolker (et dataprogram) som oversetter dynamiske nettsider av typen denne boken omhandler. Tenk deg et nettsted som viser klokkeslettet hver gang brukeren klikker på en lenke. Følgende skjer når vi klikker på en lenke til en tjenerbasert dynamisk webklokke, skrevet i PHP: nettleseren sender en forespørsel til tjeneren, som finner riktig PHP-program (med URL en til PHP-filen) PHP-programmet etterspør det øyeblikkelige klokkeslettet 3 og gjør klokkeslettet om til en forståelig tekststreng (for eksempel ). Webtjenerprogrammet sender strengen med klokkeslettet (over nettet) til vår nettleser, for visning. Legg merke til at i dette eksemplet viser vår nettleser tjenerens klokkeslett. Hvis vår tjener er lokalisert i USA, får vi et klokkeslett som ikke passer med vårt Interaktive nettsider Med PHP kan vi ta i bruk data fra brukere ved hjelp av HTML-forms. En HTMLform er en type skjema, med felter, som webbrukere kan fylle med data, og som PHPprogrammer er i stand til å ta i bruk. HTML-forms ser vi på i kapittel Våre første programmer I kommende underavsnitt viser vi noen eksempler på enkle PHP-programmer som implementerer meget enkle nettsider. Eksemplene introduserer PHP s kanskje viktigste verktøy: komandoen print. 3 Enhver datamaskin, også en tjenermaskin, har en innebygd klokke som kan brukes av forskjellige programmer som trenger å vite klokkeslettet. 9
4 1.3. Våre første programmer Et første, enkelt eksempel Eksempel 1.A: Programkode for et lite dataprogram 1 <?php 2 print ( Dette er et enkelt program ) ; 3?> Programmet i eksempel 1.A skriver en tekstlinje (Dette er et enkelt program) til nettlservinduet. Programmet ligger i en fil som heter prog.php, og som ligger på webtjeneren i webmappen php/k1. Den fulle referansen til programmet er, altså, Filen prog.php er en nettside. Når vi henter filen opp i en nettleser blir programmet som er skrevet i den, kjørt. Kjøring av et PHP-program består i at programfilen hentes opp i en nettleser. Resultatet av kjøringen ser vi på Figur 1.1. Dette er et enkelt program Figur 1.1. Kjøring av eksempel 1.A: en linje som skrives til nettleserenvinduet En vanlig feil som gjøres når man skal pprøve å kjøre et PHP-program, er å hente det opp som en vanlig diskfil (C:\php\k1\prog.php eller M:\public html\php\k1\ prog.php). Dette resulterer i at nettleseren mottar kodetekst (som den ikke forstår, og derfor viser rett ut). Se Figur 1.2 på neste side. For at et PHP-program skal kjøres som forventet, må den hentes opp fra en webtjener, over http-protokollen, altså: prog.php, ikke som en vanlig fil, C:\php\k1\prog.php. Legg merke til at nettsiden i eksempel 1.A ikke er interaktiv. Vi kommer til interaktive nettsider i kapittel 2. Innholdsmessig er nettsiden heller ikke dynamisk, da dens 10
5 Kapittel 1. Innledning og motivasjon innhold og utseende står uendret mellom visninger, vel å merke så lenge ingen går inn og redigerer programfilen. Nettsiden kunne like gjerne ha vært skrevet i HTML. C:\php\k1\prog.php <?php print("dette er et enkelt program");?> Figur 1.2. Kjøring av eksempel 1.A når programmet hentes feilaktig opp som en diskfil. Jfr. eksempel 1.A på forrige side Generering av HTML Vi har sett hvordan et program kan skrive en tekst til en nettleser. PHP gir oss mulighet til å veve PHP-instruksjoner sammen med faste HTML-setninger. Eksempel 1.B er en php-fil, med noen faste HTML-avsnitt og ett programavsnitt. Slike programavsnitt kalles heretter PHP-blokker. En PHP-blokk starter med <?php og slutter med?>. I en PHP-blokk gjelder andre regler enn de som gjelder i HTML-blokker. I PHPblokker skrives (deler av) koden til PHP-programmer. Språket i slike blokker er PHP. Her må alt som skal skrives til nettleseren skrives med hjelp av print-kommandoer. I likhet med eksepmel 1.A, gjør også eksempel 1.B lite utover genreringen av vanlig HTML-kode. print innenfor en PHP-blokk gjør at HTML-KODEN flettes sammen med den faste HTML koden (sistnevnte pleier man å kalle maltekst, eller, på engelsk, template text). Den samenflettede siden sendes nettleseren. Legg merke til semikolontegnet bak klammen! PHP-kommandoer (slik som print) skal alltid avsluttes med semikolon. Eksempel 1.B: PHP-kode innenfor en HTML-fil 1 <!DOCTYPE html PUBLIC //W3C//DTD XHTML 1.0 Transitional//EN 2 org/tr/xhtml1/dtd/xhtml1 transitional.dtd > 3 <html xmlns= org/1999/xhtml > 4 <head >... 5 <title>annet program</title> 6 </head> 7 <body> 8 <?php 9 print ( <p>dette er mitt andre PHP program</p> ); 10?> 11
6 1.4. Kommentarer i programkoden 11 </body> 12 </html> Slik ser resultatet ut i sidevisning: Dette er mitt andre PHP-program m/annet.php Figur 1.3. Kjøring av eksempel 1.B: resultatvisning av annet eksempel Kildevisning 1.1 viser HTML-koden generert av eksempel 1.B på forrige side. Dette er hva vi ser når vi ber vår nettleser om å vise sidens kilde. Kildevisning 1.1: Kildevisningen (HTML) av kjøringen på figur 1.3 <!DOCTYPE html> <html lang= no > <head>... < title>annet program</ title> </head> <body> <p>dette er mitt andre PHP program</p> </body> </html> Et PHP-program kjører på tjenermaskinen, og lager en HTML-fil, som lastes ned og vises på samme måte som en hvilken som helst annen HTMLfil. Verken i sidevisningen eller i kildevisningen kan man se at tekstlinjen er PHP-generert. 1.4 Kommentarer i programkoden Selv om PHP er engelsklignende, skrives og forstås av mennesker, er det ikke alltid lett for utenforstående å forstå hva en programmerer ønsker å oppnå med en kodesekvens. En utenforstående kan være en annen programmerer som skal videreutvikle et program, men kan også være den samme som har skrevet programmet, noen uker etter at det er skrevet... 12
7 Kapittel 1. Innledning og motivasjon kommentarer er tekstbolker som PHP-tolkeren overser, og som ikke blir en del av det kjørende programmet. De kan brukes for å forklare, på vanlig språk hva en kodebit gjør. Vi skriver kommentarer i programkoden for at vi (og andre) lettere skal kunne lese våre programmer. Kommentarer i programmet påvirker ikke programmets funksjon. PHP tillater to typer kommentarer: énlinjet og flerlinjet. En linje i en PHP-blokk som begynner med to skråstreker er en kommentarlinje: <?php // En linje med tekst til nettleseren print ( <p> Denne linjen skrives til nettleseren</p> );?> nettleservisningen til eksemplet blir: Denne linjen skrives til nettleseren En blokk-kommentar, mellom /* og */ kan strekke seg over flere linjer: <?php / Neste linje printer en linje med tekst til nettleseren / print ( <p> Denne linjen skrives til nettleseren</p> );?> Resultatet blir det samme som ovenfor. Eksempel 1.C på neste side viser et lite program med noen kommentarer. Kildevisning 1.2 på neste side og figur 1.4 på side 15 viser resultatet av å kjøre dette programmet. Resultatet er nøyaktig slik det ville ha vært hvis kommentarene var utelatt. 13
8 1.4. Kommentarer i programkoden Eksempel 1.C: Kode med innlagte kommentarer 1 <!DOCTYPE html> 2 <html lang= no > 3 <head >... 4 <title>kommentarer</title> 5 </head> 6 <body> 7 8 <?php 9 / Dette programmet skriver noen linjer t i l 10 en nettleser. Skrevet av Michael / // Linjen nedenfor skriver overskriften 13 print ( <h3>dette er en overskrift</h3>\n ) ; print ( <p>nå følger en liste med innførsler</p>\n ) ; 16 // linjene nedenfor skriver innførslene 17 print ( <ul>\n ) ; 18 print ( <li>første innførsel</li >\n ) ; 19 print ( <li>andre innførsel</li >\n ) ; 20 print ( <li>tredje innførsel </li >\n ) ; 21 print ( </ul>\n ) ; 22?> 23 </body> 24 </html> Kildevisning 1.2: Kode med innlagte kommentarer: kildevisning <!DOCTYPE html> <html lang= no > <head>... < title>kommentarer</ title> </head> <body> </body> </html> <h3>dette er en overskrift</h3> <p>nå følger en liste med innførsler</p> <ul> <li>første innførsel</ li> <li>andre innførsel</ li> <li>tredje innførsel </ li> </ul> 14
9 Kapittel 1. Innledning og motivasjon Dette er en overskrift Nå følger en liste med innførsler Første innførsel Andre innførsel Tredje innførsel Figur 1.4. Kjøring av eksempel 1.C: kommentarene vises ikke 1.5 Oppsummering I dette kapitlet har vi introdusert språket PHP og infrastrukturen som PHP operererer innenfor. Begrepene som ble introdusert er viktige å bli kjent med og forstå. All erfaring tilsier at best mulig forståelse oppnås ved å programmere, og at det er øvelse som gjør mester. Det er for eksempel lurt å kopiere eksemplene tilhørende dette kapitlet (og, når den tid kommer, også de andre kapitlene) fra bokens nettside, og forsøke åfå dem til å virke i nettopp ditt system. Rediger gjerne og forandre litt på dem, for å se hva som skjer. Det er helt ufarlig, faktisk ganske lærerikt, å framprovosere noen feil, for så å rette dem opp igjen. God fornøyelse! 15
Kapittel 1. Innledning og motivasjon. 1.1 Innledning. 1.2 Dynamiske, tjenerbaserte og interaktive nettsteder. 1.2.1 Dynamiske nettsider
1.2. Dynamiske, tjenerbaserte og interaktive nettsteer Kapittel 1 Innlening og motivasjon 1.1 Innlening Mye av agens virksomhet på WWW, alt fra nettbanker til bibliotekkataloger, er ynamisk, interaktiv
DetaljerEt forsøk på definisjon
Et forsøk på definisjon [Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michaelp@hio.no) 21/08-16 Engelsklignende språk, med rigid syntaks, som kan brukes til å skrive instruksjoner (eksempel
DetaljerUtvikling av dynamiske nettsteder med PHP og databaser, høsten 2006
Page 1 Page 2 Utvikling av dynamiske nettsteder med PHP og databaser, høsten 2006 Introduksjon Michael Preminger (michaelp@hio.no) 23/08-06 I denne forelesningen: Motivasjon: Hvorfor vi lærer å programmere
DetaljerEt forsøk på definisjon
Et forsøk på definisjon [Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michaelp@hio.no) 18/08-17 Engelsklignende språk, med rigid syntaks, som kan brukes til å skrive instruksjoner (eksempel
DetaljerEt forsøk på definisjon. Eksempel 1
[Kurssidene] [ ABI - fagsider bibin ] Introduksjon Michael Preminger (michael.preminger@hioa.no) 13/12-13 I denne forelesningen: Utvikling av dynamiske nettsteder med PHP og databaser, våren 2014 Motivasjon:
DetaljerEt forsøk på definisjon. Eksempel 1
Et forsøk på definisjon [Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michael.preminger@hioa.no) 19/08-15 Engelsklignende språk, med rigid syntaks, som kan brukes til å skrive instruksjoner
DetaljerVerdier, variabler og forms
[Kurssidene] [ ABI - fagsider bibin ] Verdier, variabler og forms Michael Preminger (michaelp@hio.no) 16/01-14 Utvikling av dynamiske nettsteder med PHP og databaser, våren 2014 Litt om forrige times øvelsesoppgaver
Detaljer$antall_maaneder =12; Variablene $pris og $antall_maaneder i eksemplet ovenfor har
Et program som legger sammen to brukergitte tall må hente det ene hente det andre legge tallene sammen [Kurssidene] [ ABI - fagsider bibin ] presentere resultatet. Mellom operasjonene må data tas vare
DetaljerEn enkel while-løkke. 1 of 12 15.09.2015 15:28. 2 of 12 15.09.2015 15:28. while-løkker gjentar instruksjonene så lenge en betingelse er oppfylt
while-løkker gjentar instruksjonene så lenge en betingelse er oppfylt [Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michaelp@hioa.no) 15/09-15 En liten repetisjon Løkker Arrayer (tabeller) Løkker
DetaljerJSP - 2. Fra sist. Hvordan fungerer web? Tjenerside script HTML. Installasjon av Web-tjener Et enkelt JSP-script. Ønsker dynamiske nettsider:
Fra sist JSP - 2 Installasjon av Web-tjener Et enkelt JSP-script HTML statisk Forms Tags Ønsker dynamiske nettsider: Klientside-script/programmering Javascript, vbscript, applets Tjenerside-script/programmering
Detaljer}?> <!DOCTYPE... <html xmlns="http://www.w3.org/1999/xhtml"> <head>... </head> <body> <p>nå skal vi printe hallo:</p> <?php //funksjonskall
Hver gang funksjonen printhallo kalles utføres instruksjonene spesifisert i den. [Kurssidene] [ ABI - fagsider bibin ] //funksjonskall printhallo(); //enda en gang printhallo(); Michael Preminger (michaelp@hio.no)
DetaljerUtvikling av dynamiske nettsteder med PHP og databaser, høsten 2006
Page 1 Page 2 [Kurssidene] [ JBI] [ ] Utvikling av dynamiske nettsteder med PHP og databaser, høsten 2006 Vi kommer for det meste til å bruke while-løkker, men for-løkker anses viktige å kjenne til Michael
DetaljerIntroduksjon til programmering og programmeringsspråk. Henrik Lieng Høgskolen i Oslo og Akershus
Introduksjon til programmering og programmeringsspråk Henrik Lieng Høgskolen i Oslo og Akershus Kategorisering av programmeringsspråk? Deklarativ vs. imperativ Lav nivå vs. høy nivå Kompilert vs. tolket
Detaljerthe web Introduksjon Lesson
Lesson 1 the web All Code Clubs must be registered. Registered clubs appear on the map at codeclub.org.uk - if your club is not on the map then visit jumpto.cc/18cplpy to find out what to do. Introduksjon
Detaljerwhile-økker while-løkker gjentar instruksjonene så lenge en betingelse er oppfylt Eksempel 1: en enkel while-løkke
[Kurssidene] [ ABI - fagsider bibin ] Utvikling av dynamiske nettsteder med PHP og databaser, våren 2014 while-økker while-løkker gjentar instruksjonene så lenge en betingelse er oppfylt Michael Preminger
DetaljerIntroduksjon til programmering og programmeringsspråk
Introduksjon til programmering og programmeringsspråk Henrik Lieng Høgskolen i Oslo og Akershus https://code.org/ Veldig høy-nivå programmering med Scratch End-user programming Overtone, Tidal, etc., bygger
DetaljerUtvikling av dynamiske nettsteder med PHP og databaser, høsten 2006
Page 1 Page 2 [Kurssidene] [ JBI] [ ] Utvikling av dynamiske nettsteder med PHP og databaser, høsten 2006 Et program som er installert på en tjenermaskin, og som tillater eksterne programmer å utføre spørringer
DetaljerForelesning 23/9-08 Webprog 1. Tom Heine Nätt
Forelesning 23/9-08 Webprog 1 Tom Heine Nätt Kursinfo Tom Heine Nätt E-post: tom.h.natt@hiof.no Mobil: 92012120 MSN: thnatt@hotmail.com All nødvendig info (forhåpentligvis) finnes på kursets webside: http://www.it.hiof.no/webprog1
Detaljerwhile-løkker while-løkker gjentar instruksjonene så lenge en betingelse er oppfylt Eksempel 1: en enkel while-løkke
while-løkker while-løkker gjentar instruksjonene så lenge en betingelse er oppfylt [Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michaelp@hioa.no) 01/09-17 En liten repetisjon Løkker Arrayer
Detaljer<?php. count tar en array som argument, og returnerer et tall som uttrykker antallet innførsler i arrayen.
Hver gang funksjonen printhallo kalles utføres instruksjonene spesifisert i den. [Kurssidene] [ ABI - fagsider bibin ] Webprogrammering høsten 2015 //funksjonskall printhallo(); //enda en gang printhallo();
DetaljerSteg 1: Felix har forsvunnet!
HTML: Forsvunnet katt Skrevet av: Arve Seljebu Kurs: Web Tema: Tekstbasert, Nettside Fag: Programmering, Teknologi, Norsk Klassetrinn: 5.-7. klasse, 8.-10. klasse, Videregående skole Introduksjon Katten
DetaljerUtvikling av dynamiske nettsteder med PHP og databaser, høsten 2006
Page 1 Page 2 Utvikling av dynamiske nettsteder med PHP og databaser, høsten 2006 Verdier, variabler og forms Michael Preminger (michaelp@hio.no) 30/08-06 Et program kan ha mange variabler, og alle trenger
Detaljer6108 Programmering i Java. Leksjon 1. Introduksjon til programmering og til Java
6108 Programmering i Java Leksjon 1 Introduksjon til programmering og til Java Hva er programmering? 1. Hva er et program? 2. Hva skal programmeres? 3. Hva er en programmerer? Programmering i Java - Leksjon
DetaljerIntro til WWW, HTML5 og CSS
Intro til WWW, HTML5 og CSS Håkon Tolsby 20.08.2015 Håkon Tolsby 1 World Wide Web Webserver: Programvare som distribuerer websider og/eller maskin hvor programmet kjører Webbrowser (nettleser): Program
DetaljerForsvunnet katt webside
Lesson 3 Forsvunnet katt webside All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/18cplpy to find out what
Detaljer6105 Windows Server og datanett
6105 Windows Server og datanett Denne øvingen forutsetter at du har gjort disse øvingene tidligere: Labøving 7b Skriveradministrasjon Laboving 9a Installere og konfigurere webtjeneren IIS I denne øvingen
DetaljerOblig 5 Webutvikling. Av Thomas Gitlevaag
Oblig 5 Webutvikling Av Thomas Gitlevaag For oppgave 1 og 2 skal dere levere en funksjonell webside på deres hjemmeområde. Dere skal også levere alle phps-filene slik at man for en hver side kan slenge
Detaljerfile:///c:/users/michaelp/sites/dkdm/dw6/dreamweaver6.html
1 of 9 15.04.2015 14:15 Spry og behaviours Både Spry and Behaviours er basert på programmeringsspråket Javascript. Javascript kjører i nettleseren og ikke på webserver som PHP og Perl. På en lignende måte
DetaljerTilgjegelighet av XHTML-forms
[Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michaelp@hio.no) 08/02-14 Utvikling av dynamiske nettsteder med PHP og databaser, våren 2014 Eksempel 1: For å lage en liten array (bare 5 innførsler)
Detaljersom blanker skjermen (clear screen). Du får en oversikt over alle kommandoene ved å skrive,
1. Last ned og installer XAMPP. 2. Sjekk at alt fungerer. 3. MySQL. Vi begynner med databaseserveren, MySQL. Gå til DOS klarmelding eller ledetekst (finnes under tilbehør på startmenyen om du ikke som
DetaljerLæringsmål og pensum. https://www.youtube.com/watch? v=nkiu9yen5nc
1 TDT4110 Informasjonsteknologi grunnkurs: Kapittel 1 Introduksjon til Programmering og Python Professor Alf Inge Wang 2 https://www.youtube.com/watch? v=nkiu9yen5nc 3 Læringsmål og pensum Mål Lære om
DetaljerBruk av NetBeans i JSP-delen av Web-applikasjoner med JSP og JSF
Bruk av NetBeans i JSP-delen av Web-applikasjoner med JSP og JSF Else Lervik, august 2010 (Av hensyn til JSF-delen av kurset anbefaler vi at du sørger for å ha NetBeans-versjon 6.9.) I den grad denne veiledningen
DetaljerDette er en demonstrasjonsside som vi skal bruke for å se litt nærmere på HTTP protokollen. Eksemplet vil også illustrere et par ting i PHP.
1 Dette er en demonstrasjonsside som vi skal bruke for å se litt nærmere på HTTP protokollen. Eksemplet vil også illustrere et par ting i PHP. (Læreboka kapittel 2-5) Legg merke til den første blokken,
DetaljerOm du allerede kjenner Scratch og har en Scratchbruker kan du gå videre til Steg 1.
Pingviner på tur Skrevet av: Geir Arne Hjelle Kurs: Scratch Tema: Blokkbasert, Spill Fag: Programmering Klassetrinn: 1.-4. klasse, 5.-7. klasse, 8.-10. klasse Introduksjon Velkommen til Scratch. Vi skal
Detaljer(X)HTML, CSS og JavaScript HTML. Det første dokumentet 26.11.2007. Grunnleggende programmering i Java Monica Strand 26.
(X)HTML, CSS og JavaScript Grunnleggende programmering i Java Monica Strand 26. november 2007 Gr. leggende Java 26. november 2007 1 HTML HTML = Hyper Text Markup Language Strukturerer tekstinnhold HTML
DetaljerFor å sjekke at Python virker som det skal begynner vi med å lage et kjempeenkelt program. Vi vil bare skrive en enkel hilsen på skjermen.
Kuprat Skrevet av: Geir Arne Hjelle Kurs: Python Tema: Tekstbasert Fag: Norsk Klassetrinn: 5.-7. klasse, 8.-10. klasse Introduksjon I dette kurset skal vi introdusere programmeringsspråket Python. Dette
DetaljerTDT4110 Informasjonsteknologi grunnkurs: Kapittel 1 Introduksjon til Programmering og Python. Professor Alf Inge Wang
2 TDT4110 Informasjonsteknologi grunnkurs: Kapittel 1 Introduksjon til Programmering og Python Professor Alf Inge Wang 3 https://www.youtube.com/watch? v=nkiu9yen5nc 4 Læringsmål og pensum Mål Lære om
DetaljerI denne oppgaven blir du introdusert for programmeringsspråket JavaScript. Du skal gjøre den klassiske oppgaven Hei verden, med en katt.
JS: Hei JavaScript! Introduksjon Web Introduksjon I denne oppgaven blir du introdusert for programmeringsspråket JavaScript. Du skal gjøre den klassiske oppgaven Hei verden, med en katt. Steg 1: Bruke
DetaljerIntroduksjon til beslutningsstrukturer
[Kurssidene] [ ABI - fagsider bibin ] Utvikling av dynamiske nettsteder med PHP og databaser, våren 2014 Introduksjon til beslutningsstrukturer Michael Preminger (michaelp@hio.no) 24/01-14 Repitisjon fra
DetaljerBrukerveiledning for identifisering med BankID
Brukerveiledning for identifisering med BankID Innledning Denne brukerveiledningen tar kun for seg identifisering med BankID med sikkerhetskort. Brukerveiledningen vi ikke inneholde beskrivelse av alle
DetaljerKap 3: Anvendelser av Internett
Kap 3: Anvendelser av Internett Hva er egentlig Internett? Skal studere de vanligste protokollene: Web E-post DNS Ansvarsområder og prosess-skille 1 Hva er egentlig Internett? Infrastruktur Tjenester Roller
Detaljer[Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michaelp@hio.no) 07/09-15. Vi holder orden på verdier med hjelp av variabler
[Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michaelp@hio.no) 07/09-15 Vi holder orden på verdier med hjelp av variabler Vi lagrer verdier i variabler. Variabelnavn uttrykker verdienes rolle
DetaljerKapittel 1. Kom i gang med PHP
Kapittel 1 Kom i gang med PHP Læringsmål: Dette kapittelet vil fungere som en enkel oppstartsguide for å komme i gang med PHP. Du vil få lære om historien bak PHP installasjon av nødvendig programvare
DetaljerMemoz brukerveiledning
Memoz brukerveiledning http://memoz.hib.no Pålogging...1 Oversikt...2 Profilside...2 Inne i en memoz...3 Legg til ting...3 Tekstboks...3 Rediger og flytte på en boks...4 Bildeboks...5 Videoboks...7 HTML-boks...7
DetaljerUtvikling av dynamiske nettsteder med PHP og databaser, høsten 2006
Page 1 Page 2 [Kurssidene] [ JBI] [ ] Utvikling av dynamiske nettsteder med PHP og databaser, høsten 2006 Introduksjon til kontrollstrukturer Michael Preminger (michaelp@hio.no) 07/09-06 I denne forelesningen
DetaljerKom i gang med Python
Kom i gang med Python Instruksjon for lærere Pål Hellesnes SYSTEMUTVIKLER paal@firstpoint.no www.bedreinnsikt.no Dette dokumentet er en del av skolematerialet for undervisning i programmering. «Alle barn
Detaljer6105 Windows Server og datanett
6105 Windows Server og datanett Leksjon 9 Web, HTTP og IIS Applikasjonslaget i Internett Web protokollen: HTTP Webtjeneren IIS Utskrift med HTTP i Internett Pensum Kvisli: Windows Server og datanett, Kap.
Detaljer6105 Windows Server og datanett
6105 Windows Server og datanett Leksjon 9 Web, HTTP og IIS Applikasjonslaget i Internett Web protokollen: HTTP Webtjeneren IIS Utskrift med HTTP i Internett Pensum Kvisli: Windows Server og datanett, Kap.
DetaljerI denne oppgaven blir du introdusert for programmeringsspråket JavaScript. Du skal gjøre den klassiske oppgaven Hei verden, med en katt.
JS: Hei JavaScript! Skrevet av: Arve Seljebu Kurs: Web Tema: Tekstbasert, Nettside Fag: Programmering Klassetrinn: 8.-10. klasse, Videregående skole Introduksjon I denne oppgaven blir du introdusert for
DetaljerHTML og relasjonsdatabaser med PHP
HTML og relasjonsdatabaser med PHP Oppgaveveiledning Kent Dahl Informasjonsbehandling Brukersystemer Orkdal videregående skole (7. mars 2004) Innholdsfortegnelse 1. Introduksjon...2 1.1.
DetaljerKapittel 1. Datamaskiner og programmeringsspråk. 1.1 Programmering
Kapittel 1 Datamaskiner og programmeringsspråk Dette kapitlet er en kort introduksjon til programmering. Vi vil se på hvordan man skriver, bygger og kjører programmer, samt illustrere noen sentrale programmeringsbegrep
DetaljerGrunnleggende om websider og HTML-kode
Grunnleggende om websider og HTML-kode Html er et språk / en standard som brukes for å gi instrukser til nettlesere om hvordan ulike elementer på en webside skal fortolkes og presenteres for en sluttbruker.
DetaljerBrukerveiledning for http://nyhetsbrev.us/ For å opprette en ny bruker vennligst send en epost til post@wam.no
Brukerveiledning for http://nyhetsbrev.us/ For å opprette en ny bruker vennligst send en epost til post@wam.no Innlogging 3.. Skriv inn url-adressen til nyhetsbrev.us i nettleseren. Du kan eventuellt skrive
DetaljerInnstallasjon og oppsett av Wordpress
Del 1 - Installasjon og oppsett Innstallasjon og oppsett av Wordpress Wordpress har blitt en veldig populær publiseringsplattform for websider. Uten særlige tekniske ferdigheter kan man sette opp profesjonelle
DetaljerPresentasjon av hovedprosjekt ved HIST Nettbutikk www.midt-svartdal.no
Presentasjon av hovedprosjekt ved HIST Nettbutikk www.midt-svartdal.no Hovedprosjekt 2008 av Audun M. Solheim, student HIST/BAIN, audun@c2i.net Oppdragsgiver:Bjørg Minnesjord Solheim, bjorg@midt-svartdal.no
DetaljerVEILEDER MOTTA FJERNHJELP
VEILEDER MOTTA FJERNHJELP INNLEDNING Denne veilederen beskriver hvordan du som skal motta fjernhjelp skal bruke tjenesten. Veiledningen er delt opp i to deler, "Support" og "Access", der hver del beskriver
DetaljerSide 1. Sniggabo CMS brukermanual rev. 2
Side 1 Sniggabo CMS brukermanual rev. 2 INNHOLDSFORTEGNELSE Logg inn... 3 Menylinje... 3 Artikkelliste... 4 Ny artikkel... 5 Aktiviteter... 8 Rediger aktivitet... 9 Dokumenter... 9 Nytt dokument... 10
DetaljerJavaServer Pages (JSP)
JavaServer Pages (JSP) Forelesning 1 Klient/tjener-systemer, installasjon av tjener, og intro til JSP. Statisk Web = HTML Overskrift
DetaljerKapittel 1: Datamaskiner og programmeringsspråk
Kapittel 1: Datamaskiner og programmeringsspråk Redigert av: Khalid Azim Mughal (khalid@ii.uib.no) Kilde: Java som første programmeringsspråk (3. utgave) Khalid Azim Mughal, Torill Hamre, Rolf W. Rasmussen
DetaljerINTRODUKSJON HVEM ER DETTE FAGET FOR?...
Avdeling for informatikk og e-læring, Høgskolen i Sør-Trøndelag Kom i gang med PHP Svend Andreas Horgen Lærestoffet er utviklet for faget IINI3003 Webprogrammering med PHP Resymé: Denne leksjonen skal
DetaljerSlå på eller av webdiskusjoner
Slå på eller av webdiskusjoner I Microsoft Internet Explorer 4.0 og senere versjoner kan du la funksjonen webdiskusjoner være på, eller du kan slå den av. Du kan slå på webdiskusjoner ved å klikke Diskuter
DetaljerHØGSKOLEN I SØR-TRØNDELAG
HØGSKOLEN I SØR-TRØNDELAG Avdeling for informatikk og e-læring Kandidatnr: Eksamensdato: 17.desember 2001 Varighet: 0900-1300 Fagnummer: LV192D Fagnavn: Web-programmering med ASP Klasser: 1hsf Vekttall:
DetaljerKom i gang med. Åpne nettleseren, gå til: Velg «New Project».
Kom i gang med micro:bit er en mikrokontroller, en liten datamaskin som kan programmeres til å fungere sammen med knapper, motorer, sensorer, høgtalere, lysdioder, osv. Åpne nettleseren, gå til: https://makecode.microbit.org
DetaljerJavascript. Mer om layout
Javascript. Mer om layout Kirsten Ribu 04.10.04 Kirsten Ribu - Webpublisering - HiO -2004 1 Men først. Hvordan går det med klasser og blokker? Hjalp det med mailene? Litt mer om klasser og blokker ;-)
DetaljerHØGSKOLEN I SØR-TRØNDELAG
HØGSKOLEN I SØR-TRØNDELAG Avdeling for informatikk og e-læring - AITeL Kandidatnr: Eksamensdato: 11. mai 2004 Varighet: Fagnummer: Fagnavn: Klasse(r): 3 timer LV197D Webprogrammering med PHP FU Studiepoeng:
DetaljerVEILEDER MOTTA FJERNHJELP
VEILEDER MOTTA FJERNHJELP INNLEDNING Denne veilederen beskriver hvordan du som skal motta fjernhjelp skal bruke tjenesten. Veiledningen er delt opp i to deler, "Support" og "Access", der hver del beskriver
DetaljerHTML: Publiser nettsiden din. Publiser nettsiden din på Internett. Github. Brukernavn.github.io
HTML: Publiser nettsiden din Publiser nettsiden din på Internett Nå har du laget ditt eget nettsted. Du ønsker vel å vise det frem, gjør du ikke? Erfaren Web Husker du servere fra den første økten? Servere
DetaljerBAAN IVc. BAAN Data Navigator - Brukerhåndbok
BAAN IVc BAAN Data Navigator - Brukerhåndbok Utgitt av: Baan Development B.V. P.O.Box 143 3770 AC Barneveld The Netherlands Trykt i Nederland Baan Development B.V. 1997. Med enerett. Informasjonen i dette
DetaljerSteg 1: Regneoperasjoner på en klokke
Diffie-Hellman nøkkelutveksling Skrevet av: Martin Strand Kurs: Python Tema: Tekstbasert, Kryptografi Fag: Matematikk, Programmering Klassetrinn: 8.-10. klasse, Videregående skole Introduksjon Du har tidligere
DetaljerHTML: Del inn nettsiden
HTML: Del inn nettsiden Erfaren Web Introduksjon Målet med denne oppgaven er å lære hvordan man kan organisere en nettside ved å dele den inn med forskjellige tagger. Dersom du ikke er kjent med tagg-strukturen
DetaljerTDT4110 Informasjonsteknologi, grunnkurs Uke 35 Introduksjon til programmering i Python
TDT4110 Informasjonsteknologi, grunnkurs Uke 35 Introduksjon til programmering i Python Professor Guttorm Sindre Institutt for datateknikk og informasjonsvitenskap Læringsmål og pensum Mål Vite hva et
DetaljerDel 1: Overgang fra gammel hjemmeside til ny hjemmeside
Del 1: Overgang fra gammel hjemmeside til ny hjemmeside Instituttsider og personlige hjemmesider som ligger på HFs egen webserver skal nå fases ut.dette innebærer at alle som fortsatt har hjemmesider der,
DetaljerNår en bruker skriver sitt navn ("Ole") i et form-element med name="fornavn" som attributt. klikker på submit-knappen
Når en bruker skriver sitt navn ("Ole") i et form-element med name="fornavn" som attributt klikker på submit-knappen [Kurssidene] [ ABI - fagsider bibin ] Michael Preminger (michaelp@hio.no) 09/09-16...
DetaljerBachelorprosjekt 2015
Bachelorprosjekt 2015 Høgskolen i Oslo og Akershus Tam Ha (s171513) Arslan Yousaf (s189135) Gabriel Noraker Alfarrustad (s161910) Eivind Lund (s180381) Phillip Padiernos Næss (s162951) Forprosjekt Prosjektets
DetaljerHva er programmering?
6108 Programmering i Java Leksjon 1 Introduksjon til programmering og til Java Hva er programmering? 1. Hva er et program? 2. Hva skal programmeres? 3. Hva er en programmerer? Programmering i Java - Leksjon
Detaljerif-tester Funksjoner, løkker og iftester Løkker og Informasjonsteknologi 2 Læreplansmål Gløer Olav Langslet Sandvika VGS
Løkker og if-tester Gløer Olav Langslet Sandvika VGS 29.08.2011 Informasjonsteknologi 2 Funksjoner, løkker og iftester Læreplansmål Eleven skal kunne programmere med enkle og indekserte variabler eller
DetaljerStarthjelp for redaktører på nettstedet aurskoggata5.no
Starthjelp for redaktører på nettstedet aurskoggata5.no Bli redaktør For å endre eller legge til noe på nettstedet må du være registrert som bruker og ha fått tildelt en rolle som "redaktør". Trinn 1:
DetaljerI denne oppgaven blir du introdusert for programmeringsspråket JavaScript. Du skal gjøre den klassiske oppgaven Hei verden, med en katt.
Hei JavaScript! Introduksjon Web Introduksjon I denne oppgaven blir du introdusert for programmeringsspråket JavaScript. Du skal gjøre den klassiske oppgaven Hei verden, med en katt. Steg 1: Bruke JS Bin
DetaljerInf109 Programmering for realister Uke 5. I denne leksjonen skal vi se på hvordan vi kan lage våre egne vinduer og hvordan vi bruker disse.
Inf109 Programmering for realister Uke 5 I denne leksjonen skal vi se på hvordan vi kan lage våre egne vinduer og hvordan vi bruker disse. Før du starter må du kopiere filen graphics.py fra http://www.ii.uib.no/~matthew/inf1092014
Detaljerdatatyper Hva er programmering? Variabler og Informasjonsteknologi 2 Kompetansesemål
Variabler og datatyper Gløer Olav Langslet Sandvika VGS Høst 2012 Informasjonsteknologi 2 Hva er programmering? Når du skal bake en kake følger du gjerne en oppskrift. Først er det beskrevet hva kaken
DetaljerInstallere JBuilder Foundation i Windows XP
Installere JBuilder Foundation i Windows XP Installasjon av JBuilder Foundation på Windows (dekker her spesifikt fremgangen ved bruk av Microsoft Windows XP Professional, men det vil mest trolig ikke være
DetaljerBruk av kildeavskrifter som er merket med grønn kule
www.slektshistorielaget.no Bruk av kildeavskrifter som er merket med grønn kule Hvorfor er dette nyttig? De aller fleste av avskriftene som er markert med grønn kule er lagret i databaser på lagets hjemmeside
DetaljerBrukerveiledning Windows Movie Maker
Brukerveiledning Windows Movie Maker Dette er en enkel veiledning i hvordan man kan bruke Windows Movie Maker.Det er et program som følger med Windows XP, og som er veldig enkelt å bruke. Det egner seg
Detaljer1. Programmering: Hva og hvorfor? Scratch fra scratch Enkel programmering for nybegynnere
1. Programmering: Hva og hvorfor? 1. Programmering: Hva og hvorfor? Du har nå valgt å lære deg å programmere. Gratulerer med et flott valg! Programmering er en allsidig og nyttig aktivitet, og det er et
DetaljerWeb fundamentals. Web design. Frontend vs. Backend 17.01.2008. Webdesign 17. januar 2008 3. Monica Strand
Web fundamentals Webdesign 17. januar 2008 Monica Strand Webdesign 17. januar 2008 1 Web design Fagområdet Web design inneholder flere disipliner Grafisk design Informasjonsdesign Brukergrensesnittdesign
DetaljerMUS2830 - Interaktiv Musikk
MUS2830 - Interaktiv Musikk Oppsummering 13 november 2014 Hvorfor studere interaktiv musikk? Oppdage nye musikalske uttrykk (F.eks. har flere laptop- og mobilorkestre oppstått de siste årene) Gjøre musisering
DetaljerSteg 1: Vi starter fra toppen
CSS: Layout Skrevet av: Lars Klingenberg Kurs: Web Tema: Tekstbasert, Nettside Fag: Programmering, Teknologi Klassetrinn: 8.-10. klasse, Videregående skole Introduksjon Målet med oppgaven er å lære hvordan
DetaljerInfoRed Publisering. - produktbeskrivelse. TalkPool WebServices Postboks Åneby
InfoRed Publisering - produktbeskrivelse www.talkpool.no TalkPool WebServices Postboks 90 1484 Åneby InfoRed Produktbeskrivelse 2 Sammendrag InfoRed Publisering er produktet for å administrere en hel informasjonstjeneste,
DetaljerHurtigstartveiledning
Hurtigstartveiledning Microsoft OneNote 2013 ser annerledes ut enn tidligere versjoner, så vi har laget denne veiledningen for å hjelpe deg med å redusere læringskurven. Veksle mellom berøring og mus Hvis
Detaljer6107 Operativsystemer og nettverk
6107 Operativsystemer og nettverk Labøving 5 Transportlaget: porter, forbindelser og pakkeformater Introduksjon I denne øvingen skal du studere TCP-protokollen og hvordan TCP etablerer og lukker forbindelser
DetaljerArgumenter fra kommandolinjen
Argumenter fra kommandolinjen Denne veiledningen er laget for å vise hvordan man kan overføre argumenter fra kommandolinjen til et program. Hvordan transportere data fra en kommandolinje slik at dataene
DetaljerSteg 1: Hente grafikk fra nettet
Scratch King Kong Skrevet av: Samuel Erik Abildsø og Geir Arne Hjelle Kurs: Scratch Tema: Blokkbasert, Spill, Animasjon Fag: Engelsk, Kunst og håndverk, Matematikk, Programmering Klassetrinn: 1.-4. klasse,
DetaljerInstallasjon av webtjener
Installasjon av webtjener Installasjon/Konfigurering Installasjon av webtjener Oppsett av kataloger som skal være tilgjengelig på web Spesifisering av aksesskontroll - i henhold til sikkerhetspolitikk
DetaljerVeiledning hjemmeside Stjørdal Friidrettsklubb
Veiledning hjemmeside Stjørdal Friidrettsklubb Hjemmesida med adressen www.sfik.no er åpen for alle. Hvis du skal publisere et innlegg på hjemmesida må du logge deg inn med brukernavn og passord. Dette
DetaljerAdministrering av SafariSøk
Administrering av SafariSøk Administrering av SafariSøk Revisjonshistorie Revisjon $Revision: 1.6 $ $Date: 2003/08/05 12:44:02 $ Innholdsfortegnelse 1. Om programmet... 1 Generelt... 1 2. Fremgangsmåter...
DetaljerBrukermanual for administrasjonsverktøy Gruppe: 08-03
Brukermanual for administrasjonsverktøy Forord Denne manualen dekker administrasjonsgrensesnittet til applikasjonen. Den er tiltenkt personene som skal legge inn data, men kan også være til hjelp for de
DetaljerKapittel 1: Datamaskiner og programmeringsspråk
Kapittel 1: Datamaskiner og programmeringsspråk Redigert av: Khalid Azim Mughal (khalid@ii.uib.no) Kilde: Java som første programmeringsspråk (3. utgave) Khalid Azim Mughal, Torill Hamre, Rolf W. Rasmussen
DetaljerInnhold. ailæring Lage/endre leksjon. Innledning Lage en leksjon Legge inn tekst, kulepunktliste og bilde... 6
Lage/endre leksjon 1 Innhold Innledning... 2 Lage en leksjon... 3 Legge inn tekst, kulepunktliste og bilde... 6 Kopiere og lime inn tekst fra andre programmer... 10 Bygge inn en video... 10 Sette inn hyperkobling...
DetaljerINF109 - Uke 1a
INF109 - Uke 1a 19.01.16 NOTE: Download the latest version of python: 3.5.1. 1 Introduksjon 1.1 Goodbye world! For å komme i gang, start IDLE fra Start Programs Python3.5.1 IDLE. (Varierer litt fra datamaskin
DetaljerOperativsystemer og grensesnitt
Operativsystemer og grensesnitt Ulike måter å bruke OS'et på Application Program Interface (API) Applikasjoner (ofte C-programmer) som f.eks. emacs, som bruker tjenestene i OS ved å kalle på funksjoner
Detaljer