Blogi
Kui Voo veebilehemootori tavakasutajad hindavad platvormi eelkõige tema lihtsa kasutajaliidese poolest, siis “kapoti all” on peidus võimekad arendustööriistadvaba ligipääs kogu saidi koodile, API, andmebaasitööriist, käsureatööriist Voog Kit koodi alla- ja üleslaadimiseks jpm.

Arendaja saab Vooga luua kuitahes keerukaid rätsepalahendusi. Tavakasutajast lõppkliendi jaoks jääb veebilehe haldamine alati lihtsaks, sest sisu lisamine ja toimetamine käib kasutajasõbraliku visuaalse liidese vahendusel. Kui kasutajal tekib platvormi kohta küsimusi, siis aitab teda Voo kasutajatugi ning arendajal pole tarvis ise kliendi koolitamisega tegeleda.

Need on põhjused, miks mitmed veebiagentuurid kasutavad oma kliendisaitide ehitamiseks just Voogu.

Voo peale ehitatud veebilehe toimetamine käib lihtsa kasutajaliidese kaudu

Lihtsaimast kuni kõige keerulisema arendusprojektini käib kasutaja jaoks saidi haldamine ühesuguse ja lihtsa kasutajaliidese kaudu.

Kuidas töötab Voo peal olev veebileht?

Kujundus koosneb HTML mallidest ning kujundusega seotud CSS-, Javascript- ja pildifailidest. Iga alalehega on seotud üks kujunduse poolt pakutud mallidest, mida lehe toimetaja saab vastavalt vajadusele kasutada. Mallides omakorda on määratud sisualad, kuhu lehe haldaja saab lisada erinevat tüüpi sisublokke (tekst, galerii, kaart, embedded kood, kohandatav vorm andmete kogumiseks jms).

Üle API on võimalik igale objektile (sait, lehed, artiklid) juurde lisada metaandmeid (selle jaoks on olemas sisseehitatud visuaalsed tööriistad), mille põhjal saab malli koodis erinevaid kuvamise otsuseid teha (nt taustapilt, värvid jne). See annab veebilehe haldajale võimaluse olemasolevat kujundust visuaalselt tundmatuseni muuta ilma malli koodi puutumata.

Millised on Voo kasutamise argumendid arendaja jaoks?

Süsteem on paindlik ja lihtne. Arendaja toimetab praktiliselt sama koodiga, mida serveeritakse veebilehe külastajale — HTML, CSS ja JS. HTML on rikastatud Liquid-keelega, mis võimaldab malle genereerida dünaamiliselt. Kogu struktuurse koodi saab mugavalt ka väiksemateks komponentideks jaotada — neid saab taaskasutada erinevates lehemallides. Loomulikult on lõppkasutajal võimalik samu malle kasutada erinevate keelesektsioonide loomiseks.

Arendajal on vaba ligipääs kujundusmallide HTML, CSS ja JS koodile.

Arendajal on vaba ligipääs kujundusmallide HTML, CSS ja JS koodile. Koodi saab muuhulgas muuta Voogu sisse ehitatud koodiredaktori abil.

Voo andmebaasitööriist lisab paindlikkust

Arendajale annab paindlikud ja loomingulised võimalused Voo andmebaasitööriist. See võimaldab mugavalt luua katalooge, mis sisaldvad palju korduvaid elemente — näiteks üritusi, teenuseid, publikatsioone, tiimiliikmete ankeete jms.

Kauss arhitektide kodulehel on tööde portfoolio ehitatud Voo andmebaasitööriistaga.

Kataloogi loomiseks koostab arendaja andmemudeli, mis võib koosneda eri tüüpi andmeväljadest (nt tekst, number, kahendväärtus, pilt, kuupäev jne). Selle alusel saab front-endis kokku komponeerida visuaalse ankeedi, mida lehe toimetaja kasutab andmete sisestamiseks ja muutmiseks. Sama ankeeti näeb avalikus vaates veebilehe külastaja — igal täidetud ankeedil (ehk andmebaasi real) on oma unikaalne aadress.

