Webutvikling Høst 2016

Transkript

1 Webutvikling Høst 2016 Oblig 5

2 Trinn1: Installasjon og oppsett av wordpress med wamp database fhhagan Justeringer i config med database, brukernavn og passord

3 Wordpress er oppe og går! Trinn2: Plugins Det neste jeg gjør er å finne plugins til sidene. Funnet to plugins jeg kan tenke meg og aktivert dem

4 Bildegalleri-plugin. Lager album, legger til bilder og redigerer utseende på galleriet. Setter denne inn på en av sidene under menyen.

5 Plugin2 er et bestillingsskjema med kalender. Her har jeg gjort endringer i hva som skal fylles ut i feltene, begrensninger, hvor bestillingene skal sendes og svarbokser som popper opp ved innsendelse. Nederst er det in send-knapp som ikke fikk være med på bilde. Dette bestillingsskjemaet er et annet enn hva som viste i bildet over da jeg gjorde litt testinger og fant ut at denne var bedre.

6 Trinn3: Themes og fyll Etter å ha testa ganske mange temaer velger jeg Sydney. Jeg tester litt forskjellige innstillinger i tilpass for å se om jeg liker temaet. Slik ser Sydney ut originalt.

7 Jeg fyller nettstedet med innhold, forskjellige sider, bilder og tester litt forskjellig i tilpass. Jeg setter inn en footer med litt informasjon. Dette er widgets, som havner under hverandre. Dette ønsker jeg gjøre noe med senere.

8 Jeg setter også inn en sidebar med booking, denne er kun på denne ene siden. Trinn4: Oppsett child-theme Her gjør jeg det samme som vi lærte i forelesning. Jeg lager en ny mappe og lager en ny css-fil som henter fra sydney sin css, men skriver over det jeg ber den erstatte.

9 Child-theme er nå aktivert. Det heter fhhagan.

10 Trinn5: Endringer i child-theme Her fikk jeg testet at koden jeg skriver i style.css kommer opp på nettsiden og jeg har endret fra svart til rosa tekst. Jeg fjernet så den store knappen midt på hovedsiden. I det originale temaet ble widgetene i footeren stablet under hverandre, dette ville jeg endre for å gjøre footeren mindre. Jeg brukte inspiser element til å finne de forskjellige elementene jeg ville endre på og kopierte det inn i mitt stylesheet og endret.

11 Slik ser footeren ut nå.

12 Oppgave 2 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. 1. Velg et godt og sikkert passord! Du vil ikke bli hacket! 2. Bytt passord med jevne mellomrom 3. Ikke glem passordet ditt. 4. Ikke gi administrasjonsrettigheter til noen andre. Begrens rettighetene til de forskjellige brukerne som har tilgang. Jo færre som har tilgang, jo mindre sannsynlig er det at noen «fucker» det til. 5. Ikke hopp over oppdateringer, disse er der for en grunn og de fjerner sikkerhetsfeil. 6. Skal du bruke temaer og utvidelser må du sjekke om de er pålitelige først, dette er en enkel måte for hackere å få tilgang til siden din. 7. Ikke gjør endringer i css og php direkte i temaet du har valgt deg, lag et child-theme. Kommer det oppdateringer forsvinner arbeidet ditt, og om du gjør noe feil har du ikke backup hvis du endrer i hovedfilene. 8. Ta i bruk sikkerhets-utvidelser. Oppgave 3 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? Content management system er et fleksibel back-end grensesnitt for brukere slik at de kan redigere, endre og publisere innhold på en nettside. Her trenger du ikke kode fra bunn om du ikke vil. Du kan mer eller mindre slippe unna alt som ligner på kode. Du bruker templates, plugins osv for å lage din egen nettside. Eksempler på CMS er Joomla, Wordpress og Drupal. Fordeler: Et CMS gjør veldig mye av jobben for deg. Du får et penere resultat fortere. Det er mange som jobber med å utvikle temaer og utvidelser som du kan ta i bruk. En superfordel er at du kan lage childthemes og redigere på det som finnes fra før hvis du ikke vil/har tid til å lage et eget tema fra bunn. Flere kan jobbe på siden samtidig, og du kan fordele roller som gir begrensede rettigheter. Temaene legger til rette for universell utforming og SEO, samt at det finnes utvidelser kun for dette! Når siden din er publisert på nett, og du skal gjøre endringer, så har du mulighet for å forhåndsvise endringene før de publiseres. Du kan sette på automatiske oppdateringer av temaer og utvidelser, og vil du ikke det får du varsel hver gang det kommer en ny oppdatering (det er ofte). Det er stort sett veldig enkelt å sette opp og ta i bruk. For alle. Mange av løsningene er gratis Ulemper: De krever oppdateringer som kan gjøre at ting endrer seg/slutter å fungere. Derfor er det lurt å lage et child-theme slik at du kan kode endringer som blir værende gjennom oppdateringene.

13 Det finnes begrensninger. Systemet bestemmer hva som er lov og ikke, og det kan være mye jobb å få det til å gjøre noe det ikke er lagd for. Oppgave 4 Norge følger etter en rekke land og innfører nå lovgivning som skal sikre universell utforming av bl.a. nettsider. 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. a. På kort sikt tror jeg at det ikke vil merkes på norske utviklere. Bedrifter kommer til å hyre inn folk som er spesielt gode på universell utforming. Men på lang sikt blir nyansatte nødt til å ha god kunnskap om universell utforming, nå som det er en lov nytter det ikke å ansette noen som ikke har noe som helst erfaring med dette. Jeg tenker utdannede utviklere må gå på kurs om universell utforming, og studiene burde ha enda større fokus på dette. Alle burde ha en forelesning med Kristoffer for å forstå viktigheten og hvorfor dette har blitt en lov. For brukerne vil man kanskje ikke merke store forskjeller enda, iom at eksisterende nettsider har frem til 2021 på å få godkjent kravene. Men på lang sikt ser jeg for meg at brukerne vil ta i bruk nettsider med god brukervennlighet, og med lite flashy design som blinker og roterer. 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. a. Hvis man ser på hvor viktig SEO har blitt og at CMS-er legger til rette for dette og gjør det enkelt å bruke. Så vil det komme det samme for universell utforming. Wordpress vil legge til rette for det, themes og plugins burde være universelt utformet. Det burde komme flere begrensninger som ikke gir det mulighet til å bryte loven. Om man setter gul tekst på hvit bakgrunn bør man få opp varsler for eksempel.