• Aksel Lian
  • -
  • No tags

Kan du lage en nettside selv og hvor vanskelig er det?

Med dagens priser for web design og nettbutikk utvikling, kan det være fristende å gjøre ting selv. Det er bare et spørsmål som du må svare på før du engang skal begyne å tenke på å lage egen nettbutikk. Hvor mye er du villig til å lære?

En gang i blandt hender det at noen vil hjelp med utvikling av nettbutikk, og dette er vel en av ulempene av være en webutvikling, at dine venner vet at du kan lage en nettbutikk klart til drift innen en dag, hvis du virkelig vil.

Lett glemmes alle årene med studie og tusenvis av timer med aktiv jobbing. Selv om en advokat kan svare på ditt spørsmål på et minutt, tar det han 10 år med studier å komme dit. Altså tar det en advokat 10 år og et minutt å svare på ditt spørsmål. For aktive webutviklere tar det gjerne 3000timer + dag å lage en nettbutikk.

Hvordan kan man lage nettbutikk selv

Teorestisk vil du kunne bruke flere av nettguidene til å lage nettbutikk og faktisk få den opp og gå. En annen historie vil være å legge inn betalingsløsning, sørge for at alt fungerer og at siden ikke blir hacket fordi du brukte standard installasjon uten å sikre systemet godt nok.

Mange sammenligner CMS som WordPressmed litt mer avansert form for Microsoft Word. Mye kan gjøres med plugins og ferdigladede tema. Når ting begyner å bli litt mer avansert og det er mye som kjører i bakgrunnen, vil sjansen for at ting plutselig stopper å fungere øke.

Når du har en nettside basert på Woocommerce og WordPress med tusenvis av produkter, blir det fort stressende når alt går hvit og siden stopper å fungere.

For en fungerende nettbutikk er det snakk om hundretusenvis av linjer med koder, og en linje som ikke fungerer rett sted, sørger for at siden i sin helhet går ned for telling.

I følge Open Hub, hadde WordPress i 2016, 419,360 linjer med koder. Regner vi med andre nyttige plugins og Woocommerce nærmer vi oss 1 million linjer.

Lage nettbutikk selv - Nettbutikk priser

Mange løsninger promoterer AUTO updates, no coding skills required! Noen man lærer med tiden er at selv den minste oppdatering kan føre til uønskede resultater.

 

WordPress for eksempel har auto oppdateringer av både kjernen og sikkerhetsoppdateringer som kjøres uten at du er klar for disse.

Mange IT bedrifter henter inn gode summer på å gi kunden full tilgang til innstillinger og administrator tilgang på CMS, for noe vil gå galt og noe vil endres av kunder før eller senere, og da er det bare å bøye seg for den nådeløse fakturaen. La oss håpe dette ikke skjer i en helligdag 🙂

 

Gode muligheter til å finne feilen med nettbutikken

Alle plattformer basert på content management systems(CMS) har en form for debug\feilsøking funksjon.

Har man i tillegg tilgang til serverens log data, kan man lokalisere feilen ganske raskt å finne ut årsaken.

Dette er imidlertid noe man bør ha kunnskap om før uhellet er ute.

Lage nettbutikk selv - Nettbutikk priser

 

Backup, backup, ikke glem backup!

Backup kan ikke gjentas nok og kan viktigheten med både fil og database backup kan ikke nevnes nok.

Å miste alt kundedata for tusenvis av kunder og ingen mulighet for å få tak i disse igjen er nok undergangen for mange nettbutikker.

Her er det altså ikke nok å stole på backup lagret i samme server er trygg. Disse må jevnlig kopieres til et tryggt sted.

 

Det er 4 typer kodespråk du MÅ lære deg å forstå, hvis du skal drive egen nettbutikk

PHP, HMTL5, CSS3, JAVASCRIPT

Hvert språk har forskjellige funksjoner, men disse er de absolutt mest brukte.

Enhver nettbutikk bruker disse teknologiene, men kan også inneholde andre.

Hvert av disse teknologiene fungerer annerleder og noen er vanskeligere enn andre.

 

De fleste undervurderer datakoding, og enkelt sagt: hvis du ikke er en avansert pc\mac bruker er det nok bare å gi opp allerede nå.

Koding og forståelse av disse krever en utrolig tålmodighet, selvkontroll og en ustoppelig vilje til å lære.

Dette er ting som tar tid, men til gjengjeld er kunnskapen en gave og belønning i seg selv.

 

Webskaper tilbyr fast driftsavtale og feiloppsøking\oppretting

Før du fortsetter kan det være lurt å få med seg at, dersom du har lyst å ta ting sakte og lære med driften av nettsiden, kan det være lurt å finne en utvikler som er både gunstig prismessig, og er villig til å dele sin kunnskap.

Er en villig til å ta seg av oppgaver som feilsøking, manuell backup, vil også driftskostanden for nettbutikken være lav. Det kan absolutt være greit å se etter en fast avtale med en webbyrå. Det er bare å ta kontakt med oss for en hyggelig samtale der 🙂

 

 

 

