11 Tmeka vietnes izstrde Domna vrds HostingsVietnes struktra

#11 Tīmekļa vietnes izstrāde – Domēna vārds/ Hostings/Vietnes struktūra un saturs Kaspars Zemītis kaspars. zemiitis@gmail. com

Tīmekļa vietnes izstrāde Izstrādi var iedalīt soļos: 1. Ideja. Definēt prasības (kas ir jāizveido); 2. Izlemt, kas un ar kādiem rīkiem veidos tīmekļa vietni; 3. Kāda būs vietnes struktūra, saturs un kā to pasniegs; 4. Izvēlēties domēna vārdu; 5. Iegādāties hostingu (FTP pieeju serverim); 6. Izvēlēties dizainu – attēlus, fontus, grafiskos elementus; 7. Atcerēties par SEO (meklētāju optimizāciju):

Tīmekļa vietnes izstrāde 8. Testēt mājas lapu: a) Izmantot testa vidi; b) Lietotāju apskati – atsauksmes; c) Lapas veiktspējas pārbaudīšana uz dažādām pārlūkprogrammām; rīku izmantošana; d) Kļūdu dokumentēšana/ pārbaudīšana; 9. Tīmekļa vietnes atklāšana; 10. Tīmekļa vietnes uzturēšana; 11. Brenda identitāte;

3. Kāda būs vientes struktūra, saturs un kā to pasniegs;

Kā izveidot ērti lietojamu un efektīvu tīmekļa vietni? Nepārtraukts process: Analīze Arhitektūra Satura rediģēšana

Kā izveidot ērti lietojamu un efektīvu tīmekļa vietni? 1. Analīze – Satura audits/ analīze (apskatīt jau esošo saturu) – Konteksta analīze (apskatīt elementus, kas satur un ietekmē saturu) 2. Satura rediģēšana – Piesaistīt un noturēt apmeklētāju uzmanību ar kvalitatīva satura palīdzību 3. Arhitektūra (izplānot kur atradīsies saturs) – Kā saturs ir strukturēts, organizēts un izmantots

1. Satura audits/ analīze (apskatīt jau esošo saturu) • Kas ir jau ir esošajā saturā? – satura veidi – formāti – temati • Cik kvalitatīvs saturs? – Izmantot kontrolsarakstu (checklist) (nākamajos slaidos) • Kā saturs ir strukturēts? • Vai ir vietas, kur saturam ir – lielas atšķirības – dublējās – liekvārdība Uzskatāmi par satura analīzi: http: //www. slideshare. net/leenjones/content-analysis-know-thy-content Sīkāk par satura analīzi: http: //www. uxmatters. com/mt/archives/2009/04/toward-content-quality. php

1. Konteksta analīze (apskatīt elementus, kas satur ietekmē saturu) Atbildi uz jautājumiem: – Mērķis • Kāds biznesa vai organizācijas mērķis? Kāpēc? • Kā saturs palīdzēs sasniegt šo mērķi? – Lietotāji/ auditorija • Kas ir lietotāji vai cilvēki, kuru uzmanību vēlies pievērst? Kāpēc? • Kur (kādos kanālos) šie cilvēki meklē saturu – tīmeklī, mobīlajās ierīcēs, sociālos tīklos? • Ja ir jau esoša tīmekļa vietne , kā tā darbojās? – Procesi • Kā Tu veido, uzturi un pārvaldi saturu līdz šim? • Ko dara konkurenti?

2. Satura rediģēšana • Kādā stilā vai intonācijā vajadzētu pasniegt Jūsu saturu, lai tas šķistu pievilcīgs un rezonētu ar lietotājiem? • Kādus jautājumus un tematus vajadzētu apspriest? Kad? • Kurš ir atbildīgs par kādu saturu? • Kādi ir Jūsu kritēriji ticamam (labam) saturam? • Jāpozicionē sevi kā uzticamu padomdevēju: – Eksperta viedokļi – Lietotāju viedokļi – Koordinēt visu viedokļus (neļaut tiem būt nesaistītiem)

