Widget Komponensek

Dinamikus, felhasználóspecifikus tartalmak megjelenítésére szolgáló komponensek az Audi HR és Karrier portálokhoz.

Widget Platform

A Widget Platform egy rugalmas, testreszabható komponensrendszer, amely lehetővé teszi különböző tartalmak dinamikus megjelenítését. A rendszer célja, hogy a HR és Karrier Portálokra integrálható, felhasználó-specifikus tartalmi blokkokat biztosítson.

Főbb jellemzők

  • Különböző tartalmak megjelenítése egy egységes rendszerben
  • Felhasználói szegmensek szerinti testreszabás
  • Több megjelenítési mód (kártya, lista, stb.)
  • Dinamikus adatforrások kezelése
  • Automatikus frissítés és cache kezelés
  • Modul-alapú bővíthetőség

Használati esetek

HR Portál kezdőoldalán Apró hirdetések, Hírek és Kérdőívek megjelenítése

Karrier Portál nyitóoldalán Állások, Események és Hírek megjelenítése

Speciális microsite landing oldalakon rendezvények és jelentkezési űrlapok integrálása

WidgetPlatformComponent API

<WidgetPlatformComponent
  type="job"
  userSegment="intern"
  contentSource="/api/jobs"
  displayMode="card"
  maxItems="3"
  refreshInterval="60"
/>

Props

PropLeírásTípus
typeA widget típusajob, event, ad, news, survey
userSegmentFelhasználói célcsoportintern, admin, employee, stb.
contentSourceAdatforrásAPI URL vagy objektum
displayModeMegjelenítési módcard, list, banner, stb.
maxItemsElemek maximális számanumber
refreshIntervalFrissítési gyakoriság (másodperc)number

Job Widget

Álláslehetőségek megjelenítésére szolgáló widget komponens, amely kiemelten a Karrier portálon használatos.

Álláslehetőségek

Frontend Fejlesztő

Új

Győr

Teljes munkaidőIT

HR Asszisztens

Kiemelt

Győr

Teljes munkaidőHR

Teszt Mérnök Gyakornok

Gyakornok

Győr

RészmunkaidőMérnöki

Részletek

A Job Widget álláslehetőségeket jelenít meg a felhasználók számára, valamint közvetlen hozzáférést biztosít a jelentkezési folyamathoz.

Adatok:
Pozíció neve, lokáció, munkaidő típus, kategória
Jelölők:
Új, Kiemelt, Gyakornok státuszjelzők
Akciók:
Részletek megtekintése, Jelentkezés, Összes állás megtekintése
Szűrés:
Felhasználói szegmens alapján (pl. gyakornok állások megjelenítése gyakornokoknak)

Használat

<WidgetPlatformComponent
  type="job"
  userSegment="intern"
  contentSource="/api/jobs"
  displayMode="card"
  maxItems="3"
  refreshInterval="60"
/>

Event Widget

Események, rendezvények, workshopok megjelenítésére szolgáló widget komponens.

Közelgő események
16ÁPR

Design Thinking Workshop

14:00 - 16:00A1 Tárgyaló
22ÁPR

Audi E-tron Bemutató

10:00 - 12:00Látogatóközpont
30ÁPR

Csapatépítő Workshop

13:00 - 17:00B3 épület

Részletek

Az Event Widget a közelgő rendezvényeket, képzéseket és workshopokat jeleníti meg, valamint lehetőséget biztosít a közvetlen regisztrációra.

Adatok:
Esemény neve, dátum, időpont, helyszín
Megjelenítés:
Dátum kiemelve, időrendi sorrendben
Akciók:
Regisztráció, Részletek megtekintése, Teljes naptár megnyitása
Szűrés:
Felhasználói szegmens vagy érdeklődési kör alapján

Használat

<WidgetPlatformComponent
  type="event"
  userSegment="employee"
  contentSource="/api/events"
  displayMode="list"
  maxItems="3"
  refreshInterval="3600"
/>

Ad Widget

Audi Apró hirdetések megjelenítésére szolgáló widget komponens, amely elsősorban a HR portálon használatos.

Audi Apró
Eladóma

Audi A3 téli gumi szett

4 db téli gumi felnivel, kiváló állapotban...

€650
Keresektegnap

Audi kerékpártartó

Kerékpártartó Audi Q5 modellhez, 2022 vagy újabb...

Ár megegyezés szerint
Csere2 napja

Audi multimédia rendszer

A6 modellhez való rendszer, cserélném A4 kompatibilis egységre...

Csere

Részletek

Az Ad Widget az Audi Apró hirdetéseket jeleníti meg kompakt formában, és lehetőséget biztosít a részletek megtekintésére vagy új hirdetés feladására.

Adatok:
Hirdetés típusa, címe, rövid leírás, ár, feladás ideje
Kategóriák:
Eladó, Keresek, Csere jelölők színkódolással
Akciók:
Mentés (bookmark), Részletek megtekintése, Hirdetésfeladás
Rendezés:
Időrendi sorrend, legfrissebbek elöl

Használat

<WidgetPlatformComponent
  type="ad"
  userSegment="employee"
  contentSource="/api/ads"
  displayMode="list"
  maxItems="3"
  refreshInterval="300"
/>

News Widget