PHP, HMTL5, CSS3, JAVASCRIPT

Dersom du har viljen til å lære vil vi nå gå litt gjennom de forskjellige teknologiene og kodespråk som brukes.

Etter denne delen vil du finne valgalternativer for din web butikk, sammenligning med fordeler og ulemper av disse.

 

😃 Snill ved feil: Siden vil fortsatt fungere, selv om det er feil, men visse grove feil kan føre til blandt annet hvit skjerm, kaotisk visuell presentasjon.

☺ Middels snill ved feil: Kan krasje siden, men mange elementer vil fortsatt la siden laste inn og fungere.

Nådeløs: Setter du punktum eller symbol feil sted, så vil siden ikke fungere og du vil få hvit skjerm.

 

Lage nettbutikk selv - Nettbutikk priser

PHP (Back-end kodespråk, nervesystemet og hjernen på siden)

Besøkende kan ikke se koden, PHP brukes til alt fra å hente og skrive data fra og til dabaser, kondisjonsformulering som gjør dette hvis dette ellers gjør dette logikk.

Her er det nesten ingen begrensninger på hva som kan gjøres. PHP bl.a.  gi ut tekst (echo), sende formdata, sende eposter og mye mer.

Disse kodene kan ikke leses av besøkende, men bruker kan url queries og hvis disse ikke er rengjort, gjøre onde ting om de vet noe om koden som siden har. Dette er en av grunne til at plugins, addons og slike ofte fører til hacking, hvis de inneholder smutthull.

PHP har flere versjoner og nårværende er 7.2 der mange eldre funksjoner er byttet ut med bedre og dette kan føre til at gamle sider med for eksempel php5 vil få problemer med å kjøre i versjon 7.2

PHP går gradvis nedover, altså hva som kan gjøres må allerede være der, med untak av funksjons og glabal calls.

Noen eksempler:

 
//La oss gi en if statement for å aktivere følgende kode:
date_default_timezone_set('Europe/Oslo');


if (22>21) {
echo "ekko\skriv ut dette";

echo "Dagens dato er " . date("d/m/Y/dd") . "
";

  
  //hente ip adresse for besøkende

    function getRealIpAddr()  
    {  
        if (!emptyempty($_SERVER['HTTP_CLIENT_IP']))  
        {  
            $ip=$_SERVER['HTTP_CLIENT_IP'];  
        }  
        elseif (!emptyempty($_SERVER['HTTP_X_FORWARDED_FOR']))  
        //to check ip is pass from proxy  
        {  
            $ip=$_SERVER['HTTP_X_FORWARDED_FOR'];  
        }  
        else  
        {  
            $ip=$_SERVER['REMOTE_ADDR'];  
        }  
        return $ip;  
    }  
}
function curPageURL()
{
    if (isset($_SERVER["HTTPS"]) && !empty($_SERVER["HTTPS"]) && ($_SERVER["HTTPS"] != 'on')) {
        $url = 'https://' . $_SERVER["SERVER_NAME"];
    } else {
        $url = 'http://' . $_SERVER["SERVER_NAME"];
    }
    if (($_SERVER["SERVER_PORT"] != 80)) {
        $url .= $_SERVER["SERVER_PORT"];
    }
    $url .= $_SERVER["REQUEST_URI"];
    return $url;
}
 
echo curPageURL();


if (23>20) {

$birthDayDate = "07/02/1982"; //here date in mm/dd/yyyy format
//explode the date to get month, day and year
$birthDayDate = explode("/", $birthDayDate);
//get age from date or birthdate
$age       = (date("md", date("U", mktime(0, 0, 0, $birthDayDate[0], $birthDayDate[1], $birthDayDate[2]))) > date("md") ? ((date("Y") - $birthDayDate[2]) - 1) : (date("Y") - $birthDayDate[2]));
echo "Alder er:" . $age;


}

 

 

Lage nettbutikk selv - Nettbutikk priser

HMTL5 (Front-end tekst, seksjoner, skjelettet) Lett å lære, snill ved feil.

Dette er sjelettet av nettsiden, og kan alltid leses i sin helhet ved å se på kildekoden(høyreklikk>vis kildekode). HTML5 er ganske gøyal og lett for nybegynere, etter å ha lært noen titals formater og ca. hvordan dette fungerer, vil du bruke dette ofte. HTML5 kan betegnes som dagens engelsk for teknologi verdenen.

HTML5 kan integrere CSS3 koder enkeltvis eller i storklasse.

<b>Tykk skrift</b> 

<ul>
<li> linje </li>
<li> linje 2 </li>
<li> <b>linje 3</b> </li>

<span style="color:red;">La dette bli rødt!</span>
<a href="#sideadresse">Gå til #sideadressen</a>

<span style="text-transform:Uppercase;">Gjør denne teksten til store bokstaver</span>


Resultat Tykk skrift

    • linje
    • linje 2
    • linje 3

La dette bli rødt!Gå til #sideadressenGjør denne teksten til store bokstaver

 

Lage nettbutikk selv - Nettbutikk priser