2. Satura rediģēšana • Satura stila norādījumi (noteikumi): – Mērķauditorija – Vīzija (ziņo, ko grib nodot) – Balss un tonis – Tematu kritēriji – Pamatsaturs – Gramatikas un pareizrakstības norādījumi

Arhitektūra – Kāds saturs? – Kur atradīsies saturs? – Kā izskatīsies saturs? • Var sākt ar lapas karti • Kāpēc svarīgi? – Lietotājiem (apmeklētājiem, meklētājprogrammā) ir ērtāk atrast informāciju – Vieglāk izveidot mobīlo versiju, aplikāciju, servisus • Kur un kā izskatīsies jāplāno tikai pēc tam, kad ir zināms, kas tur atradīsies

Arhitektūra/ Lapas kartes piemērs:

Lapas kartes piemērs: • http: //www. w 3 schools. com/sitemap/

Lapas kartes piemērs: • http: //www. apple. com/sitemap/

Satura kontrolsaraksts (checklist)

Lietderīgums & atbilstība (Usefulness & Relevance) – Does the content meet user needs, goals, and interests? – Does the content meet business goals? – For how long will the content be useful? When should it expire? Has its usefulness already expired? – Is the content timely and relevant?

Skaidrība & Precizitāte (Clarity & Accuracy) – Is the content understandable to customers? – Is the content organized logically & coherently? – Is the content correct? – Does the content contain factual errors, typos, or grammatical errors? – Do images, video, and audio meet technical standards, so they are clear?

Ietekme & saslēgšanās (Influence & Engagement) – Does the content use the most appropriate techniques to influence or engage customers? – Does the content execute those techniques effectively? – Does the content use too many or too few techniques for the context?

Pabeigtība (Completeness) – Does the content include all of the information customers need or might want about a topic? – Does the content include too much or too little information about a topic for the context?

Tonis & stils (Voice & Style) – Does the content consistently reflect the editorial or brand voice? – Does its tone adjust appropriately to the context—for example, sales versus customer service? – Does the content convey the appropriate editorial and brand qualities? – Does the content seem to have a style? If so, does the content adhere to it consistently? – Does the content read, look, or sound as though it’s professionally crafted?

Lietojamība & atrodamība (Usability & Findability) – Is the content easy to scan or read? – Is the content in a usable format, including headings, bulleted lists, tables, white space, or similar techniques, as appropriate to the content? – Does the content have the appropriate metadata? – Does the content follow search engine optimization (SEO) guidelines—such as using keywords—without sacrificing quality in other areas? – Can customers find the content when searching using relevant keywords?

Kas jāievēro? #1 • Zini savu auditoriju (dod viņiem, ko viņi vēlās)! • Balansē – lai nav pārāk uzspiedošs teksts, piemēram, balstīts tikai uz pārdošanu • Dod pievienoto vērtību – izklaidē, izglīto! • Piedāvā vēl – pēc pietiekšanās var lasīt vēl, var dalīties, ļauj sniegt atsauksmes • Izmanto media – video, galerijas, foto. . Krāsas un media piesaista apmeklētājus, bet pārāk daudz arī nav labi. . .

Kas jāievēro? #2 • Neizmanto pārāk garu tekstu (+- līdz 6 paragrāfiem rakstā) • Raksti gramatiski pareizi • Vispirms domā, kā to publicēt sociālajos tīklos • Ko rakstīt virsrakstos? (Tādu tekstu, kas liek izskatīties gudriem? ) • Svarīga var būt arī apmeklētāja uzvedība (psiholoģija)? • Atceries, ka visbiežāk apmeklētājo lapu ‘skanē’ nevis lasa • Apmeklētāji ir nepacietīgi (ja nesapratīs kaut ko, tad necentīsies iedziļināties)

Noderīgi • http: //www. slideshare. net/contently/innovat econtent-creating-content-that-makes-adifference • http: //www. slideshare. net/James_TDP/16 web-user-behavior-statistics-you-should-know -online-user-behaviour-analysis-12125290

