PDP UI/UX qo‘llanma · v0.7

Rasmiy brend

PDP LMS · School

PDP School o‘quv boshqaruv tizimining ekranlari — ilova karkasi va rollar menyusi, to‘rt rol dashboardi, baholar jurnali, davomat, dars jadvali, kurs, dars va test, uy vazifasi. Faqat School tokenlarida: Onest, ko‘k #0019FF, Light va Dark.

Baholar jurnali Ilova karkasi

LMS · School

PDP School o‘quv tizimi — DS ko‘rinishida

LMS — maktabning kundalik ish joyi: o‘qituvchi jurnalni yuritadi va vazifalarni tekshiradi, o‘quvchi darslarini, baholarini va uy vazifalarini ko‘radi, ota-ona farzandining davomati va muddatlarini kuzatadi, ma’muriyat jadval va hisobotlarni boshqaradi. Bu to‘plam LMS ekranlarini School brendida, DS tokenlari va qoidalari bilan qayta chizadi.

LMS — faqat School. Bo‘limlar tanlangan brenddan qat’i nazar School tokenlarida (ko‘k, Onest) ko‘rsatiladi. Hujjat qismi va menyu — tanlangan brendda. School’ga o‘tish

Rollar

bitta karkas · menyu va bosh ekran rolga qarab

O‘qituvchi

Bugungi darslar, jurnal, tekshiriladigan vazifalar, o‘tiladigan mavzular.

Jurnal · Mening jadvalim · Vazifalarni tekshirish

O‘quvchi

Alohida portal: bugungi darslar, uy vazifalari, imtihonlar, baholar va coinlar.

Darslarim · Uy vazifalari · Baholar

Ota-ona

«Farzandim»: davomat, o‘rtacha baho, sababsiz qoldirilgan darslar, to‘lov muddatlari.

Davomat · Baholar · Qarzdorlik

Ma’muriyat

Sinflar, dars jadvali, hisobotlar, chorak yopish, to‘lovlar va xodimlar.

Sinflar · Dars jadvali · Hisobotlar

Direktor, kafedra mudiri, kurator, buxgalter, kutubxonachi va boshqa rollar — ma’muriyat karkasida, menyu ruxsatlar bo‘yicha qisqaradi. Bir nechta rolli foydalanuvchi rolni profil menyusidan almashtiradi.

DS → LMS sinxronlash

bitta manba — DS · LMS’da HEX yozilmaydi

Tokenlarsite/ds/tokens/school.css

Brend, yuza, matn, holat va grafik tokenlari — Light va Dark, [data-theme] bo‘yicha.

Komponent CSStools/ecosystem-ds/ds/lms/lms.css

Karkas, jurnal, davomat, jadval, kurs, test va vazifa klasslari (.lms-*). Tugma, beyj, progress — common/base.css, base-r2.css.

Shriftlar/ds/fonts/fonts.css

Onest (sarlavha va matn), IBM Plex Mono (raqam, yorliq). Google Fonts ulanmaydi.

Ikonkalartools/icons/map.json

Phosphor (Regular, faol holatda Fill). Lucide ishlatilmaydi.

Kod

<html data-theme="light">  <!-- yoki "dark" -->
<link rel="stylesheet" href="/ds/fonts/fonts.css">
<link rel="stylesheet" href="tokens/school.css">   <!-- --eco-* -->
<link rel="stylesheet" href="lms.css">             <!-- .lms-* -->

<div class="lms lms-app"> … </div>

O‘zgarish avval DS’da: rang, oraliq yoki komponent ko‘rinishi DS manbasida o‘zgaradi, LMS sinxronlash skripti uni oladi. LMS’da qo‘lda tuzatilmaydi.
LMS’dagi eski tokenlar (theme.css dagi 84 HEX, chat va o‘yin tokenlari) — --eco-* ga ulanadi; navy Dark va ko‘kish fon bekor.

Yagona holat xaritasi

davomat, baho, vazifa — bitta to‘rt ohangli shkala

Light .lms-att · .lms-grade · .lms-st

Davomat+KeldiKKechikdiSSababli×Kelmadi

Baho (0–100)94786142—

Uy vazifasiBoshlanmaganBajarilmoqdaTopshirilganKo‘rib chiqilsinYaxshilash kerakTekshirilgan

Dark .lms-att · .lms-grade · .lms-st

Davomat+KeldiKKechikdiSSababli×Kelmadi

Baho (0–100)94786142—

Uy vazifasiBoshlanmaganBajarilmoqdaTopshirilganKo‘rib chiqilsinYaxshilash kerakTekshirilgan

Ohang	Davomat	Baho	Token
Yaxshi	+ Keldi	≥ 90 → 5	`success`
Neytral	S Sababli	70–89 → 4	`bg-tertiary`
Diqqat	K Kechikdi	55–69 → 3	`warning`
Xavf	× Kelmadi	< 55 → 2	`error`

