PROJEKT

Veebipõhine valgetahvel loovaks koostööks reaalajas

Kohandatud tarkvaraarendus, Koostöö reaalajas, Vabakäejoonistamine, Tahvlite jagamine, Privaatsed projektiruumid, Failide üleslaadimine, PNG- ja PDF-eksport

  • Valdkond: Loovteenused
  • Tšehhi Vabariik Asukoht: Tšehhi Vabariik
  • Tarneaeg: 16 nädalat
  • Tehnoloogiad: JavaScript / TypeScript (Node.js), Python
4+ kuud

See klient tegeleb loovtöö, kommentaaride ja failide kooskõlas hoidmisega hajutatud meeskondades. Veebipõhine valgetahvel on tööruum, kus agentuur loob ühiseid tahvleid, joonistab vabakäejooniseid ja lisab visuaalset sisu. See annab projektijuhtidele ja meeskonnaliikmetele ühe koostöökeskkonna laua- ja mobiilseadmetes. Privaatsed ruumid, õigused, kommentaarid, seansside ülevaatus ja tahvlite eksport toetavad tööd.

Kokkuvõte

Probleem

Loovagentuur haldab visuaalset koostööd eraldiseisvate arutelude, failide ja tahvlite jagamise etappide kaudu.

Lahendus

Lahendusest sai tundlik veebipõhine valgetahvel sünkroonitud lõuendi oleku, projektiruumide ja vestlusega.

Tulemus

Tarkvara aitab vähendada ühise loovtööga seotud käsitsi koordineerimist ja ümbertegemist.

Kliendi lugu

Klient on Tšehhi Vabariigist pärit loovagentuur. See töötab hajutatud meeskondadega, kes loovad, vahetavad ja vaatavad visuaalset sisu koos üle.

Loovtöö hõlmab vabakäejooniseid, teksti ja pilte. Samuti kommentaare, ühiseid faile ja tahvlite õigusi.

Soov oli pakkuda profiile, avastamist või sobitamist ning projektijuhtimist. Samuti hõlmas see suhtlust ja koostööd.

Soov hõlmas analüütikat ja salvestatud tegevusi. Vajalik oli ka tundlik juurdepääs pilves.

Lahendus kavandati modulaarse veebirakendusena. Erilist tähelepanu pöörati sünkroonitud tahvlitele, privaatsetele projektiruumidele, reaalajas kursoritele ja kommentaaridele.

Manuste toega vestlus, seansside taasesitus ning PNG- või PDF-eksport täiendasid tööruumi.

Klient soovis

  1. Lubada profiilide, avastamise, projektide, suhtluse ja koostöö töövood.
  2. Pakkuda analüütikat, juhtpaneele, mõõdikuid ja taasesitatavat tegevust.
  3. Töötada tundlikult laua- ja mobiilseadmetes.
  4. Kasutada skaleeruvat pilvemajutust koos dokumentatsiooni ja tulevaste laiendusvõimalustega.

Miks valmislahendus ei sobinud

Valmis töökoha innovatsiooniplatvormid aitavad meeskondadel rakendusi luua ja äriprotsesse automatiseerida, kuid nende kirjeldused positsioneerivad need pigem madala koodiga või koodivabade rakendusplatvormidena kui spetsiaalsete ühiste lõuenditena. Sünkroonitud joonistamise, reaalajas kursorite ja kommentaaride üheks töövooks ühendamiseks oli vaja kohandatud platvormi. See koondas ka õigused, privaatsed ruumid, failivahetuse ja seansside taasesituse.

Projekti ülevaade

Lahendus loodi tundliku veebirakenduse ümber, mis toetab sünkroonitud redigeerimist ja ruumipõhist koostööd. Lõuendi olek on kasutajatele ja seanssidele ühine ning liides ühendab joonistamise, teksti ja pildid.

Kontrollitud koostöö jaoks loodi privaatsed projektiruumid ja tahvlite haldus. Jagamisseaded ja redigeerimisõigused määravad juurdepääsu igale tahvlile, tahvlite kogu aitab olemasolevat tööd korrastada.

