Introduktion af Streamr Core (Beta)

Ny app, nyt ikon - Introduktion af Streamr Core.

Nyttigt som det var, jeg var aldrig en stor fan af den forrige Streamr-app, en af ​​de ældste dele af Streamrs teknologiske stak. Set fra et brugerperspektiv manglede det et centralt punkt og havde en masse nøjeregnede, små visninger, der skjulte meget af funktionaliteten bag modale dialoger. Når vi lancerede Marketplace i maj 2018, blev forbindelsen mellem gammelt og nyt meget skarpt.

Så var der selvfølgelig frontendkoden. Den aldrende kodebase, som redaktøren blev bygget på, gjorde det stadig sværere at rette eller forbedre, især fordi kode til dens funktionalitet blev blandet med kode til brugergrænsefladen.

Kort sagt, hvad vi havde brug for for at blive moderniseret. Og det er, hvad vi har forsøgt at gøre. Da vi begyndte, var dette vores oprindelige mål:

  • Opret et enkelt punkt, hvor vi kunne lade brugerne administrere deres streams, lærreder, dashboards, produkter - og i fremtiden kontrollere en netværksknudepunkt og se indtægter fra Marketplace-produkter og netværksknuder.
  • Tilføj en blockchain-transaktionshistorikvisning.
  • Omskriv frontenden af ​​Editor-appen i React - en Javascript-ramme, der oprindeligt blev udviklet af Facebook, og som er baseret på modulære kodeblokke.
  • Forbedre brugbarheden af ​​hele appen.

Til omskrivning af Editor-frontenden overvejede vi oprindeligt at implementere det gamle UI-engros - quirks og alt sammen. Det ville have sparet udviklingstid, men vi erkendte snart, at udførelse af omfattende back end-arbejde kun for at ende med en app, der så og virkede meget ens ud fra brugerens synspunkt, ville have ført til en kollektiv meh fra Streamr-samfundet frigivelsesdag. Derfor besluttede vi også at omarbejde UI og UX samt koden.

Så hvad er der ændret?

Core

En åbenlys ting er navnet. Efter at vi havde implementeret alle nye visninger for at binde Editoren til Markedspladsen og alle andre brugerfiler, blev det klart, at vi havde endt med noget mere end hvad vi oprindeligt havde planlagt, og det fortjente et bedre navn end bare "brugeren" sider". Det er det centrale punkt for brugere af appen, og derfor syntes Core bare rigtigt.

Disse visninger er en stor del af opdateringen og bringer strømme, lærreder, betjeningspaneler, Marketplace-produkter og køb til et centralt sted, hvor brugere vil lande, når de logger på Streamr.

Nye visninger her inkluderer lærredfliser, live søgning og sortering for hver visning, et notifikationssystem, en blockchain-transaktionshistorie, et opdateret profilsektion og et simpelt onboarding-hjælpesystem gemt bag ikonet ‘?’.

Fremtidige iterationer vil omfatte funktioner til visning og kontrol af ydelsen af ​​netværksmæglerknudepunkter samt kontrol af din tegnebogsbalance for Marketplace eller netværksindtægter.

Ethereum identiteter

Vi har tilføjet grundlæggende Ethereum-identitetssupport til Core, så du kan oprette en konto og logge ind med bare en Ethereum-adresse, og vi vil bygge videre på dette med fremtidige opdateringer.

Hjælp Sidebar

Denne opdatering flytter modulhjælpen ud af indgribende modale dialoger og giver dem plads til at trække vejret ind i en popover-sidefelt. Vi har også tilføjet et nyt system til visning af alle appens tastaturgenveje for at hjælpe nye brugere med at komme op i fart. Til bugrapportering er det her du også kan finde det aktuelle Core-appversionsnummer.

Automatisk lagring

Alle moderne webapps gør dette, men den gamle app gjorde det ikke, så brugere måtte gemme deres filer manuelt eller frygte at miste deres arbejde. Vi har fulgt Dropbox Paper's temmelig enkle og brugervenlige system, der roligt giver brugerne besked, hvornår deres fil blev opdateret.

Fortryd + Gendan

Igen er dette nu en standardfunktion for alle moderne apps. Imidlertid, med en webbaseret realtidsdataprogram, stod vi over for nogle særlige komplikationer i implementeringen af ​​en sådan funktion. Der er stadig noget at gøre med dette for at få det til at virke på den måde, vi ønsker, men vi har oprettet en MVP af funktionen til denne betaversion.

Smart kabling

En af de skræmmende - eller måske frustrerende - funktioner hos alle nodeditorer er at finde ud af, hvilke input du faktisk kan forbinde en output til. Den gamle app havde en version af denne, men nu i Core er den renset. Porte, der kan forbindes, bliver grønne. Porte, der ikke er, vises som røde. Vi håber, det er til stor hjælp for nye brugere.

Modulpanel

Funktionaliteten her er dybest set den samme, men vi har udvidet, hvordan den kan bruges. Brugere kan placere panelet, hvor de vil, udvide browservisningen, hvis de har en stor skærm og kan passe mere derpå. De kan enten trække og slippe, vælge og klikke eller vælge og trykke på retur for at oprette et modul, der oprettes ved siden af ​​panelet. De kan også vælge mellem søgeresultater med piletasterne.

Vi har også fjernet menuen på flere niveauer til fordel for en enkel kategori med to niveauer med indholdslayout.

Klarere lærred UI

Det nye layout gør modulets UI renere og enklere. Vi arrangerede runtime-kontrollerne for at gøre det klart med et øjeblik, om lærreder kører eller stoppes.

Endelig har vi også omarbejdet layout og klarhed i al Streamr-dokumentationen. Indholdet skal dog stadig opdateres, fordi dokumenter altid er den sidste ting, der skal gøres, men vi opdaterer dem i løbet af den næste uge eller deromkring.

Alt i alt er der meget arbejde, der er gået ind i denne udgivelse, men det er stadig i beta, så du vil finde et par ting, der stadig er ru rundt om kanterne. Vi ser denne udgivelse som en god baseline til at bygge videre på - alle Streamr-apps er nu blevet redesignet og genudviklet til at arbejde sammen, og herfra vil vi fokusere på specifik brugsanvisning og forbedringer. Hvis der er funktioner, integrationer eller forbedringer, du gerne vil se, så fortæl mig det.

Der er også et link i menuen Onboarding til at rapportere fejl, så hvis du finder nogen, skal du gøre det.

Men mere end noget andet, bare prøv det - og tak for at have læst.

Log ind på Streamr Core her.

Du kan fange Matt på den officielle Telegram-kanal næsten enhver dag (Han er på Oz-tid), eller du kan nå ham direkte via e-mail: matt på streamr.com.