Table of Contents

Abin da Ya Sa Ƙa'idar Ƙididdiga ta Musamman Take da Muhimmanci

A cikin Paintball, wasannin suna da sauri kuma yanke shawara suna faruwa a cikin sakanni. Ana tsara allon ƙididdiga na yau da kullun don wasanni na gargajiya kamar kwando ko ƙwallon ƙafa kuma ba su da sassauci da ake buƙata don yanayin wasan Paintball na musamman.

  • Sabunta maki na ainihi wanda ke nuna kawar da abubuwa, kama tutar, ko manufofi na maki nan take.
  • Tallafi don tsarin da yawa daga ƙungiyoyin mutane 3 zuwa manyan wasannin wasan kwaikwayo ba tare da tilasta samfuri mai tsauri ba.
  • FLT:0]Ƙara haɗin masu kallo ta hanyar zane-zane masu ban sha'awa, lokutan rayuwa, da ƙididdigar takamaiman ƙungiya.
  • Rage kuskuren ɗan adam ta hanyar sarrafa shigar da bayanai ta hanyar kwamfutar hannu ko na'urorin masu hukunci.
  • A cikin FLT:0 akwai damar yin amfani da alamar kasuwanci don nuna tambarin mai tallafawa, sunayen taron, da tsarin launi na musamman.

Tare da wani al'ada bayani, ka kuma mallaki bayanai. Za ka iya daga baya bincika wasan tarihi, wasan wasan kwaikwayon, da kuma gasa trendswani abu ba zai yiwu ba tare da disposable takarda sheets ko rufe mallakar tsarin. A zamani headless CMS kamar Directus sa wannan ba kawai zai yiwu amma maimaita a fadin events.

Yin Amfani da Directus don Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin Ƙarƙashin

Directus wani CMS ne mai buɗewa wanda ba shi da kai wanda ke aiki a matsayin babban backend don aikace-aikacen allon wasanku. Yana ba da tsabta, mai amfani da keɓaɓɓen keɓaɓɓen keɓaɓɓen don masu gudanarwa don gudanar da ƙungiyoyi, wasanni, da ƙididdiga ba tare da rubuta layi ɗaya na lambar ba. REST da GraphQL APIs, haɗe tare da goyon bayan WebSocket na ainihi, suna sa ya zama kyakkyawan zaɓi don tsarin allon wasan kai tsaye.

Kafa Wani Ayyuka na Directus

Kuna iya gudanar da Directus a kan uwar garkenku (wanda aka shirya kansa) ko kuma ku yi amfani da sabis na Directus Cloud don gudanar da kwarewa. Don saitin gasa, ana iya ficewa da karɓar bakuncin kai a kan hanyar sadarwar gida don kauce wa jinkiri. Bi waɗannan matakai:

  1. Shigar da Directus ta hanyar Docker ko kuma kai tsaye Node.js turawa.
  2. Saita bayanan bayananka (PostgreSQL, MySQL, SQLiteSQLite yana da kyau don amfani a waje).
  3. Kafa mai amfani da admin da kuma ƙirƙirar wani shiri musamman domin gasar.
  4. Ƙirƙiri na'urar Realtime idan kuna shirin amfani da WebSockets don sabunta maki nan take.

Yadda Za a Tsara Tsarin Bayanai

Tsarin bayanan allon ku ya kamata ya nuna tsarin gasar ku.

  • Kungiyoyisunan, tambari (URL na hoto), jerin (dangantaka da 'yan wasa), launi na farko.
  • 'Yan wasa: 1 Suna, lamba, ƙungiyar (la'ana), ƙididdigar zaɓi (cirewa, mutuwa, buga).
  • Matches: 1 round, filin, lokacin farawa, matsayi (a jiran aiki, live, gama, karin lokaci), tsawon lokaci.
  • ]Scorematch (haɗin), ƙungiyar (haɗin), darajar maki, lokacin lokaci (musamman amfani ga yin wasa a raye), nau'in wasan da aka yi (cirewa, kama tutar, da sauransu).
  • Yanayin hukuntawa na zaɓi, don bin diddigin laifuffuka (ƙananan, manyan, ƙin cancanta) tare da dangantakar ɗan wasa da wasan.
  • ]Game da abubuwan da suka farua rikodin duk manyan abubuwan da suka faru (canjin maki, azabar, lokaci) don sake kunnawa da dubawa.