Reaalajas vestlus seob suhtluse tahvlitööga. Sõnumid, lisatud failid ja kommentaariviited jäävad ühise seansi osaks.

Seansi taasesitus salvestab joonistamistegevuse hilisemaks analüütiku või koolitaja ülevaatuseks. Ekspordi- ja failivahetuspaneel haldab viitepilte, pilvefaile, PNG-tahvleid ja PDF-tahvleid.

Süsteem ehitati moodulitena, et analüütikat, juhtpaneele, dokumentatsiooni ja hilisemaid laiendusi saaks lisada kogu platvormi ümber ehitamata. Dokumentatsiooni saab luua tööriistaga @docusaurus/core (dokumentatsiooniveebide tööriist) või Sphinxiga (dokumentatsioonigeneraator).

Tarnitud põhifunktsioonid

  • Sünkroonitud lõuendi olek
  • Koostöö valgetahvlil
  • Vabakäejoonistamise tööriistad
  • Reaalajas kursorid ja kommentaarid
  • Privaatsed projektiruumid
  • Tahvlite jagamine ja õigused
  • Reaalajas vestlus manustega
  • Seansi salvestamine ja taasesitus
  • Tahvlite PNG- ja PDF-eksport

Lisatavad funktsioonid

+ Seansi salvestamine + Seansi taasesitus + Traadistiku loomine + PNG-eksport + PDF-eksport

Kes saab seda lahendust veel kasutada

Nendel ettevõtetel on sarnane ülesanne ning sama lahendust saab kohandada nende ühiste visuaalsete seansside jaoks.

Loovstuudio

Ülesanne See vajab üht kohta ühiste visandite, visuaalsete viidete, kommentaaride ja ülevaatusseansside jaoks.
Kuidas lahendus aitab Lahendus aitab meeskonnal koos joonistada, faile vahetada, tahvlitele juurdepääsu hallata ja valmis tahvleid eksportida.
Loovstuudiod

Kaugõppeplatvorm

Ülesanne See vajab võimalust, et juhendajad ja osalejad saaksid ühiste seansside ajal visuaalsetel tahvlitel töötada.
Kuidas lahendus aitab Lahendus aitab ühendada vabakäejoonistamise, kommentaarid, manused, osalejate kohaloleku ja seansside taasesituse.
Ettevõtlusteenused

Loojate koostööplatvorm

Ülesanne See vajab koostööpartneritele võimalust kampaaniatööd arutada ja ühiseid visuaalseid materjale hallata.
Kuidas lahendus aitab Lahendus aitab kasutada privaatseid projektiruume, tahvlite õigusi, reaalajas vestlust ja eksporditööriistu.
Loovagentuurid

Tehnoloogiakomplekt

JavaScript / TypeScript (Node.js)

Veebirakenduste arendus

See keelte perekond toetab tundlikku veebiliidest ja reaalajas koostööfunktsioone.

Python

Analüütika ja andmeanalüüs

Python toetab vajaduse korral analüütikat, aruandlust ja tegevusanalüüsi.

PHP

Serveripoolne rakendustöö

PHP on saadaval serveripoolsete rakendusmoodulite jaoks.

css

Liidese kujundus

css (laadilehtede parser ja stringifikaator) toetab veebiliidese kujundust.

dropbox

Pilvefailide vahetus

dropbox (Dropboxi API SDK) ühendab viitefailid ja pilvesisu tahvliga.

jspdf

Tahvlite PDF-eksport

jspdf (JavaScripti PDF-i loomise teek) genereerib tahvlitest PDF-versioone.

pandas

Tegevusandmete analüüs

pandas (Pythoni andmeanalüüsi teek) toetab salvestatud tegevuse aruandlust ja analüüsi.

@docusaurus/core

Dokumentatsiooniveeb

@docusaurus/core (dokumentatsiooniveebi generaator) saab avaldada kliendimeeskonnale süsteemijuhiseid.

PNG

Tahvlite pildieksport

PNG-failid salvestavad eksporditud tahvlipildid jagamiseks ja ülevaatuseks.

PDF

