PROJEKTI

Verkkotaulu luovaan yhteistyöhön reaaliajassa

Räätälöity ohjelmistokehitys, Reaaliaikainen yhteistyö, Vapaalla kädellä piirtäminen, Taulujen jakaminen, Yksityiset projektitilat, Tiedostojen lataus, PNG- ja PDF-vienti

  • Toimiala: Luovat palvelut
  • Tšekki Sijainti: Tšekki
  • Toimitusaika: 16 viikkoa
  • Teknologiat: JavaScript / TypeScript (Node.js), Python
4+ kuukautta

Asiakas käyttää aikaa luovan työn, kommenttien ja tiedostojen yhteensovittamiseen hajautetuissa tiimeissä. Verkkotaulu on verkkopohjainen työtila, jossa toimisto luo jaettuja tauluja, piirtää vapaalla kädellä ja lisää visuaalista sisältöä. Se tarjoaa projektipäälliköille ja tiimin jäsenille yhden paikan yhteistyöhön työpöytä- ja mobiililaitteilla. Yksityiset tilat, oikeudet, kommentit, istuntojen tarkastelu ja taulujen vienti tukevat työtä.

Yhteenveto

Ongelma

Luova toimisto hallinnoi visuaalista yhteistyötä erillisissä keskusteluissa, tiedostoissa ja taulujen jakamisen vaiheissa.

Ratkaisu

Ratkaisusta tuli responsiivinen verkkotaulu, jossa on synkronoitu kanvaasin tila, projektitilat ja chat.

Tulos

Ohjelmisto on suunniteltu vähentämään jaettuun luovaan työhön liittyvää manuaalista koordinointia ja uudelleentyöstämistä.

Asiakkaan tarina

Asiakas on tšekkiläinen luova toimisto. Se työskentelee hajautettujen tiimien kanssa ja luo, vaihtaa ja tarkastelee visuaalista sisältöä yhdessä.

Luovaan työhön kuuluu luonnoksia, tekstiä ja kuvia vapaalla kädellä. Lisäksi siihen sisältyvät kommentit, jaetut tiedostot ja taulujen käyttöoikeudet.

Toiveena oli tarjota profiilit, haku tai yhteensovitus sekä projektinhallinta. Ratkaisun tuli kattaa myös viestintä ja yhteistyö.

Analytiikka ja tallennettu toiminta kuuluivat toimeksiantoon. Myös responsiivinen pilvikäyttö oli tarpeen.

Ratkaisu toteutettiin modulaarisena verkkosovelluksena. Erityistä huomiota kiinnitettiin synkronoituihin tauluihin, yksityisiin projektitiloihin, reaaliaikaisiin kohdistimiin ja kommentteihin.

Liitteitä tukeva chat, istuntojen toisto sekä PNG- ja PDF-vienti viimeistelivät työtilan.

Asiakas pyysi

  1. Profiilien, haun, projektien, viestinnän ja yhteistyön työnkulkujen mahdollistamista.
  2. Analytiikan, koontinäyttöjen, mittareiden ja toistettavan toiminnan tarjoamista.
  3. Responsiivista käyttöä työpöytä- ja mobiililaitteilla.
  4. Skaalautuvaa pilvipalvelua dokumentaatiolla ja tulevien laajennusten mahdollisuudella.

Miksi valmis ohjelmisto ei sopinut

Valmiit työpaikkojen innovaatioalustat auttavat tiimejä luomaan sovelluksia ja automatisoimaan liiketoimintaprosesseja, mutta niiden kuvauksissa ne esitetään low-code- tai no-code-sovellusalustoina, ei jaettuina kanvaaseina. Synkronoidun piirtämisen, reaaliaikaisten kohdistimien ja kommenttien yhdistämiseen samaan työnkulkuun tarvittiin räätälöity alusta. Se kokosi yhteen myös oikeudet, yksityiset tilat, tiedostonvaihdon ja istuntojen toiston.

Projektin yleiskatsaus

Ratkaisu suunniteltiin responsiiviseksi verkkosovellukseksi, jossa on synkronoitu muokkaus ja huoneisiin perustuva yhteistyö. Kanvaasin tila säilyy käyttäjien ja istuntojen välillä, ja käyttöliittymä yhdistää piirtämisen, tekstin ja kuvat.

