Bhuma learning portal_ui

Proprietary & Confidential www.bhumatech.com Page 1 of 60
Contents
1. Overview...........................................................................................................................5
1.1. Purpose........................................................................................................................ 5
1.2. Scope .......................................................................................................................... 5
1.3. Methodology .................................................................................................................. 5
1.4. Intended Audience........................................................................................................... 5
1.5. Users in the Workflow....................................................................................................... 5
1.6. Workflow...................................................................................................................... 6
1.7. Features of the System ..................................................................................................... 6
1.8. Additional Features (Nice to Have)........................................................................................ 7
2. Features............................................................................................................................8
2.1. Registration................................................................................................................... 8
2.1.1. Login ID .................................................................................................................. 8
2.1.2. Registration Success.................................................................................................... 8
2.1.3. School Names Data ..................................................................................................... 8
2.1.4. Registration Archive.................................................................................................... 8
2.1.5. Students’ Guardians .................................................................................................... 8
2.1.6. Reviewers and Coordinators........................................................................................... 8
2.1.7. Fields for Coordinator/Reviewer education:........................................................................ 8
2.2. Enrolment ..................................................................................................................... 9
2.2.1. Dashboard (Student) ................................................................................................... 9
2.2.2. Dashboard (Coordinator)............................................................................................... 9
2.2.3. Dashboard (Reviewer).................................................................................................. 9
2.2.4. Dashboard (Account Admin) ........................................................................................... 9
2.3. Online billing & payment ................................................................................................... 9
2.4. Account status .............................................................................................................. 10
2.5. Courses....................................................................................................................... 10
2.6. Add a Course ................................................................................................................ 10
2.7. Add Course Content ........................................................................................................ 11
2.7.1. Reference URLs: ....................................................................................................... 11
2.7.2. Notes on Content creation: .......................................................................................... 11
2.8. Course progress monitoring ............................................................................................... 12
2.9. Alerts and notifications .................................................................................................... 12
2.10. Practice Tests and results ................................................................................................ 12
2.10.1. For Practice Tests the master table may have ................................................................... 12
2.10.2. Practice Test Transaction Table: .................................................................................. 13
2.10.3. Question types may be: ............................................................................................. 13

2.10.4. Practice Test Performance.......................................................................................... 13
2.10.5. Practice Test Status.................................................................................................. 14
2.11. Subject matter, Tech and Admin Support.............................................................................. 14
2.11.1. Learning Support – by SMEs (Coordinators) ....................................................................... 14
2.11.2. Technical Support by Account Admin.............................................................................. 14
2.11.3. System Server Admin (Service Provider) .......................................................................... 15
2.11.4. Database Admin ...................................................................................................... 15
2.12. Roles and privileges ....................................................................................................... 15
2.13. Error handling.............................................................................................................. 16
2.14. Disallow right click and copy ............................................................................................ 16
2.15. Utilities ..................................................................................................................... 17
2.15.1. Geography: Adding a Map to Find Lat Long ....................................................................... 17
2.15.2. Maths: Math Equations Editor....................................................................................... 17
2.15.3. Maths Editor for Setting Questions ................................................................................. 17
2.15.4. Text Editor ............................................................................................................ 17
2.15.5. My Google Calendar .................................................................................................. 17
2.15.6. Add to Calendar ...................................................................................................... 17
2.15.7. Stop Watch ............................................................................................................ 17
2.15.8. Olark Chat Plugin..................................................................................................... 17
3. Entities ........................................................................................................................... 18
3.1. Users and their Activities in the System ................................................................................. 18
3.1.1. All: ....................................................................................................................... 18
3.1.2. Students................................................................................................................. 18
3.1.3. Coordinators ............................................................................................................ 18
3.1.4. Reviewers ............................................................................................................... 18
3.1.5. Academic Head ........................................................................................................ 19
3.1.6. Super Admin ............................................................................................................ 19
3.2. The Entities in the System ................................................................................................. 19
4. Entity Relationships ............................................................................................................ 20
5. Data Dictionary.................................................................................................................. 21
6. Master & Transaction Tables with Unique Identifiers ...................................................................... 22
7. Site map.......................................................................................................................... 24
7.1. Purpose....................................................................................................................... 24
7.2. Scope ......................................................................................................................... 24
7.3. Final Site Map (Public) ..................................................................................................... 25
7.3.1. Legend .................................................................................................................. 26
7.3.2. Partial View (Registered User) ....................................................................................... 26
7.4. Final Site Map (Custom Login - Student)................................................................................. 27

8. Page Flows ....................................................................................................................... 28
8.1. Purpose....................................................................................................................... 28
8.2. Scope ......................................................................................................................... 28
8.3. Master List of Static Pages................................................................................................. 28
8.3.1. Courses:................................................................................................................. 28
8.3.2. External Links .......................................................................................................... 28
9. Wireframes and Page Specifications ......................................................................................... 29
9.1. Purpose....................................................................................................................... 29
9.2. Scope ......................................................................................................................... 29
9.3. Master Layout: .............................................................................................................. 29
9.3.1. Wireframe for Home page ............................................................................................ 29
9.3.2. Page Specifications .................................................................................................... 30
9.4. Home Page Layout (Unregistered User).................................................................................. 34
9.4.1. Wireframe .............................................................................................................. 34
9.5. Registration.................................................................................................................. 35
9.5.1. Students................................................................................................................. 35
9.5.2. Coordinators and Reviewers.......................................................................................... 36
9.6. Enrolment .................................................................................................................... 42
9.7. Payments..................................................................................................................... 43
9.7.1. Payments made by check:............................................................................................ 43
9.7.2. Payments by credit/debit cards ..................................................................................... 43
9.7.3. CVV Help ................................................................................................................ 44
9.8. Login.......................................................................................................................... 45
9.9. Forgot Password............................................................................................................. 46
9.10. Dashboards ................................................................................................................. 46
9.10.1. Enrolled Student...................................................................................................... 46
9.10.2. Coordinator ........................................................................................................... 47
9.10.3. Reviewer .............................................................................................................. 48
9.10.4. Account Admin........................................................................................................ 48
9.10.5. Sys Admin ............................................................................................................. 48
9.11. Courses...................................................................................................................... 48
9.11.1. Add Board ............................................................................................................. 49
9.11.2. Add a Course .......................................................................................................... 49
9.11.3. Add Course Content - Coordinator ................................................................................. 49
9.11.4. Review Course Content - Reviewer ................................................................................ 52
9.12. Practice Tests .............................................................................................................. 53
9.12.1. Select question type: ................................................................................................ 53
9.12.2. Select Question Type ................................................................................................ 53

