Gruppe prosjekt del 3. INFO134 Klientprogrammering Vår 2017 Kandidatnummer: 304, 298
|
|
- Torild Gundersen
- 6 år siden
- Visninger:
Transkript
1 Gruppe prosjekt del 3 INFO134 Klientprogrammering Vår 2017 Kandidatnummer: 304, 298
2 Del 1 Forholdet mellom HTML, JavaScript og MongoDB HTML, er et markeringsspråk for hypertekst. HTML benyttes for å strukturere informasjon og vektlegger det semantiske i et dokument. Javascript et programmeringsspråk som ofte er brukt for å legge til et interaktivitet og dynamikk på nettstedet. Javascript kjører både på klientmaskinen hos en bruker men kan også kjøres fra en server eller begge samtidig. Ved bruk av Javascript kan en lage, hente ut og manipulere elementer i HTML. Javascript benyttes for å koble til MongoDB serveren og hente ut, endre og legge til informasjon. JSON kan benyttes som en struktur i MongoDB, istedenfor å hente ut eller iterere igjennom databasen hver gang kan man aksessere direkte til objektet man er ute etter. Objektsamlingen blir lagret som en collection og separert hver for seg som ulike documents i kolleksjonen. REST API (REpresentational State Transfer Application Interface) er en måte å distribuere hypermedia systemer og gi interoperabilitet mellom datasystemer på internett. Det er altså et applikasjonsprogramgrensesnitt som bruker HTTP forespørsler for å GET, PUT, POST og DELETE data. Hvordan koden finner film id en bruker har lånt I index.html kjøres det en onload funksjon som ber javascript om å utføre setup_frontpage() metoden i det siden lastes. Denne metoden kjører først en XMLHttpRequest til MongoDB databasen for å hente ut ( GET ) data fra en gitt brukerprofil som befinner seg i profiles kolleksjonen. Den filtrerer på brukernavn og legger til hvilken bruker det er snakk om i URL en, som er en lokal variabel (current_user = bruker1 ) i dette tilfellet. Javascript spesifiserer at datane skal hentes ut i JSON format ved xhr.responsetype = "json";. Dataene blir så lagret i en array profile som blir jobbet med videre. Index.html har en ul (unsorted list) tag med id mine_lån. Denne listen blir hentet og addressert til en loans_list variabel. Videre vil det sjekkes om det finnes en loans_list og en for løkke kjører gjennom alle movie_id_index som finnes i profile.loans arrayet til bruker1. For hver eneste film id som finnes i bruker1 s lån blir det generert HTML liste elementer og textnoder med ID en til disse filmene. Hvordan informasjon om en gitt film blir hentet I show_movie.js kjøres det en window.onload funksjon som betyr at koden utføres i det siden show_movie.html lastes i browseren. Først blir det sjekket etter om det finnes en ID i det hele tatt og hvis det gjør det, kjøres en GET funksjon i collection objects med ID en til filmen fra query_params.id. Data formatet blir returnert som JSON og lagret i en array movie_object som det jobbes videre med.
3 Show_movie.html har en table med id movie_stat_table som består av en table row med to kolonner Key og Value. Javascript adresserer movie_stat_table til en variabel stats_table og en for løkke itererer igjennom alle keys i movie_object. Key blir plassert i en left variabel og tilhørende values blir plassert i en right variabel. Til slutt blir en funksjon add_row() kalt og denne metoden genererer elementer og data til HTML tabellen movie_stat_table. Enkelt beskrevet blir HashMap dataene fra databasen hentet av javascript i JSON format, lagret i en array for så at javascript genererer HTML elementer og fyller disse med dataene som er hentet. HTML som er blitt generert blir lest av en nettleser og presenterer det visuelle og semantiske resultatet. Del 2 Vi ville ikke endret så mye på HTML da vi føler den er ryddig og semantisk nok til at vi kan hente og opprette nye HTML elementer med JavaScript uten problemer. Det som er rotete og uvoersiktelig i koden vår er koblingen i <head> mot script filene, det burde vært gjort enklere og visse <script> koblinger er overflødige. I JavaScript ville vi kjørt query_params.js, script.js, search_results og show_movie på klient-maskin og hentet ut data fra wildboy hvor det fantes en collection med filmer representert som documents og det samme for reviews.js. Genres.js, object.js, reviews.js ville derfor ikke vært med i neste programmeringsfase. Tidligere har vi jobbet mot en lokal JSON fil, men dette er tungvindt da den itererer gjennom alle filmer for å finne treff. Vi vil derfor koble oss opp mot wildboy serveren ved hjelp av javascript, REST API og HTTP requests. Da kan vi gå direkte til filmobjektet uten å hente ut alle. Vi ville gjort oppkobling på onload og hentet ut datane å lagret de i array variabler. Deretter ville vi brukt de metodene vi har fra før til å iterere over disse variablene og sortere dataene. Til slutt brukt JavaScript til å finne og generere nye HTML elementer med dataene vi har lagret og sortert.
4 Del 3 index.html Dette er hovedsiden/index ( home ) som brukeren får ved første øyekast. Denne siden innholder en liste over nye filmer som har kommet ut, sist leid av den fiktive brukeren og anbefalinger. Klikker man på en film blir man videreført til show_movie.html. Filmene blir hentet fra object.js som filtreres via query_params.js. Oppe i navigasjonsfeltet er det linker for å navigere rundt på nettsiden. Via home kommer man tilbake til index, log ut er en fiktiv utloggingsmulighet for brukeren, my movies innholder en liste over filmer som brukeren låner, advance search gir muligheter for å søke etter skuespeiller, sjanger, regissør m.m. Trykker man på brukerikonet så blir man ført til my_movies.html, som er en liste over brukerens lånte filmer og en liste over ønskede lån. Det er viktig å poingtere at navigasjonen er lik hos alle html filene. Man kan søke etter tittelen på en film, da blir man videreført til search_restults.html. Her får man et eller flere valg av film cover, avhengig av søket. search_results.html Man kommer til search_results ved å klikke på en film i index.html, eller ved å klikke på en film etter å ha søkt. På siden kan brukeren får man en del informasjon om filmen, som tittel, cover, beskrivelse av filmen, informasjon om regissør, år, skuespillere, språk, tid og land. Det er muligheter for å kommentere og gi vurdering av film, men disse egenskapene er ikke koblet opp mot en database så informasjonen blir ikke lagret, men er til for å videreutvikling. Search_results.html bruker query_params.js, search_results.js, objects.js og, script.js og genres.js. advanced_search.html Her kan man gjøre et mer avansert søk på filmer hvis man ønsker å spesifisere søket litt mer. Her kan man gjøre søket på tittel, skuespiller, regissør, sjanger og land. Man blir videreført til search_results.html. show_movie.html I show_movie.html er det forskjellige elementer med id som show_movie.js filen skal hente informasjonen, og plassere for eksempel tittelen fra object.js, som er lagt inn som en otitle i filen. Fordi object.js er en query fil som innhold en ikke hierakisk databse, så ordner query_params.js slik at dataene blir leselige komponenter når koden kjøres og det blir mulig å
5 hente ut de nødvendige dataene. Brukeren blir presentert med et cover og en Add to list knapp som gjør det mulig for brukeren å legge filmer i my_movies.html hvis dette er en film brukeren ønsker å se i senere etterkant. Brukeren informasjon om filmen, regissøren(e), år, skuespillerne, orginal tittel, spilletid og land. Man får også mulighet til å kommentere filmen og gi en rating fra 1 til 5 stjerner. my_movies.html Her får man en oversikt over filmer som brukeren ønsker å leie og filmer som allerede blir leid. Script-mappe show_movie.js Alle elemente på siden blir generert kontinuerlig, med document.createelement(), og appender/legger inn som datterelement av description (show_movie.js, linje 41). Nesten alle elementene blir generert på lik linje med strukturen vi hadde fra oblig 1, dette gjør det også enklere å style. Ikke alle filmene har trailere, så skripten ser om id en er blank, hvis den er en id så vil elementer genereres for å vise brukeren en YouTube trailer. genres.js genres.js holder holder på en liste av objekter er alle film id ene som har en sjanger i seg og som blant annet brukes for å vise brukeren hvilke sjanger den angitte filmen innholder. Ikke alle filmer har sjanger reigstrert. object.js objects.js har innholder objekter av filmer med ulik informasjon om hver film. Denne filen blir brukt i nesten alle html filene fordi den innholder informasjon som blir hentet om hver enkelt film. Hver enkelt film har en egen id, året, tittelen, beskrivelse, lengde, regissør(er), skuespillere, språk og land. query_params.js Fra denne filen så hentes det ut objekter som baserer seg på URL en. Den tar utgangspunkt i hvilke felter som man legger inn i søket og henter ut søkeparameter. Denne filen brukes i blant annet i search_results.html og search_results.js.
6 script.js Når index.html åpnes så kjøres script.js ved å hente id en til de ulike elementene som recommendation, last_rentals og test. Får de ulike id ene så kjøres en for-each løkke som filtrerer filmene og snevrer det ned til et par filmer og legger dem i de angitte variablene. Videre så hentes coverne fra JavaScripten skaper et nytt element til de ulike bildene med angitt url og kobler sammen film id/movie.id med bildet for å vise brukeren. Hvilke film det gjelder. JavaScript koden blir blant annet brukt i sammenheng med å kunne søke på filmer via search_results.js, dette er ved hjelp av createmovie funksjonen som generer bilder. search_results.js Denne filen benyttes når en bruker gjennomfører et vanlig søk eller et avansert søk. Ved å gjennomføre et vanlig søk kan brukeren kun søke etter filmtittel og ved avansert søk kan flere parameter søkes på samtidig. Dette gjelder skuespiller, tittel, regissør, sjanger eller land. Filen henter ut informasjonen og presenterer den i search_results.html. Fonts-mappe Awesome.ttf En font som benyttes til å style tekst. Raleway.ttf Font som brukes for å style tekst Images-mappe Images mappen innholder to.png filer, profile.png og search.png. Profile.png blir brukt for å refere til my_movies.html og skal illustrere at brukeren er pålogget. Search.png brukes til for å vise brukeren hvor det er mulig å søke på filmer. Man er godt kjent med at en lupe står for søk, og vi ønsker å appellere til den forkunnskapen brukeren har.
7 CSS-mappe style.css CSS filen innholder all kode som hjelper til for å style Movie Mundo. Den tar utgangspunkt i full display, men er også responsiv opp mot mobiltelefoner. Selv om nettsiden blir presentert dynamisk så vil style.css likevel style elementene som blir generert.
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.
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,
DetaljerNCE TOURISM FJORD NORWAY. FJORDNETT INTERNETTFORUM 2012 Bergen, 12./13. juni 2012
NCE TOURISM FJORD NORWAY FJORDNETT INTERNETTFORUM 2012 Bergen, 12./13. juni 2012 HACKERS HOUR Hvor langt kommer vi med FjordNett rammeverket? Html CSS Javascript Hva er bestanddelene av en nettside? Html
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
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
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
Detaljerlagring med HTML5 Offline lagring Offline Informasjonsteknologi 2 Gløer Olav Langslet Sandvika VGS
Offline lagring med HTML5 Gløer Olav Langslet Sandvika VGS Leksjon 8 Informasjonsteknologi 2 Offline lagring I IT1 brukte vi databaser til å lagre data. Der kunne vi bygge tabeller og fylle dem med innhold
DetaljerProduktdokumentasjon. Madison Møbler Administrasjonsside og Nettbutikk
Produktdokumentasjon Madison Møbler Administrasjonsside og Nettbutikk 1 1. Forord 1.1 Dokumentasjonen Dette er en teknisk dokumentasjon på produktet som er utviklet. Denne er tiltenkt personer med teknisk
Detaljer- reklamebannere mobil og tablet
Spesifikasjoner - reklamebannere mobil og tablet FINN.no Versjon 2.4 Sist oppdatert 16.08.2013 1. Innhold Innhold Introduksjon Målsetning Spesifikasjoner HTML Fysisk størrelse 225 px* Eksempler Størrelser
DetaljerInnholdsfortegnelse. 1. Testing Feiltesting av koden Funksjonstesting: Kilder.10
1 Innholdsfortegnelse 1. Testing... 3 1.1 Feiltesting av koden... 3 1.2 Funksjonstesting:... 7 2. Kilder.10 2 1. Testing Testing av et system er nødvendig for å finne ut om systemet fungere slik det skal
DetaljerEn beskrivelse av API for innhenting av informasjon fra registeret for sentralt godkjente foretak Direktoratet for byggkvalitet
API- dokumentasjon En beskrivelse av API for innhenting av informasjon fra registeret for sentralt godkjente foretak Direktoratet for byggkvalitet Direktoratet for byggkvalitet Side: 2 av 7 Innhold 1 INNLEDNING...
DetaljerDobbelklikk på program-ikonet!
En hjemmeside kan lages i hvilket som helst enkelt tekstbehandlingsprogram (som f.eks. Notepad i Windows eller EnkelTekst på en Mac). Forutsetningen for å kunne gjøre dette er at man behersker html. Html
DetaljerAlle publiserte nyheter arkiveres i kategorier som du selv oppretter, Det gir deg en ryddig oversikt i arkivet senere.
PUBLISERING Som innlogget bruker får du tilgang til publiseringsfunksjoner... ABC for publisering Overskrift Ingress Ingressbilde Hovedtekst Widget Visning Verktøy Annet Alle publiserte nyheter arkiveres
DetaljerOblig 4 Undervisningshefte i grunnleggende JavaScript programmering
Oblig 4 Undervisningshefte i grunnleggende JavaScript programmering Innhold: Variabler Boolske verdier Kontrollstrukturer Datastrukturer Løkker Funksjoner Events DOM behandling av Christine Skjønhaug Færø
DetaljerSUKKERGRIS. Anita og Silje DAT100
SUKKERGRIS Anita og Silje DAT100 I NNHOLD 1. Innledning... 2 2. Beskrivelse av Sukkergris... 3 2.1 Struktur og grafisk design... 3 2.1.1 Sidens oppbygning... 3 2.1.2 CSS og Grafisk design... 4 2.2 Oversikt
DetaljerOblig 1. Oppgave 1. Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak.
Oblig 1 Oppgave 1 Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Problemer med arngren.net: 1. Nettsiden er SYKT uoversiktlig! 2. Det er
DetaljerAlt er objekter. Læreplansmål. Gløer Olav Langslet Sandvika VGS
Alt er objekter Gløer Olav Langslet Sandvika VGS Høst - 2012 Informasjonsteknologi 2 Alt er objekter Se for deg en bil. Den har noe som er felles for alle biler. Den har hjul, ratt, og en motor. Læreplansmål
DetaljerInnledende Analyse Del 1: Prosjektbeskrivelse (versjon 2)
Innledende Analyse Del 1: Prosjektbeskrivelse (versjon 2) Iskra Fadzan og Arianna Kyriacou 25.mars 2004 Innhold 1 Hovedmål 2 2 Mål 2 3 Bakgrunn 3 4 Krav 4 1 1 Hovedmål I dette prosjektet skal vi se nærmere
DetaljerI Primo Back Office, finn Resource Recommender under Advanced Configuration eller i FE & Delivery-menyen.
Resource Recommender Med Resource Recommender kan du foreslå databaser, nettsider eller bestemte bibliotekarer til brukeren, basert på bestemte søkeord som du setter opp selv som en del av konfigureringen.
Detaljerpraktiske eksempler DOM Document Object Model DOM og Høst 2013 Informasjonsteknologi 2 Læreplansmål Gløer Olav Langslet Sandvika VGS
DOM og praktiske eksempler Gløer Olav Langslet Sandvika VGS Høst 2013 Informasjonsteknologi 2 DOM Document Object Model Læreplansmål Eleven skal kunne programmere med enkle og indekserte variabler eller
DetaljerEKSAMEN (Konvertert fra en gammel PHP-eksamen)
EKSAMEN (Konvertert fra en gammel PHP-eksamen) Emnekode: Emne: ITF10208 Webprogrammering 1 Dato: Eksamenstid: 07/12-2010 09.00-13.00 Hjelpemidler: 2 A4 ark (4 sider) med egenproduserte notater (håndskrevne/maskinskrevne)
Detaljernotater Gule lapper Mine Et praktisk eksempel med objekter IT2 Læreplansmål Gløer Olav Langslet Sandvika VGS
Mine notater Gløer Olav Langslet Sandvika VGS Et praktisk eksempel med objekter Vi kjenner alle til korktavlen med gule lapper. Vi henger opp en lapp for at vi selv eller andre skal huske eller bli minnet
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,
DetaljerOblig 3 Webutvikling. Oppgave 1
Oblig 3 Webutvikling Oppgave 1 Ta for deg en selvvalgt bedrift (gjerne lokal/mindre) og tenk deg at du hadde fått i oppgave å være en SEOkonsulent for disse i én uke. På denne uken skulle du gjennomført
DetaljerProduktinfo WebService. integrasjonsbeskrivelse
Produktinfo WebService integrasjonsbeskrivelse Innhold PRODUKTINFO WEBSERVICE 1 INTEGRASJONSBESKRIVELSE 1 DOKUMENTINFORMASJON 3 1. ARKITEKTUR OG TEKNOLOGI 4 1.1. ARKITEKTUR OG DATAFLYT 4 1.2. TEKNOLOGI
DetaljerTest Beskrivelse Resultat Innhenting CBIS Programmet mottar data fra CBIS OK, men kun. Innhenting Tellus Programmet mottar data fra Tellus OK
Forord Denne testrapporten beskriver testingen som har blitt utført i løpet av prosjektet. Vi har gjennom hele utviklingsprosessen testet koden manuelt ved hjelp av debugging og ved kjøring med sammenligning
DetaljerVeiledning Claw 2 CMS Innhold
Veiledning Claw 2 CMS Innhold Pålogging:...2 Knapper for redigering:...3 Sett inn bilde:...3 Endre filstørrelse på bilder:...5 Bildeegenskaper:...6 Sett inn tabell:...7 Link:...8 Anker:...9 Tekst:... 10
DetaljerHvordan lage en hjemmeside
Hvordan lage en hjemmeside En kort introduksjon til produksjon, editering og publisering av Torbjørn Meling Introduksjon Vi skal nå gå gjennom noen steg som forklarer med tekst hvordan man kan bruke Microsoft
DetaljerIntroduksjon til. For studenter ved NTNU
Introduksjon til For studenter ved NTNU Oppdatert Høst 2010 Ansvarlig for dokumentet Berit Danielsen Løvås, NTNU Berit.d.lovas@ntnu.no Brukerstøtte og hjelp, it s learning: orakel@ntnu.no Introduksjon
DetaljerOBLIG 1 - WEBUTVIKLING
OBLIG 1 WEBUTVIKLING Oppgave 1 Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak. Problemer med funksjonalitet / bruk Uoversiktlig side For
DetaljerInnføring i bruk av CGI4VB
Innføring i bruk av CGI4VB Her kommer en enkel innføring i bruk av modulen CGI4VB som kan benyttes for å lage CGI programmer i Visual Basic. CGI er en forkortelse for Common Gateway Interface den kommunikasjonsprotokollen
DetaljerKravspesifikasjon Gruppe nr ABTF
1 Presentasjon Tittel: Web-løsning for ABTF Utvikle en Web-løsning helt fra bunnen av, samt med en Oppgave: plattform som gir underviseren muligheten til å veilede og følge opp sine elever gjennom kurset.
DetaljerErlend Oftedal. Risiko og sikkerhet i IKT-systemer, Tekna
Sikkerhet i Web 2.0 Erlend Oftedal Risiko og sikkerhet i IKT-systemer, Tekna Hva er spesielt med Web 2.0? Innhold fra flere kilder Sosiale nettsteder med brukergenerert innhold Mashups gjerne med innhold
DetaljerOblig 1 Webutvikling av Jon-Håkon Rabben
Oblig 1 Webutvikling av Jon-Håkon Rabben Oppgave 2 og 3) http://www.it-stud.hiof.no/~jhrabben/boxmodel.html Oppgave 6) http://www.it-stud.hiof.no/~jhrabben/oblig1oppg6.html Oppgave 1) Siden tar lang tid
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
DetaljerForprosjektrapport. Gruppe 26. Digitalt læreverktøy for Cappelen Damm
Hovedprosjekt i informasjonsteknologi 2016 Høyskolen i Oslo og Akershus Forprosjektrapport Digitalt læreverktøy for Cappelen Damm Gruppe 26 Sofia Aittamaa - s198580@stud.hioa.no Petter Lysne - s198579@stud.hioa.no
DetaljerEksamen i Internetteknologi Fagkode: IVA1379
Høgskolen i Narvik Side 1 av 5 Eksamen i Internetteknologi Fagkode: IVA1379 Tid: Mandag, 07.06.04, 9:00-12:00 Tillatte hjelpemidler: Alle trykte og skrevne hjelpemidler tillatt. Eksamen består av 4 oppgaver
DetaljerI denne oppgaven skal du lære hvordan du kan flytte rundt på elementer og gjemme elementene bak andre elementer ved hjelp av CSS.
CSS: Skjul ninjaene Skrevet av: Oversatt fra Code Club UK (//codeclub.org.uk) Oversatt av: Trude Martinsen Kurs: Web Tema: Tekstbasert, Nettside Fag: Matematikk, Programmering, Teknologi, Kunst og håndverk
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
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
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.
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
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.
DetaljerS y s t e m d o k u m e n t a s j o n
S y s t e m d o k u m e n t a s j o n Monitorering av produksjonsløyper ved Nasjonalbiblioteket - Project BAKE Utarbeidet av: Einar Wågan Kristian Akerhei Studium: Informasjonssystemer Innlevert: 26.5.2015
DetaljerOppsummering - Kurset (10/11-2015)
Oppsummering - Kurset (10/11-2015) Grunnleggende HTML... 1 Basic JavaScript... 2 Variabler:... 3 Operatorer:... 4 Klikkhendelser... 5 Kontrollstrukturer... 5 Valgsetninger... 5 Betingelser/påstander...
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...
DetaljerGoOnline Site Search
GoOnline Site Search Beskrivelse Innhold 1. Generelt a. Informasjon om dette dokumentet b. Versjon 2. Indeksering 3. Søk a. Indeksering av produkt b. Indeksering av ordinær side c. Indeksering mot 3.parts
DetaljerVeiviser for hvilke innstillinger som må gjøres før innsending dirkete til Altinn fra HogiaLønn og for å hente direkte fra Altinn for ett firma
10.07.2015 Veiviser for hvilke innstillinger som må gjøres før innsending dirkete til Altinn fra HogiaLønn og for å hente direkte fra Altinn for ett firma Hva kreves for å sende direkte til Altinn fra
DetaljerVeiviser for hvilke innstillinger som må gjøres før innsending direkte til Altinn fra HogiaLønn og for å hente direkte fra Altinn for regnskapskontor
10.07.2015 Veiviser for hvilke innstillinger som må gjøres før innsending direkte til Altinn fra HogiaLønn og for å hente direkte fra Altinn for regnskapskontor Hva kreves for å sende direkte til Altinn
DetaljerBachelorprosjekt i informasjonsteknologi, vår 2017
Bachelorprosjekt i informasjonsteknologi, vår 2017 Gruppe 29: Marthe Janson Skogen, s236357, Ingeniørfag - data Odd Einar Hoel, s236313, Ingeniørfag - data Forprosjektrapport Rapporten inneholder presentasjon,
DetaljerHvordan setteopp en wordpress site med wampserver. Lokal site på din pc.
Hvordan setteopp en wordpress site med wampserver. Lokal site på din pc. Av Thomas Gitlevaag Steg 1. Installasjon Steg 2. simpel utforsking av wordpress steg 3. Sette opp en veldig enkel side. Steg 1.
DetaljerCSS: Style nettsider. Introduksjon. Skrevet av: Arve Seljebu
CSS: Style nettsider Skrevet av: Arve Seljebu Kurs: Web Tema: Tekstbasert, Nettside Fag: Programmering, Teknologi Klassetrinn: 8.-10. klasse, Videregående skole Introduksjon Nå skal vi lære å endre på
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 ;-)
DetaljerQuickGuide Oppdateres fortløpende ved nye funksjoner
QuickGuide 27.09.18 Oppdateres fortløpende ved nye funksjoner 1.Dashboard Det første man blir presentert ved pålogging er dashbordet til WELS Base. Dette er fremdeles under utvikling og vil i fremtiden
DetaljerInnføring i bruk av CGI4VB
Innføring i bruk av CGI4VB Her kommer en enkel innføring i bruk av modulen CGI4VB som kan benyttes for å lage CGI programmer i Visual Basic. CGI er en forkortelse for Common Gateway Interface den kommunikasjonsprotokollen
DetaljerWEBUTVIKLING OBLIG 4. Installasjon
WEBUTVIKLING OBLIG 4 Installasjon 1. Jeg lastet ned MAMP gratis fra www.mamp.info og installerte på maskinen. Trykker så på Start Server og ser at det fungerer når Apache Server og MySQL Server lyser grønt.
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
DetaljerJavaScriptbibliotek. Introduksjon MVVC. Informasjonsteknologi 2. Gløer Olav Langslet Sandvika VGS
MVVC JavaScriptbibliotek Gløer Olav Langslet Sandvika VGS Knockout.js Informasjonsteknologi 2 Introduksjon I dag skal vi se nærmere på et JavaScriptbibliotek som heter Knockout. Knockout og andre biblioteker,
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
DetaljerRammer. Mer om Javascript
Rammer. Mer om Javascript LO130A Kirsten Ribu 11.10.2004 Kirsten Ribu - HiO - LO 130 A 1 I dag Om rammer (Frames) Mer om Javascript Kirsten Ribu - HiO - LO 130 A 2 Innledende om rammer (Frames) Med rammer
Detaljer6105 Windows Server og datanett
6105 Windows Server og datanett Labøving: Lokal brukeradministrasjon og profiler Oppgavebeskrivelse Her forklares kort hva øvingen går ut på for de som ønsker å finne løsningen selv. Hvis du ønsker punkt-for-punkt
Detaljer5XQH.MHOYLN )URQW3DJHRJGDWDEDVHU
5XQH.MHOYLN )URQW3DJHRJGDWDEDVHU Gyldendal Norsk Forlag ASA 2000 Dette materiellet er ment som et tillegg til læreboken FrontPage 2000 ISBN 82-05-26370-1. Tillegget bør leses i sammenheng med kapittel
DetaljerCASCADING STYLESHEETS (CSS)
CASCADING STYLESHEETS (CSS) HVA ER CSS Stylesheets er en metode for å flytte selve formatteringen av et HTML dokument ut av selve dokumentet og over i et eksternt regelsett. Dette skyldes HTMLs manglende
DetaljerHTML-del. 1. <!-- ikke slett min kode, vær så snill --> er a) en HTML stil-tag b) en CSS stil-tag c) en HTML kommentar-tag d) en CSS kommentar-tag
HTML-del 1. er a) en HTML stil-tag b) en CSS stil-tag c) en HTML kommentar-tag d) en CSS kommentar-tag 2. Grafisk elementer på web skal være a) 72 ppi b) 144
Detaljer3 Filstruktur. Slik ser filstrukturen til applikasjonen ut når den er lagt ut på server eller når den er deployet.
Driftsmanual - BAKE 1 Innledning Denne applikasjonen er skrevet i Spring framework og kjører på tomcat 7, og er avhengig av å ha kontakt med REST-tjenesten til produksjonsdatabasen. Det er lagt inn en
DetaljerUNIVERSITETET I OSLO
UNIVERSITETET I OSLO Det matematisk-naturvitenskapelige fakultet Eksamen i Eksamensdag: 12. desember 2008 Tid for eksamen: 9.00 12.00 Oppgavesettet er på 7 sider. Vedlegg: Tillatte hjelpemidler: INF2220
DetaljerStikkord: Java EE, EJB, JSF, JPA, SWT, klient/tjener, Glassfish server, Application Client.
Stikkord: Java EE, EJB, JSF, JPA, SWT, klient/tjener, Glassfish server, Application Client. Studenter: Magnus Skomsøy Bae, Marius Eggen, Magnus Krane Klasse: 3ING, Systemutvikling Produserer redaksjonelle
DetaljerKandidat nr. 1, 2 og 3
Kandidat nr. 1, 2 og 3 Rapport 1 IT202E Bacheloroppgave i Informatikk Vår 2011 Mobilapplikasjonsutvikling med Scrum 1 Innhold Innledning... 3 Overordnet Prosjektplan... 3 Produktbacklog... 5 Sprint planning
DetaljerOppgave 1. Webutvikling. Oblig 5. Sette opp WAMP og Wordpress. Først og fremst må man laste ned WAMP.
Webutvikling Oblig 5 Oppgave 1 Sette opp WAMP og Wordpress Først og fremst må man laste ned WAMP. Etter installasjonen, må man sette opp en database i phpmyadmin. Deretter laster man ned Wordpress fra
DetaljerManual for innlegging av standard sideinnhold og nyheter via «backend»
Manual for innlegging av standard sideinnhold og nyheter via «backend» 23.3.2006 Utarbeidet av: 2 Innlogging og beskrivelse av hovedelement i «backend» For å få tilgang til redigeringsmodul velges følgende
DetaljerOppsummering - Til nå... (1/ )
Oppsummering - Til nå... (1/10-2015) Grunnleggende HTML... 1 Basic JavaScript... 1 Variabler:... 2 Operatorer:... 3 Klikkhendelser... 4 Kontrollstrukturer... 5 Valgsetninger... 5 Betingelser/påstander...
DetaljerIN2000. Gjennomgang av tekniske oppgaver på prøveeksamen. Erlend Stenlund og Steffen Almås + innspill fra Gaute Berge
IN2000 Gjennomgang av tekniske oppgaver på prøveeksamen Erlend Stenlund og Steffen Almås + innspill fra Gaute Berge Hva er en Data Class i Kotlin? (1p) En data class er en klasse som brukes for å holde
DetaljerBrukermanual for Quizbuilder
Brukermanual for Quizbuilder 1. juni 2010 Innhold 1 Installasjon av Quizbuilder 2 1.1 Installasjon fra Kildekode........................ 2 1.2 Installasjon fra Zip-fil.......................... 2 2 Quizbuilder
DetaljerBrukerveiledning for programmet HHR Animalia
Brukerveiledning for programmet HHR Animalia Versjon 1.0 Rakkestad, 26.03.2014 Innholdsfortegnelse 1. Introduksjon... 3 2. Installasjon og oppgradering... 3 2.1 Nedlasting... 3 2.2 Oppdatering av operativsystem
DetaljerHøgskoleni østfold EKSAMEN. Emne: Innføring i programmering
Høgskoleni østfold EKSAMEN Emnekode: ITF10213 Emne: Innføring i programmering Dato:Eksamenstid: 11/12-20154 timer Hjelpemidler: 2 A4 ark (4 sider) med egenproduserte notater (håndskrevne/maskinskrevne)
DetaljerInstallasjon InfoMediaPlayer:
Installasjon InfoMediaPlayer: InfoMediaPlayer lastes ned fra: https://dl.dropboxusercontent.com/u/81046462/5.5.42.exe Dette er en executable RAR fil, så kjør filen og sett C:\InfoMedia som bane for utpakking.
DetaljerGenerell brukerveiledning for Elevportalen
Generell brukerveiledning for Elevportalen Denne elevportalen er best egnet i nettleseren Internett Explorer. Dersom du opplever kompatibilitets-problemer kan det skyldes at du bruker en annen nettleser.
DetaljerSystem Dokumentasjon. Team2. Høgskolen i Sørøst-Norge Fakultet for teknologi, naturvitenskap og maritime fag Institutt for elektro, IT og kybernetikk
System Dokumentasjon Høgskolen i Sørøst-Norge Fakultet for teknologi, naturvitenskap og maritime fag Institutt for elektro, IT og kybernetikk System Dokumentsjon 23/04/2018 Systemutvikling og dokumentasjon/ia4412
Detaljerhttps://nhh.itslearning.com/
e-læringssystemet https://nhh.itslearning.com/ Sist oppdatert 08.09.2009 10:07 1 1. Hva er It s Learning? It's Learning er et e-læringssystem hvor du finner elektronisk informasjon om alle våre kurs/studier,
DetaljerTilpassning av Wordpress - Enterprise Theme
Del 2 - Tilpassning Tilpassning av Wordpress - Enterprise Theme Del 1 var en gjennomgang av hvordan man setter opp det tekniske som kreves for å kjøre en Wordpress webside/blogg. Installere webserver (Apache)
DetaljerOblig 3 Webutvikling
Oblig 3 Webutvikling Oppgave 1 Ta for deg en selvvalgt bedrift (gjerne lokal/mindre) og tenk deg at du hadde fått i oppgave å være en SEO-konsulent for disse i én uke. På denne uken skulle du gjennomført
Detaljer6105 Windows Server og datanett
6105 Windows Server og datanett Labøving: DNS-tjener Oppgave a: Klientmaskinens primære DNS suffiks. Windows maskiner i et DNS-domene har ett primært DNS suffiks som angir hvilket DNSdomene maskinen tilhører.
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
DetaljerKapittel 13 Advanced Hypertext Implementation. Martin Lie Ole Kristian Heggøy
Kapittel 13 Advanced Hypertext Implementation Martin Lie Ole Kristian Heggøy 08.11.04 Forbedring av arkitektur Problem med alt i ett -løsning: Spredning av forretningslogikk. Avhengighet mellom presentasjonssider
DetaljerUNIVERSITETET I OSLO
UNIVERSITETET I OSLO Det matematisk-naturvitenskapelige fakultet Eksamen i INF1010 Objektorientert programmering Eksamensdag: 6. juni 2013 Tid for eksamen: 09.00 15.00 Oppgavesettet er på 5 sider. Vedlegg:
DetaljerIntroduksjon til. For studenter ved NTNU
Introduksjon til For studenter ved NTNU Oppdatert høsten 2012 Ansvarlig for dokumentet Berit Danielsen Løvås, NTNU Berit.d.lovas@ntnu.no Brukerstøtte og hjelp, itslearning: orakel@ntnu.no Introduksjon
DetaljerBrukerveiledning www.f3cnorge.info
Brukerveiledning www.f3cnorge.info Pålogging: Etter at du har logget på ser du en Menyblokk til venstre med brukernavnet ditt. I blokken finner du det du har tilgang til å gjøre på site n. Generelt om
DetaljerOppbygging av innhold på responsive nettsider.
Oppbygging av innhold på responsive nettsider. HTML og CSS er koder som forteller nettleseren hvordan strukturen og utseende på en nettside skal vises på skjermen din. Selv om du ikke ser kildekoden når
DetaljerVelkommen til Creo Portal Kom i gang! Hvordan logge meg på? Oversikt over administrasjonssidene Sideoppsett...
BRUKERVEILEDNING Juni 2012 INNHOLD Velkommen til Creo Portal... 1 Kom i gang!... 1 Hvordan logge meg på?... 1 Oversikt over administrasjonssidene... 1 Sideoppsett... 3 Hvordan opprette et nytt menypunkt?...
DetaljerInnledende Analyse Del 1.2
Innledende Analyse Del 1.2 Arianna Kyriacou 1. juni 2004 Innhold 1 Spesifikk beskrivelse 2 1.1 Hovedmål............................... 2 1.2 Mål (mer konkret).......................... 2 1.3 Krav..................................
DetaljerAvansert tekstmodul... 27 Eksempel... 27 Administrasjon... 27 Bilde... 31 Eksempel på en bildemodul... 31 Eksempel på en bildemodul lagt til uten
Destinet 3.3 Manual Innholdsfortegnelse 1. Logg inn... 4 2. Destinet brukergrensesnitt... 5 1. Sidestruktur... 5 2. Modulpalett... 6 3. Forhåndsvisning av/på... 7 4. Faner... 8 1. Side... 8 2. Sett inn...
DetaljerOppgavesamling til Webutvikling < >
TOM HEINE NÄTT EVA M. HORNNES JOSTEIN NORDENGEN Oppgavesamling til Webutvikling Oppdatert 08.09.2016 < > 2 Kapittel 1 Introduksjon til webutvikling 1.1 Hva husker du? Teori: Gå sammen to og to og besvar
DetaljerKan micro:biten vår brukes som en terning? Ja, det er faktisk ganske enkelt!
Microbit PXT: Terning Skrevet av: Geir Arne Hjelle Kurs: Microbit Språk: Norsk bokmål Introduksjon Kan micro:biten vår brukes som en terning? Ja, det er faktisk ganske enkelt! Steg 1: Vi rister løs Vi
DetaljerArnstein Andreassen. Windows media series? Familie av digital media software
Arnstein Andreassen Windows media series? Familie av digital media software 1 Windows media Format Windows Media Codecs Lyd Wma Wma 9 Professional Video Wmv WmvHD Proprietære codecs... Så følger reklamen..
DetaljerInstallasjonsveiledning
Installasjonsveiledning Magne Rodem og Jan-Erik Strøm 18. juni 2006 Innhold 1 Installasjon av Web Service 3 1.1 Krav........................................... 3 1.2 Installasjon av Sun Java System Application
DetaljerPXT: Hermegåsa. Introduksjon. Skrevet av: Felix Bjerke og Tjerand Silde
PXT: Hermegåsa Skrevet av: Felix Bjerke og Tjerand Silde Kurs: Microbit Introduksjon Hermegåsa er et spill der en person er spilleder, og går ut på at han utfører instruksjoner på micro:biten sin som de
DetaljerHurtigstart guide. Searchdaimon ES (Enterprise Server)
Hurtigstart guide Searchdaimon ES (Enterprise Server) Innholdsfortegnelse Informasjon før oppsett... 2 Koble til strøm og nettverk... 3 Oppsett av system... 3 Konfigurasjonsveiviser... 4 Sette fast IP
DetaljerPXT: Hermegåsa. Steg 1: Sjekk at du har riktig utstyr. Sjekkliste. Introduksjon
PXT: Hermegåsa Nybegynner Micro:bit Introduksjon Hermegåsa er et spill der en person er spilleder, og går ut på at han utfører instruksjoner på micro:biten sin som de andre spillerene skal gjenta, altså
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
DetaljerSiteimprove analytics Tekniske spesifikasjoner
Siteimprove analytics Tekniske spesifikasjoner whitepaper Hvem er Siteimprove? Siteimprove er den eneste softwaren innen web governance som gjør det lettere å administrere og opprettholde ditt nettsted
Detaljer