Hallitun yhteistyön tueksi toteutettiin yksityiset projektitilat ja taulujen omistajuus. Jakamisasetukset ja muokkausoikeudet määrittävät pääsyn kuhunkin tauluun, ja taulukirjasto pitää työn järjestyksessä.

Reaaliaikainen chat yhdistää keskustelun ja taulutyöskentelyn. Viestit, liitetiedostot ja kommenttiviittaukset säilyvät osana jaettua istuntoa.

Istunnon toisto tallentaa piirtämisen myöhempää analysoijan tai kouluttajan tekemää tarkastelua varten. Vienti- ja tiedostonvaihtopaneeli käsittelee viitekuvia, pilvitiedostoja sekä PNG- ja PDF-tauluja.

Järjestelmä rakennettiin moduuleiksi, jotta analytiikkaa, koontinäyttöjä, dokumentaatiota ja myöhempiä laajennuksia voidaan lisätä rakentamatta koko alustaa uudelleen. Dokumentaation voi tuottaa työkalulla @docusaurus/core (dokumentaatiosivustojen generaattori) tai Sphinxillä (dokumentaatiogeneraattori).

Toimitetut tärkeimmät ominaisuudet

  • Synkronoitu kanvaasin tila
  • Yhteistyöhön tarkoitettu verkkotaulu
  • Työkalut vapaalla kädellä piirtämiseen
  • Reaaliaikaiset kohdistimet ja kommentit
  • Yksityiset projektitilat
  • Taulujen jakaminen ja käyttöoikeudet
  • Reaaliaikainen chat liitteillä
  • Istunnon tallennus ja toisto
  • Taulujen PNG- ja PDF-vienti

Lisättävissä

+ Istunnon tallennus + Istunnon toisto + Rautalankamallien luonti + PNG-vienti + PDF-vienti

Kuka muu voi käyttää tätä ratkaisua

Näillä yrityksillä on samanlainen tehtävä, ja sama ratkaisu voidaan mukauttaa niiden jaettuihin visuaalisiin istuntoihin.

Luova studio

Tehtävä Se tarvitsee yhden paikan jaetuille luonnoksille, viitekuville, kommenteille ja tarkasteluistunnoille.
Miten ratkaisu auttaa Ratkaisu auttaa tiimiä piirtämään yhdessä, vaihtamaan tiedostoja, hallitsemaan taulujen käyttöoikeuksia ja viemään valmiit taulut.

Etäopetusalusta

Tehtävä Se tarvitsee opettajille ja osallistujille mahdollisuuden työskennellä visuaalisilla tauluilla yhteisten istuntojen aikana.
Miten ratkaisu auttaa Ratkaisu yhdistää vapaan käden piirtämisen, kommentit, liitteet, osallistujien läsnäolon ja istuntojen toiston.

Sisällöntuottajien yhteistyömarkkinapaikka

Tehtävä Se tarvitsee yhteistyökumppaneille mahdollisuuden keskustella kampanjoista ja hallita jaettua visuaalista materiaalia.
Miten ratkaisu auttaa Ratkaisu mahdollistaa yksityiset projektitilat, taulujen käyttöoikeudet, reaaliaikaisen chatin ja vientityökalut.

Teknologiapino

JavaScript / TypeScript (Node.js)

Verkkosovellusten kehitys

Tämä kieliperhe tukee responsiivista verkkokäyttöliittymää ja reaaliaikaisia yhteistyöominaisuuksia.

Python

Analytiikka ja data-analyysi

Python tukee analytiikkaa, raportointia ja toiminnan analysointia tarvittaessa.

PHP

Palvelinpuolen sovellustyö

PHP:tä voidaan käyttää palvelinpuolen sovellusmoduuleissa.

css

Käyttöliittymän tyylittely

css (tyylitaulukon jäsentäjä ja merkkijonojen muodostaja) tukee verkkokäyttöliittymän tyylittelyä.

dropbox

Pilvitiedostojen vaihto

dropbox (Dropbox API:n SDK) yhdistää viitetiedostot ja pilvitallennuksen sisällön tauluun.

jspdf

Taulujen PDF-vienti

jspdf (JavaScript-kirjasto PDF-tiedostojen luomiseen) tuottaa tauluista PDF-versiot.

pandas

Toimintadatan analyysi

pandas (Pythonin data-analyysikirjasto) tukee tallennetun toiminnan raportointia ja analysointia.

@docusaurus/core

Dokumentaatiosivusto

@docusaurus/core (dokumentaatiosivustojen generaattori) voi julkaista järjestelmäohjeet asiakkaan tiimille.

