Student System Guide

# 👨‍🎓 Shatibiy Institute - Student App System Guide

**Complete guide for students to understand and use all student features effectively.**

---

## 📋 Table of Contents

1. [Student Overview](#student-overview)
2. [Dashboard Guide](#dashboard-guide)
3. [Course Access & Learning](#course-access--learning)
4. [Classes & Live Sessions](#classes--live-sessions)
5. [Assignments & Progress](#assignments--progress)
6. [Payments & Deadlines](#payments--deadlines)
7. [Certificates](#certificates)
8. [Course Upgrades](#course-upgrades)
9. [Community Platform](#community-platform)
10. [Support & Help](#support--help)

---

## 👋 Student Overview

### What Can You Do as a Student?

As a student, you have access to:
- **📚 Course Materials** - Lectures, videos, textbooks
- **🎓 Classes** - Live sessions with instructors
- **📝 Assignments** - Submit work and get feedback
- **📊 Progress Tracking** - Monitor your learning journey
- **💳 Payment Management** - Handle course fees
- **📜 Certificates** - Earn certificates upon completion
- **⬆️ Course Upgrades** - Move to advanced courses
- **🔔 Notifications** - Stay informed of updates
- **📧 Communication** - Connect with instructors

---

## 📱 Dashboard Guide

### What is the Dashboard?

Your **personal learning hub** where you can:
- See all your courses
- Check payment status
- View upcoming classes
- Access notifications
- Manage your profile
- Track your progress

### Accessing Your Dashboard

**Method 1: After Login**
```
1. Login to your account
2. You automatically land on Dashboard
3. Click "Dashboard" in menu to return anytime
URL: /student/dashboard/
```

**Method 2: From Menu**
```
Logged in → Click "Dashboard" in top menu
```

### Dashboard Sections Explained

#### **Section 1: Welcome & Quick Stats**
```
Shows:
✓ Your name
✓ Your enrollment status
✓ Total courses enrolled
✓ Courses in progress
✓ Courses completed
✓ Your profile picture
```

#### **Section 2: Enrollment Status**
```
Status Indicators:
✅ ACTIVE - Approved, can access course
⏳ PENDING - Waiting for approval
❌ REJECTED - Application not approved
⏸️ SUSPENDED - Temporarily suspended

What to do:
- PENDING → Wait for admin approval
- REJECTED → Contact admin for reason
- SUSPENDED → Contact support immediately
```

#### **Section 3: Payment Status & Deadlines**

```
Shows:
📅 Payment Due Date: When payment is due
💰 Amount Due: How much you need to pay
⏰ Days Until Due: Time remaining
🔴 OVERDUE: If payment is late

Payment Status:
✅ PAID - Course fully paid
⏳ PENDING - Awaiting payment
🔴 OVERDUE - Payment is late
⏳ PENDING APPROVAL - Awaiting admin review

What to do:
- PENDING → Click "Pay Now"
- PENDING APPROVAL → Wait for admin
- OVERDUE → Pay immediately to regain access
```

#### **Section 4: Current Courses**

```
For Each Course:
🎓 Course Name
👨‍🏫 Instructor Name
📊 Progress: X% complete
📚 Materials: Number of lessons
🎥 Classes: Number of live sessions
📝 Assignments: Number of tasks

Quick Actions:
→ Click to view course
→ Click to join class
→ Click to view materials
```

#### **Section 5: Recent Activities**

```
Shows Latest:
✓ Classes you attended
✓ Assignments you submitted
✓ Materials you accessed
✓ Certificates you earned
✓ Announcements from instructors

What to do:
- Click any item for details
- Filter by date if needed
```

---

## 📚 Course Access & Learning

### Accessing Your Courses

**Step 1: Go to My Courses**
```
Dashboard → Click "My Courses"
Or: Click course in dashboard
URL: /student/my_courses/
```

**Step 2: Select a Course**
```
See list of all enrolled courses
Click course name to open
```

**Step 3: View Course Content**

```
Course Page Shows:
┌────────────────────────────────┐
│ Course Name │
├────────────────────────────────┤
│ Instructor: [Name] │
│ Progress: XX% │
│ Status: Active │
├────────────────────────────────┤
│ TABS: │
│ • Overview │
│ • Lectures │
│ • Materials │
│ • Assignments │
│ • Progress │
│ • Discussions │
└────────────────────────────────┘
```

### Understanding Each Tab

#### **Overview Tab**
```
Shows:
✓ Course description
✓ Learning objectives
✓ Course schedule
✓ Instructor information
✓ Course requirements
✓ Certificate info
```

#### **Lectures Tab**
```
Shows: List of all lectures
For each lecture:
📹 Video title
⏱️ Duration (e.g., 45 mins)
✅ Watched status
📖 Transcript (if available)
⭐ Your rating

What to do:
1. Click lecture title
2. Watch video
3. Read transcript (optional)
4. Mark as complete
5. Move to next lecture
```

#### **Materials Tab**
```
Shows: All downloadable materials
By type:
📄 PDF Files
📊 Presentations
🎥 Videos
📝 Notes
📚 Textbooks
🔗 External Links

What to do:
1. Find material you need
2. Click "Download"
3. File saves to your computer
4. Open with appropriate app
```

#### **Assignments Tab**
```
Shows: All assignments for course
For each assignment:
📝 Assignment title
📅 Due date
⏰ Days remaining
✓ Submission status
🏆 Your grade

What to do:
1. Click assignment
2. Read instructions
3. Upload your work
4. Click "Submit"
5. View feedback when graded
```

#### **Progress Tab**
```
Shows: Your learning progress
Displays:
📊 Overall progress: X%
✅ Completed lectures: X of Y
✅ Completed assignments: X of Y
🏆 Grade: X%
📈 Progress graph

What to do:
- Monitor your progress
- Identify incomplete items
- Plan your study schedule
```

#### **Discussions Tab**
```
Shows: Class discussions
You can:
💬 Ask questions
💬 Reply to questions
👍 Like posts
🔔 Get notified of replies

What to do:
1. Click "New Question"
2. Type your question
3. Click "Post"
4. Others can reply
5. Instructor may answer
```

### Downloading Materials

**How to Download a File:**

1. Go to **Materials Tab**
2. Find the file you want
3. Click **"Download"** button
4. Save location window appears
5. Choose where to save
6. Click **"Save"**
7. File is saved to your computer

**File Types & How to Open:**
```
📄 PDF → Adobe Reader, Browser
📊 PPTX → PowerPoint, LibreOffice
📝 DOCX → Word, LibreOffice
🎥 MP4 → VLC, Windows Media Player
📊 XLSX → Excel, LibreOffice Calc
```

---

## 🎥 Classes & Live Sessions

### What Are Classes?

**Classes** = **Live sessions** with your instructor where you can:
- 👥 Interact with instructor & classmates
- 🎤 Ask questions in real-time
- 🎬 Watch live teaching
- 📝 Take notes
- 🎓 Get immediate feedback
- 💬 Discuss topics

### Viewing Your Classes

**Step 1: Go to Classes**
```
Dashboard → Click "Classes"
Or: Student Menu → Classes
URL: /student/classes/
```

**Step 2: View Class Details**

```
Each class shows:
📌 Class title
👨‍🏫 Instructor name
📅 Scheduled date & time
⏱️ Duration
🌐 Meeting link (Google Meet/Zoom)
📍 Status (Upcoming/Ongoing/Completed)
📝 Description/Topic
```

**Step 3: Join a Class**

**Before Class Time:**
```
1. Go to Classes page
2. Find your class
3. Click "View Details"
4. See "Join Class" button
5. Button becomes active 5 mins before class
```

**At Class Time:**
```
1. Click "Join Class" button
2. Confirm permissions:
- Camera (allow/deny)
- Microphone (allow/deny)
- Screen share (allow/deny)
3. Class opens in new window
4. You're connected!
```

**During Class:**
```
You can:
✓ See instructor & other students
✓ Ask questions in chat
✓ Unmute and speak
✓ Share screen (if allowed)
✓ Record class (if allowed)
✓ Take notes
✓ See screen shared by instructor
```

**After Class:**
```
1. Instructor ends class
2. Recording is processed
3. You get notification
4. Watch recording anytime
5. See transcript (if available)
```

### Recording & Re-watching

**Watch Class Recording:**

```
1. Go to Classes page
2. Find the class
3. Look for "Recording" or "Watch Recording"
4. Click to view
5. Full video available to watch again

Note: Not all classes are recorded
Ask instructor if unsure
```

### Rescheduling a Class

**If class time doesn't work for you:**

```
1. Go to class details
2. Click "Request Reschedule"
3. Select new date & time
4. Explain reason
5. Click "Submit Request"
6. Instructor reviews
7. You get notification of decision
8. If approved, calendar is updated
```

---

## 📝 Assignments & Progress

### Submitting Assignments

**Step-by-Step:**

```
1. Go to Course → Assignments tab
2. Find assignment to submit
3. Click assignment title
4. Read instructions carefully
5. Prepare your work
6. Click "Submit Assignment"
7. Upload your file or write answer
8. Add any notes (optional)
9. Click "Submit"
10. Get confirmation email
```

**File Upload:**
```
Click "Choose File"
↓
Select file from computer
↓
File appears in upload box
↓
Click "Submit"
```

**Text Answer:**
```
Click text box
↓
Type or paste your answer
↓
Click "Submit"
```

### Checking Grades

**View Your Grades:**

```
1. Go to Course → Assignments tab
2. Find completed assignment
3. Click assignment
4. Scroll down to see:
✓ Your submission
✓ Grade (if graded)
✓ Feedback from instructor
✓ Due date & submission date
```

**Grade Scale:**
```
A+ : 90-100% : Excellent
A : 80-89% : Very Good
B+ : 75-79% : Good
B : 70-74% : Satisfactory
C+ : 65-69% : Acceptable
C : 60-64% : Passing
F : <60% : Failing

Each course may use different scale
Check with instructor
```

### Tracking Progress

**View Your Progress:**

```
1. Go to Course → Progress tab
2. See progress bar
3. Shows % complete
4. View completed items (✅)
5. View incomplete items (❌)
6. Monitor grade over time
```

**Progress Indicators:**

```
📊 Overall Progress: X%
- Based on:
• Lectures watched
• Assignments submitted
• Classes attended
• Exams completed

📈 Performance: X%
- Based on:
• Assignment grades
• Exam scores
• Class participation
```

---

## 💳 Payments & Deadlines

### Understanding Payment Status

**Payment Timeline:**

```
Day 0: You enroll in course
↓
Day 5: Payment due date arrives
- Email reminder sent
- Dashboard shows countdown
↓
Day 10: Payment overdue warning
- Final reminder email sent
- Access may be restricted
↓
Day 15+: Course access suspended
- Cannot join classes
- Cannot submit assignments
- Must pay to restore access
```

### Checking Your Payment Status

**View Payments:**

```
1. Go to Dashboard
2. Look for "Payment Status" section
3. See:
✓ Amount due
✓ Due date
✓ Days remaining
✓ Payment status
✓ Payment history
```

**Or:**
```
Go to: Student Menu → Payments
See all payments for all courses
```

### Making a Payment

**Step-by-Step:**

```
1. Go to Payments page
2. Find pending payment
3. Click "Pay Now"
4. Enter payment details:
- Card number
- Expiry date
- CVV
- Cardholder name
5. Click "Pay"
6. Wait for processing
7. Get success message
8. Receive receipt email
9. Course access restored
```

### Downloading Receipts

**Get Your Receipt:**

```
1. Go to Payment History
2. Find payment
3. Click "Download Receipt"
4. PDF opens/downloads
5. Print if needed
6. Save for records
```

### Payment Deadlines

**Understanding Deadlines:**

```
📅 Deadline Info:
- Set automatically on enrollment
- Usually 5 days after enrollment
- Can be extended by admin
- Extensions show in payment status
- Reminders sent via email

❓ If unsure:
- Check dashboard
- Check email for reminder
- Contact admin
```

---

## 📜 Certificates

### What Are Certificates?

**Certificates prove you:**
- ✅ Completed the course
- ✅ Met all requirements
- ✅ Achieved passing grade
- ✅ Can verify online
- 🔐 Are digitally signed

### Getting Your Certificate

**Process:**

```
Step 1: Complete course (100% progress)
↓
Step 2: Achieve passing grade
↓
Step 3: Instructor marks as "Complete"
↓
Step 4: Admin approves certificate
↓
Step 5: You get notification
↓
Step 6: Certificate is ready to download
```

### Viewing Your Certificate

**View Certificate:**

```
1. Go to Dashboard
2. Click "My Certificate"
3. See certificate preview
4. Shows:
✓ Your name
✓ Course name
✓ Completion date
✓ Instructor name
✓ Certificate ID
✓ Verify link
```

### Downloading Your Certificate

**Download as PDF:**

```
1. Go to My Certificate
2. Click "Download Certificate"
3. New window opens
4. Click browser "Print" button
5. Select "Save as PDF"
6. Choose location
7. Click "Save"
8. PDF is ready to use
```

### Printing Your Certificate

**Print Physical Copy:**

```
1. Download certificate as PDF
2. Open the PDF file
3. Click "Print"
4. Select printer
5. Adjust settings if needed
6. Click "Print"
7. Physical certificate prints
```

### Sharing Your Certificate

**Online Verification:**

```
Anyone can verify your certificate:
1. Visit: shatibiyinstitute.com/verify/
2. Enter your Certificate ID
3. Or click link in certificate
4. Certificate details appear
5. Shows you completed the course

Share your certificate:
- LinkedIn
- Email
- Resume
- Portfolio
- Social media
```

---

## ⬆️ Course Upgrades

### What is a Course Upgrade?

**Upgrade** = Move from one level to a higher level
- Example: Beginner → Intermediate
- Example: Level 1 → Level 2

### Requesting an Upgrade

**Step-by-Step:**

```
1. Go to Dashboard
2. Click "Course Upgrade"
3. See your current course
4. See available upgrade courses
5. Click "Request Upgrade" on desired course
6. Fill upgrade form:
✓ Why do you want to upgrade?
(minimum 20 characters)
✓ What are your learning goals?
(minimum 20 characters)
✓ Preferred schedule (optional)
7. Click "Submit Request"
8. Get confirmation
```

### Tracking Upgrade Request

**View Status:**

```
1. Go to Course Upgrade page
2. Scroll to "Your Upgrade Requests"
3. See status:
⏳ PENDING - Waiting for review
⏳ UNDER REVIEW - Admin reviewing
⏳ ASSESSMENT SCHEDULED - Test scheduled
✅ APPROVED - You can upgrade
❌ REJECTED - Not approved yet
```

### After Approval

**When Approved:**

```
1. You get notification email
2. Go to Course Upgrade page
3. Click "Upgrade Now"
4. Complete payment (if required)
5. You're now in new course level
6. All materials appear in dashboard
7. You can start new classes
```

---

## 🔔 Notifications

### Understanding Notifications

**Types of Notifications:**

```
📚 Course Updates
- New material available
- Lecture added
- Assignment deadline

📧 Payment Notifications
- Payment reminder
- Payment overdue
- Receipt ready
- Access about to expire

👥 Class Notifications
- Class starting in 5 mins
- Class recording ready
- Class rescheduled
- New class added

📝 Assignment Notifications
- Assignment available
- Assignment due soon
- Assignment grade ready
- Feedback from instructor

🎓 Achievement Notifications
- Certificate ready
- Course completed
- Grade milestone reached
- Upgrade approved
```

### Viewing Notifications

**Check Notifications:**

```
1. Look for bell icon 🔔 (top right)
2. Red badge shows unread count
3. Click bell to open notifications
4. See recent notifications
5. Click notification for details
```

**Or:**
```
Go to: Student Menu → Notifications
See all notifications
Filter by type or date
```

### Managing Notifications

**Mark as Read:**
```
Click notification
→ It's marked as read
→ Disappears from unread count
```

**Delete Notification:**
```
Click notification
→ Click delete button
→ Notification is removed
```

**Email Preferences:**
```
Go to: Profile Settings → Notifications
Choose which notifications to receive via email
Customize notification frequency
```

---

## 👤 Profile Management

### Updating Your Profile

**Edit Profile:**

```
1. Click your name (top right)
2. Click "Edit Profile"
3. Update information:
✓ Full name
✓ Email
✓ Phone
✓ Bio
✓ Profile picture
✓ Country
4. Click "Save"
5. Changes saved immediately
```

### Changing Password

**Update Password:**

```
1. Go to Profile Settings
2. Click "Change Password"
3. Enter current password
4. Enter new password
5. Confirm new password
6. Click "Save"
7. You'll be logged out
8. Login with new password
```

**Password Requirements:**
```
✓ Minimum 8 characters
✓ Mix of uppercase & lowercase
✓ At least one number
✓ Special character (!, @, #, etc.)

Examples:
❌ password123 (too simple)
✅ MyPass123! (good)
```

---

## 🔒 Account Security

### Best Practices

```
✓ Use strong password (see above)
✓ Don't share your password
✓ Don't use same password elsewhere
✓ Logout after use (public computers)
✓ Update password every 3 months
✓ Enable 2-factor authentication (if available)
```

### Logout

**End Your Session:**

```
1. Click your name (top right)
2. Click "Logout"
3. You're logged out
4. Browser returns to home page
```

**Important:** Always logout on shared computers!

---

## 📞 Support & Help

### Getting Help

**Contact Methods:**

| Method | Details |
|---|---|
| **Email** | shatibiyinstitute@gmail.com |
| **Contact Form** | /contact/ |
| **Response Time** | 24-48 hours |
| **Hours** | Monday-Friday, 9am-5pm |

### What to Include When Contacting

```
When reporting an issue, include:

1. Your name & email
2. Course name
3. What you were trying to do
4. Error message (if any)
5. Error ID (if shown)
6. Browser/device used
7. When problem occurred
8. Screenshots (if helpful)
```

### Common Issues & Solutions

**Can't login?**
→ Use "Forgot Password" to reset

**Payment not showing?**
→ Wait 24 hours for processing, check spam email

**Can't join class?**
→ Check browser permissions, try different browser

**Missing certificate?**
→ Check if course is fully complete, ask instructor

**Assignment not submitting?**
→ Check file size, try different browser

---

## 📚 Study Tips

### Effective Learning Strategy

```
1️⃣ Plan your schedule
- Set study days & times
- Complete before deadlines
- Allocate enough time per lecture

2️⃣ Watch lectures actively
- Take notes
- Pause and reflect
- Rewatch if unclear

3️⃣ Complete assignments on time
- Don't wait until deadline
- Allow time for revisions
- Ask for help if stuck

4️⃣ Participate in classes
- Attend live sessions
- Ask questions
- Interact with peers

5️⃣ Monitor progress
- Check grades regularly
- Review feedback
- Adjust study approach

6️⃣ Seek help when needed
- Ask instructor
- Discuss with classmates
- Use discussion forum
```

---

## 🤝 Community Platform

### What is the Community Platform?

The **Shatibiy Community** is a social learning network where students and instructors share knowledge, ask questions, and build connections around Islamic education and beneficial learning.

### Accessing the Community

1. **From Dashboard**: Click **"Community"** in the sidebar under "Community" section
2. **Direct Link**: Go to `/community/` on the platform
3. **From Navbar**: Look for **Community** link in navigation

### Community Features

#### 📰 **Community Feed**
- See posts from students and instructors
- Posts are organized by **8 categories**:
- 📖 Qur'an Studies
- 🔤 Arabic Language
- 🌙 Daily Reminders
- 💪 Motivation & Inspiration
- 👥 Mentorship & Guidance
- 🎯 Study Tips
- ✨ Personal Reflections
- ⚡ Productivity

**How to browse**:
- View all posts in **Feed**
- Filter by category using **Categories** dropdown
- View **Featured Posts** (highlighted by admins)
- See **Post of the Week** at the top (special honor)

#### ✍️ **Create a Post**

Click **"Create"** in the community navbar to share:

1. **Choose Post Type**:
- 📝 Text (just words)
- 🖼️ Image (photo/screenshot)
- 🎥 Video (upload or YouTube/Vimeo link)
- 📄 Document (PDF, Word, PowerPoint)
- 🔗 Link (share a website)

2. **Fill Details**:
- **Category**: Pick the best fit (Qur'an, Arabic, etc.)
- **Title**: Brief headline (optional)
- **Body**: Your message
- **Media**: Upload file or paste URL (if needed)

3. **Submit**:
- Click "Post"
- Post goes to **Pending** (waits for admin review)
- You'll be notified when approved or rejected

#### ❤️ **Engage with Posts**

**Like Posts**:
- Click the **❤️ heart icon** on any post
- See heart animation when you like
- Count updates instantly
- Unlike by clicking again

**Save Posts**:
- Click **🔖 bookmark icon** to save for later
- View all saved posts at `/community/saved/`
- Remove from saves anytime

**Comment**:
- Click **💬 comment** to reply
- Type your message
- Submit - appears instantly
- **Reply to comments**: Click "Reply" on any comment
- **Delete comment**: Click delete if it's your comment (or you're admin)

#### 👁️ **View Post Details**

Click on any post title to:
- See full content with all media
- Read all comments (threaded replies)
- See related posts in same category
- Like, save, or comment

#### 📌 **Your Posts**

Click **"My Posts"** to see:
- All your posts (pending, approved, rejected)
- Edit any post you created
- Delete your posts
- Status badges show if pending/approved/rejected

#### 💾 **Saved Posts**

Click **"Saved"** to access:
- All posts you bookmarked
- Grid view with quick access
- Remove from saved

#### 🚨 **Report Posts**

If a post is inappropriate:
1. Click **⋮ more** on the post
2. Click **Report**
3. Choose reason:
- Inappropriate content
- Spam
- Misinformation
- Offensive language
- Other
4. Add optional details
5. Admins review and take action

### Community Etiquette

✅ **Do**:
- Share beneficial knowledge
- Be respectful and kind
- Help others learn
- Ask genuine questions
- Give constructive feedback

❌ **Don't**:
- Post spam or advertisements
- Share misinformation
- Use offensive language
- Post off-topic content
- Harass other users

### Tips for Success

1. **Read before posting** - Check if someone asked already
2. **Be specific** - Describe what you mean clearly
3. **Add context** - Explain why you're sharing
4. **Respect others** - Different views are OK
5. **Check categories** - Use right category for visibility
6. **Engage respectfully** - Comments should add value
7. **Report issues** - Help keep community safe

### Notifications

When someone:
- Replies to your comment
- Posts in a category you follow
- Admins approve/reject your post

You'll get notifications in your **notification bell** 🔔

### Community Guidelines

The community is moderated by admins to ensure:
- Authentic Islamic knowledge
- Respect for all students and instructors
- Helpful and constructive discussions
- No spam or misinformation
- Safe learning environment

Posts that violate guidelines are reviewed and may be rejected.

---

## ✅ Success Checklist

- [ ] Profile complete with correct info
- [ ] Payment method saved
- [ ] Enrolled in at least one course
- [ ] Payment made on time
- [ ] Watched first lecture
- [ ] Submitted first assignment
- [ ] Attended first class
- [ ] Read all course materials
- [ ] Completed all assignments
- [ ] Achieved passing grade
- [ ] Received certificate
- [ ] Downloaded certificate
- [ ] Joined Community Platform
- [ ] Read at least 5 community posts
- [ ] Created first community post
- [ ] Liked or saved a post
- [ ] Commented on a post
- [ ] Followed community guidelines

---

**Last Updated:** May 2026
**Version:** 1.1
**Status:** ✅ Complete with Community Platform

For questions, contact: shatibiyinstitute@gmail.com