Yi amfani da Directus a cikin filayen dangantaka (da yawa-zuwa-daya, da yawa-zuwa-da yawa) don haɗa waɗannan tarin. Misali, Match na iya samun ƙungiyoyi biyu (ko fiye don tsarin ƙungiyoyi da yawa) da shigarwar Score da yawa da aka rubuta a lokuta daban-daban. Yi la'akari da ƙara tarin Tournament idan kuna shirin gudanar da abubuwan da yawa daga misalin Directus ɗaya.

Saita izini don kawai masu hukunci masu inganci zasu iya rubuta maki, yayin da gaban allon ajiyar jama'a kawai ke buƙatar karanta damar zuwa bayanan kwanan nan. Hakanan zaka iya ƙirƙirar matsayin scorekeeper tare da iyakanceccen damar rubutu don matsayin wasan da maki kawai.

Sauke-sauke na ainihi tare da Directus Ainihin lokaci

Gasar Paintball tana motsawa da sauri jinkiri a cikin nuni na maki yana haifar da rikicewa. Directus Realtime module yana ba ka damar biyan kuɗi ga canje-canje a kowane tarin. Lokacin da alkalin wasa ya sabunta ƙimar ko yanayin wasan ya canza, gaban yana karɓar sabuntawa nan take ta hanyar WebSocket.

Don yin amfani da shi:

  • Shigar da a cikin aikin gaba.
  • Ƙirƙiri haɗin WebSocket zuwa ga Directus misali.
  • Yi rajista ga tarin scores ko matches don abubuwan da suka faru a ainihin lokacin.
  • Saurari abubuwan da suka faru na , , da kuma sabunta UI daidai.

Wannan hanyar ta kawar da buƙatar yin kuri'a kuma ta tabbatar da cewa kowane na'urar da ke kallon allon wasan ya kasance a daidaita. Don manyan gasa tare da yawancin wasanni a lokaci guda, yi la'akari da amfani da tashoshin WebSocket da aka tsara don takamaiman ID na wasan don rage bandwidth.

Deep Dive: Gudanar da Haɗin WebSocket

Lokacin da kake gina allon sakamako mai ƙarfi, haɗin rike yana faduwa da kyau. Yi rajista ga abubuwan da suka faru na FLT:4 da FLT:5 daga abokin ciniki na WebSocket. Lokacin da aka cire haɗin, aiwatar da sake haɗawa da baya mai yawa tare da jinkiri na dakika 1 kuma ninka har zuwa sakan 30. Directus Module na lokaci na ainihi yana aika bugun zuciya kowane dakika 30 ta hanyar tsoho; idan ka rasa bugun zuciya uku, yana da lafiya a ɗauka cewa haɗin ya ɓace. Nuna ƙaramin mai nuna alamar Connection Lost a kan allon sakamako don ma'aikata su san su bincika hanyar sadarwa. Frontend na iya komawa zuwa yin binciken REST API kowane 'yan sakan idan WebSocket ya kasance ƙasa.

Yin Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar da Fitar

A gaban da abin da 'yan wasa, alƙalai, da kuma masu kallo gani da gaske. Za ka iya gina shi a matsayin wani yanar gizo aikace-aikace, a keɓe kwamfutar hannu dubawa, ko ma a babban allon na'ura mai kwakwalwa.

Zaɓin Tsarin

Duk wani tsarin JavaScript na zamani (React, Vue, Svelte, ko ma vanilla JS) zai yi aiki. Idan ma'aikatan gasar ba su da fasaha, shafi mai sauƙi na HTML + CSS tare da ƙaramin rubutun na iya zama mafi sauƙi. Don ƙarin haɗakarwa, React tare da Directus SDK zaɓi ne mai ƙarfi. Vue 3 tare da API na Composition kuma yana da kyau tare da bayanan lokaci na ainihi ta amfani da ko Reactivity na al'ada.

Ga ƙungiyoyin da suka fi son mafita mai sauƙi, yi la'akari da amfani da Alpine.jsyana ba ka damar ƙara halayyar mai amsawa zuwa HTML mai tsayayye ba tare da matakin ginawa ba. Wannan na iya zama manufa ga ƙananan gasa inda kake son gyara allon wasan a cikin tashi.

Haɗa tare da Directus SDK

Directus yana samar da abokin ciniki na REST da abokin ciniki na ainihi.

  • Yi amfani da REST API don loda bayanan wasan farko da bayanan ƙungiyar.
  • Canja zuwa biyan kuɗi na WebSocket don sabuntawa na kai tsaye.
  • Tsara UI don sabunta maki ba tare da walƙiya ba (taimako CSS sauye-sauye).

