Oblig 4 Webutvikling. Oppgave



Like dokumenter
WEBUTVIKLING OBLIG 4. Installasjon

Oblig 4 Webutvikling

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

Webutvikling Høst 2016

Dennis Myhre Oblig 4 Wordpress Dokumentering og Eksamensoppgaver

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

Oblig 5 Webutvikling

Oblig 3 Webutvikling. Oppgave 1

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

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

Innstallasjon og oppsett av Wordpress

OBLIG 2 WEBUTVIKLING

Webutvikling Oblig 3. Oppgave 1

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

WP-WATCHER WORDPRESS SIKKERHET

En Introduksjon til Wordpress

OBLIG 1 - WEBUTVIKLING

Oblig 3 Webutvikling

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.

Responsiv design Skalering av siden trenger å gjøres noe med, slik at den er tilpasset de fleste skjermstørrelser.

Introduksjon til WordPress 2013

Oppgave 1 (Etter forelesning 31/8) Gå gjennom nettsiden arngren.net og list opp alle problemene du ser. Både i funksjonalitet/bruk og i koden bak.

SEO. Erlend Nilsen Senior rådgiver Seo og Content Marketing

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

Oblig 1 Erlend Hannestad


WordPress startguide

Lage klubbens webside i Rotary med verktøyet Webwiz 2.0

Fagerjord sier følgende:

SENSORVEILEDNING. Dato: Eventuelt:

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

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.

Avansert tekstmodul Eksempel Administrasjon Bilde Eksempel på en bildemodul Eksempel på en bildemodul lagt til uten

Administrasjon av FLT-Sunnhordland Web-side

1. Intro om SharePoint 2013

Businesscatalyst PAGES

Manual for PENDULUM MUSIKER WEBSIDE

Stikkord: Java EE, EJB, JSF, JPA, SWT, klient/tjener, Glassfish server, Application Client.

Så hva er affiliate markedsføring?

SJEKKLISTE: 10 ting du må ha på plass for SEO i 2019

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

Testrapport Prosjekt nr Det Norske Veritas

Seksjoner, kategorier og artikler

Søkemotorer. - en guide for en bedre rangering. Søkemotorer en guide for bedre rangering. InBusiness AS

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

Brukerveiledning. 1. Innlogging arki-ban.no

DEFINISJONER I DIGITAL MARKEDSFØRING

Legg opp din nye Website raskt og enkelt!

Vedlikeholde nettstedet i Joomla 2.5 +

Gespage Utskrift fra nettsiden

Oblig 5 Webutvikling. Av Thomas Gitlevaag

Kravspesifikasjon. Utvikling av moduler til CMS for bonefish.no. Gruppe 08-23

Ønsker du hjelp vedrørende utfyllingen, så kan du ringe oss på og avtale et møte. Vi utvikler for å begeistre.

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

HR analysen. Ny versjon Brukermal. Administratorer

Installasjonsveiledning PowerOffice SQL

Wordpress. Kurs Kristiansand Folkebibliotek

WordPress. Brukerveiledning. Kjære kunde. Innlogging:

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

Administrasjon av saker. - Redigere saker med standard mal

Kort oppstartsmanual Frisk torsk

Virus på Mac? JA! Det finnes. Denne guiden forteller deg hva som er problemet med virus på Mac hva du kan gjøre for å unngå å bli infisert selv

Måling av universell utforming på kommunale nettsider Resultater fra EIII. Daniel Scheidegger NAV Tilde

Administrering av SafariSøk

Planleggingsverktøyet tillater deg å tilpasse planene som passer dine behov. Du vil finne innstillingene i Planer, i menyen som er til høyre.

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

E-post: Tel.: Hurtigkurs for nybegynnere

Hvordan komme høyere opp på søketreff hos Google?

6105 Windows Server og datanett

Trinn 1. Kopier kildefilen.

Brukerveiledning. Madison Møbler Administrasjonsside

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

