Only do‘kon , slayder ilovasini yaratish haqida ma‘lumot

Информация о документе

Цена	10000UZS
Размер	546.8KB
Покупки	0
Дата загрузки	06 Ноябрь 2026
Расширение	pdf
Раздел	Курсовые работы
Предмет	Педагогика

Only do‘kon , slayder ilovasini yaratish haqida ma‘lumot

Купить

O ’ZBEK=STON RESPUBL=KAS= OL=Y VA O ’RTA
MAXSUS TA ’L=M VAZ=RL=G=
S:AROF RAS:=DOV NOM=DAG=
SAMARQAND DAVLAT UN=VERS=TET=
=NTELLEKTUAL T=Z=MLAR VA KOMPYUTER
TEXNOLOG=YALAR= FAKULTET=

60610700 - SUN ’=Y =NTELLEKT YO ’NAL=S:= 201 -guruh
talabasi

Sadullayev Shaxzodbek Rashid o ’g’li

Web ilovalar yaratish fanidan

KURS =S:=

Mavzu: O nly do ’kon , slay der

Kurs ishi rahbari: ass. Xamidov.M
Talaba : Sadullayev.Sh

Samarqand – 2025

REJA:
1.Mavzuni bo ’yicha o ’rganish
2.Web ilova strukturasi (User)
3.User – vazifalari (Algoritmlari)
4. Foydalanilgan dasturla sh tillari, ularning versiyalari va ma’lumotlar modeli
5.Dastur skrinshotlari
6.Xulosa (dasturning foydali tamonlari)

1. Mavzu bo‘yicha o‘rganish

So‘nggi yillarda raqamli texnologiyalarning rivojlanishi bilan bir qatorda,
odamlarning xarid qilish odatlari ham keskin o‘zgarib bormoqda. Avvallari
mahsulotlar faqatgina do‘konlarda yoki bozorlarda sotilgan bo‘lsa, hozirda internet
orqali xarid qilish ku ndalik hayotimizning ajralmas qismiga aylangan. Ayniqsa, mobil
qurilmalarning keng tarqalishi, to‘lov tizimlarining qulayligi va mahsulotlarni
yetkazib berish xizmatlarining rivojlanishi tufayli, internet do‘konlar butun dunyo
bo‘ylab mashhurlikka erishdi.
=nternet do‘kon — bu mahsulotlar yoki xizmatlarni onlayn tarzda taklif qiluvchi va
foydalanuvchilarga turli qulayliklar yaratib beruvchi raqamli platformadir. Bu kabi
saytlar odatda mahsulot katalogi, qidiruv paneli, savatcha tizimi, foydalanuvchi
ro‘yxa tdan o‘tishi, to‘lov tizimi kabi bir qancha asosiy funksiyalarni o‘z ichiga oladi.
Biz yaratgan "Only Do‘kon" loyihasi ana shunday internet do‘konlarning
soddalashtirilgan, ammo zamonaviy imkoniyat larga ega namunasi hisoblanadi.
Web -sahifa strukturasini tushunish .
Sayt dizayni foydalanuvchini jalb qilishda muhim rol o‘ynaydi. Sayt yaratishda
minimalizm, soddalik va zamonaviy ranglar kombinatsiyasi ishlatildi. Tugmalar,
mahsulot kartalari va bannerlar animatsion elementlar bilan boyitildi. Bu orqali sayt
jonliroq, in teraktiv va ko‘zni qamashti radigan ko‘ rinishga ega bo‘ldi. Bugungi kunda
foydalanuvchilarning katta qismi internetga telefon orqali kiradi. Shu sababli
saytning mobil versiyasini ham o‘rganish va uni moslashtirish do lzarb bo‘ldi. Sayt
responsiv (moslanuvchan) bo‘lishi uchun CSS orqali maxsus media qu ery
texnologiyalari ishlatildi.
Loyihani yaratishdan oldin, veb -sahifa qanday ishlashini, foydalanuvchi qanday
interfeys bilan ishlashini va sahifa elementlari qanday tartibd a joylashishini
o‘rganish muhim bo‘ldi. Foydalanuvchi birinchi marta saytga kirganda nimalarni