Lietojamības testēšana (Usability testing) #1 Kāpēc jādomā par lietojamību? • $300 Million Button stāsts – Interneta veikalā klientam pirms pirkuma norēķināšanās (checkout) ir jāveic autentifikācija (jāievada ID – epasts un parole) – Diemžēl, daudzi neatcerās paroli, tāpēc veic paroles atjaunināšanu (40% no lietotājiem) – No šiem 40% tikai vēl 25% e-pastā atvēra saiti, ar kuru notiek paroles atjaunošana – Un no šiem 25%, kas atjaunoja paroli, tikai 20% pabeidz savu pirkumu – Atļaujot veikt pirkumu bez reģistrācijas tika dramatiski palielināts pirkumu skaits (jo nevajadzēja vairāk atcerēties paroles utt. ) Pirkt bez reģistrācijas

Rīki lietojamības testēšanai 1. Papīrs un zīmulis 2. Feedback 1. publiski dalās, 2. profesionāļi, 3. 5 sek. likums 3. Karte -Klišķiem, peles kustībām, formu aizpildīšanai, ritināšana (scrolling), acu skatienam 4. . . Avots: http: //www. usefulusability. com/24 -usability-testing-tools/#Paper

Lietojamības testēšana #2 • Kad testēt? – Plānojot. Piemēram, ar ‘mockup’ palīdzību – Pirms pārplānošanas – Izstrādes laikā – Kad apmeklējuma statistikā ir kādas novirzes • Ko gribam atklāt? – Kāds ir lapas mērķis – Navigācija – Vai var uzminēt, kur atrast lietas

Lietojamības testēšana #3 • Gribam uzzināt no lietotājiem: – – – – – Kā tiek lietota lapa Ko ir grūti izdarīt Ko ir viegli izdarīt Kur pazūd Kas ir nozīmīgs Kas rada nesaprašanu Kas patīk un kas nepatīk Vai var izpildīt kādu konkrētu uzdevumu (kādus soļus veic) Vai var atrast kaut ko specifisku (kur ‘aizķerās’) • Cik ilgi testēt? – Kamēr cilvēks nepiekūst (līdz 1 h)

Lietojamības testēšana #4 • Jāizvēlās cilvēki no malas – Neiesaistīta persona – Tāds, kurš redz tīmekļa vietni pirmo reizi – Tāds, kurš saprot, kas ir web (tīmeklis) Draugi, kaimiņi, studenti. . • Kā izvēlēties testa uzdevumu, kritēriji: – – – Biežums (cik bieži apmeklētājam būs jāveic šī darbība) Svarīgums (vai šī darbība ir kritiska) Kļūdas iespēja (vai var izraisīt kļūdu) Neskaidrība (par ko ir jautājumi) Izmaiņu iespēja (vai ir iespējams rezultātus pielietot reālajā dzīvē – veikt izmaiņas)

Eye-tracking

Eye-tracking • Uztveres karte – kur lietotājs skatīsies, piemēram, pirmajās 3 sekundēs atverot lapu.

Heatmaps

Labā/ kreisā puse – cik augstu? Kreisajā pusē ‘labākā’ vieta ir 500 px no augšas Labajā pusē ‘labākā’ vieta ir 1000 px no augšas http: //www. adweek. com/n ews/technology/what-partweb-page-gets-highestviewership-152443

4. Izvēlēties domēna vārdu 5. Iegādāties hostingu (FTP pieeju serverim)

Nosaukuma garums Brends -Tāds pats nosaukums, kā uzņēmumam (vai produktam) Īsāku nosaukumu: -vieglāk atcerēties -grūtāk kļūdīties ievadīt nepareizu -var būt izņēmumi kad garāks nosaukums ir labāks, piemēram, ‘tbrea. com’ un ‘The. Best. Real. Estate. Agency. com’ Izvēlēties domēna vārdu Tipiski atslēgas vārdi pēc kuriem varētu meklēt tīmekļa vietni -vieglāk atrast -meklētājiem vieglāk atrast Valoda & uzbūve -ieteicams lietot starptautisku nosaukumu -vai arī tādu, kuru iespējams uzrakstīt latīņu simboliem -Var lietot ciparus un ‘-’, bet ievērot ka tie var radīt apjukumu (nosūtīt pie konkurenta) -darbības vārdi, lietvārdi, īpašības vārdi, apstākļa vārdi. . .