Hírek, információk és közlemények személyre szabott megjelenítésére szolgáló widget komponens.

Hírek és információk
Kiemelt2025.04.15

Új elektromos jármű platform bemutatkozása

Az Audi jövő hónapban mutatja be legújabb elektromos jármű platformját, amely úttevő lehet a fenntartható mobilitás terén...

230
Vállalati2025.04.10

Új HR szabályzatok lépnek érvénybe májustol

Képzés2025.04.08

Új nyelvi képzések indulnak a dolgozóknak

1/3

Részletek

A News Widget személyre szabott híreket és információkat jelenít meg a felhasználók számára, figyelembe véve a személyes preferenciákat és érdeklődési köröket.

Tartalom:
Képes hírek, változatos formátumban (kiemelt, normál)
Rendezés:
Időrendi, fontossági vagy személyes relevancia alapján
Kategóriák:
Vállalati, HR, Képzés, Innováció, stb.
Testreszabás:
Felhasználói preferenciák és előzmények alapján
Akciók:
Tovább olvasás, Megosztás, Kedvenc

Használat

<WidgetPlatformComponent
  type="news"
  userSegment="employee"
  contentSource="/api/news"
  displayMode="grid"
  maxItems="4"
  refreshInterval="3600"
/>

Survey Widget

Gyors véleménykérésre és pulzusfelpulzásra szolgáló widget komponens, amely az azonnali visszajelzést teszi lehetővé.

Pulzus kérdőív

Mennyire elégedett az új Rugalmas Munkaidő kezdeményezéssel?

Kérjük, értékelje 1-től 5-ig terjedő skálán az elégedettségét.

Egyáltalán nem elégedettTeljes mértékben elégedett
146 válasz eddig

Részletek

A Survey Widget gyors visszajelzéseket gyűjt a felhasználóktól, egyszerű egy-kérdéses formátumban, majd az eredményeket összegezve jeleníti meg.

Kérdéstípusok:
1-5 skála, igen/nem, többválasztás, szabad szöveg
Fókusz:
Csak egy kérdés egyszerre a gyors válaszadás érdekében
Eredmények:
Azonnali összegzés, grafikus megjelenítés (diagram)
Anonímitás:
Választható névtelen vagy azonosított válaszadás
Testreszabás:
Téma szerinti színkódolás, célcsoportos megjelenítés

Használat

<WidgetPlatformComponent
  type="survey"
  userSegment="employee"
  contentSource="/api/surveys/active"
  displayMode="compact"
  maxItems="1"
  refreshInterval="86400"
/>

Map Widget

Térképes widget, amely a felhasználó közelében lévő kedvezményes helyeket jeleníti meg interaktív formában.

Kedvezmények a közeledben
Le Bistro
Étterem
15% kedvezmény
Le Bistro
450 m - Étterem
15% kedvezmény
Fitness Plus
650 m - Edzőterem
20% kedvezmény
Style Shop
800 m - Ruházat
10% kedvezmény

Részletek

A Map Widget a felhasználó tartózkodási helyéhez közel eső kedvezményes lehetőségeket jeleníti meg interaktív térképen, támogatva a földrajzi helyzeten alapuló keresést és navigációt.

Funkciók:
Interaktív térkép, helyszín jelölők, kategóriák, kedvezmények
Szűrés:
Távolság, kategória, kedvezmény mértéke szerinti
Interakciók:
Nagyítás, kicsinyítés, aktuális pozíció meghatározása
Helymeghatározás:
Automatikus helymeghatározás vagy manuális beállítás

Használat

<WidgetPlatformComponent
  type="map"
  userSegment="employee"
  contentSource="/api/discounts/locations"
  displayMode="interactive"
  radius="5000"
  centerLocation="auto"
  maxItems="10"
  refreshInterval="900"
/>

Intelligens Widget Aggregátor

A Smart Widget Aggregátor több különböző típusú widgetet egyesít egyetlen kompakt egységben, ezzel helyet takarítva meg és optimalizálva a felhasználói élményt.

Fontos információk
Auto

Ajánlott álláslehetőségek

UX/UI Designer

Új

Győr

Marketing Specialist

Ajánlott

Győr

Auto váltás: 15mp

Intelligens aggregáció

A Smart Widget Aggregátor egyesíti a különböző widget típusokat egyetlen, helytakarékos komponensbe, miközben megőrzi azok funkcionalitását és személyre szabottságát.

Kombináció:
Több widget típus (job, event, ad, news, survey) egy komponensben
Animáció:
Automatikus váltás a különböző tartalmak között, áttűnés effektussal
Manuális kontroll:
Lehetőség a widget típusok közötti manuális váltásra
Intelligencia:
Tartalom priorizálása felhasználói viselkedés és érdeklődés alapján
Előnyök:
Helytakarékos, időtakarékos, több információ egyetlen helyen

Használat

<WidgetPlatformComponent
  type="smart"
  userSegment="employee"
  widgets="[
    {type: 'job', priority: 'high'},
    {type: 'event', priority: 'medium'},
    {type: 'news', priority: 'medium'},
    {type: 'map', priority: 'medium'},
    {type: 'survey', priority: 'low'}
  ]"
  displayMode="carousel"
  autoInterval="15"
  refreshInterval="900"
/>