CSS3 (Visuell front-end, tekst farger, plassering av elementer) Lett å lære, snill ved feil.

Tenk på CSS3 som den visuelle delen av siden, du kan med dette endre klasser og id segmenter i HMTL5 koder akkurat som du vil.

Dersom du vil flytte på tekst litt til høyre, eller gjemme bilder eller deler av siden, er CSS3 godt egnet til dette.

For å mingle med html kan du f.eks bruke id som gjelder bare en bestemt seksjon eller klasser som gjelder flertall.

 

Noen eksempler:

Denne linjen er id=1

Denne linjen er class

 
#id {
color: blue;
margin-left: 20px;
text-transform: capitalize;
font-size:18px;

}
.class {
text-decoration: aqua;
font-style: italic;
opacity: 0.5;
}


/* Vi kan legge inn koden over innenfor HTML feltet ved å legge inn før disse nevnes:

<style>
#id {
color: blue;
margin-left: 20px;
text-transform: capitalize;
font-size:18px;

}
.class {
text-decoration: aqua;
font-style: italic;
opacity: 0.5;
}

</style>


*/

 

Lage nettbutikk selv - Nettbutikk priser

JAVASCRIPT (Front-end kodespråk, det besøkende ser) Avansert, middels snill ved feil.

Javascript er meget nyttig for alt av interaksjoner mellom websiden og besøkende.

Mange populære pop-up form data gjøres med javascript og som det meste leselig fra kildekode, ikke legg det ut på nett hvis du ikke vil at noen skal stjene koden 🙂

 

function getAge(dateString) {
    var today = new Date();
    var birthDate = new Date(dateString);
    var age = today.getFullYear() - birthDate.getFullYear();
    var m = today.getMonth() - birthDate.getMonth();
    if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
        age--;
    }
    return age;
}

Dette vil også hente inn alder på bruker via front-end

 

 

Ekstra: AJAX, en blanding av javascript og PHP utviklet av Google. Verdt å merke seg at denne tilbyr svært kule funksjoner som blant annet live interaction, slik at du slipper å laste siden på nytt, eksempelvis handlekurver der bruker sletter noe fra handlekurven.

 

 

 

 

Hvilken løsning, CMS er best for nettbutikk?

 

WordPress

Lage nettbutikk selv - Nettbutikk priser+Lage nettbutikk selv - Nettbutikk priser

WordPress\Woocommerce

Fordeler

  • Lett å integrere til allerede eksisterende side
  • Mest brukte løsning i verden
  • Meget sterk funksjonalitet
  • Sterk synlighet
  • Rimelige plugins for avanserte funksjoner
  • Framtidssikkert
  • Du eier innhold og nettbutikk
  • Meget gode muligheter for eksport av produkter\data
  • Lett å bruke

 

Ulemper med WordPress\Woocommerce

-Må holdes oppdatert

-Svak standard søkefunksjon (Finnes gode løsninger)

-Fakturaløsning må installeres

 

 

CMS løsninger

Lage nettbutikk selv - Nettbutikk priser

Lage nettbutikk selv - Nettbutikk priser

Lage nettbutikk selv - Nettbutikk priser

Magento nettbutikk

Prestashop nettbutikk

Opencart nettbutikk

De tre største nettbutikkene basert på åpen kildekoder. Utviklet til først og fremst som nettbutikker, men som andre løsninger tilbyr gode alternativer for informasjonssider og websider.

Fordeler

  • Skapt for netthandel
  • Optimalisert for tusenvis av produkter
  • Du eier løsningen
  • Gode eksport muligheter av data
  • Gode søkefunksjoner
  • Avansert logistikk
  • Fakturering\faktura system medfølger

 

Ulemper med CMS nettbutikker

-Dyre plugins\addons i forhold til WP

-Må skreddersys

 

 

Nøkkelferdige nettbutikker

Shopify\Wix\Mystore\Squarespace

Fordeler

  • Lett å komme i gang med
  • Lave oppstarts gebyrer
  • Kommer med betalingsløsninger klar til bruk
  • Tilpasset nybegynere

 

Ulemper med ferdige nettbutikk løsninger

-Ved videresalg av løsning\selskap går du som kunde automatisk over som kunde

-Meget vanskelig å eksportere data som produkter og data (må gjøres manuelt)

-Svak SEO, da du har en duplikat av alle andre som ser litt annerledes ut

-Du binder deg til løsningen og alle investeringer blir fortapt ved flytting

-Dyre priser for tilpasning og feilsøkning

-Høy transaksjonsgebyr

-Du deler servere med VPS eller delt dedikert server

-Avanserte moduler koster ekstra

Support er kun for drift, enkle henvendelser, standard svar

Dyre priser for tekniker\webutvikling (eksempel: kr 1250,- eks. mva. per påbegynte time.)

 

 

 

Lage nettbutikk selv – Nettbutikk priser juli 15th, 2018 Aksel Lian

Avatar

En selvstendig webutvikler med en bred variasjon av kunnskaper herunder SEO, CMS, Webfotografi, Webutvikling inkl. kodespråk..