Misali na hadewa gudana:

  1. Tabbatar da gaban gaba (idan an buƙata) ko amfani da API token na jama'a kawai don karantawa.
  2. Ka kawo jerin abubuwan da suka dace daga Directus.
  3. A kowace wasa, ka nuna ƙungiyoyin biyu da kuma sakamakon da suke da shi yanzu.
  4. Yi rajista don canje-canje a kan tarin scores kuma sake nuna nunin maki.

Don kiyaye UI mai sauri, sabuntawa na ƙimar tsari: idan abubuwa da yawa sun faru a cikin 'yan milliseconds, haɗa su cikin zane guda ɗaya ta amfani da sabunta yanayin da aka cire (misali, buƙatarAnimationFrame ko ƙimar 100ms).

Tsarin Mai Amfani da Mai Amfani

Tabbatar da cewa akwai wasu abubuwa masu kyau da za su taimaka maka ka samu sakamako mai kyau.

  • Sunayen ƙungiya (babban launi, masu bambanci).
  • Lambar maki (mai girma sosai, mai sauƙin karantawa daga nesaƙananan font 80px don maki na farko).
  • Lokaci na wasa (ƙididdigar baya ko lokacin da ya wuce).
  • A status nuna alama (misali, Playing, Break, Final).
  • Zaɓin zaɓi: masu ƙididdigar kawar da cutar ko kuma yawan kashe-mutuwa don ƙididdigar mutum.

Yi amfani da launuka masu bambanci (misali, fararen rubutu a kan duhu) kuma ka guji yin rikici a allon. Tsarin amsawa yana tabbatar da cewa allon alama yana da kyau a kan talabijin mai inci 50 da kwamfutar hannu ta mai hukunci. Don nunin talabijin, la'akari da yanayin 16:9 tare da kallon wasa ɗaya; don allon mai hukunci na hannu, yi amfani da tsari mai ƙarancin tsari tare da shafuka don wasanni da yawa.

Nuna Matsayi, Lokaci, da Matsayin Wasan

Bayanan data gudana kamar haka:

  • Wani alkalin ya shigar da maki (ko wani abu na kawar da) a kan wani nau'i na hannu. Wannan buƙatar POST ta tafi zuwa Directus API.
  • Directus yana adana rikodin kuma yana watsa wani taron create ta hanyar WebSocket.
  • Mai gaba yana karɓar taron, yana sabunta yanayin gida, kuma ya sake ba da ƙimar.
  • Ana iya sarrafa saiti a gefen abokin ciniki (ta amfani da agogo na gida) ko kuma a gefen sabar tare da filayen Directus don farawa / ƙarshen lokaci. Don daidaito, yi amfani da hanyar gefen sabar: lokacin da wasa ya fara, mai hukunci ya saita filin kuma gaba yana lissafin sauran lokaci daga wannan. Sabobin na iya sabunta filin kowane dakika ta hanyar kwararar Directus ko ƙaramin ƙaramin ƙarshen ƙirar al'ada.

Don matsayin wasan, bari alƙalai su canza filin matsayi a cikin Directus (misali, daga setup zuwa playing zuwa finished). Wani tsari na yau da kullun shine samun ra'ayi na kwamitin kula da alƙalai tare da maɓallan don fara / dakatar da lokaci, ƙimar ƙimar, da kiran hukunci. Gina wannan azaman shafi na daban wanda ke buƙatar tabbatarwaYi amfani da Directus gina-in izini bisa matsayin don kare shi.

Muhimman Abubuwan da ke Shafan Tsarin Ƙididdigar Ƙididdiga

Bayan ka fahimci abubuwa na asali, ka yi la'akari da waɗannan abubuwa masu muhimmanci da za su sa ka yi nasara a gasar:

  • Idan gasar ku tana gudana a lokaci guda, allon wasan zai iya nuna duk wasannin da ke aiki ko kuma ba da damar sauyawa tsakanin filayen. Yi amfani da shimfidar grid tare da bangarori 2x2 ko 3x2 don nuni na filayen da yawa.
  • Ba don allon sakamako ba, amma bayanan bayanan na iya tallafawa ayyukan undo (taro na tarihi) don ku iya gyara kurakurai. Aiwatar da rikodin duk canje-canjen maki tare da alamun lokaci; allon kula zai iya haɗa da maɓallin undo last wanda ke juyawa taron kwanan nan.
  • FLT:0 Sponsor hadewa. FLT:1 juyawa masu tallafawa logos a cikin wani sidebar ko tsakanin matches. Yi amfani da Directus tarin for sponsors tare da wani image filin da wani tsara tsari. The frontend iya nuna bazuwar mai tallafawa kowane 30 seconds ko nuna su a ticker.
  • A cikin wannan yanayin, za a iya amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da allon mai amfani da
  • Yanayin ajiyar takarda. ko da tare da tsarin dijital, koyaushe ka shirya katin ƙididdiga da alkalami. Bugu da ƙari, ƙirƙirar shafi mai sauƙi na baya mai iya aiki a waje wanda ke adana ƙididdiga a cikin localStorage kuma yana daidaitawa lokacin da hanyar sadarwar ta dawo.

