Webutvikling Høst 2016

Like dokumenter
Oppgave 1. Webutvikling. Oblig 5. Sette opp WAMP og Wordpress. Først og fremst må man laste ned WAMP.

Oblig 5 Webutvikling

WEBUTVIKLING OBLIG 4. Installasjon

Oblig 4 Webutvikling. Oppgave

Dennis Myhre Oblig 4 Wordpress Dokumentering og Eksamensoppgaver

Oblig 4 Webutvikling

Jeg lastet ned wordpress 4.0 fra wordpress.org og lastet dette opp til public_html på webområdet mitt via en ftp-klient.

WP-WATCHER WORDPRESS SIKKERHET

Webutvikling Oblig 5. Oppg 1. Her ser du sidebar og widgets som er tilgjengelig.

!!!!!!!!!!!! !!!!!!!!!!! WP-WATCHER WORDPRESS SIKKERHET

Innstallasjon og oppsett av Wordpress

Produktdokumentasjon. Madison Møbler Administrasjonsside og Nettbutikk

KOM I GANG MED WORDPRESS En enkel guide for å hjelpe deg gjennom det grunnleggende i Wordpress

Brukerveiledning WordPress. Innlogging:

Velkommen til Creo Portal Kom i gang! Hvordan logge meg på? Oversikt over administrasjonssidene Sideoppsett...

BRUKERMANUAL KOM I GANG... 2 BLOGGINNLEGG... 4 UNDERSIDER... 6 LAST OPP BILDER/VIDEO... 8 KOMMENTARER PÅ INNLEGG... 9 UTSEENDE...

Businesscatalyst PAGES

BRUKERVEILEDNING TIL MAGNORMOEN INDUSTRIOMRÅDE OG GAUSTADVEGEN INDUSTRIOMRÅDES HJEMMESIDER:

En Introduksjon til Wordpress


Her er en enkel bruksanvisning på administrasjonspanelet til hjemmesiden din på QTSystems.

WordPress startguide

SiteGen CMS. Innføringsmanual

Hvordan setteopp en wordpress site med wampserver. Lokal site på din pc.

Kom i gang. Nå er det enklere en noensinne å redigere hjemmesiden din med Plone CMS. 17. mars 2010

Manual for PENDULUM MUSIKER WEBSIDE

Administrasjon av kataloger - Oversikt over innstillinger på kataloger

Testrapport. Studentevalueringssystem

Administrasjon Nettbutikk: Bruk brukernavn og passord som er sendt på e-post.

Del 1: Overgang fra gammel hjemmeside til ny hjemmeside

WordPress for transmark-subsea.com

Vårt nettsted En håndbok for lokale nettredaktører i fylkes- og lokallag

BRUKERMANUAL (versjon 1.0)

Båtforening på nett. Produktrapport

Legg opp din nye Website raskt og enkelt!

Administrering av SafariSøk

Starthjelp for redaktører på nettstedet aurskoggata5.no

Brukerkurs 16.februar 2012

Brukermanual for nettpublisering. frivilligsentral.no

WINDOWS 10 OPPDATERING HØSTEN 2018 (VERSJON 18.09) HVA ER NYTT?

Brukerveiledning. 1. Innlogging arki-ban.no

Memoz brukerveiledning

4.1. Kravspesifikasjon

Brukerveiledning Salaby Lærerstudio

Produktinformasjon WIPS publiseringsløsning

Oblig 1 Webutvikling av Jon-Håkon Rabben

PBL Barnehageweb. Brukerveiledning

Høgskolen i Oslo og Akershus. Forprosjektrapport. Gruppe 11

BORRENYTT. Dette er en innføringsguide om hvordan man kan legge til nye poster, og hvordan disse bør settes opp.

Nettveiledning for krets- og gruppesider 2016

Brukermanual - Joomla. Kopiering av materiale fra denne Bonefish manualen for bruk annet sted er ikke tillatt uten avtale 2010 Bonefish.

Næringsregner på PC n versjon 1.1.0