9.12.3. Enter question (1 correct option) Input type: radio ............................................................ 53
9.12.4. Enter question (Multiple Correct Options) Input type: checkbox ............................................. 54
9.12.5. Enter question (True/False) Input type: radio, data type: boolean ........................................... 54
9.12.6. Enter Question (1 word input) Input type: inputbox, data type: text ........................................ 54
9.12.7. Enter Question (Range) Input type: inputbox, data type: date ................................................ 54
9.12.8. Enter Question (Descritpitve) Input type: textarea, data type: text ......................................... 55
9.12.9. Add Next Question & Complete Question Setup ................................................................. 55
10. Roles and Privileges ........................................................................................................... 56
11. Sample Data Validation ....................................................................................................... 57
11.1. Master Data Table ......................................................................................................... 57
11.2. Sample Validation Rules .................................................................................................. 58
11.3. Legend ...................................................................................................................... 59
12. Related Documents............................................................................................................ 60

1 . O V E R V I E W
1.1. Purpose
The User Interface Specification is the blueprint of the site for the development team. It details the following
components:
(a) the data elements displayed or input on each page in the site map, (b) the interaction elements used in each
page, (c) the general layout of the various sections of the site, (d) the program logic supporting each user
interaction, and (e) the logical flow among pages in the site.
This document provides the User Interface Information Architecture documents for the Online Learning Portal
project. The components of this document are:
 Site map - The overall blueprint of the site structure, and the hierarchy of the pages
 Page flows – the interactions between pages on the site, including decision points. The logical flows
specify the logic of the navigation across pages in the site. The flows are grouped by subsections of the
site.
 Wireframes and Page Specifications – the detailed page information structure, the page component
structure, a detailed description of the behaviors of components
 Data Validation
1.2. Scope
Topics not described in this document are not considered in scope.
Some functionality discussed in this document may be identified as being for a future phase. Although the
functionality is specified so that the system can be designed with future phases in mind, these functions are not in
scope for the current project.
1.3. Methodology
The Online Learning Portal User Interface Specification was created based on the results of the task analysis phase
and the subsequent site map and task/page distribution created during the conceptual design phase (see Related
Documents). Work on the User Interface Specification will be completed in October, 2015
1.4. Intended Audience
There are five intended audiences for this document:
 Design Team
 Development Team
 QA Testers
 User Acceptance Testers
 Stakeholders
1.5. Users in the Workflow
 Guest
 Students
 Coordinator (Course Content Creator)

 Reviewer (Course Content Verification)
 Account Admin
 System Admin (backend)
 Webmaster (backend)
 Database Admin (backend)
1.6. Workflow
The portal invites SMEs who have in depth knowledge and experience in the field of class room teaching and
education for students of Classes IX & X studying under the ICSE or CBSE boards of education in India. Their role
will be that of a course coordinator providing guidance and learning assistance with ample content for easy learning
in the form of text, images, videos and external links as references to more online study material followed by sets
of solved questions and answers at the end of each chapter of a particular subject.
The subjects are:
ICSE CBSE
 English Literature
 English Language
 Maths
 Physics
 Chemistry
 Biology
 History
 Geography
 English Literature
 English Language
 Maths
 Science
 Social Science
They will also be responsible for preparing Practice Tests for a particular subject with MCQs.
Students will enroll in the system to start learning and preparing for their board exams using the knowledge
resources provided for their board, class and subject.
Registration is free and anyone can register by submitting the online form provided. The unique User Id will be a
valid email submitted in the registration form.
The enrollment process will be based on the payment of an annual subscription. Modes of payment may be by
PayTM, Credit/Debit cards or by Cheque. Enrollments with Payments by Cheque will be activated on realization.
The students account will be valid for 365 days after the activation of the enrollment.
The course progress for each student will be monitored in the system. System login and logout, modules accessed
will be recorded.
SMS alerts and notifications will be sent to the mobile number registered in the system at certain predefined
stages.
Practice Tests will be available for the student to test their knowledge and preparedness to take the final board
exams.
Content owners will be responsible for uploading content for each subject as well as offering support to students
who have a query or any doubts.
1.7. Features of the System
1. Registration

2. Enrolment
3. Online billing & payment
4. Account status
5. Add a Course
6. Add Course Content
7. Course progress monitoring
8. Alerts and notifications
9. Practice Tests and results
10. Subject matter, Tech and Admin Support
11. Roles and privileges
12. Error handling
13. Disallow right click and copy
1.8. Additional Features (Nice to Have)
Some more dynamic features will be added on the sidebar to capture and keep the students interest alive.
Examples are:
 Talking clock
 Quick question based on subjects selected
 Quote of the day
 Calculator
 Calendar
 World clock on a map
 Radio
 Stop watch
 Charts to show progress
Samples uploaded here.

2 . F E A T U R E S
2.1. Registration
Sample Form
Registration is free and anyone can register by submitting the online form provided. The unique User Id will be a
valid email submitted in the registration form or an auto generated User ID. Registration will be activated via
email.
Only students will register online.
A registered user can view some sample course materials in the form of images in a slideshow. These may contain
snapshots of some text, pictures, video screens, links etc. pertaining to the class and subjects selected.
2.1.1. Login ID
A login ID will be auto generated for all Users. Users can login either using their email id or the sys tem generated
id.
A Guest user is only allowed full access once they enroll and complete the payment process.
2.1.2. Registration Success
Registration Success page will be displayed with two options:
On completing Registration activation, a registration success page will be displayed with a Call to Action button
“Enroll Now!” or Continue as Guest
Enroll Now will direct the user to his profile page with enrollment and payment details
2.1.3. School Names Data
***The field for School will have pre-populated data and auto-complete feature coupled with Board
2.1.4. Registration Archive
We will need to move students records to a mirror table or an archive after account expiry. So when they enrol
again for Class X, it can be looked up and pulled out for Reporting and historical purpos es.
2.1.5. Students’ Guardians
For students the guardian’s details (name, relationship, phone number) are mandatory.
 Father (Mother not there)
 Mother (Father not there)
 Father + Mother
 Guardian (Father & Mother not there)