Tahvlite dokumendieksport

PDF-failid salvestavad eksporditud tahvlid dokumentidena.

Integratsioonid

Dropbox

Viitefailid ja pilvesalvestuse failid liiguvad Dropboxi ja tahvli vahel selle SDK kaudu.

Analytics services

Salvestatud tegevus võib liikuda analüütikateenustesse mõõdikute, aruannete ja juhtpaneelide jaoks.

PNG and PDF files

Tahvli sisu liigub platvormilt välja PNG-piltide või PDF-dokumentidena.

Tulemus

Ühised tahvlid koondavad visuaalse töö

Tahvlitööruum annab loovagentuurile ühise lõuendi vabakäejoonistamiseks, teksti ja piltide jaoks. See toetab ka märkmelipikuid, kommentaare ja osalejate kohalolekut reaalajas.

Sünkroonitud redigeerimine muudab praeguse lõuendi ühises seansis nähtavaks, õigused määravad aga, kes sellele ligi pääseb või seda muuta saab.

Kuidas see töötab

  1. Lõuendi sünkroonimise moodul hoiab lõuendi oleku, joonised, teksti, pildid ja märkmelipikud kasutajate ja seansside vahel kooskõlas.
  2. Vabakäejoonistamise tööriist näitab joonistamistegevust ühisel valgetahvlil.
  3. Reaalajas kursorid ja kommentaarid näitavad kasutajate kohalolekut ja arutelu tahvlitöö kõrval.
Nõuanne: Privaatsed projektiruumid ja tahvlite õigused hoiavad ühise loovtöö kontrolli all.
Ühine tahvlitööruum

Ühine tahvlitööruum

Selle ekraani funktsioonid
Lõuendi oleku sünkroonimine Koostöö valgetahvlil Vabakäejoonistamise tööriist Koostöö reaalajas Tahvlite jagamise haldus

Kontrollitud ruumid muudavad tahvlite haldamise lihtsamaks

Tahvlite kogu koondab olemasolevad tahvlid ja projektiruumid ühte vaatesse. Omand, juurdepääs ja redigeerimisõigused muudavad tahvlistruktuuri projektijuhtidele ja meeskonnaliikmetele selgeks.

Kuidas see töötab

  1. Tahvliloend näitab tahvlite nimesid ja omanikke.
  2. Privaatsed projektiruumid seovad tahvlid nende projektiruumidega.
  3. Jagamiseseaded salvestavad iga tahvli kasutajaõigused ja redigeerimisõigused.
Tahvlite kogu ja projektiruumid

Tahvlite kogu ja projektiruumid

Selle ekraani funktsioonid
Tahvlite jagamise haldus Privaatsed projektiruumid

Vestlus hoiab failid ja arutelu tahvli kõrval

Koostöövestlus hoiab ühise seansi ajal koos sõnumid, manused ja osalejate identiteedid. See annab agentuurile ühe suhtluskoha loovtöö aruteludeks ja failivahetuseks.

Kommentaariviited seovad vestluse asjakohase tahvlitööga.

Kuidas see töötab

  1. Reaalajas vestluspaneel näitab vestlussõnumeid ja osalejate identiteete.
  2. Sõnumikoostaja saadab arutelu ühise seansi kõrvale.
  3. Manuste üleslaadimise juht lisab failid ning kommentaariviited seovad sõnumid tahvlitööga.
Koostöövestlus

Koostöövestlus

Selle ekraani funktsioonid
Koostöö reaalajas Koostöö reaalajas

Taasesitus toetab joonistamise ülevaatust

Seansi ülevaatuse ekraan võimaldab analüütikutel ja koolitajatel uurida, kuidas joonistamisseanss loodi. Ajajoon ja taasesituse ala paigutavad joonistussündmused koos ülevaatusmärkmetega järjestusse.

See muudab salvestatud tegevuse kasulikuks koolituseks, ülevaatuseks ja hilisemaks aruteluks.