ko‘radi, qanday tugmalar mavjud bo‘ladi, mahsulotlar qanday ko‘rinadi —
bularning barchasi saytning umum iy strukturasini tashkil etadi.
Sayt strukturasi quyidag icha loyihalashtirildi:
Yuqori qismda sahifalar bo ’limi va mahsulotlarni qidiruv tizmi
Slayder bo‘limi
Mahsulotlar katalogi (kartochka ko‘rinishida) savatga qo ’shish va batafsil tugmalar
Ro‘yxatdan sahifasi to ’ldirish uchun menyular va ro ’yxatdan o ’tish tugmasi

2. Web ilova strukturasi (foydalanuvchi nuqtai nazaridan)

Har qanday web -ilova foydalanuvchilar uchun qulay, tushunarli va sodda bo‘lishi
kerak. "Only Do‘kon" internet -do‘koni ham aynan shu tamoyillarga asoslanib ishlab
chiqilgan. Foydalanuvchi ilovaga kirganda, u saytni intuitiv tarzda boshqarishi,
kerakli mahsu lotlarni tezda topishi va ro‘yxatdan o‘tishi mumkin bo‘lishi lozim.
“Only Do‘kon” sayti foydalanuvchi interfeysiga asoslangan bo‘lib, quyidagi asosiy
qismlardan tashkil topgan:
Bosh sahifa
Foydalanuvchi saytdan foydalanishni aynan bosh sahifadan boshlaydi. Bu sahif ada
quyidagi elementlar mavjud:
Sayt logotipi va menyu paneli – yuqori qismda joylashgan, u orqali foydalanuvchi
mahsulotlar bo‘limiga, ro‘yxatdan o‘tish sahifasiga o‘tishi mumkin.
Slayder (banner) – e’tiborni jalb qiluvchi s laydli reklama bo‘limi. Chegirmalar, yangi
mahsulotlar va aksiyalar a ynan shu joyda namoyon bo‘ladi.
Mahsulotlar kartochkalari – foydalanuvchi mahsulotlarni ko‘rib chiqadi, ularning
nomi, rasmi, narxi va qisqacha tavsifi bilan tanishadi.
Mahsulotla r bo‘limi
Bu bo‘lim foydalanuvchi uchun eng muhim qism hisoblanadi. :ar bir mahsulot
kartochkasi alohida blokda ko‘rsatiladi:
Rasm – mahsulotn ing vizual ko‘rinishini beradi.
Nomi – mahsulot qanday nomda ekanini bildiradi.
Narxi – foydalanuvchi uchun en g muhim ko‘rsatkichlardan biri.

“Savatchaga qo‘shish” yoki “Batafsil ko‘rish” tugmalari – foydalanuvchiga mahsulot
bilan ishlash imkonini beradi.
. Ro‘yxatdan o‘tish (Registratsiya)
Foydalanuvchi saytdan to‘liq foydalanishi uchun ro‘yxatdan o‘tishi talab qilinadi. Bu
bo‘limda foydalanuvchi quyidagi ma’lumotlarni kiritadi:
F.I.Sh. yoki login
Elektron pochta manzili
Parol
Ushbu ma’lumotlar keyinchalik foydalanuvchi bilan ishlashda, buyurtmalarni
kuzatishda va shaxsiy kabinet yaratishda xizmat qiladi.
Interaktiv elementlar
Sayt foydalanuvchining qiziqishini oshirish maqsadida bir nechta interaktiv
(o‘zgaruvchan) elementlar bilan boyitilgan:
Tebranadigan suratlar – mahsulotlar ustiga olib borilganda vizual animatsiya.
Kattalashuvchi tugmalar – foydalanuvchi bosganida tugmalar hajman kattalashib
turadi.
Slayd almashinuvi – bannerlar avtomatik yoki foydalanuvchi harakati bilan
almashinadi.
Rangli chaqnash effektlari – tugmalar bosilganda yorqin effektlar.
Moslashuvchan dizayn (Responsive)
Sayt dizayni barcha qurilmalarda — kompyuter, planshet va telefonlarda qulay
ko‘rinishga ega. Bu foydalanuvchi qaysi qurilmadan kirmasin, saytning barcha
imkoniyatlaridan to‘liq foydal anishini ta’minlaydi.
Albatta, siz so‘raganingizdek, foydalanuvchi vazifalari (algoritmlar) bo‘limini yanada
kengaytirdim. Quyidagi matn sodda, qo‘lda yozilgandek ohan gda bo‘lib, ko‘proq
misollar bilan boyitilgan.