Kas jāņem vērā izvēloties domēnu? • Izmaksas – Visbiežāk gada īre • Bezmaksas domēni – Domēna vārds tiek iedots par brīvu, bet kuram tas pieder? . Piemēram, ja tas pieder hostinga kompānijai, tad var gadīties, ka vislaik būs jābūt atkarīgam no viena hostinga nodrošinātaja vai arī jāizpērk par neadekvātu summu. – Kas ir ar nākamajiem gadiem? Bezmaksas var būt 1. gads, bet kas notiek pēc tam? Jāmaksā dubultā? Vajag izrēķināt. • Kādu pirmā līmeņa domēnu izvēlēties? – Valsts (. lv, lt. , . ee. . . ) Tiek uzskatīts, ka nevalstisko domēnu mājas lapas konkrētajā reģionā ‘labāk’ indeksē meklētājprogrammas. – Nevalstiskos (. com, . edu, . org. . )

Web hosting (Tīmekļa mitināšana) • Tīmekļa vietne sastāv no dažādiem resursiem jeb dažādām datnēm (. html, . css, . js, . php, . jpg, . png. . ) • Lai nodrošinātu, ka šīs datnes var apskatīt publiski, ir nepieciešams tās nolikt vietā, kurai visi var piekļūt; • Šo vietu (datoru) sauc par tīmekļa serveri (jo tas apstrādā pieprasījumus un atgriež pēc pieprasījuma resursus ); • Piekļūt tīmekļa serverim var caur tīmekli, līdz ar to ir nepieciešams Interneta pieslēgums;

Web hosting (Tīmekļa mitināšana) • Arī parasts PC dators var tikt lietot kā tīmekļa serveris, tomēr tā kā resursus var pieprasīt daudzi klienti vienlaicīgi, tad ir nepieciešams nodrošināt, lai tīmekļa serveris ir pietiekami ‘jaudīgs’ un ar ‘ātru’ interneta pieslēgumu; • Kompānijas, kas nodrošina tīmekļa lapu pieejamību daudziem klientiem, sauc par tīmekļa mitināšanas (web hosting) kompānijām; To tīmekļa serveri ir jaudīgāki un ātrāku interneta pieslēgumu nekā parasts dators;

Kādi ir hostinga veidi? • Dalītais – Uz vienas fiziskas iekārtas atrodas daudzu tīmekļa vietnes. Ja viena vietne sāk pieprasīt daudz servera jaudas resursus, tad citām paliek mazāk;

Kādi ir hostinga veidi? • Virtuālais – Uz viena servera tiek virtuāli izveidot vairāki serveri. Virtuālais serveris ir pakalpojums, kas nodrošina iespēju izmantot garantētu jaudu, vietu un atmiņas apjomu no servera. – Katrs virtuālais serveris darbojas kā īsts serveris un funkcionē neatkarīgi no citu virtuālo serveru darbības. – Tas nozīmē, ka Jūsu mājaslapas darbību nespēj ietekmēt citu lietotāju mājaslapas apmeklētāju skaits, resurs ietilpīgu programmu darbināšana un citas darbības. – Uz katra virtuālā servera tiek uzlikta tieši Jūsu vajadzībām atbilstošākā programmatūra.

Kādi ir hostinga veidi? • Īrēt veselu serveri – Uz vienas fiziskas iekārtas atrodas tikai Jūsu tīmekļa vietne; • Iegādāties serveri – Nopirkt serveri un lūgt kādai hostinga kompānijai to uzstādīt savā datu centrā (ar interneta pieslēgumu, strāvu); Noteikti ir jānoskaidro kādu atbalstu sniedz – vai veic servera nepārtrauktu novērošanu (diennakts tehniskais atbalsts, ja serveris ‘nobrūk’), vai iekārtai ir garantija.