Kuidas see töötab

  1. Seansiloend näitab salvestatud joonistamisseansse.
  2. Seansi ajajoon seob joonistamisseansi sündmused nende taasesituse asukohaga.
  3. Lõuendi taasesituse ala kuvab joonistamisseansi, samal ajal kui ülevaatusmärkmed jäävad kättesaadavaks.
Märkus: Taasesitus on salvestatud joonistamistegevuse ülevaatamiseks mõeldud valikuline laiendus.
Seansi taasesitus ja ülevaatus

Seansi taasesitus ja ülevaatus

Selle ekraani funktsioonid
Seansi taasesituse funktsioon Joonistamisseansside salvestamine

Eksport muudab tahvlid jagatavateks failideks

Failivahetuspaneel toob viitepildid ja pilvefailid tahvlile ning valmistab valmis tahvlid ette väljaspool seanssi jagamiseks. PNG- ja PDF-toimingud toetavad kahte levinud väljundvormi.

Ekspordi olek näitab loodud tahvlifaili olekut.

Kuidas see töötab

  1. Pildi- ja pilvefailide üleslaadimise juhtelemendid lisavad tahvlile pildid ja pilvesalvestuse failid.
  2. Faililoend näitab üleslaaditud pilte ja pilvesalvestuse faile.
  3. PNG- ja PDF-ekspordi toimingud loovad PNG- ja PDF-tahvlid ning ekspordi olek näitab nende olekut.
Tahvli eksport ja failivahetus

Tahvli eksport ja failivahetus

Mida lahendus võimaldab

Selle lahendusega saab loovagentuur:

  • Luua ja redigeerida ühiseid visuaalseid tahvleid reaalajas.
  • Hoida visandid, kommentaarid, failid ja õigused ühes tööruumis.
  • Hallata juurdepääsu privaatsete projektiruumide ja tahvliseadete kaudu.
  • Arutada tahvlitööd vestluses koos ühiste manustega.
  • Vaadata salvestatud joonistamisseansse taasesituse abil üle.
  • Eksportida tahvleid PNG-piltide või PDF-dokumentidena.

Kas valmissüsteemid saaksid ülesandega hakkama?

Enne disaini võrreldi ülesannet valmislahendustega nende endi kirjelduste põhjal.

Mida klient vajab Madala koodiga platvormid Claris FileMaker, AppSheet, Ninox Koodivabad rakendusplatvormid Budibase, Google App Maker, Appify Ettevõtete rakendusplatvormid BMC Helix Platform, Grid Kohandatud lahendus
Profiilid, avastamine ja sobitamine — — —
Projektid, suhtlus, koostöö osaliselt osaliselt osaliselt
Analüütika ja taasesitatav tegevus — — —
Tundlik kasutus laua- ja mobiilseadmetes — — —
Sobivus kliendi enda reeglitega: etapid, rollid, aruanded osaliselt osaliselt osaliselt
Kõik etapid ühes kohas — — —
Programmide vahel puuduvad käsitsi etapid osaliselt osaliselt osaliselt

Toodete ja nende kategooria avalike kirjelduste põhjal.

Valmistooted katavad osa rakenduste loomisest, koostööst, protsesside automatiseerimisest ja aruandlusest. Neist piisab, kui meeskond vajab ainult üldist sisemist rakendust või üht eraldiseisvat protsessi.

Need ei paku kliendi spetsiaalset ühist lõuendit, mis koondaks ühte kohta sünkroonitud joonistamise, reaalajas kursorid, kommentaarid, privaatsed ruumid, taasesituse, failivahetuse ja tahvlite ekspordi. Eraldiseisvad osad vajaksid endiselt seadistamist ja toodetevahelisi käsitsi ühendusi.

Lõpptulemus

Lõppkokkuvõttes loodi lahendus, et eemaldada käsitsi koordineerimine loova idee ja ühise, ülevaadatava tahvli vahelt.

KKK

Kas kaalute sarnase süsteemi loomist? Lugege allolevaid vastuseid, et näha, kuidas kohandatud veebipõhine valgetahvel saab ühendada visuaalse koostöö, juurdepääsu kontrolli, failivahetuse ja ülevaatuse.

Vajad midagi sarnast? Räägime
Või sirvige teisi projekte