3. Foydalanuvchi vazifalari (Algoritmlar)

"Only Do‘kon" saytida foydalanuvchi harakatlari muhim o‘rin tutadi. :ar bir
foydalanuvchi saytdan nima uchun foydalanyapti, degan savolga qarab, sayt ichida

turli ishlarni bajaradi. Kimdir mahsulot ko‘radi, kimdir ro‘yxatdan o‘tadi, yana
kimdir buyurtma be radi. Shu sababli, har bir harakat (ya’ni algoritm) soddaligi va
aniq ketma -ketligi bilan bajarilishi kerak.
Saytga kirish algoritmi – foydalanuvchi saytga qanday kiradi?
Tartibi:
1. Brauzerni ochadi (Chrome, Firefox yoki boshqalar).
2. Qidiruvga s ayting manzilini yozadi.Hozircha kompyutern ing o ’zida brauzerga
http://lakolhost/dokon deb yozadi
3. Enter tugmasini bosadi.
4. Bosh sahifa yuklanadi va dizayn chiqadi.
5. Foydalanuvchi saytni ko‘zdan kechirishni boshlaydi.
Bosh sahifani ko‘rish – umumiy tanishish bosqichi
Tartibi:
1. Yuqori qism dagi menyularni ko‘radi (masalan, Mahsulotlar, Savat,Ro‘yxatdan
o‘tish ).
2. Slayderda aylanayotgan e’lonlarni kuzatadi.
3. Slayderdan keyin mahsulot bloklari chiqadi.
4. Eng ko‘p sotilayotgan yoki tavsiya etilgan mahsulotlar birinchi bo‘lib chiqadi.
Ro‘yxatdan o‘tish algoritmi – yangi foydalanuvchi uchun
Tartibi:

1. “Ro‘ yxatdan o‘tish” sahifasiga o ’tadi .
2. =sm, email va parolni to‘ldiradi.
3. “Ro ’yxatdan o ’tish ” tugm asini bosgach, foydalanuvchi bazaga yoziladi.
Ro‘yxatdan muvaffaqiyatli o‘tgach, foydalanuvchining nomi chiqadi.
Saytdan to‘liq f oydalanish huquqiga ega bo‘ladi yani buyurtma bera oladi.
Eslatma: Parol noto‘g‘ri yoki email allaqachon ro‘yxatda bo‘l sa, tizim xa to xabarini
beradi.
Mahsulot tanlash algoritmi – xarid qilishdan oldingi bosqich

1. “Mahsulotlar” sahifasiga o‘tadi.
2. :ar bir mahsulot suratini ko‘radi.
3. Surat ustiga olib borganida animatsiya ishlaydi (masalan, tebranadi).
4. “Batafsil ko‘rish” tugmasini bosadi.
5. Mahsulot haqida to‘liq ma’lumotlar chiqadi.
6. Savatcha ga qo‘shish algoritmi
Paro lni unutgan foydalanuvchi uchun:
“Parolni unutdingizmi?” tugmasini bosadi → Email kiritadi → Parolni tiklash
havolasi yuboriladi.