«Sababli» — bitta rang: neytral kulrang, hamma ekranda (jurnal, ota-ona, o‘quvchi). Avval ko‘k, brend va sariq edi; ko‘k School’da brend rangi bilan adashadi.
Harf doim bor (+, K, S, ×), rang — qo‘shimcha signal. Kechikish daqiqasi katak muharririda.
Baho 0–100, 5 ballik moslik ≥ 90 / 70 / 55. O‘tish bali: mavzu topshirig‘i — 60 %, uy vazifasi — 70.

Ko‘rib chiqishda topilgan muammolar — qanday tuzatildi

Ko‘k: School brend ko‘ki #0019FF (Light), Dark’da tugma #0055FF; eski #2168F2 yo‘q.
Fon: Light — kulrang #F5F5F5 va oq panellar; ko‘kish #F5F7FC yo‘q.
Dark: #141414 oilasi (panel #222, plitka #2E2E2E); navy #070A24 yo‘q.
Uch rangli tasma (sariq · pushti · ko‘k) va gradient yon panel olib tashlandi; pushti — UI rangi emas.
Ikonkalar — Phosphor, Lucide emas.

Chiziq yo‘q: maydon, test variantlari, filtr chiplari, sahifalash — to‘ldirilgan.
Yorliqlar kesilmaydi: yon panel eni qotirilgan, nom ikki qatorga o‘raladi; tor ekranda panel drawer’ga o‘tadi.
Og‘irlik ≤ 600, katta harf faqat IBM Plex Mono yorliqlarida.
Til: oy va hafta kunlari o‘zbekcha («Oktabr 2026», Dush … Shan); apostrof — ‘ va ’.
Telefon: KPI 2 × 2, jurnal — bir kunlik ro‘yxat, mavzu tanlovi yig‘ilgan.

LMS · Karkas

Ilova karkasi: yon panel, sarlavha paneli, mobil menyu

Bitta karkas — to‘rt rol. Yon panel oq (Dark — #222), guruhlar oddiy yozuvda, faol band — brend tusi. Sarlavha panelida yo‘l (breadcrumbs), til, rejim, bildirishnomalar va profil; tagida tasma yo‘q. Tor ekranda yon panel drawer’ga, o‘quvchi va ota-ona telefonda pastki panelga o‘tadi.

LMS · Dashboard

Rol dashboardlari: o‘qituvchi, o‘quvchi, ota-ona, ma’muriyat

Bosh ekran bitta savolga javob beradi: «bugun nima qilishim kerak?». Tepada — bitta brend maydoni (salomlashuv) yoki sahifa sarlavhasi, keyin ko‘pi bilan to‘rtta KPI, so‘ng bugungi darslar, vazifalar, imtihonlar va ogohlantirishlar. Bo‘sh vidjet ko‘rsatilmaydi — ma’lumot bo‘lmasa, blok yig‘iladi.

LMS · Jurnal

Baholar jurnali: davomat va baho bitta katakda

O‘qituvchining asosiy ekrani. Qator — o‘quvchi, ustun — dars kuni; katakda baho (0–100) va davomat belgisi. Birinchi ustun yopishqoq, bugungi ustun brend tusida, oy almashtirgichi va hafta kunlari o‘zbekcha. Telefonda jurnal bir kunlik ro‘yxatga o‘tadi.

LMS · Davomat

Davomat: sinf yo‘qlamasi va o‘quvchi kalendari

Yo‘qlama dars boshida bir daqiqada tugashi kerak: hamma «keldi» bilan boshlanadi, o‘qituvchi faqat istisnolarni belgilaydi. O‘quvchi va ota-ona bir xil ma’lumotni ko‘radi — halqa, to‘rt holat soni, oxirgi hafta va oy kalendari. To‘rt holat hamma joyda bir xil rang va harfda.

LMS · Jadval

Dars jadvali: hafta, kun va bandlik matritsasi

Uch ko‘rinish: sinf yoki o‘qituvchi haftasi (Dush … Shan), telefonda bir kunlik kun tartibi va ma’muriyat uchun «kim hozir bo‘sh» matritsasi. Fan rangi — kichik nuqta (School grafik ranglari), kartaning chap chizig‘i emas; bugun — brend maydonidagi sarlavha.

LMS · Kurs

Kurs, dars va test: dastur, sillabus, pleyer, test

O‘quv dasturi besh qavatli: Kurs → Bosqich → Modul → Mavzu → Topshiriq. O‘quvchi uni sillabus panelida ko‘radi: tugagan, joriy va yopiq mavzular. Keyingi mavzu oldingisining topshiriqlari 60 % dan o‘tganda ochiladi, 85 % va undan yuqori — «o‘zlashtirildi».

LMS · Uy vazifasi

Uy vazifasi: ro‘yxat, topshiriq, AI tekshiruvi va o‘qituvchi bahosi

O‘quvchi vazifalarni shoshilinchligi bo‘yicha ko‘radi, topshiriqni ochib javob yuboradi. AI javobni oldindan tekshirib baho taklif qiladi, lekin bahoni faqat o‘qituvchi tasdiqlaydi va e’lon qiladi — AI hech qachon o‘zi e’lon qilmaydi. O‘tish bali — 70.