Brukermanual. Support: Skytterkontoret Tlf: 02419, tast 2 support@dfs.no Velkommen til EPI-Server 7.

Hovedprosjekt ved Høgskolen i Oslo våren 2011 CHARITY DOCTORS KRAVSPESIFIKASJON

WordPress. Brukerveiledning. Kjære kunde. Innlogging:

Brukerveiledning. Madison Møbler Administrasjonsside

Seksjoner, kategorier og artikler

Forprosjektrapport. Gruppe Januar 2016

Hovedprosjekt i ingeniørfag, data, våren Oslo Gruppe 23 Torstein Frogner, Bernt Kristoffer Helland, Vahid Khairkhah, Jonas Myren Mo

C:\>_. Velkommen til opplæring i: WORDPRESS driver idag 28% av alle verdens nettsider.

Veiledning hjemmeside Stjørdal Friidrettsklubb

Brukerveiledning NHO digitale håndbøker. Veileder

Kort brukerveiledning- publisering på nett EpiServer CMS6... 1

infotorg Enkel brukermanual

Manual for innlegging av standard sideinnhold og nyheter via «backend»

Kom raskt i gang med Kirkenettet

Support, nye funksjoner og tjenester fra Uni Pluss

Byafossen.no. Brukermanual

file:///c:/users/michaelp/sites/dkdm/dw6/dreamweaver6.html

PBL Barnehageweb. Brukerveiledning

Bruksanvisning. BroadLink RM2

Brukerveiledning for SI Norge. Publiseringsverktøy for klubbenes hjemmesider

Brukerveiledning. Kom i gang. publiseringsverktøy. versjon 2 - revidert AESTON. Side 1

ChiCMS Hovedprosjekt ved Høgskolen i Oslo 2011

Brukerveiledning: Oppsett (konfigurering) av nettbrett og tilkopling av brukerkonto

Oblig 3 Webutvikling. Oppgave 1

Utvikling av et nettbasert CMS med tilhørende nettsted for Axel Bruun Sport AS

Brukerveiledning for hjemmesider

Første oppstart av PC

WordPress. Brukerveiledning. Kjære kunde. Innlogging

Slik publiserer du en nyhet eller hendelse på nett

Brukermanual for Onepage. Tema for WordPress

innhold, og innleggene legger seg etter hverandre slik at det siste ligger øverst. Innlegg brukes når vi skal skrive om en sak eller en nyhet.

Veiledning til Grønt Flagg søknadsportal

Brukerveiledning Bruk av siden. Når du går inn på siden får du opp følgende bilde:

Uansett hvilken håndbok du benytter vil fremgangsmåten være den samme. I denne veiledningen benytter vi personalhåndboken som eksempel.

Brukerveiledning. Kom i gang. publiseringsverktøy. versjon 7 - revidert Gevir IT Drift AS Webside:

Introduksjon til WordPress 2013

GRATIS FOR ABONNENTER:

Kjøre Wordpress på OSX

Vi sender derfor ut litt informasjon om de grepene man må gjøre for å kunne publisere eller håndtere bestillinger fra Arkivportalen.

Brukerveiledning: Oppsett (konfigurering) av nettbrett og tilkopling av brukerkonto

Enkel brukermanual for Nasjonalmuseets DKS- ressurs

som blanker skjermen (clear screen). Du får en oversikt over alle kommandoene ved å skrive,

BRUKERVEILEDNING INTRANETT, CMA ASSET MANAGEMENT AS. Dataingeniørutdanningen, Høgskolen i Oslo GRUPPE 15. Kenneth Ådalen. Vegard Gulbrandsen

Brukermanual. Studentevalueringssystem

Brukerveiledning: Oppsett (konfigurering) av nettbrett og tilkopling av brukerkonto

Brukerveiledning. KundeWeb. CMS Customer Management System. Versjon

Brukerveiledning: Oppsett (konfigurering) av nettbrett og tilkopling av brukerkonto

Transkript:

Webutvikling Høst 2016 Oblig 5

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

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

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

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.

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.

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.

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.

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

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.

Slik ser footeren ut nå.

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.

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.