Mobil versiyada foydalanish:
Sayt avtomatik tarzda kichik ekranlarga moslashadi → menyu pastga joylashadi →
tugmalar bir qato rda chiqmaydi, ustma -ust holatga keladi.

4. Foydalanilgan dasturla sh tillari, ularning versiyalari va ma’lumotlar modeli

"Only Do‘kon" internet -do‘koni saytini yaratishda bir nechta dasturlash tillari va
texnologiyalardan foydalanildi. Saytni yaratish jarayoni oddiydan boshlab,
bosqichma -bosqich murakkablashtirildi. Say t foydalanuvchilar uchun tushunarli va
zamonaviy dizaynga ega bo‘lishi maqsad qilingan.
HTML (HyperText Markup Language)
HTML orqali saytning asosiy tuzilmasi yaratildi. Har bir blok, menyu, tugma va
boshqa elementlar HTML teglaridan foydalangan hold a yozildi. Bu til veb -sahifaning
skeleti hisoblanadi.
Versiya: HTML5
Foydalanilgan teglar: <header>, <nav>, <section>, <footer>, <form>, <input>,
<img>, <button>, <div> va boshqalar.
Vazifasi: Sahifaning strukturasi, ya’ni qanday elementlar borligini an iqlaydi.

<div class="product -list">

<div class="pro duct">
<img src="img/samsung -A14.webp" alt="Samsung A14">
<h3>Samsung Galaxy A14</h3>
<p>Xotira: 128GB | RAM: 6GB | Rang: Oq</p>
<span class="price">2 200 000 so‘m</span>
<button class="add -to -cart">Savatga qo‘shish< /button>
<div class="buttons">
<a href="samsung -a14.html" class="details -btn">Batafsil</a>
</div>

CSS (Cascading Style Sheets)
CSS yordamida :TMLda yozilgan struktura bezatildi. Ranglar, o‘lchamlar, fonlar,
harakatlar, joylashuvlar va animatsiyalar CSS orqali berildi. Saytga zamonaviy
ko‘rinish berildi.
Versiya: CSS3
Foydalanilgan xususiyatlar: flex, grid, transition, animation, hover, box -shadow,
bor der -radius, media query va h.k. Sayt dizaynini chiroyli ko‘rinishda chiqarish va
zamonaviy ko ’rinishga olib kelish .Hozirgi texnalogiyalar davrida sayt zamonaviy
ko ’rinishga ega bo ’lishi kerakdir.Chunki har qanday foydalanuvchini dizyan bilan
ham jalb qilish mumkin.
form button {
width: 100%;
padding: 12px;
background -color: #007bff;
color: white;
border: none;
border -radius: 8px;
cursor: pointer;

$font -size: 16px; transition: background -color 0.3s ease; } JavaScript HavaScript orqali saytga interaktivlik qo‘shildi. Tugmalar bosilganda javob qaytarish, sahifada animatsiyalar, slayderlar va funksional tugmalar JS orqali yozildi. Versiya: Vanilla JavaScript (ES6 standarti) Foydalanilgan elementlar: addEventListener(), setTimeout(), querySelector(), innerHTML, classList.toggle() Sahifadagi tugmalar ishlashi, slayderlar harakatlanishi v a interaktiv funksiya bajarish. let tugma = document.querySelector(".sotib -olish"); tugma.addEventListener("click", () => { alert("Mahsulot savatchaga qo‘shildi!"); }); PHP (Back -end tili) P:P yordamida foydalanuvchi ma’lumotlarini qabul qilish, bazaga yozish va bazad an chiqarish ishlari bajarildi. Asosan ro‘yxatdan o‘tish, login qilish va buyurtma qilishda ishlatilgan. Versiya: PHP 7.4 Foydalanilgan funksiyalar: $_POST, mysqli_connect(), mysqli_query(), header(), session_start() Ma’lumotlarni serverga uzatish, saqlash, tekshirish va chiqarish. Bu bizga ro ’yxatdan o ’tgan har bir foydalanuvchi bazada saqlanishiga yordam beradi.Biz foydalanuvchilarning Ism Familyasini emailni va ro ’yxatdan o ’tgan vaqtini aniq bilishimiz mumkin. $conn = mysqli_connect("localhost", "root", "", "only_dokon"); <?php$ $$host = "127.0.0.1"; $user = "root"; $password = "root"; $dbname = "dokon"; // Baza bilan ulanish $conn = new mysqli($host, $user, $password, $dbname); if ($conn ->connect_error) { die("Bazaga ulanishda xatolik: " . $conn ->connect_error); } Infologik model (loyiha bosqichi) Loyihaning boshida infologik model tuzilgan. Ya’ni foydalanuvchi qanday harakatlar qiladi, qanday ma’lumotlar kerak bo‘ladi, ular qanday bog‘lanadi — shular grafik ko‘rinishda tushuntirildi. Asosiy ob’yektlar: Foydalanuvchi — mahsulot ko‘radi, ro‘yxatdan o‘tadi, buyurtma qiladi. Admin — mahsulot qo‘shadi, buyurtmani ko‘radi. Bog‘lanish: 1 foydalanuvchi → ko‘p mahsulot buyurtma qilishi mumkin 1 buyurtma → 1 mahsulotga tegishli :ar bir foydalanuvchining bir nechta buyurtmasi bo‘ladi. Datalogik model (jadval ko‘rinishi) Saytning yakuniy bosqichida datalogik model — ya’ni jadvallar ko‘rinishida bazani yaratish ishlari amalga oshirildi. Bu model real ma’lumotlar qanday saqlanishini ko‘rsatadi. Jadva llar misoli:$

