WEBUTVIKLING OBLIG 4. Installasjon

Transkript

1 WEBUTVIKLING OBLIG 4 Installasjon 1. Jeg lastet ned MAMP gratis fra og installerte på maskinen. Trykker så på Start Server og ser at det fungerer når Apache Server og MySQL Server lyser grønt. 2. Jeg lastet ned wordpress fra

2 3. I nettleseren min skriver jeg og her oppretter jeg en ny database som jeg kaller webutvikling 4. Jeg oppretter en mappe i htdocs hvor jeg installerer wordpressfilene programmer/mamp/htdocs/webutvikling

3 5. Deretter skriver jeg i nettleseren som lar meg sette opp min nye side. Jeg velger først språk, og så starter jeg installasjonen. Her skriver jeg inn navnet på databasen jeg lagde tidligere, og fyller inn passord og brukernavn.

4 Her lager jeg nødvendig infor for siden, og logger så inn.

5 Til slutt havner jeg på mitt dashboard. Det er her jeg skal jobbe med selve nettstedet. Tema og innhold 1. Det første jeg gjør er å installere et tema. Dette gjør jeg ved å velge Apperance Themes og velger Add new Theme

6 2. Jeg velger temaet Moesiaogsidenminsernåslikut: 2. Jeglagernåtrenyesidersomskalfyllesmedinnhold.Forågjøredetteklikkerjegpå Pages AddNew Detteførermeghit: Hergirjegdennyesidenetnavogtrykkerpublish.Detsammegjørjegmeddeandre.

7 4. Jeg sletter sample page siden, da jeg vil lage og bruke sider ejg har laget selv. Pages All Pages Menyen min ser nå slik ut:

8 5. Så skulle jeg legge inn innhold. For å legge inn poster på forsiden trykket jeg Posts Add new og laget nye innlegg.

9 Widgets Jeg legger til tre widgets i footeren. Apperance Widgets Her velger jeg Kalender, kontakt info og et søkefelt. Jeg fyller inn info og titler og trykker save for hver enkelt. Jeg fjerner også alt som ligger i sidebaren fra før og legger inn recent posts

10 Footer ser nå slik ut: Plugins 1. Jeg installerte et galleri som jeg la på siden min Bilder. Plugins Add New Her søkte jeg på gallery og valgte WP Gallery Bank. Når den var installert, aktiverte jeg det. Så valgte jeg Add new album og her fikk jeg legge til filer, titler og beskrivelser.

11 Så la jeg til galleriet på siden Bilder. Pages All pages Bilder Edit Add Album Her fikk jeg sette jeg innstillinger for galleriet før jeg publiserte det.

12 Siden ser nå slik ut: 2. Så installerte jeg Jetpack som gjorde det enkelt for meg å legge til forskjellig innhold, som f.eks video.

13 Etter at jeg aktiverte det, kunne jeg gå i settings og aktivere forskjellige andre innstillinger. Youtube video lagt til på forsiden.

14 3. Til slutt installerte jeg Wordpress SEO Yoast, som forbedrer SEO på min side. Her fikk jeg opp melding om permalinks setting som burde struktureres. Jeg trykket Fix it Og det ble fikset Jeg får også opp alternativer når jeg skal poste noe nytt på de froskjellige sidene. Denne boksen ligger i editoren på New post

15 Utseende Når jeg klikker på Appearance Editor, får jeg tilgang til alle css, html og php filer. I CSS stilarket endrer jeg fonter, farger, størrelse, plasseringer og bakgrunnsbilder, for å teste ut hvordan det blir.

16 Sidenendteoppslik(noenavsideneognoeninnlegg): Forside:

17 Galleri:

18 Tekst post: Video post:

19 EKSAMENSOPPGAVER E1 Hvordan tolker du påstanden om at "god SEO ofte gir god tilgjengelighet, og at god tilgjengelighet ofte gir god SEO"? Gi også eksempler i svaret ditt. Jeg tolker dette som at det fungerer begge veier på grunn av god struktur og godt innhold på nettstedet. Om man skal utføre god SEO, må man opprette god struktur på selve siden (semantiske tagger osv). En god struktur er vesentlig for søkemotoroptimalisering og derfor må god struktur opprettes. Med god struktur følger også en lettere jobb for å opprette god tilgjenglighet for mennesker med nedsatte funksjonevner. F.eks er blinde eller svaksynte avhengig av at nettsteder kan leses opp. For å skape et nettsted som kan leses opp på best mulig måte, og ha best mulige navigering for blinde/svaksynte, må siden ha god struktur. Dette fordi opplesning og navigering baserer seg på gode tagger som f.eks Overskrifter, hvor de kan tabulere gjennom forskjellige overskrifter for å vite hvor de er, og hvilket innhold de vil ha. Godt og fokrlarende innhold og overskrifter gjør det derfor også enklere for blinde/svaksynte og forstå. E2 Hvilke konkrete råd om sikkerhet vil du gi til de som skal sette opp og drifte et CMS? Begrunn rådene med hvilke trusler de skal motvirke der det er nødvendig. Være kritisk til hvilke temaer og plugins man installerer. Last kun ned fra troverdige kilder, slik at man minsker risikoen for å laste ned utrygge installasjoner, og eventuelt kan bli hacket, eller at de kan gjøre annen skade. Opprett et godt brukernavn og passord, unngå de vanlige, som ofte er default: Root/toor/admin osv.. Da det er disse som offte prøves først av eventuelle hackere. Oppdater temaer og plungs ofte, slik at man alltid har fest kode hvor eventuelle hull er fjernet. Ikke bruk admin som hovedbruker Skulle man bli hacket eller at nettstedet eventuelt har fått annen skade, så slett alt og start fra bunnen av. Ofte legges åpenbare feil med for å distrahere brukeren mens verre skader skjer i bakgrunnen. Ta regelmessig backup av siden din Velg en trygg server host, slik at kvaliteten og vedlikehold av serveren er bedre.