Kas jāņem vērā izvēloties hostingu? #1 • Vai serveris atrodas ‘drošā’ datu centrā? – – – Vai ir nepārtraukta enerģijas padeve serverim? Vai ir rezerves ģenerators (cik bieži to testē)? Kāda ir fiziskā drošība (apsargs, slēgtas telpas)? Vai ir ugunsdzēšanas sistēma? Kāds ir vidējais interneta pieslēguma noslogojums (pieslēguma izmēram nav nozīmes, ja tas visu laiku ir noslogots)? • Vai kompānijai ir pieredzējis sistēmas administrators? – Vai šim cilvēkam ir iespējams piekļūt, piemēram, ja tīmekļa vietne nedarbojas? Cik daudz personas ir iesaistītas?

Kas jāņem vērā izvēloties hostingu? #1 • Atsauksmes par hostinga kompānijām? – Stabilitāte; – Atbalsts; • Vai hostinga kompānijas servera adrese (IP) nav ‘melnajā’ sarakstā? • Kāds ir hostinga kompānijas statuss (cik veca, vai nav parādu, vai ir kompānija ar peļnu, nav uzsāktas tiesvedības). . .

Kas jāņem vērā izvēloties hostingu? #2 • Vai izvēlēties domēns+ hostings? – Kas notiek, ja hostinga kompānija, piemēram, bankrotē? Pašu tīmekļa lapu var pārlikt citur. Bet kas notiek ar domēna tiesībām? • Kāda ir diska vieta un joslas platums (Bandwidth)? – Kas varētu notikt, piemēram, ja Jūsu tīmekļa vietne kļūtu ļoti populāra vienā brīdi? Vai tā neapstātos? Vai visiem būtu iespējams to apskatīt?

Kas jāņem vērā izvēloties hostingu? #2 • Kāds ir darbspējas laiks? – Svarīgi, lai nodrošina vismaz 99, 5%. (Pieņemot, ka gadā ir 365 dienas, tad gadā ir 365 x 24 x 60=525600 minūtes. Katra procenta desmitdaļa ir 525, 6 minūtes jeb 8 stundas)

Kas jāņem vērā izvēloties hostingu? #3 • Serveris var būt Windows vai Unix (Linux) – Ierasti tas ir Unix, bet ir jānoskaidro no tīmekļa lapas izstrādātājiem vai nav nepieciešams kāds īpašs atbalsts, ko nodrošina tikai Windows • Ja ir vairāki domēni? – Vairāki domēni var norādīt uz vienu ‘īsto’ domēnu; – Vairāki domēni dažādām tīmekļa vietnēm. Jānoskaidro vai konkrētās hostinga kompānijas viens hostinga konts nodrošina vairākus domēnu vārdus. • Pieskatiet, lai Jums būtu administratora pieeja hostinga kontam (lietotājvārds, parole), pat, ja visu nokārto - kāda cita persona (tīmekļa vietnes izstrādātājs –’programmētājs’), pati hostinga kompānija.

Ko nodrošina Web hosting • Vietnes izmērs ir atkarīgs no datu apjoma – datņu (. html, . css, . js, . php, . jpg, . png. . ) daudzuma. Tātad tīmekļa vietnei uz servera ir savs izmērs (līdzīgi, ka visām datnēm, to var izmērīt megabaitos/ gigabaitos); – 1 simbols ir 1 baits; 1024 simboli ir viens kilibaits; 1024 kilobaiti ir viens megabaits; – 10 kilobaiti ~ 1000 vārdi. . . – Elementāra HTML koda lapa ~ 2 kilobaiti; – Wordpress vietnes izmērs ~ 25 megabaitiem (ar salīdzinoši nedaudz media datnēm); – Protams, lielāko daļu aizņem tieši media- attēli, video, audio. . . • Kā papildus pakalpojumi: – Nodrošināt e-pasta serveri (ar to pašu domēnu, kā ir tīmekļa vietnei). Kritērijs – cik daudz e-pasta adreses (e-pasta ‘kastītes’) var izveidot.