2.1.6. Reviewers and Coordinators
The Reviewers and Coordinators will be registered in the system by the Super Admin in the backend. A Welcome
letter will be sent to the Reviewers and Coordinators with auto generated login credentials.
Sample Coordinator/Reviewer Registration form for Sys Admin:
http://mycreativedesk.com/projects/bhuma/easylearningportal/wireframes/coordinator-reviewer-reg.html
2.1.7. Fields for Coordinator/Reviewer education:
Board/University | Degree | Institution | Result

2.2. Enrolment
Sample Form
A student will be considered enrolled once the payment is cleared. In case of online payments the account
activation will happen real-time.
For payments made by check the check number, date and banmk name will need to be entered and the account will
be activated on actual realization.
2.2.1. Dashboard (Student)
See section 4.4
2.2.2. Dashboard (Coordinator)
2.2.3. Dashboard (Reviewer)
2.2.4. Dashboard (Account Admin)
Confirm cheque payments
Manage Users: Guests, Students, Coordinators, Reviewers
Courses
Resources (Images, videos, attachments)
Reports: Registrations, Enrollments, Payments
System: Purge Cache,
Logs
Alerts & Notifications
2.3. Online billing & payment
Modes of payment will be:
 PayTM
 Cheque (subject to realization)
 Credit/Debit cards
A field named “Payment confirmation” with Boolean values Yes?No needs to be provided for manual entry in case of
cheque payments. This will automatically be confirmed in the system in case of online payments and the account
will be activated in real time.

2.4. Account status
Account will be activated on realization of payment of the annual subscription. The status for each enrolled user
would be Active or Expired. A notification will always be visible at the top of the Dashboard after successful Login
telling the User no. of days remaining.
2.5. Courses
Each course will be a part of the board and class.
There will be 4 courses:
 ICSE Class IX
 ICSE Class X
 CBSE Class IX
 CBSE Class X
For each ICSE course there will be 8 subjects:
English Literature English Language
Maths Physics Chemistry Bio
History Geography
For each CBSE course there will be 8 subjects:
English Maths Science
Social Science
Each subject will contain a maximum of 25 chapters. The chapters will individually contain text, images, videos,
external links, solved questions and answers.
2.6. Add a Course
Courses can be defined in a simple manner.
The hierarchy of courses can be maintained in a tree like structure:
 Course (this top level may not be needed)
 Board
- Class
 Subjects
 Lessons
 Lesson Title
 Lesson Subtitle
 Lesson Coordinator/ Reviewer (current owner)
 Timestamp (Created, Edited, Saved, Submitted, Approved, Published)
 Lesson Content Body
 Lesson Content (Text)

 Lesson Content (Image)
 Lesson Content (Video)
 Lesson Content (Links)
 Lesson Coordinator/Reviewer (current owner)
 Timestamp (Created, Edited, Saved, Submitted, Approved, Published)
2.7. Add Course Content
For Coordinators and Reviewers the Dashboard will display the options to Add Courses and corresponding content.
Unless the course content verification option is clicked the page will not be published. It will be saved in the
database.
A Maths editor is needed to prepare Mathematical content. An additional utility will be provided at no cost to
registered students:
http://mycreativedesk.com/projects/bhuma/easylearningportal/utilities/Math/MatthEditor.htm
2.7.1. Reference URLs:
http://sourceforge.net/projects/stixfonts/postdownload?source=dlp
http://www.wiris.com/editor/demo/en/
https://www.dessci.com/en/products/mathplayer/
http://www.cs.tut.fi/~jkorpela/math/
https://www.mathjax.org/
http://mathcast.sourceforge.net/home.html
Math Editor:
AB&D Software India P Ltd
#69/1, KPM Complex
JM Road,
Bangalore 560002
Tel: 9632227977
Email: sales@abdindia.co.in
For Algebra and Geometry separate editors need to be provided.
2.7.2. Notes on Content creation:
 Concept clearing
 Real life analogies
 Look up words in WIKI?
 Create puzzles and games to add fun to learning
 Provide text, images, videos, solved questions and answers
 Post a message for doubt clarification
 Video current time and record exact position when the message was posted
 Present a topic in diagrammatic fashion – a picture is worth a thousand words
 (Algebraic question presented in Geometrical form)

2.8. Course progress monitoring
We will deduce a completion period divided by total number of chapters and store a percentage of course
completed.
Once the user is enrolled the following information needs to be stored in the system regarding the course progress:
 Logged in date and time
 Subject > Chapter accessed
 Logged out date and time
2.9. Alerts and notifications
SMS alerts and email notifications are to be sent out at various stages listed below:
 Registration
 Enrollment with payment confirmation
 Course access (chapter, logged in and out date and time)
 Days remaining
 Practice Tests attempted
2.10. Practice Tests and results
For each subject, there will be a set of Practice Tests which can be presented randomly.
The results that need to be stored for individual profiles are:
 Student ID
 Subject ID:
 Date attempted: dd/mm/yy
 Scored: n/nn
 Status: Completed/Incomplete/Unsuccessful
We need to think clearly about the Entities interacting in the system and their relationship.
Identify the Master tables and relevant data sets and the Transaction tables with the data occurring multiple times.
2.10.1. For Practice Tests the master table may have
Field Name Data Type Sample Data
MTID (Practice Test ID) MTICSEIXENGLANG-1
MTNAME Practice Test ICSE English Language
Class IX
MTDESC This is the Practice Test for for
English Language in Class IX under
ICSE board
NOQ (no. of questions) 10
There will be 32 records in this Practice Test master table for 8+8+8+8 subjects for Classes IX & X under ICSE and
CBSE boards.