Voo kataloogitööriista ülevaatlik tabelivaade

Kodulehe toimetajal on võimalik kataloogi sisestatud andmeid hallata ka ülevaatlikus tabelivaates.

Paindlikkust lisab see, et sisestatud andmeid saab kasvõi väljatüübi kaupa filtreerida ning tulemusi kuvada mistahes saidi alalehel. Niimoodi saab koostada lisaks detailsetele ankeetidele ka ülevaatlikke nimekirju. Näiteks võib ühel leheküljel olla esitatud nimekiri ettevõtte töötajatest — nimedel klikkides avanevad detailsed ankeedid. 

Loe lähemalt, kuidas saad Voo andmebaasitööriistaga algust teha.

Mida arendaja Vooga teha saab?

Kõige levinum kasutusjuhtum on staatiline veebileht. Saab teha ajaveebe, tootekatalooge, nö onepager-eid, lihtsaid veebipoode jms. Kuni pole vaja külastajakontosid, aktiivselt mõnele teisele teenusele andmeid saata või suurt veebikaubamaja, saab kasutusjuhtumi lahendada Voo peal.

Veebipoe funktsionaalsus on küll piiratud, aga see on hästi lihtne nii lehe haldajale kui ka külastajale. Palju väikseid ent edukaid poode kasutavad Voogu ning on süsteemiga rahul. See pole küll nii paindlik ja laiendatav nagu spetsiaalselt e-poodidele orienteeritud teenused, kuid teatud kasutajaskonna jaoks pole sellist detailsust ka vaja.


Nahakunstnik Stella Soomlaisi veebipoe tootekataloog on ehitatud Voo andmebaasitööriistaga.

Mis teeb Voo peale arendamise lihtsaks ja mugavaks?

Arendustööriistad on arendaja enda valida. Alustada võib kasvõi Voo online-koodiredaktorist ning sealt on väike samm edasi põhilise arendustööriistani Voog Kit. See koos arendaja enda valitud versioneerimissüsteemiga (Github, Bitbucket jms) on seni olnud kõigi partneragentuuride jaoks piisav. Kui arenduskeel transpileerub JavaScriptiks, saab seda Voo peale ehitamiseks kasutada. Saidi struktuurse koodi saab mugavalt erinevateks mallideks ja komponentideks jagada, et tagada koodi taaskasutus ning säilitada head ülevaadet.

Millised on Voo tugevused võrreldes oma serverisse paigaldatava CMS-iga?

Rakendus töötab kõigi jaoks täpselt samamoodi — ei pea muretsema turvaaukude, väliste sõltuvuste, versioonikonfliktide või muu taolise pärast. Kui Voogu täiendatakse, rakendub see kõikidele veebilehtedele samaväärselt. Voog ei dikteeri eriti tugevalt, kuidas veebilehti ehitama peab — kontroll lõpliku koodi üle on arendajal. Voo standardmallid on heaks eeskujuks ning neid saab vabalt ka laiendada või täielikult ümber ehitada. Võib aga ka täiesti nullist oma HTML, CSS ja JS kirjutada.

Vaata Voo ühe populaarsema malli Longyearbyeni lähtekoodi Githubis, et saada hea ülevaade sellest, milline näeb välja Voo peale arendatud veebilehe kood.

Lisaks sellele võimaldab Voog kui pilveteenus operatiivsemat ja põhjalikumat kasutajatuge kui oma serveris majutatud CMS. Kasutajatoel on võimalik kiirelt probleemi algallikani jõuda.

Kas on võimalik siduda näiteks väliseid andmeallikaid või oma autentimissüsteemi?

Lühike vastus — sõltub.