CREATE TABLE user (
id INT AUTO_INCREMENT PRIMARY KEY,
name VARCHAR(100) NOT NULL,
email VARCHAR(100) NOT NULL UNIQUE,
password VARCHAR(255) NOT NUL L,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);
5.Dastur sklishotlari .

Ushbu bo ’limda biz 3ta sahifalarni ko ’rishim iz mumkin Bosh sahifa,Savat va
Ro ’yxatdan o ’tish. Har bir sahifa o ’ziga xos dizaynga ega.Keyingisi qidruv tizimi
hisoblanadi bu tizimda mahsulotlar ni qidirish mumkin. Keyingisi slayder bo ’limi bu
bo ’limda siz mahsulot reklamalari,aksiya va chegirmalarni ko ’rishingiz
mumkin.Albatda yangi mahsulatlarni ommaga taqdim qilishda reklamalar kat ta ro ’l
o’ynaydi.Shuning uchun slayder bo ’limi bizg a juda katta as qotadi.Hozirgi slayder 5
ta rasmli bo ’lib Artel Samsung va Avalon brendlari reklamalari qo ’yilgan.

Keyingi pastgi qism m ahsulotlar qismi hisoblanadi.Bu qismda Only dokondagi
mahsulotlar bilan tanishishingiz mumkin.Har bitta mahsulot uchun alohida rasm
joylashgan bo ’lib bu bizga mahsulotning ko ’rinishi bilan tanishishga yordam
beradi.Bu saytimizni yanada chiroyli qiladi .Keyin mahsulot nomi , har bitta mahsulot
nomi rasm tagida keltirilga n.Dizyanning yana bir zo ’r jihati har bir mahsulot alohida
kartochka ichida joylashgan.Bu mahsulotlarning ko ’rinishini aniqroq va yaxshiroq