2.10.2. Practice Test Transaction Table:
Field Name Data Type Sample Data
MTID Unique MTICSEIXENGLANG-1
QUEID Unique QUEICSEIXENGLANG-1
QUEIDCONTENT The question content
ANSIDTYPE Radio/chkbox/inputbox (single
word)/Range (2 inputboxes)
ANSID-1 answer option 1
Rephrase Rephrase question
Hint Provide a hint to the correct answer
Marks Allotted 10
Correct Answer ANSID-2
2.10.3. Question types may be:
 Radio (single option)
 Checkbox (multiple options, “check all that apply”)
 Input box (specific word input)
 Range (between a range)
Notes on Practice Tests:
 Provide input boxes for single word answers – fill in the blanks
 Add similar questions as alternate options for unsuccessful attempts?
 Provide hints to the answer
 Rephrase the question in simpler terms
 Provide graphical flow chart interpretation of the question
 Real time score, performance review, time remaining, time spent on each answer
2.10.4. Practice Test Performance
Field Name Data Type Value Sample Data
MTID Unique MTICSEIXENGLANG-1
QUEID QUEICSEIXENGLANG-1
USERID STUD001
Selected Answer ANSID-3
Check RIGHT/WRONG

Score nn
Date Date attempted
2.10.5. Practice Test Status
User ID Stud001
Test Status Incomplete/Unsuccessful/Success
Total Marks
allotted
nn
Total Score nn
Date Date of test attempted
2.11. Subject matter, Tech and Admin Support
The system must ensure:
 Flexibility
 Scalability
 Stability
 Availability
 Concurrent logins
 Responsive design
 Response time – db and server
There will be four support functions required.
2.11.1. Learning Support – by SMEs (Coordinators)
 Doubt clarifications
 Questions
 Content migration and updates
 …
2.11.2. Technical Support by Account Admin
Related to issues that may arise while using the online portal
 Registration
 Enrollment
 Login
 Access
 Display

 …
 …
2.11.3. System Server Admin (Service Provider)
 Server availability and uptime
 Server response
 Tuning and performance
 Optimization of resources
 Network performance
 Load balancing
 …
 …
2.11.4. Database Admin
 Database architecture and design
 Tuning and performance
 Storage
 Queries
 Response time
 Session logging
 Error handling
 Database backups
 Replication
 Flush tables
 Persistence of data
 Practice Tests presentation and recording results for each user
2.12. Roles and privileges
You can allow people who have the roles on the left side various privileges on the system modules.
Visitor: SELECT only
Contributor: SELECT, INSERT and maybe UPDATE
Editor: SELECT, INSERT, UPDATE and maybe DELETE and maybe GRANT
DBA: SELECT, INSERT, UPDATE, DELETE, GRANT, and DROP

2.13. Error handling
Action Error Error message
Registration Form incomplete Required field(s) empty, please
enter
Invalid data <<control name>> not valid, please
re-enter
2.14. Disallow right click and copy
The user should be dissuaded from trying to copy any of the study material using the right click button of the mouse
and using the Copy option from the context sensitive menu.
The following code may be added to the main header to serve this purpose:
<script type="text/javascript">

</script>

http://mycreativedesk.com/projects/bhuma/easylearningportal/utilities/No%20right%20click.htm
2.15. Utilities
2.15.1. Geography: Adding a Map to Find Lat Long
http://creativesolutionshelpdesk.com/utilities/googlelatlongmap/maplonglat.htm
2.15.2. Maths: Math Equations Editor
http://mycreativedesk.com/projects/bhuma/easylearningportal/utilities/Math/MatthEditor.htm
2.15.3. Maths Editor for Setting Questions
http://mycreativedesk.com/projects/bhuma/easylearningportal/widgets/mathseditor.html
2.15.4. Text Editor
http://mycreativedesk.com/projects/bhuma/easylearningportal/widgets/tinymce.htm
2.15.5. My Google Calendar
http://mycreativedesk.com/projects/bhuma/easylearningportal/widgets/mygooglecalendar.htm
2.15.6. Add to Calendar
http://mycreativedesk.com/projects/bhuma/easylearningportal/widgets/india-calendar.htm
2.15.7. Stop Watch
http://mycreativedesk.com/projects/bhuma/easylearningportal/widgets/FreeStopwatch.exe
2.15.8. Olark Chat Plugin
http://mycreativedesk.com/projects/bhuma/easylearningportal/widgets/olark%20chat%20plugin.htm

3 . E N T I T I E S
3.1. Users and their Activities in the System
3.1.1. All:
 Register
 Session Logs need to be recorded in the system
3.1.2. Students
 Enrolment
 Course Study
 Post Messages
 Receive SMS alerts and Email notifications
 Attempt Practice Tests
3.1.3. Coordinators
 Add Course Content and Submit for approval
 Practice Test questions preparation
 Respond to requests from Users
3.1.4. Reviewers
 Course authentication and publish
 Practice Test authentication and publish
 Monitor responses by Coordinators to requests from Users

3.1.5. Academic Head
 Supervise course creation
 Supervise course presentation
 Supervise Practice Test preparation
 Monitor request response time
 Maintain quality
3.1.6. Super Admin
 Overall supervision
 Supervise accounts activation and expiry
 Solve account related issues
 Respond to support tickets
3.2. The Entities in the System

4 . E N T I T Y R E L A T I O N S H I P S

5 . D A T A D I C T I O N A R Y

6 . M A S T E R & T R A N S A C T I O N T A B L E S W I T H U N I Q U E
I D E N T I F I E R S
Master Tables:
Registrations Board (2 recs) Class (4recs) Subjects (16) Chapters
Question Bank?
Transaction Tables:
Enrollments Payments Practice Tests User Sessions
SMS Alerts Email Notifications
Registration IDs: email address
Students/Coordinators/Reviewers/Support
Enrolment: email address + board + class (student may enroll successively for two years for classes IX and X)
Board IDs:
 ICSE
 CBSE
Class IDs:
 IX
 X
Course IDs:
 ICSECLASSIX
 ICSECLASSX
 CBSECLASSIX
 CBSECLASSX