Pikem vastus — oleneb vajadustest. Praktiliselt kõike, mida saab HTMLi ja Javascriptiga teha, saab Voo peal kasutada. Näiteks on võimalik välisest API-st andmeid pärida  ja neid kuvada, iframe’isid sisestada jne. Kui on vaja privaatse võtmega autentimist, siis front-end’is seda teha ei saa ning on tarvis lisarakendust, mis infot vahendaks. Selleks oleme ise kasutanud Heroku teenust. Nii on loodud mitmeid veebilehti, mis saavad sisu osaliselt mõnest muust teenusest või saadavad regulaarselt infot mujale. Välise rakenduse kasutamise ainus tingimus on, et rakendus kasutaks andmete võtmiseks Voo API-t. Kuna back-end on kõikide veebilehtede jaoks täpselt sama, ei ole seda hetkel võimalik liidestuste ja pistikprogrammidega täiendada nagu mõnes muus CMSis. Põhirõhk on brauseri poolel ning see seab teatud piirangud.

Kokkuvõte

Voo kui arendusplatvormi tugevused

  • Arendajana on sul vaba ligipääs kogu saidi koodile.
  • Sinu töö käib praktiliselt sama koodiga, mida serveeritakse saidi külastajale.
  • Lihtne mitme keele tugi — sama kujundusmalli saab kasutada erinevates keeltes sisu alusena.
  • Voog on keskselt hallatud pilvetarkvara — kasutusel on alati kõige viimane versioon, arendajana pole sul tarvis tegeleda versiooniuuenduste ega turvaaukude paikamisega.
  • Kasutajad saavad küsimustega pöörduda Voo kasutajatoe poole — arendajana ei pea sa tegelema kliendi koolitamisega.
  • Saidi saad ehitada nullist kasutades oma HTML, CSS ja JS koodi või võtta näidisena aluseks mõne Voo standardkujunduse avaliku koodirepo.
  • Koodi saad muuta sisseehitatud online-koodiredaktoriga ja üles-alla laadida käsureatööriistaga Voog Kit.
  • Arenduskeelena võid kasutada kõike, mis transpileerub JavaScriptiks.
  • Staatilisele koodile annab dünaamilise, kasutaja poolt muudetava sisu Liquid markup.
  • Sul on võimalik jaotada kood väiksemateks komponentideks, mida on võimalik refereerida ja taaskasutada.
  • Vool on sisseehitatud andmebaasitööriist korduvate elementidega kataloogide tegemiseks.
  • Voog API võimaldab kõigile saidi objektidele saab lisada metaandmeid.
  • Voo e-poe moodul võimaldab sul ehitatda lihtsamaid ühe-regiooni veebipoode (mitme regiooni tugi on arendamisel).

Millal võib Voog arendusplatvormina kitsaks jääda?

  • Projektide puhul, mis vajavad külastajakontode tuge.
  • Suurte veebikaubamajade, mitme käibemaksu tuge vajavate ja digitoodete müüki võimaldavate veebipoodide ehitamiseks.
  • Kui on vaja back-end'i väliste liidestuste või pistikprogrammidega täiendada. Kuna Voos on back-end kõikidel lehtedel sama, puudub võimalus seda väljastpoolt mõjutada.
  • Kui on vaja siduda väline andmeallikas, mis nõuab privaatse API-võtmega autentimist. Sellisel juhul on tarvis kasutada välist lisarakendust, mis infot vahendab.

Täiendavat lugemist

Näiteid Voole ehitatud erilahendustest, mis seovad veebilehel kokku erinevaid andmeallikaid

Proovi järele

Kui sul on Voo platvormi kohta täiendavaid küsimusi, siis kirjuta meile kiri või liitu Voo arendajate kogukonna Slacki kanaliga. Ning loomulikult kutsume sind platvormi järele proovima – selleks klikka allolevat nuppu:

Tee endale Voo konto
Autorist

Mikk Pristavka

Mikk töötas Voos aastatel 2012-2018 full-stack arendajana.
comments powered by Disqus