Advanced: Overlay na allon wasan kwaikwayo don rafi na rayuwa

Idan kuna shirin watsa shirye-shiryen ku na rayuwa, ƙirƙirar shafin HTML daban wanda aka inganta don OBS. Cire duk bayanan baya, yi amfani da cikakken matsayi, da fallasa masu canjin CSS don launukan ƙungiyar da maki don ƙungiyar mai gudana ta iya daidaita su cikin sauƙi. Yi amfani da bayyananne tare da . Saka wannan shafin azaman tushen Mai Bincike a cikin OBS, kuma zai sabunta a ainihin lokacin yayin da maki ke canzawa.

Matakai na Aiwatarwa

Bi wannan tsari da aka tsara don gina allon ku daga karce zuwa rayuwa.

Mataki na 1: Ka Ƙayyade Dokokin Gasar da Kuma Sakamakon

Kafin ka rubuta wani code, rubuta daidai yadda scoring aiki. Shin wani maki na bukatar taɓawa flag? akwai wani rahama doka? yadda ake warware overtime ties? Wannan saitin doka dictates your data model. Alal misali, idan kawar da maki count, kana bukatar wani raba tarin for kawar da events. Har ila yau, ƙayyade lokaci iyakoki, azãba maki deductions, da kuma wani musamman yanayi kamar gaggawa mutuwa.

Mataki na 2: Ka kafa tarin littattafai na Directus

Shiga cikin aikin Directus ɗinka kuma ƙirƙirar tarin da aka bayyana a baya. Ƙara ƙa'idodin inganci Misali, maki dole ne su zama adadi mai ƙima. Saita izini don aikin refere don ba da damar yin amfani da rubutu zuwa maki da matsayin wasa, yayin da aikin public (wanda aka yi amfani da shi ta gaba) yana da damar karantawa kawai. Yi amfani da izini na matakin filin Directus idan wasu filaye (kamar bayanin tuntuɓar mai kunnawa) dole ne a ɓoye.

Mataki na 3: Gina API Endpoints ko Yi amfani da Directus SDK

Kuna iya amfani da REST endpoints na Directus wanda aka samar kai tsaye daga gaban, ko gina ƙayyadaddun API endpoints idan kuna buƙatar ƙarin ma'anar kasuwanci (misali, don lissafin jimillar daga abubuwan da suka faru da yawa). Ga yawancin gasa, ƙayyadaddun REST da WebSocket endpoints sun isa. Yi amfani da Directus SDK don sauƙaƙe tabbatarwa da biyan kuɗi na ainihi. Idan kuna buƙatar daidaitaccen sa'a na uwar garke, ƙirƙirar ƙayyadaddun ƙarshen Directus wanda ke sabunta kowane dakika ta hanyar aikin cron ko Flow.

Mataki na 4: Ƙirƙirar Abubuwan da ke Gaban

Ƙirƙiri shafukan nunawa don masu kallo da kuma kwamiti na kula da alƙalai. Ka kiyaye kallon mai kallo a karantawa kawai kuma ka mai da hankali kan manyan abubuwa masu haske. Kwamitin kula da za a iya zama mafi ƙarancin tare da maɓallan da fom. Yi amfani da hotunan CSS don canje-canje a cikin maki (misali, ɗan gajeren walƙiya lokacin da maki ya ƙaru). Don kwamiti na kula da, yi la'akari da amfani da ƙirar wayar hannu tare da manyan maɓallan da za a iya buga su cikin sauƙi ko da lokacin da kake safofin hannu.

Mataki na 5: Ka Gwada Da Matsa na Gaskiya

