Sådan aktiveres i real-time samarbejde på dit websted
Hvis du er webmaster, kan du tænke på, hvordan du kan gøre din hjemmeside mere interaktiv, eller endda tillade dine besøgende at samarbejde med hinanden. Det meste af tiden kan implementering af en samarbejdsfunktion på dit websted være en arbejdskraft- og tidsintensiv proces. Men sammen med TogetherJS kan du nu nemt tilføje en real-time samarbejde funktion til dit websted med minimal teknisk / kodende færdigheder.
TogetherJS er et gratis, open source samarbejde værktøj oprettet af Mozilla (teamet bag Firefox browser). Hele samarbejdsværktøjet er pakket ind i et Javascript-bibliotek, og alt du skal gøre er at tilføje Javascript-koden til dit websted for at aktivere real-time samarbejde funktion til dit websted.
Installation
For at komme i gang er alt hvad du skal gøre, at tilføje følgende linje kode til dit website tema / skabelon, helst ved siden af siden, før tag:
For at give brugerne mulighed for at starte en samarbejdssession, skal du blot tilføje en "Start Collaboration" -knap til dit websted. Indsæt koden til den position, hvor du vil have knappen vist.
Start samarbejde
Alternativt kan du tilføje en CSS-klasse til knappen, så du kan style den efter dit tema.
Start samarbejde
Det er alt, hvad du skal gøre. Lad os se på, hvordan den udfører.
Anvendelse
Når nogen klikker på knappen "Start samarbejde", vises et popup-vindue.
Hvis du klikker på højre pil i popup-vinduet, vises et felt for brugeren at indtaste hans / hendes navn og eventuelt uploade sit profilbillede.
Den næste skærm til højre viser det link, som brugeren kan dele med sine venner for at få dem til at deltage i sessionen.
Endelig skal du klikke på knappen "Jeg er klar" for at starte sessionen.
Når inviterede gæster klikker på linket for at gå til dit websted, vil de se en "Tilmeld session" popup boks. Når de deltager i sessionen og opsætter deres profil, vises deres avatar i sidebjælken.
Ting du kan gøre er:
Snak
Lydchat
Lydchatten er en eksperimentel funktion og understøttes af browseren.
Synkroniseret musebehandling og ændringer i realtid
Nedenfor er en screencast hvor jeg placerer to browsere side om side og se, hvordan musens bevægelse af en bruger vises på en anden brugers skærm. Jeg har også skrevet i kommentarfeltet, og teksten vises straks i den anden browser.
Konklusion
Funktionerne vist ovenfor er kun en lille del af, hvad du kan gøre med TogetherJS. Du kan tjekke dokumentationen for flere måder at udvide funktionaliteten til. Der er masser af ting, du kan gøre på dit websted sammen med TogetherJS og med en så enkel implementering, er du kun begrænset af din egen kreativitet.