20 E3 a) For hvilke grupper brukere (en vid definisjon av ordet) ønsker vi å øke tilgjengeligheten når vi snakker om tilgjenglighet og websider? Svar som en punktliste. (Dette blir selvsagt ikke noen absolutt og endelig liste, men få med de viktigste) b) Hva er WAI i forbindelse med tilgjengelighet? (Her er det ikke hva forkortelsen står for som er det viktige, men hva som ligger i begrepet) a) Blinde og svaksynte Fargeblinde Funksjonshemmede Mennesker som lider av epilepsi Døve eller hørselsskadede mennesker Mennesker med dårlig motorikk Mennesker med dysleksi eller lærevansker Eldre mennesker b) WAI (Web Accessibility Initiative) er en løsning av W3C, som har som mål å tilrettelegge tilgjengelighet på internett for mennesker med nedsatt funksjonsevne. Dette gjøres så alle kan han lik tilgang til informasjon på internett og for å fobedre brukervenligheten for funksjonshemmede. E4 Gi en mest mulig presis forklaring på hva et CMS er. Hvilke fordeler og ulemper ser du ved å benytte et CMS for henholdsvis utviklere og sluttbrukere? Et CMS system er et Content managment system publiseringsfunksjon som hjelper brukere å utvikle og modifisere innhold på internett. Det kan ha et mer eller mindre grafisk brukergrensesnitt og kan kreve veldig lite kode egenskaper av brukeren. Fordeler: Lett og bruke. Kan gi gode løsninger for mennesker som ikke nødvendigvis har mye kunnskap om web. Enklere håndtering av større nettsteder med mange sider og mye innhold Det kan se veldig profesjonelt ut. Lettere for bruker å oppdatere nettstedet selv, uten å være avhengig av utvikler hver gang noe nytt skal publiseres. Mange ferdiglagde løsninger som enkelt kan tas i bruk. (plugins)

21 Ulemper: Nedsatt sikkerhet Forhåndslagde temaer osv kan gjøre det vanskeligere å skape unikt design Mindre oversikt over kode, og mer fokus på det grafiske E5 Norge følger etter en rekke land og innfører nå lovgivning som skal sikre universell utforming av bl.a. nettsider. ( ) For oppgaven er 1,2,4,6,7 og 11 spesielt interessant. Se bort i fra det som står ang. automater. a) Hva tror du blir den nye lovens innvirkning på norske utviklere og brukere på kort og lang sikt. Svar fra et teknisk vinklet perspektiv. b) Det Norge her gjør er lignende det flere land alt har gjort eller står på trappene for å gjøre. Hva tror du betydningen blir for standarder og verktøy/teknologi i et større perspektiv. (Du kan gjerne svare på a og b sammen, men la det gå frem hva som hører til hvilken vinkling av spørsmålet) a) På kort sikt vil det allerede bli aktuelt for utviklere å følge de nye lovene, noe som kan føre til mye mer arbeid for utviklere som nå må sette seg inn i annen type utvikling. Det vil kreve mer av utviklerne, og dette kan føre til at etterspørselen av folk som kan dette kan øke. Strengere krav føler til bedre tilgjengelig og de brukerene som er avhengig av slik tilrettelegging vil kunne få mye mer ut av brukeropplevelsen og få nye opplevelser. På kort sikt kan dette kanskje gå noe tregt, men jeg tror at fler og fler vil starte allerede nå. På lang sikt vil dette tilby større muligheter for brukere med spesielle behov, da et av målene er lik tilgjengelighet for alle, og dette kan gi et bredere spekter slike mennesker for å tilegne seg informasjon på internett.. Det betyr også at fler og fler utviklere vil tilegne seg egenskapene som trengs for å utvikle dette, og vi vil se generelt bedre IKT løsninger. Dette kan også føre til flere arbeidsmuligheter og spesialisering innen for universell utforming. b) Jeg tror at dette kan føre til store endringer og universell utforming vil ha stor betydning for samfunnet. Strengere standarer for tilgjengelighet vil kunne gjøre det mye enklere for mennesker med nedsatt funksjonsevne å bruke både datamaskiner og intrenett, og de vil da helst få like god tilgang på informasjon som andre. Dette kan også være med på å skape flere jobber for mennesker som trenger slik tilrettelegging. I tillegg vil dette kunne føre til generelt mer strukturerte og gode nettsider og bedre IKT løsninger som også kommer til nytte for alle andre. Bedre tilgjengelighet er altså bedre for alle. Jeg tror også at det kan utvikles tjenester/teknologi/verktøy som kan hjelpe funksjonshemmede, men også verktøy og tjenester som kan hjelpe utviklere å utvikle sider med god tilgjengelighet.