Prípadová štúdia: Ako sme študentov Bayswater prepojili so školským životom v jednej aplikácii.

Ondrej Kostolnak
Ondrej Kostolnak
AI a automatizácia
Študentská aplikácia Bayswater na telefóne

Školské informácie, podujatia aj štúdium v jednej aplikácii.

Bayswater ponúka vzdelávanie a študijné pobyty v zahraničí. Študenti počas pobytu potrebujú aj praktické informácie, novinky zo školy a prehľad aktivít, do ktorých sa môžu zapojiť.

Outloud navrhol a vytvoril študentskú aplikáciu pre iOS a Android spolu so systémami v pozadí. Školský obsah, podujatia, notifikácie a existujúci vzdelávací portál sme spojili do jedného mobilného prostredia.

Škola komunikuje priamo s 9 460 registrovanými používateľmi.

9,460Registrovaných používateľov
600Stiahnutí mesačne
260Podujatí spravovaných cez aplikáciu

Čísla uvedené v projektových poznámkach ukazujú, ako sa aplikácia rozšírila medzi študentov. Bayswater získalo priamy spôsob, ako ich informovať. Školy môžu v aplikácii zverejňovať informácie, spravovať podujatia a posielať novinky namiesto toho, aby sa spoliehali najmä na e-maily a oznamy v triedach.

Študenti si sami nájdu služby a prejdú k vzdelávaciemu obsahu bez ďalšieho prihlásenia. Aplikácia prepája časti pobytu, ktoré predtým pôsobili ako samostatné systémy.

Jedna aplikácia pre študentov vo viacerých školách.

Pôvodná aplikácia slúžila jednej škole. Nová musela fungovať vo viacerých lokalitách Bayswater, všade sa ovládať rovnako a umožniť školám spravovať vlastný obsah.

Na workshopoch sme prešli bežné úlohy študentov a podľa nich usporiadali aplikáciu. Preverili sme existujúci obsahový systém a s dodávateľom vzdelávacieho portálu dohodli prepojenie. Študenti potom návrh testovali a ich pripomienky sme zapracovali.

Školské informácie a každodenné úlohy študentov v jednom mobilnom prostredí.

Informácie, registrácia na podujatia aj štúdium bez obiehania školy.

  • Praktické informácie na jednom mieste. Študenti nájdu kontakty, informácie o škole a novinky bez prehľadávania samostatných správ.
  • Podujatia a prihlasovanie na ne. Školské aktivity sú viditeľné a dostupné priamo z telefónu študenta.
  • Novinky priamo zo školy. Zamestnanci môžu spravovať notifikácie v samostatnej administrácii.
  • Jednoduchý prístup študentov. E-mailové odkazy a overenie študenta sprístupňujú chránený obsah bez ďalšieho hesla na zapamätanie.
  • Prepojené vzdelávanie. Existujúci e-learningový portál sa otvorí s overením na pozadí.

Produkt spája samoobslužné prostredie pre študentov s nástrojmi pre zamestnancov, ktorí ho spravujú. Obe strany boli potrebné: vyladená aplikácia by mala obmedzenú hodnotu, keby bežné obsahové zmeny stále vyžadovali vývojára.

Odstránili sme opakované prihlasovanie a ochránili obsah len pre študentov.

Potrebovali sme vyriešiť dve zdanlivo protichodné požiadavky: jednoduchý prístup do aplikácie a obsah dostupný iba študentom Bayswater. Na ochrane súkromia záležalo aj preto, že aplikáciu používajú mladší ľudia.

Oddelili sme verejné informácie od študentskej časti. Praktický obsah je voľne dostupný, chránené služby vyžadujú overenú identitu študenta. E-mailové odkazy bez hesla zjednodušujú prístup a študentské ID sa overuje v systéme poskytovateľa vzdelávania.

Pri prechode do vzdelávacieho portálu sme chceli odstrániť ďalšie prihlasovanie. S poskytovateľom sme pripravili overovanie na pozadí, aby študenti mohli plynulo prejsť z aplikácie ku kurzom. Bola to zásadná súčasť integračnej práce, nie iba vložená webová stránka.

Rozhranie študentskej aplikácie Bayswater
Študentské prostredie prepája školské služby a zachováva existujúce systémy.

Existujúce školské systémy fungujú v jednej aplikácii.

S ujasňovaním požiadaviek sa menil technický prístup. Pôvodná implementácia v Ionicu sa pri overovaní na pozadí a integračnej logike ukázala ako náročná na údržbu. Aplikáciu sme prebudovali vo Flutteri, aby mala lepšie udržiavateľný spoločný kód pre iOS a Android.

Aj správa obsahu potrebovala dve dopĺňajúce sa časti. Existujúci systém Doclify ďalej dodával spoločný obsah, zatiaľ čo vlastná administrácia spravovala používateľov, podujatia a notifikácie. Backend aplikácie a databáza tieto úlohy prepájali.

Časť len pre študentov skomplikovala aj schvaľovanie v obchodoch s aplikáciami. Príprava spustenia musela počítať s prístupom kontrolórov k obmedzeným funkciám aj s testovaním na starších a novších zariadeniach. Boli to požiadavky na dodanie, ktoré samotný vizuálny prototyp nedokázal vyriešiť.

Dizajn mobilnej aplikácie Bayswater naprieč študentskými službami
Aplikácia používa farby, písmo a štýl značky Bayswater.

Bayswater získalo mobilnú aplikáciu prepojenú s obsahom a systémami potrebnými na jej prevádzku. Študenti sa ľahšie dostanú ku školským službám a škola ich môže informovať počas celého pobytu.

Pozrite si vizuálnu prípadovú štúdiu Bayswater s ďalšími ukážkami aplikácie a jej rozhrania.

Zdieľať na

Spýtajte sa Outloud

Čo práve
riešite?

Preberme váš projekt, problém vo firme alebo niečo, čo by ste si radi uľahčili.

Odpovede pripravuje AI od OpenAI. Rozhovory môžeme poslať nášmu tímu e-mailom na kontrolu. Ochrana súkromia