Subject IDs:
ICSEIXENGLANG
ICSEIXENGLIT
ICSEIXMATHS
ICSEIXHIST
ICSEIXGEOG
ICSEIXPHY
ICSEIXCHEM
ICSEIXBIO
CBSEIXENGLANG
CBSEIXENGLIT
CBSEIXMATHS
CBSEIXHIST
CBSEIXGEOG
CBSEIXPHY
CBSEIXCHEM
CBSEIXBIO
ICSEXENGLANG
ICSEXENGLIT
ICSEXMATHS
ICSEXHIST
ICSEXGEOG
ICSEXPHY
ICSEXCHEM
ICSEXBIO
CBSEXENGLANG
CBSEXENGLIT
CBSEXMATHS
CBSEXHIST
CBSEXGEOG
CBSEXPHY
CBSEXCHEM
CBSEXBIO
Chapter IDs (to be auto-generated from 1 to n/nn):

ICSEIXENGLANG-1
ICSEIXENGLIT-1
ICSEIXMATHS-1
ICSEIXHIST-1
ICSEIXGEOG-1
ICSEIXPHY-1
ICSEIXCHEM-1
ICSEIXBIO-1
CBSEIXENGLANG-1
CBSEIXENGLIT-1
CBSEIXMATHS-1
CBSEIXHIST-1
CBSEIXGEOG-1
CBSEIXPHY-1
CBSEIXCHEM-1
CBSEIXBIO-1
ICSEXENGLANG-1
ICSEXENGLIT-1
ICSEXMATHS-1
ICSEXHIST-1
ICSEXGEOG-1
ICSEXPHY-1
ICSEXCHEM-1
ICSEXBIO-1
CBSEXENGLANG-1
CBSEXENGLIT-1
CBSEXMATHS-1
CBSEXHIST-1
CBSEXGEOG-1
CBSEXPHY-1
CBSEXCHEM-1
CBSEXBIO-1
Content for each Individual Chapter:
 Chapter title
 Chapter description
 Text
 Images
 Videos
 Audios
 Internal or external links
 Solved Q&A
 Project file templates (Image gallery with some captions and short descriptions)

7 . S I T E M A P
7.1. Purpose
This document provides the site structure for the portal and functionalities of the system.
7.2. Scope
Pages not described in this document are not considered in scope.
Some pages discussed in this sitemap may be identified as being for a future phase. Although the functionality is
specified so that the system can be designed with future phases in mind, these functions are not in scope for the
current project.

7.3. Final Site Map (Public)
Contact Form
Location Map
Address
Phone
ICSE
Class IX
English
Lang
English
Lit
Physics
Chem
Bio
Maths
History
Geog
Class X
CBSE
Overview
Features &
Benefits
View Demo
Videos
Same as
above
CBSE
Class X
Same as above
Overview
Vision
Management
Practice
Tests
Contact UsAbout Us
Home
Login Register
FB GPLUS Twitter
How it WorksCourses
ICSE
Class IX
English
Science
Social Science
Maths
Text
Images
Links
Solved Q&A
Privacy Policy | Terms of Use | Disclaimer | Find Us on: FB / Twitter / GPlus | Copyright
LOGO

7.3.1. Legend
7.3.2. Partial View (Registered User)
Slideshow of static images from Chapter content.
Home
Global Links
Sections
Landing pages
Detail pages
PartialVisibility
isibility
Contact Form
Location Map
Address
Phone
ICSE
Class IX
English
Lang
English
Lit
Physics
Chem
Bio
Maths
History
Geog
Class X
CBSE
Overview
Features &
Benefits
View Demo
Videos
Same as
above
CBSE
Class X
Same as above
Overview
Vision
Managemen
t
Mock Tests Contact UsAbout Us
Home
Login Register
FB GPLUS Twitter
How it WorksCourses
ICSE
Class IX
English
Science
Social Science
Maths
Text
Images
Links
Solved Q&A
Snapshot of text content, pictures and external links

7.4. Final Site Map (Custom Login - Student)
Practice
Tests
Contact UsAbout Us
Home
Login Register
FB GPLUS Twitter
How it WorksCourses
Dashboard
Profile edit/update) Account/Billing Info
Board/Class/Course
Subject 1 Title
Course progress --%-- Days remaining <<n>>
Last Logged in date/time
Howdy <<user name >>
Chapter No/Title
Practice Tests
Subject
Chapter Content
Solved Q&A
View Progress
Subject 2 Title
Post a Message
Privacy Policy | Terms of Use | Disclaimer | Find Us on: FB / Twitter / GPlus | Copyright
LOGO
Alerts & Notifications
Calendar
Widgets

8 . P A G E F L O W S
8.1. Purpose
This document provides detailed page flows and process flows for the project.
8.2. Scope
Topics not described in this document are not considered in scope.
8.3. Master List of Static Pages
Page # Site Map Title Page # Site Map Title
1 Home 2 About Us
3 About Us > Overview 4 About Us > Vision
5 About Us > Management 6 Courses (3.3.1)
7 How it Works 8 How it Works > Overview
9 Features & Benefits 10 View Demo
11 Contact Us 12 Contact Form
13 Login 14 Register
15 Practice Tests
8.3.1. Courses:
Page # Site Map Title Page # Site Map Title
6 Courses 6a Board > Class
7 Subject 7a Chapters
7b Solved Q&A 7c Practice Tests (related to Page 15)
8.3.2. External Links
8.3.2.1. Social Media
8.3.2.2. Links within content pointing to online educational resources for additional help

9 . W I R E F R A M E S A N D P A G E S P E C I F I C A T I O N S
9.1. Purpose
This document provides Wireframes, Page Specifications, and Data Validation for the project.
9.2. Scope
Pages and data not described in this document are not considered in scope.
9.3. Master Layout:
These layouts specify the global components to each major section of the site. They are not intended to be
definitive visual representations of the final site.
9.3.1. Wireframe for Home page
LOGO Call/Email Login Register Search
Social Media Icons
HOME ABOUT US COURSES HOW IT WORKS PRACTICE
TESTS
CONTACT US
Header Image Area for slideshow with Lead Text
Content Area
Footer Area Privacy Policy | Terms of Use | Disclaimer | Copyright | Links to Social Media Pages