Nettredaktørskolen videregående,

ActiveBuilder Brukermanual

WordPress for transmark-subsea.com

Klargjør for dashbord i it s learning

Oblig 1 Webutvikling av Jon-Håkon Rabben

oss? Hva må webredaktører kunne om universell Aud Marie Hauge, ekspert i brukervennlighet og

PBL Barnehageweb. Brukerveiledning

Brukerveiledning gjovard.com

1. I denne tekstboksen kan du søke etter venner, grupper eller sider.

PDF Expert Enterprise - ei kort brukerrettleiing

Veiledning i administrering av egne loge-/leirsider i portalen

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

Info207 Obligatorisk innlevering 3

Nettredaktørskolen, Høst Google Analytics Brukertesting Brukerundersøkelser

Installasjonsveiledning Visma Avendo Lønn, versjon 7.60 Oktober 2011

Forklaring til bruk av webinterface på Cobalt RaQ2 server hos WebTjenester. Versjon 1.0 Runar Espeland Side

Tilpassning av Wordpress - Enterprise Theme

[ Web Accessibility Initiative ]

Digital hjemmeeksamen PPU

Kurs i digital markedsføring. Velkommen!

Steg 1: Installasjon. Steg 2: Installasjon av programvare. ved nettverkstilkoblingen på baksiden av kameraet. Kameraet vil rotere og tilte automatisk.

6105 Windows Server og datanett

Transkript:

Oblig 4 Webutvikling Oppgave Lag din egen Wordpress- site der du tester ut CMS- systemet. Det å lage egne templates fra bunnen kan være noe komplisert, så det holder for dette prosjektet om dere modifiserer på en av de innebygde. Det letteste er om dere kjører Wordpress i deres egen lokale WAMP(/MAMP)- server (JFR forelesninger eller utallige guides på nett). IKKE kjør på wordpress.com siden dette er en nedskalert versjon. Serveren ask.hiof.no gir dere heller ikke nok rettigheter til en god installasjon, så det må i såfall legges på en server dere administrerer. Siden dette er den eneste oppgaven i denne obligen forventer vi at det er gjort en god del rundt tilpassing av templates + innhold. Som alltid trenger dere ikke ha fornuftig innhold, men dere skal ha testet ut å fylle nettstedet med en god del innholdssider av ulike typer. Som et minimum skal dere teste ut minst en widget og en plugin (i tillegg til widget) som ikke følger med i pakka... NB! Innlevering består i å lage et notat der dere beskriver prosessen med å sette opp siten. Beskriv valg dere har gjort for å sette opp siden. Ha med skjermdumper av essensielle steg. Dere trenger altså IKKE levere den tenkiske løsningen. Lever som PDF. Merk at dere må dokumentere mens dere gjør ting. Altså ikke i etterkant. Det som ikke er helt standard i installasjonen skal også dokumenteres

Til å begynne med så har jeg aktivert MAMP serveren, lastet ned og installert wordpress mappen fra wordpress.org som en ekstra kopi Deretter har jeg satt opp siden med en ny log in bruker og ny tittel på siden Lastet ned og installert SuevaFree themen Lagt til nye sider, about, contact og media Lagd ny meny, menu1 Nytt bakgrunnsbilde

Endret farger på footer samt satt den i bunn med fixed positioning

Flyttet undertekst/ingress lenger ned Aktivert BuddyPress plugin, denne aktivere Activity og Members sidene.

Endret permalink settings fra Defalut til Post name, dette for bedre struktur og bedre SEO. Installert Google sitemap XML plugin Installert Google Analytics plugin Installert en SEO plugin

Lagt inn sidebar med search, calendar, recent comments, og recent posts, samt endret rekkefølgen på de. Tatt bort kommentarfeltet på about siden Endret header font og farger ellers på siden