Gudun wasan motsa jiki tare da masu sa kai da ke aiki a matsayin masu hukunci da 'yan wasa. Yi kwaikwayon yanayi daban-daban: canje-canje masu sauri, filayen da yawa, kiran hukunci, da matsalolin cibiyar sadarwa. Duba cewa WebSocket ya sake haɗawa ta atomatik idan haɗin ya faɗi. Gwada fasalin sokewa (idan an aiwatar) kuma tabbatar da cewa ba za a iya canza sakamakon ƙarshe ba bayan wasan ya ƙare. Hakanan gwada ƙarancin baya: cire haɗin hanyar sadarwa kuma tabbatar da cewa allon wasan har yanzu yana nuna sanannun sanannun sanannun sanannun kuma cewa kwamiti na kula zai iya yin jerin gwano don daidaita canje-canje daga baya.

Mataki na 6: Aika da Ma'aikata da kuma Horar da Su

Aika da gaba a kan wani gida uwar garken ko wani girgije mai masaukin baki. Don offline events, gudu Directus da gaba a kan wani gida kwamfutar tafi-da-gidanka da wani WiFi hotspot. Yi amfani da Docker Composer to bundle Directus da wani m web uwar garken (kamar Nginx ko Caddy) ga gaba. horar da referees a kan yadda za a yi amfani da kula da panels yi shi kamar yadda ya yiwu mai sauki: daya matsawa don kara wani tawagar s score, daya button don fara / dakatar da lokaci. Buga sauri-reference cards. Har ila yau, horar da wani madadin scorer a kan takarda manual tsarin idan akwai cikakken tsarin gazawar.

Tsaro da Izinin a Directus

Saboda allon sakamako ne mai rai tsarin accessed da mahara ayyuka, tsaro ne mai muhimmanci. Fara da samar da uku Directus ayyuka:

  • Mai gudanarwaCikin damar shiga duk tarin da saitunan (wanda masu shirya gasar ke amfani da su).
  • Mai hukunci ya rubuta damar shiga maki, matsayin wasan, gwagwarmayar, da abubuwan da suka faru. Karanta damar shiga ƙungiyoyi, 'yan wasa, da gasa.
  • Jama'a suna samun damar karantawa kawai ga maki, wasanni (kawai waɗanda ke da matsayi live ko finished), ƙungiyoyi, da 'yan wasa. Babu damar rubutu.

Yi amfani da Directus tsarin izini don tilasta waɗannan a matakin tarin. Don ƙarin tsaro, ƙuntata damar mai hukunci ta adireshin IP idan ana amfani da kwamfutar kula kawai akan takamaiman kwamfutar hannu. Ba da damar HTTPS a cikin misalin Directus ɗinku, musamman idan kun fallasa shi ga intanet don watsa shirye-shiryen watsa shirye-shirye.

Inganta Ayyuka don Lissafin Lissafi na Rayuwa

Wasanni na iya samun wasanni da yawa a lokaci guda.

  • Kawai biyan kuɗi zuwa tarin da ke canzawa sau da yawa (misali, da ). Ka guji biyan kuɗi zuwa tarin tsayayye kamar sai dai idan sun sabunta a lokacin taron.
  • Yi amfani da siginar tace Directus don biyan kuɗi kawai ga bayanan da suka dace. Misali, biyan kuɗi zuwa tare da tace don rage amo.
  • A gaban, cire sabuntawar UI. Idan abubuwa da yawa sun zo a cikin firam ɗin animation guda ɗaya, haɗa su cikin sabuntawar DOM guda ɗaya.
  • Cache sunayen tawagar da logos a gida a cikin browser localStorage haka su ba su bukatar a samu a kan kowane connect.
  • Don manyan gasa (daruruwan 'yan wasa), shafi bayanan' yan wasa kuma loda su bisa buƙata.

Nasihu don Yin Gyara

Ƙarshen

A musamman scoreboard tsarin gina a kan Directus canza wani Paintball gasar daga rikice-rikice manual scores zuwa wani sana'a, m kwarewa. By mallakar ka data model da kuma leveraging real-lokaci updates, ka samu cikakken sassauci don daidaita da duk wani saitin dokoki yayin da ci gaba da 'yan wasa da masu kallo sanar da kowane biyu na wasan. Da matakai da aka bayyana a nandaga data modeling to turaza ka iya ƙirƙirar wani scoreboard cewa gudanar da abin dogara a ranar gasar da kuma burge kowa a filin.

Don ƙarin karatu, bincika gidan yanar gizon FLT:0 na Directus, ƙa'idodin gasar FLT: 2 na APPA, da kuma koyarwar haɓaka yanar gizo mai amfani akan gina dashboards na ainihi tare da FLT: 4 Views.js ko FLT: 6 React.