qiladi.Mahsulot nomi tagida:mahsulot haqida qisqacha ma ’lumot
keltirilgan.Aniqroq va batafsil ma ’lumotlarni oli sh uchun “Batafsil ” tugmasini
bosishingiz kerak.Agar mahsulot bilan tanishib chiqgan bo ’lsangiz va bu sizga
yoqgan bo ’lsa savatga qo ’shish tugmasi orqali siz mahsulotni savatga qo ’shishingiz
mumkin.

Savat sahifasi: bu sahifada savatga qo ’shgan mahsulotlarni k o’rishingiz mumkin.Siz
savatga qo ’shga n mahsulotlarni olib tashlashing iz yoki sonini ko ’paytirishingiz
mumkin bo ’ladi.

Ro ’yxatdan o ’tish sahifasi :Bu sahifada siz Only dokon saytimizdan ro ’yxatdan
o’tishimgiz mumkin bo ’lib.Har bir ro ’yxatdan o ’tgan foydalanuvchilar bazaga
saqlanadi.Ro ’yxatdan o ’tish uchun siz rasmdagi qatorlarni to ’liq to ’ldirishingiz kerak
bo ’ladi.
Birinchi “Foydalanuvchi nomi ” Siz o ’z ism fam ilyangizni kiritishin giz kerak
M isol:Sadullayev Shaxzodbek
Ikkinchi “Emailingizni kiriting ” o’z emailingizni kiritasiz to ’liq va to ’g’ri holda
M isol: sadullayevshaxzod674@gmail.com
Uchinchi o ’z parolingizni yaratasiz bu parol orqali siz Only dokon saytimizga kira
olish huquqiga ega bo ’lasiz.

To ’liq ro ’yxatdan o ’tgandan kiyin sizda quyidagi oyna hosil bo ’ladi

Ro ’yxatdan o ’tgan ba rcha foydalanuvchilar quyidagi jadvalda hosil bo ’ladi Ularning
ism familyasi,emaili va ro ’yxatdan o ’tgan san ava vaqti saqlanadi.

6.Xulosa (dasturning foydali tamonlari)

Yaratgan “Only Do‘kon” say tining eng katta foydasi shundaki, bu sayt orqali
foydalanuvchi o‘ziga kerakli mahsulotni oson topa oladi, uni ko‘rib chiqadi va
savatga qo‘shib, buyurtma berishi mumkin. Sayt juda qulay, oddiy tuzilgan va har
kim bemalol ishlata oladi.
Shuningdek, sayt f oydalanuvchilarga vaqt tejash imkonini beradi, uydan
chiqmasdan turib mahsulot tanlash mumkin. Har bir mahsulot alohida blokda
joylashgan, rasmi, narxi, tugmalari bor — bu esa qulaylik yaratadi. Saytni
ishlatishda ortiqcha sahifalar yo‘q, hammasi tushunarl i va soddalashtirilgan. Yana
bir foydali tomoni — sayt mobil qurilmalarda ham ochiladi, ya’ni kim telefon yoki
planshet ishlatsa ham bemalol foydalanadi. Ro‘yxatdan o‘tish tizimi ham xavfsiz

qilingan , ma’lumotlar bazada saqlanadi. Bu sayt oddiy foydalanu vchilar uchun ham,
do‘kon egasi uchun ham foydali bo‘ladi. Chunki mahsulotni ko‘rsatish, reklama
qilish va sotish jarayonini yengillashtiradi.

Only do‘kon , slayder ilovasini yaratish haqida ma‘lumot

Купить

Похожие документы
2001-yil sentabr voqealri va uning xalqaro munosabatlarga
1945-1990-yillarda Buyuk Britaniya
1918-1923 yillarda xalqaro munosabatlar, Versal Vashington siyetemasining tuzilishi
Ahmad al-farg‘oniy
Almashlab ekishni loyihalashtirish va joriy etish

Информация о документе

Продавец

Only do‘kon , slayder ilovasini yaratish haqida ma‘lumot

Похожие документы