PNG

Taulujen kuvavienti

PNG-tiedostot tallentavat viedyt taulukuvat jakamista ja tarkastelua varten.

PDF

Taulujen dokumenttivienti

PDF-tiedostot tallentavat viedyt taulut asiakirjoina.

Integraatiot

Dropbox

Viite- ja pilvitallennustiedostot siirtyvät Dropboxin ja taulun välillä SDK:n kautta.

Analytics services

Tallennettu toiminta voidaan siirtää analytiikkapalveluihin mittareita, raportointia ja koontinäyttöjä varten.

PNG and PDF files

Taulujen sisältö poistuu alustalta PNG-kuvina tai PDF-asiakirjoina.

Tulos

Jaetut taulut kokoavat visuaalisen työn yhteen

Taulutyötila tarjoaa luovalle toimistolle jaetun kanvaasin seuraaville toiminnoille: vapaalla kädellä piirtäminen, teksti ja kuvat. Se tukee myös muistilappuja, kommentteja ja osallistujien reaaliaikaista läsnäoloa.

Synkronoitu muokkaus tekee nykyisestä kanvaasista näkyvän koko yhteistyöistunnon ajan, ja oikeudet määrittävät, kuka voi käyttää tai muokata sitä.

Näin se toimii

  1. Kanvaasin synkronointimoduuli pitää kanvaasin tilan, piirrokset, tekstin, kuvat ja muistilaput samoina käyttäjien ja istuntojen välillä.
  2. Vapaalla kädellä piirtämisen työkalu näyttää piirtämisen yhteistyöhön tarkoitetulla verkkotaululla.
  3. Reaaliaikaiset kohdistimet ja kommentit näyttävät käyttäjien läsnäolon ja keskustelun taulutyön yhteydessä.
Vinkki: Yksityiset projektitilat ja taulujen käyttöoikeudet pitävät jaetun luovan työn hallinnassa.
Jaettu työtila

Jaettu työtila

Tämän näkymän toiminnot
Kanvaasin tilan synkronointi Yhteistyöhön tarkoitettu verkkotaulu Vapaalla kädellä piirtämisen työkalu Yhteistyö reaaliajassa Taulujen jakamisen hallinta

Hallitut tilat helpottavat taulujen hallintaa

Taulukirjasto tuo olemassa olevat taulut ja projektitilat yhteen näkymään. Omistajuus, käyttöoikeudet ja muokkausoikeudet selkeyttävät taulujen rakennetta projektipäälliköille ja tiimin jäsenille.

Näin se toimii

  1. Taululista näyttää taulujen nimet ja omistajuuden.
  2. Yksityiset projektitilat yhdistävät taulut projektitiloihinsa.
  3. Jakamisasetukset tallentavat käyttäjien käyttö- ja muokkausoikeudet kullekin taululle.
Taulukirjasto ja projektitilat

Taulukirjasto ja projektitilat

Tämän näkymän toiminnot
Taulujen jakamisen hallinta Yksityiset projektitilat

Chat pitää tiedostot ja keskustelun taulun vierellä

Yhteistyöchat pitää viestit, liitteet ja osallistujien henkilöllisyydet yhdessä jaetun istunnon aikana. Näin toimistolla on yksi viestintäpaikka luovalle keskustelulle ja tiedostonvaihdolle.

Kommenttiviittaukset yhdistävät keskustelun asiaankuuluvaan taulutyöhön.

Näin se toimii

  1. Reaaliaikainen chat-paneeli näyttää keskusteluviestit ja osallistujien henkilöllisyydet.
  2. Viestikenttä lähettää keskustelun jaetun istunnon yhteydessä.
  3. Liitetiedostojen lataustoiminto lisää tiedostot, ja kommenttiviittaukset yhdistävät viestit taulutyöhön.
Yhteistyöchat

Yhteistyöchat

Tämän näkymän toiminnot
Reaaliaikainen yhteistyö Yhteistyö reaaliajassa

Toisto tukee piirtämisen tarkastelua

Istunnon tarkastelunäkymässä analysoijat ja kouluttajat voivat tutkia, miten piirtämisistunto syntyi. Aikajana ja toistoalue sijoittavat piirtämistapahtumat järjestykseen tarkastelumuistiinpanojen kanssa.

Näin tallennettu toiminta on hyödyllistä koulutuksessa, tarkastelussa ja myöhemmässä keskustelussa.