9.3.2. Page Specifications
Title Master Layout
Purpose This is the master layout of all pages. Each page follows this
layout unless otherwise specified.
Notes
9.3.2.1. Header
Header Area Content
Header contains the logo, global links, social media links, navigation menu and images for slideshow
with marketing content
Notes
Logo
Element Logo
Type Graphical or textual link
Label Logo
Value The company logo
Data Type
Other Display/Validation Rules
Action Loads page 1 “Home”
Notes
Login
Element Login
Label Login
Value If graphical, an image file is to be supplied; if textual, the value
is “Login”.
Data Type
Action Loads page 13 “Login”.
Notes
Register
Element Register
Label Register
Value Register
Data Type
Action Loads page 14 registration form

Notes
Search
Element Search
Label Search
Value Search
Data Type
Other Display/Validation Rules Search query
Action Displays Search query results
Notes
Social Media Links to Share Current URL
Element Social Media Links
Type Graphical links
Label FB/Twitter/GPlus
Value FB/Twitter/GPlus
Data Type
Action Displays individual social media forms to send the current page
URL
Notes
9.3.2.2. Navigation Bar
Navigation Background
Navigation bar contains all the page links with drop down menus to let the user navigate to various
parts of the website
Notes
Home
Element Home
Label Home
Value If graphical, an image file is to be created; if textual, the value
is “Home”.
Data Type
Action Loads page 1 “Home”.
Notes
About Us
Element About Us

Label About Us
is “About Us”.
Data Type
Action Loads page 2 “About Us”.
Notes
Courses
Element Courses
Label Courses
is “Courses”.
Data Type
Action Loads page 6 “Courses”.
Notes
How It Works
Element How it Works
Label How it Works
is “How it Works”.
Data Type
Action Loads page 7 “How it Works”.
Notes
Practice Tests
Element Practice Tests
Label Practice Tests
is “Practice Tests”.
Data Type
Action Loads page 15 “Practice Tests”.
Notes When clicked from within a course subject, will load the
specific Practice Test for that particular Board > Class >
Subject
Contact Us
Element Contact Us
Label Contact Us

is “Contact Us”.
Data Type
Action Loads page “Contact Us”.
Notes
9.3.2.3. Content Area
Notes This area contains the actual content of the page
9.3.2.4. Footer
Footer Background
Notes
Terms of Use
Element Terms of Use
Type Textual link
Label Terms of Use
Value “Terms of Use”.
Data Type
Action Loads page “Terms of Use”.
Notes
Disclaimer
Element Disclaimer
Type Textual link
Label Disclaimer
Value “Disclaimer”.
Data Type
Action Loads page “Disclaimer”.
Notes
Privacy Statement
Element Privacy Policy
Type Textual link
Label Privacy Policy
Value “Privacy Statement”
Data Type

Action Loads page “Privacy Policy”.
Notes
Follow Us on Social Media
Element Follow Us on FB/Twitter/GPlus
Type Textual link
Label Follow Us on FB/Twitter/GPlus
Value “Follow Us on FB/Twitter/GPlus”.
Data Type
Action Loads pages on FB/Twitter/GPlus
Notes
Copyright
Element Copyright
Type Textual link
Label Copyright
Value “Copyright”.
Data Type
Action Loads page “Copyright”.
Notes
9.3.2.5. Footer
All elements are the same as in the Master Layout
9.4. Home Page Layout (Unregistered User)
9.4.1. Wireframe
Same as Master Page Layout
Title “Home”
Purpose This is the common home page for all users of the portal. It will
be used by both internal and external users so it should not
contain any information that will confuse one type of user.
Notes
9.4.2.1. Footer
Elements: Copyright, Privacy Statement in the Footer Background are the same as the Master Layout

9.5. Registration
9.5.1. Students

9.5.2. Coordinators and Reviewers
Notes:
New User - Register
Element Register
Type Text Link
Label Register
Value “Register”
Data Type
Action Displays the Registration page
Notes
User ID
Element User ID will be the User’s unique E-mail or an auto generated

User ID – either can be used to login
Type Text Box
Label E-mail
Value Blank, Initial Value: “” (Empty String)
Data Type Email
Other Display/Validation Rules username@server.extension
 6 to 255 characters
 alphanumeric, hyphens and underscores allowed, spaces
not allowed
 one @-sign required but cannot be first or last character
 periods allowed but cannot be first or last character; one
period must be present and follow the @-sign but they
cannot be sequential; multiple periods cannot be
sequential
Validation error message: “<control name> must be no more
than 255 characters and include only one @ sign. You can
enter hyphens and underscores but do not use spaces.”
Element E-mail
Notes
Role
Element Role will be the User’s role in the system
Type List Box
Label Role
Value List of values: student, coordinator, Reviewer etc.
Data Type Text
Other Display/Validation Rules Role
 Select only
Validation error message: “<control name> must be selected,
field cannot be left empty.”
Element Role
Password
Element Password
Type Textbox
Label Password
Value Initial Value: “” (Empty String)
Blank (even if the page is redisplayed with an error from
logging in)
Data Type Password
Other Display/Validation Rules Required. If Password is entered, User ID is required. If User
ID is entered, Password is required. Text masked in asterisks
for Password
Action Set focus on Retype Password textbox
Notes

Retype Password
Element Retype Password
Type Text Box
Label Retype Password
Blank (even if the page is redisplayed with an error from
logging in)
Data Type Password
Other Display/Validation Rules Required. If Password is entered, Password needs to be
retyped. Text masked in asterisks for Retype Password
Action Move to “First Name”
Notes
First Name
Element First Name
Type Textbox
Label First Name
Data Type Alpha
Other Display/Validation Rules Required.
A-Z (plus spaces if explicitly noted)
Validation error message: “<control name> can contain only
letters.”
Output Format:
Compact multiple spaces to a single space if spaces allowed
Action If Name has been entered, set focus on Last Name
Notes
Last Name
Element Last Name
Type Textbox
Label Last Name
Data Type Alpha
Other Display/Validation Rules Required.
A-Z (plus spaces if explicitly noted)
Validation error message: “<control name> can contain only
letters.”
Output Format:
Action If Last Name has been entered, set focus on DOB
Notes
DOB
Element DOB
Type Text Box
Label DOB