5. Reģistrē pēc iespējas vairāk domēnu (sasaisti tos uz vienu vietni) 4. Meklē 1. Izdomā pēc iespējas vairāk vārdu, kas saistās ar tīmekļa vietnes vīziju Izvēlies & reģistrē domēnu 2. Izveido dažādas brīvos domēnus kombinācijas no iegūtajiem vārdiem 3. Izvēlies dažas kombinācijas. Vsk, dsk. . ? Cipari un –? Lietvārdi, darbības vārdi, īpašības vārdi. . .

Palīgi izvēloties domēnu? • http: //www. namestation. com/ – Generates a list of available domains based on a submitted word. • http: //domaintyper. com/ – Checks domain name availability instantly. • http: //www. leandomainsearch. com/ – See what others are looking to register as a source of inspiration. • https: //domai. nr/– Type a work and it will find “domain hacks”. • http: //www. dotomator. com/ • http: //www. freehostia. com/domains. html

Kādu hostingu izvēlēties? • • http: //hostingi. lv/ http: //www. serveris. lv/ http: //www. ipage. com/ipage/index. html http: //bluehost. com/ http: //www. godaddy. com/ http: //www. fatcow. com/ http: //www. justhost. com/

MD 5 • Neobligātā daļa – izdomāt, kāda ir mūsdienu tendence (-es) un kāpēc? • 2005: “We need a blog!” “Why? ” “Everyone has one!” 2009: “We need to Tweet!” “Why? ” “Everyone’s doing it!” 2011: “We need to get in the cloud!” “Why? ” “Everyone’s going to the cloud!” • 2014: “Question!” “Why? ” “Answer!”

MD 5 1. Atrast savam projektam domēna vārdu (tādu kurš ir brīvs). Jābūt parādītiem visiem 5 soļiem (atrodami lekcijas slaidā #49), izņemot pašu domēna reģistrēšanu; Norādīt rīku/-us domēna vārda ideju ģenerēšanā. Norādīt adresi, kurā iespējams veikt izvēlētā domēna rezervāciju. 2. Izvēlēties vienu no trīs paša izvelētām domēna hostinga kompānijām. Parādīt pēc kādiem kritērijiem tās tika salīdzinātās un kā tika izvēlēts ‘uzvarētājs’.

MD 5 3. Izveidot aprakstu ‘Kā izveidot efektīvu un ērti lietojamu tīmekļa vietni’. Nepieciešams apskatīt tēmas: 1. Analīze • Satura audits/ analīze (apskatīt jau esošo saturu) • Konteksta analīze (apskatīt elementus, kas satur un ietekmē saturu) 2. Satura rediģēšana • Piesaistīt un noturēt apmeklētāju uzmanību ar kvalitatīva satura palīdzību 3. Arhitektūra (izplānot kur atradīsies saturs) • Kā saturs ir strukturēts, organizēts un izmantots (Aprakstā nepieciešams iekļaut atbildes uz jautājumiem, kas atrunāti atsevišķi excel datnē) Drīkst izmantot vizuālos zīmējumus, piemēram, 1. līmeņa skices (mockup). Neaizmirst aprakstīt lietoto elementu (logo, baneri, rakstu slejas, attēli, galerijas, tērzēšanas pogas. . . ) nepieciešamību un lietojamību/ ērtumu.

MD 5 • MD 5 jānodod līdz 27. 10. 2014 23: 59 • Jānosūta uz pasniedzēja e-pastu: kaspars. zemiitis@gmail. com • Formāti: – Daļu 1. -3 aprakstiem jābūt teksta failā (vai arī katrs savā failā). Atļauti formāti - odt, doc, pdf. – 3. daļai drīkst pievienot arī vizuālus materiālus (skices, skices ar komentāriem).