Näin se toimii

  1. Istuntolista näyttää tallennetut piirtämisistunnot.
  2. Istunnon aikajana yhdistää tapahtumat niiden toistosijaintiin.
  3. Kanvaasin toistoalue näyttää piirtämisistunnon, ja tarkastelumuistiinpanot pysyvät saatavilla.
Huomautus: Toisto on valinnainen laajennus tallennetun piirtämistoiminnan tarkasteluun.
Istunnon toisto ja tarkastelu

Istunnon toisto ja tarkastelu

Tämän näkymän toiminnot
Istunnon toisto-ominaisuus Piirtämisistuntojen tallennus

Vienti muuttaa taulut jaettaviksi tiedostoiksi

Tiedostonvaihtopaneeli tuo viitekuvat ja pilvitiedostot taululle ja valmistelee valmiit taulut jaettaviksi istunnon ulkopuolella. PNG- ja PDF-toiminnot tukevat kahta yleistä tulostusmuotoa.

Vientitila näyttää luodun taulutiedoston tilanteen.

Näin se toimii

  1. Kuvien ja pilvitiedostojen lataustoiminnot lisäävät kuvat ja pilvitallennustiedostot taululle.
  2. Tiedostolista näyttää ladatut kuvat ja pilvitallennustiedostot.
  3. PNG- ja PDF-vientitoiminnot tuottavat PNG- ja PDF-tauluja, ja vientitila näyttää niiden tilanteen.
Taulujen vienti ja tiedostonvaihto

Taulujen vienti ja tiedostonvaihto

Mitä ratkaisu tarjoaa

Tämän ratkaisun avulla luova toimisto voi:

  • Luoda ja muokata jaettuja visuaalisia tauluja reaaliajassa.
  • Pitää luonnokset, kommentit, tiedostot ja oikeudet yhdessä työtilassa.
  • Hallita käyttöoikeuksia yksityisten projektitilojen ja tauluasetusten avulla.
  • Keskustella taulutyöstä chatissa jaetuilla liitteillä.
  • Tarkastella tallennettuja piirtämisistuntoja toiston avulla.
  • Viedä taulut PNG-kuvina tai PDF-asiakirjoina.

Voisivatko valmisjärjestelmät hoitaa tehtävän?

Ennen suunnittelua tehtävää verrattiin valmiisiin tuotteisiin niiden omien kuvausten perusteella.

Asiakkaan tarpeet Low-code-alustat Claris FileMaker, AppSheet, Ninox No-code-sovellusalustat Budibase, Google App Maker, Appify Yrityssovellusalustat BMC Helix Platform, Grid Räätälöity ratkaisu
Profiilit, haku ja yhteensovitus — — —
Projektit, viestintä ja yhteistyö osittain osittain osittain
Analytiikka ja toistettava toiminta — — —
Responsiivinen käyttö työpöydällä ja mobiililaitteilla — — —
Sopii asiakkaan omiin sääntöihin: vaiheet, roolit, raportit osittain osittain osittain
Kaikki vaiheet yhdessä paikassa — — —
Ei manuaalisia vaiheita ohjelmien välillä osittain osittain osittain

Tuotteiden ja niiden kategorian julkisten kuvausten perusteella.

Valmiit tuotteet kattavat osia sovellusten rakentamisesta, yhteistyöstä, prosessien automatisoinnista ja raportoinnista. Ne riittävät, kun tiimi tarvitsee vain yleisen sisäisen sovelluksen tai yhden erillisen prosessin.

Ne eivät tarjoa asiakkaan omaa jaettua kanvaasia yhtenä kokonaisuutena, jossa ovat synkronoitu piirtäminen, reaaliaikaiset kohdistimet, kommentit, yksityiset tilat, toisto, tiedostonvaihto ja taulujen vienti. Erilliset osat vaatisivat edelleen määrityksiä ja manuaalisia yhteyksiä tuotteiden välillä.

Lopputulos

Lopulta ratkaisu suunniteltiin poistamaan manuaalinen koordinointi luovan idean ja jaetun, tarkasteltavan taulun väliltä.

UKK

Harkitsetko vastaavan järjestelmän rakentamista? Lue alta vastaukset ja katso, miten räätälöity verkkotaulu voi yhdistää visuaalisen yhteistyön, käyttöoikeuksien hallinnan, tiedostonvaihdon ja tarkastelun.