Oppgave E.1 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 slik at med god SEO så får nettsiden mange treff og med det blir den lett tilgjengelig da mange når den. Motsatt gjelder det at når mange personer bruker en nettside havner den gjerne oppover i hierarkiet av søketreff. Hadde ikke Facebook vært SEO optimalisert, men bruken fortsatt hadde vært like stor ville den fortsatt ha vært lett tilgjengelig gjennom søkemotoren. God SEO er også en fordel for skjermlesere som gjør det enklere for blinde og svaksynte å navigere på siden, dette mye pga. bedre strukturert kode med blant annet bruk av semantiske tagger. Oppgave E.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. Opprett egne brukere med begrenset tilgjengelighet for de enkelte nettstedene, slett admin bruker, vær skeptisk til hvem du gir tilgang til. BRUK STERKE PASSORD og IKKE del de med noen. Med begrenset tilgjengelighet vil ikke en hacker som vinner tilgang til kontoen kunne gjøre alt for mye skade. Ved å slette adminbruker vil ikke en hacker som vinner tilgang til CMS systemet kunne administrere hele systemet, eller slette det. Ikke gi tilgang til de som ikke vet hva de driver med, ikke en gang sjefen for bedriften. De kan rote til mye, åpne nye sikkerhetshull osv. Ha et stekt passord som er vanskelig for en hacker å oppdage. Enkle passord kan fort oppdages enten via ren gjetting eller med programlogaritmer. Oppgave E.3 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) Crawlers/Søkemotorer Enheter som Mobiler, TV, osv. Mennesker med vansker, for eksempel: o Blinde o Bevegelighetshemmede - Motorikk o Dyslektikere og eller andre språkvansker o Eldre/Barn 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) Vel, det må med Begrepet står for Web Accessibility Initiative. Dette er W3C sitt prosjekt for å gjøre nettsider og webben enklere å bruke for mennesker med vansker, for eksempel mennesker med dårlig syn, eller med dårlig hørsel. Tre nivåer på hvor strengt det er; A, AA, AAA hvor A er mildest og AAA er strengest. Oppgave E.4 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? CMS står for Content Management System og er et system som gjør det enkelt for alle å legge inn innhold for alle på en nettside. En webutvikler lager et skjelett for nettsiden og implementerer et CMS system så alle kan legge inn innhold på den. Fordelen med dette er at webutvikleren slipper å legge inn alt innholdet selv, dette blir hyppig brukt av for eksempel nettaviser slik at journalistene selv ikke trenger å lære seg kode, de skriver alt innholdet sitt inn i et skjema og trykker publiser. Ulempen er at et CMS system kan være svært komplisert å utvikle og vedlikeholde da dette må gjøres manuelt.

Oppgave E.5 Norge følger etter en rekke land og innfører nå lovgivning som skal sikre universell utforming av bl.a. nettsider. (http://lovdata.no/dokument/sf/forskrift/2013-06- 21-732) 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. På kortsikt kan dette medføre en del dårlige nettsider fordi utviklere gjerne kan legge inn snarveier som klasser med navn istedenfor å bruke semantiske tagger, nettsidene kan i verste fall bli enda verre å bruke for funksjonshemmede fordi sidene ikke bygges opp fra bunn av med tanke på UU. På langsikt kan det hemme design litt fordi at kontraster og informasjon må komme sterkere fram enn tidligere, men det blir igjen mye lettere for funksjonshemmede å navigere. Det kan også muligens bli enda lettere for personer uten problemer å navigere fordi innhold står på en mer naturlig plass på nettsiden. Det blir en mye bedre struktur på nettsiden fordi nettsiden er bygd opp fra bunn med semantiske tagger og med UU i bakhodet. 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) Alle nettsider vil bli satt opp strukturelt og ryddig fra bunn av. De vil være lett tilgjengelige for alle og gjennom søkemotorer. Med en internasjonal standard vil det bli mye lettere å både bruke og sette opp alle typer nettsider fra hele verden.