Eläväisiä ja huippunopeita verkkosivustoja CARECOM CCWebCorella

CARECOM CCWebCore -kehyksellä luomme sinulle eläväisiä ja huippunopeita verkkosivustoja.

Harald Mühlhoff 2 min lukuaika

Alkuvuodesta perehdyin jälleen perusteellisesti uusiin ohjelmistoteknologioihin verkkopohjaisten sovellusten luomiseksi. „Sivutuotteena“ syntyi tällöin ajankohdan sopimistyökalu pyöräretkeä varten. Kehityskokemus oli niin loistava, että toteutin seuraavaksi tämän verkkosivuston uudelleen sillä – ja sitten lyhyessä ajassa useita pienempiä asiakassivustoja … (mm. pchfischer.de ja therapie-am-fluss.ruhr ) Kaikille sivustoille on yhteistä, että ne toimivat Twitter Bootstrapin ansiosta hyvin kaikilla laitteilla – älypuhelimesta suureen televisioon. Ideoille ei ole rajoja, ja tällä hetkellä lähes päivittäin tulee jokin muutos tai laajennus lisää.

Siinä missä perinteiset verkkosivustot ovat pikemminkin kokoelma staattisia teksti- ja kuvatiedostoja, CARECOM® CCWebCoressa ei ole enää eroa webin ja sovelluksen välillä. Kaikki sisältö on komponentteja, ja niitä voi – Lego-palikoiden tapaan – yhdistellä vapaasti ja ennen kaikkea käyttää uudelleen.

Näin minulle vihdoin kannattaa panostaa enemmän kehitystyötä yksittäisiin komponentteihin. Esimerkiksi rivi <ContactForm hideMessageField={false} /> sekä palvelimella oleva määritystiedosto riittävät yhteydenottolomakkeen lisäämiseen:

Yhteydenottolomake

Tällöin monikielisyyttä tuetaan automaattisesti, ja tekstit sekä (virhe)ilmoitukset on helppo räätälöidä tenanttikohtaisesti.

Myös koko näytön täyttävän kuvadiaesityksen määrittely vaatii tuskin enempää kuin yhden rivin:

let PhotographySlider = (props) =>
        <Slider id="PhotographySlider" baseUrl="/tenants/carecom/images/photography/slides/" fromNr={1} toNr={42} />

Sitten puuttuvat enää kuvat, joita valokuvaan ja/tai käsittelen korkealaatuisesti.

Diaesitys koko ruudulla

Tällä hetkellä tietojen toimituksellisesta valmistelusta ja julkaisusta vastaan ainoastaan minä. Työstän kuitenkin jo kätevää editointitoimintoa, jotta uutiset, kampanjat … voi tarvittaessa julkaista myös helposti suoraan asiakkaideni toimesta.

Muita jo valmistuneita komponentteja / toiminnallisuuksia:

  • Monikielisyyden tuki (myös kiinankielinen versio olisi 沒問題)
  • Metatietojen, kuten otsikon ja kuvauksen tuki sekä Google-sivukarttojen automaattinen luonti – jotta Google löytää tärkeät sisältösi täydellisesti ja ajantasaisesti.
  • Google Analytics (käyttäjien käyttötietojen analysointi tarjonnan parantamiseksi)
  • Google Ads (mainonnan integrointi)
  • Infokentät, joita voi käyttää kohdennetusti tietyillä sivuilla ja tietyin ehdoin – esimerkiksi myös ensikävijöiden alennuskuponkeihin.
    Infokentät
  • Evästevaroitus (Käyttäjälle huomautetaan aktiivisesti evästeiden käytöstä – varmuuden vuoksi)
    Evästevaroitus
  • Kaksi komponenttia, joilla käyttäjä voi nopeasti vaihtaa netto- ja bruttohinnan esityksen välillä
    Netto-/bruttovaihto
  • Käyttäjän sisäänkirjautumisen tuki (esim. suojattujen alueiden toteuttamiseen, joilla on tietoa hyville asiakkaille)
    Sisäänkirjautumisikkuna
  • Modaalidialogit
  • „Pehmeä“ vieritys – tärkeää navigoinnissa laajempien sivujen sisällä
  • Ohjelmakoodin tai datan muotoilu

Ylipäätään erityispiirteiden toteuttaminen, jotka antavat sivuille vasta niiden oman viehätyksen ja hieman eloa, on helppoa ja nopeaa:

Päivämäärän ja kellonajan näyttö sekä tieto siitä, onko nyt avoinna
Kuvien näyttävä esitys Polaroid-kuvina ja Post-It-lappuina

Verkkosivuston luominen, joka edustaa sinua ja yritystäsi asianmukaisesti World Wide Webissä, on ja pysyy tietysti jännittävänä luovana ja teknisenä haasteena, joka sisältää ihanteellisesti tiivistä vuoropuhelua välillämme.

Uusien mahdollisuuksien ansiosta pääsemme kuitenkin paljon nopeammin esittelykelpoisiin tuloksiin ja voimme näin avata vähitellen myös uusia mahdollisuuksia, joita digitalisaatio tuo mukanaan – esimerkiksi tuoteluetteloiden tai ajanvarauskalenterien integroinnin kautta …

Kuulostaako tämä kiinnostavalta? Ota silloin minuun yhteyttä!

Harald Mühlhoff

Tapahtui virhe. Lataa uudelleen 🗙

Yhdistetään uudelleen palvelimeen …

Uudelleenyhdistäminen epäonnistui – seuraava yritys sekunnin kuluttua.

Uudelleenyhdistäminen epäonnistui.
Yritä uudelleen tai lataa sivu uudelleen.

Palvelin keskeytti istunnon.

Istunnon jatkaminen epäonnistui.
Yritä uudelleen tai lataa sivu uudelleen.