Data Type Date
Other Display/Validation Rules Required
Action If DOB has been entered, set focus on Address
Notes
Address
Element Street Address 1
Type Text Box
Label Street Address 1
Data Type Freeform
Other Display/Validation Rules All characters except < and >, unless explicitly noted
Validation error message: “<control name> cannot contain the
characters < and >.”
Action If Street Address 1 has been entered, set focus on State
Notes
State
Element State
Type List Box
Label State
Value Select from list of all states and territories of India
Data Type
Action If State has been entered, set focus on City
Notes
City
Element City
Type Text Box
Label City
Data Type Alpha
Output format:
Action If City has been entered, set focus on Zip
Notes
Zip
Element Zip

Type Text Box
Label Zip
Value
Data Type Zip Code
Other Display/Validation Rules 7 digits, ignoring formatting
Output format: Strip all formatting characters
Reformat as: 0000000
Validation error message: “<control name> must be either 6 or 7
digits.”
Action If Zip has been entered, set focus on Country
Notes
Country
Element Country
Type Text
Label “India”
Value Not editable
Data Type
Other Display/Validation Rules Value: INDIA
Action Set focus to School
Notes
School
Element School
Type Text Box
Label School
Data Type Alpha
Output format:
Action If School has been entered, set focus on Board
Notes Not mandatory
Board
Element Board
Type List Box
Label Board
Value Values: ICSE, CBSE (populated from Database)
Data Type Alpha
Action If Board has been entered, set focus on Class
Notes
Class

Element Class
Type List Box
Label Class
Value Values: IX, X
Data Type Alpha
Action If Class has been entered, set focus on Mobile
Notes
Mobile
Element Mobile
Type Text Box
Label Mobile
Data Type Mobile
Other Display/Validation Rules Required, 0000000000
Formatting characters (spaces, dashes, forward slashes,
backslashes, parentheses, periods, and commas) are allowed but
will be stripped and replaced during reformatting.
Output Format: Strip all formatting characters
Reformat as: +91 00000 00000
Validation error message: “<control name> must be a 10-digit
number. For example: 99999 99999”
Action If Mobile has been entered, set focus on Email
Notes
Landline
Element Landline
Type Text Box
Label Landline
Data Type Landline
Other Display/Validation Rules Not Required,
Formatting characters (spaces, dashes, forward slashes,
backslashes, parentheses, periods, and commas) are allowed but
will be stripped and replaced during reformatting.
Output Format: Strip all formatting characters
Reformat as: +91 +<<city code>> 00000000
Validation error message: “<control name> must be an 8-digit
number. For example: +91 (999) 99999999”
Action If Landline has been entered, set focus on Submit
Notes
Submit
Notes Validate form and Submit – send Activation link to the email
address provided

Cancel
Notes Cancel the process and roll back
Reset
Notes Reset form
9.6. Enrolment
This is the Registration process extended with online payment. If User clicks on
Whenever the User clicks on the Enroll button, the Payments section will be displayed. First they need to select
“Mode of payment: Credit or Debit Card/Cheque/PayTM
The unique user id (i.e. Email) provided at the time of registration cannot be changed. Profile may be edited.
Payment options are:
 PayTM
 by Cash
 by Credit/Debit card
 Cheque (subject to realization)
There will be an option to check a box title “Payment cleared” in order to activate the enrollment.
See Final Sitemap for a sample Custom Login for Students.
Validity of enrollment is 365 days from the time of activation.

9.7. Payments
9.7.1. Payments made by check:
9.7.2. Payments by credit/debit cards

9.7.3. CVV Help

9.8. Login
Log In
Element Login
Type Graphical or image link
Label Log In
Value “Log In”
Data Type
Other Display/Validation Rules Error in Log In Request submitted:
Redisplay the page with the error message if required. (Show
errors in an alert box after redisplaying the page.) If the login
is successful, display the Home (registered user) page
applicable to the type of user.
Error message:
The ID or password you entered is incorrect. Please try again.
If you have forgotten your password, please call x-xxx-abc
(xxx-xxxx) and select Option 1. We will reset your password.
For security purposes, we will send your new password to you
via the postal service. Until you receive your new password in
the mail, you will not be able to log in to Company Services.
We apologize for any inconvenience the delay may cause.
Action Submit the request to login.
Notes
Cancel
Element Cancel

Type Button
Label
Value Cancel
Data Type
Action Cancels request to login. Displays Home page
Notes
Forgot Password
Element Forgot Password
Type Text Link
Label
Value Forgot Password?
Data Type
Action Display Forgot Password Page.
Notes
Forgot User ID
Element Forgot User ID
Type Text Link
Label
Value Forgot User ID?
Data Type
Action Display Forgot User ID Page.
Notes
9.9. Forgot Password
If user clicks on Forgot Password on the Login page, a form will be displayed to enter the email id registered in the
system as the unique user id and the password will be mailed to the same.
9.10. Dashboards
9.10.1. Enrolled Student
 Welcome message
 Last logged in date time
 Days remaining
 Post a message

 Course progress
 Account/billing info
 Profile View/Edit/Update (all except email)
 Board > Class > Subjects > Chapters > Solved Q&As > Practice Tests
 Alerts and notifications
9.10.2. Coordinator
New Lesson
My Saved Courses
 Board
 -- Class
 --- Subject
 ----Lesson
 ----Status:
Review/
Saved/
Approved/
Published
Profile
 Edit Profile
 Change Password
My Saved Lessons
Board: Class: Subject:
 Edit/Delete/Save
 Lesson Title
 Lesson description
 Text, Images, Videos, Ext Links
 Reviewer
 Status: Review/Approved/Saved/
Published
 Last edited on
 Last edited by:
 Last published on
 Last published by:

Post a Message?
Add a Note

9.10.3. Reviewer
9.10.4. Account Admin
9.10.5. Sys Admin
9.11. Courses
New Chapter
My Saved Courses
 Board
 -- Class
 --- Subject
 ----Module
 ----Status:
Review/
Saved/
Approved/
Published
Profile
 Edit Profile
 Change Password
My Saved Courses
Board: Class: Subject:
 Edit/Delete/Save
 Module Title
 Module description
 Text, Images, Videos, Ext Links
 Coordinator
 Status:
Review/Approved/Saved/Publish
ed
 Last published on
 Last published by:
 Last edited on
 Last edited by:
Post a Message?
Add a Note

9.11.1. Add Board
Add a Board form features:
 Board name, description
 Add Classes IX and X
 Add Subject
 (add more…)
9.11.2. Add a Course
9.11.3. Add Course Content - Coordinator

Unless the course content verification option is clicked the page will not be published. It will be saved in the
database.
A Maths editor is needed to prepare Mathematical content.
Here is a sample:

9.11.4. Review Course Content - Reviewer

9.12. Practice Tests
9.12.1. Select question type:
9.12.2. Select Question Type
9.12.3. Enter question (1 correct option)
Input type: radio

9.12.4. Enter question (Multiple Correct Options)
Input type: checkbox
9.12.5. Enter question (True/False)
Input type: radio, data type: boolean
9.12.6. Enter Question (1 word input)
Input type: inputbox, data type: text
9.12.7. Enter Question (Range)
Input type: inputbox, data type: date

9.12.8. Enter Question (Descritpitve)
Input type: textarea, data type: text
9.12.9. Add Next Question & Complete Question Setup
To add the next question click “Add More”.
Once all questions are completed, the Preview button can be clicked to view a draft of the test question set.
On clicking Save at any time, the draft will be saved in the Coordinator’s profile.
On submitting the form, the question set will be saved and submitted to the Reviewer for approval.
On clicking Cancel the process will be rolled back and no data will be saved.
Before submitting the form it will be mandatory to check the Verification checkbox.

1 0 . R O L E S A N D P R I V I L E G E S
User Module/s Owner Rights Remarks
Guest Register View, Register, Login
Student Register, Enroll,
Course Study,
Utilities
Login, View own
Course, Attempt
Practice Test, Post
Messages, Use
Personalized
Calendar…
Coordinator Register, Add
Course, Add Course
Content, Request
Response, Report
Generation
View, Edit, Save,
Submit, Respond to
Requests
Cannot publish
Reviewer Register, Add
Course, Add Course
Content, Request
Response, Report
Generation
View, Edit, Save,
Reject, Approve,
Publish, Respond to
Requests
Area Academic
Head
Enrolled Users, Add
Course, Add Course
Content, Report
Generation
View, Monitor Course
Progress, Monitor
Response Time
Super Admin All modules All rights

1 1 . S A M P L E D A T A V A L I D A T I O N
11.1. Master Data Table
This table specifies all the data types used in the site along with their associated attributes.
Data Type Input Format Output Format
Alpha A-Z (plus spaces if explicitly noted)
Validation error message: “<control name>
can contain only letters.”
Compact multiple spaces to a
single space if spaces allowed
Alphanumeric A-Z, 0-9 (plus spaces if explicitly noted)
can contain only letters and numbers.”
Compact multiple spaces to a
single space if spaces allowed
Numeric Decimal numbers
cannot contain non-numeric characters.”
No change
Whole Numbers Whole numbers
must be a whole number.”
No change
Freeform All characters except < and >, unless
explicitly noted
cannot contain the characters < and >.”
No change
Currency [Rs.]#[.##]
must be only in INR.”
Rs.##,##0.00
Round to nearest whole cent
Examples:
Input Output
0.20 Rs.0.20
Rs.2 Rs.0.20
100.215 Rs.100.2
2
.211 Rs.0.21
Whole Dollars [Rs.]#[.##]
must be only dollars and cents.”
Rs.##,##0
Round to nearest whole dollar
Examples:
Input Output
0.20 Rs.0
Rs..2 Rs.0
100.215 Rs.100
User ID A-Z, 0-9, at-sign (@), comma (,), period
(.), and dash (-)
6-20 characters
must be 6 to 20 characters and contain
only letters, numbers, commas, periods,
and @-signs.”
No change
Password A-Z, 0-9, at-sign (@), comma (,), period
(.), and dash (-)
6-20 characters
No change

Data Type Input Format Output Format
must be 6 to 20 characters and contain
only letters, numbers, commas, periods,
and @-signs.”
Email username@server.extension
 alphanumeric, hyphens and
underscores allowed, spaces not
allowed
 one @-sign required but cannot be first
or last character
 periods allowed but cannot be first or
last character; one period must be
present and follow the @-sign but they
cannot be sequential; multiple periods
cannot be sequential
must be no more than 255 characters and
include only one @ sign. You can enter
hyphens and underscores but do not use
spaces.”
No change
Mobile 0000000000
Formatting characters (spaces, dashes,
forward slashes, backslashes, parentheses,
periods, and commas) are allowed but will
be stripped and replaced during
reformatting.
must be a 10-digit number. For example:
99999 99999
Strip all formatting characters
Reformat as: (000) 000-0000
ZIP Code 7-9 digits, ignoring formatting
must be either 7 or 9 digits.”
Reformat as: 000000
Fixed Mask If input exactly matches the specified
mask, then convert to output format; else
display an error: “<control name> must be
formatted as <mask>”
Reformat with specified
delimiters
For example if the user
entered ABC1234 or ABC 1234
and the mask was XXX-1111,
the system would reformat this
to ABC-1234
11.2. Sample Validation Rules
1. Required fields left blank should result in the following validation error message: “<control name> must be
entered.”
2. Fields must be validated for the specified lengths. If an entered string is too long, display the following
validation error message: “<control name> cannot be longer than <X> characters.”
3. Text entered into all textboxes shall be filtered for HTML tags unless otherwise specified.
4. Text entered into all textboxes shall be trimmed of leading and trailing spaces unless otherwise specified.

5. When the value of a textbox has changed, the value should be validated against the input format for the
data type on the client. If the value is validated, convert it to the output format. If it is not validated, do
not reformat the value and display the validation error message when the form is submitted.
6. When an error message is displayed, give the first control that has an error focus to ease correction by the
user.
All textboxes defined in this document have an associated data type defined in the following list.
11.3. Legend
Symbol Description
# Optional digits
0 Required
digits
[ ] Optional
string

1 2 . R E L A T E D D O C U M E N T S

Bhuma learning portal_ui

More Related Content

What's hot (20)

Viewers also liked (20)

Similar to Bhuma learning portal_ui (20)

More from Debjani Roy (20)

Recently uploaded (20)

Bhuma learning portal_ui