SlideShare ist ein Scribd-Unternehmen logo
1 von 14
Downloaden Sie, um offline zu lesen
DATABASE MANAGEMENT SYSTEM
LAB PROJECT
PROJECT TITLE:
ONLINE SHOPPING STORE
Submitted By:
Meharunisa Ashraf
2017-EE-02
2017ee2@student.uet.edu.pk
Hamda Anees
2017-EE-07
2017ee7@student.uet.edu.pk
Submitted To: Sir Umer Shahid
Department of Electrical Engineering
University of Engineering & Technology Lahore
Contents
Abstract: .....................................................................................................................................................................3
Introduction:...............................................................................................................................................................3
ONLINE SHOPPING STORE:.........................................................................................................................................4
ER DIAGRAM: .........................................................................................................................................................4
RELATIONAL SCHEMA: ...........................................................................................................................................5
Django framework: ....................................................................................................................................................5
Model: ....................................................................................................................................................................6
View:.......................................................................................................................................................................6
Template:................................................................................................................................................................6
PythonAnywhere: ......................................................................................................................................................6
Methodology:.............................................................................................................................................................6
Create the database tables:....................................................................................................................................7
Create the database views:.....................................................................................................................................7
Create the database Templates:.............................................................................................................................8
Functionality:............................................................................................................................................................10
 Cover page ....................................................................................................................................................10
1st User:................................................................................................................................................................10
 Signup page...................................................................................................................................................10
 Login page.....................................................................................................................................................11
 Home page....................................................................................................................................................11
 Cart Page.......................................................................................................................................................12
 Order Page ....................................................................................................................................................12
2nd User: ..............................................................................................................................................................13
 Staff Page ......................................................................................................................................................13
3rd User: ...............................................................................................................................................................13
 Admin Page...................................................................................................................................................13
Github Link: ......................................................................................................................................................14
Website link:.....................................................................................................................................................14
Demo Video:.....................................................................................................................................................14
Conclusion: ...............................................................................................................................................................14
ABSTRACT:
This report introduces the process of creating part of a course management system which is a data-
driven website used by the instructors and students. This website has four major components:
grade, marking, group, and submission. The major part of the group component and minor part of
marking component are implemented by me and the implementation details will be introduced in
the report. The implementation uses a tool called Django Framework which is an excellent open
source web application frame work for complex data-driven website development. The major part
of this report will introduce how to use Django to create a database table, web page user interface
and inner logic to handle user request by going through the group component implementation
process.
INTRODUCTION:
This project report will introduce how to build part of a course management system using the
Django framework. Django is an open source web application frame work which is written in
Python. This course management system built using Django has four major components each of
which has different functionality but similar architecture. In the project report I will demonstrate
details of using Django to build one major component of this system: the group component, which
is my major contribution to the whole system. Also the technique and process which is showed
here can be applied to build the other three components in the course management system as well
as other complex database-driven websites.
ONLINE SHOPPING STORE:
Developed a shopping website built with Django html. This projects aims to develop an online
shopping for customers with the goal so that it is very easy to shop your loved things from an
extensive number of online shopping sites available on the web. With the help of this you can
carry out an online shopping from your home. Here is no compelling reason to go to the crowed
stores or shopping centers during festival seasons. You simply require a PC or a laptop and one
important payment sending option to shop online. To get to this online shopping system all the
customers will need to have an email and password to login and proceed your shopping.
We have divided the work in group as created models and populated data and wrote views with
html pages.
ER DIAGRAM:
 I have not mentioned Admin as Entity in ER Diagram because I will be using it as Django
Administration.
 I will be using Cart by creating virtual session. I will not make a model for it.
 Order List Relation contains the ID’s of customer, Staff, Product, Orders.
 Staff will be seeing the order list placed by all the customers.
RELATIONAL SCHEMA:
DJANGO FRAMEWORK:
Django is an open source web application frame work written in Python. The primary goal of
Django is to make the development of complex, data-based websites easier. Thus Django
emphasizes the reusability and plug ability of components to ensure rapid developments. Django
consists of three major parts:
 model
 view
 template
Model:
Model is a single, definitive data source which contains the essential field and behavior of the data.
Usually one model is one table in the database. Each attribute in the model represents a field of a
table in the database. Django provides a set of automatically-generated database application
programming interfaces (APIs) for the convenience of users.
View:
View is short form of view file. It is a file containing Python function which takes web requests
and returns web responses. A response can be HTML content or XML documents or a “404 error”
and so on. The logic inside the view function can be arbitrary as long as it returns the desired
response. To link the view function with a particular URL we need to use a structure called
URLconf which maps URLs to view functions.
Template:
Django’s template is a simple text file which can generate a text-based format like HTML
and XML. The template contains variables and tags. Variables will be replaced by the result
when the template is evaluated. Tags control the logic of the template. We also can modify
the variables by using filters. For example, a lowercase filter can convert the variable from
uppercase into lowercase. Python is the language used to build the Django framework.
PYTHONANYWHERE:
PythonAnywhere is an online integrated development environment and web hosting service based
on the Python programming language. Established by Giles Thomas and Robert Smithson in 2012,
it gives in-program admittance to worker based Python and Bash order line interfaces, alongside
a code editorial manager with linguistic structure featuring. Program documents can be moved to
and from the administration utilizing the client's program. Web applications facilitated by the
administration can be composed utilizing any WSGI-based application structure.
PythonAnywhere was made by Resolver Systems, who likewise delivered Resolver One, a
Python-based Spreadsheet program. On 16 October 2012 the item was obtained by another
organization, PythonAnywhere LLP, who will create and keep up the item later on, and have taken
on the current improvement group.
METHODOLOGY:
This online shopping store website is basically approached by three types of users which are
Admin, Customer and Staff.
Create the database tables:
To get started, we need to create a backend of the system which is the database. All the tables in
the database for this website include information for customers, products, catalogue, and orders.
For example:
Create the database views:
First, it is used to pass parameters to the template and call the right template for the user. Every
time we input a URL in the address bar or click a hyperlink in the system, Django will call the
right view function based on that URL. Then the function will return a template as well as the
corresponding parameters. Thus we can see the actual web page displaying the information we
need. Second, if we submit something such as create group, the function will have an http request
as its input parameter. Based on that parameter the database is updated or the user is provided the
required information. The view function for creating a group is given below:
Create the database Templates:
Being a web framework, Django needs a convenient way to generate HTML dynamically. The
most common approach relies on templates. A template contains the static parts of the desired
HTML output as well as some special syntax describing how dynamic content will be inserted.
For a hands-on example of creating HTML pages with templates.
For example:
FUNCTIONALITY:
 Cover page
1st User:
 Signup page
A visitor can create an account with the Sign-Up page.
 Login page
Customer uses Login page to open account and accesses the website content.
 Home page
Products are displayed in home page with option of catalogue. It is similar for all users.
 Cart Page
After logging in customer/user can access the cart having the selected products to buy.
 Order Page
This page will be having all the orders placed by one user id, it will show if the order is still
pending or completed with quantity of product and all other information about it.
2nd User:
 Staff Page
Staff member with assigned id can access this page only. It will show all the orders placed
by all the customers.
3rd User:
 Admin Page
The admin page is restricted only for administrators where they can add new products,
catalogue etc.
Github Link: https://github.com/MeharunisaAshraf/Django_Eshop
Website link: http://mehrunisaashraf.pythonanywhere.com/
Demo Video: https://drive.google.com/file/d/1ENPFdK_R2C-
JyvTh1Z4ZamiDskcyRrMS/view?usp=sharing
CONCLUSION:
The Django framework gives us a simple and reliable way to create online website. It provides
powerful functionalities and concise syntax to help programmers deal with the database, the web
page and the inner logic. Within the Django framework, we have successfully accomplished the
requirements of the system. Once this system passes the testing phase, it can be used to serve
customers. It will make the work for staff/admin to manage the data much easier. In short, this
system will bring great user experience to both customers and staff members. The only limitation
for this system is that although the developers have been testing it with various use cases, it may
still encounter problems during real time use. However, even if that happens, the flexibility of
Django would provide a simple way to fix the problem, as well as add new features into the system.

Weitere ähnliche Inhalte

Was ist angesagt?

ChatGPT Mastery and the chatGPT Handbook.pdf
ChatGPT Mastery and the chatGPT Handbook.pdfChatGPT Mastery and the chatGPT Handbook.pdf
ChatGPT Mastery and the chatGPT Handbook.pdf
Jirotgak Gotau
 
How do Chatbots Work? A Guide to Chatbot Architecture
How do Chatbots Work? A Guide to Chatbot ArchitectureHow do Chatbots Work? A Guide to Chatbot Architecture
How do Chatbots Work? A Guide to Chatbot Architecture
Maruti Techlabs
 

Was ist angesagt? (20)

Internet of things
Internet of thingsInternet of things
Internet of things
 
Generative AI in telecom.pdf
Generative AI in telecom.pdfGenerative AI in telecom.pdf
Generative AI in telecom.pdf
 
ChatGPT Mastery and the chatGPT Handbook.pdf
ChatGPT Mastery and the chatGPT Handbook.pdfChatGPT Mastery and the chatGPT Handbook.pdf
ChatGPT Mastery and the chatGPT Handbook.pdf
 
Chatgpt.pptx
Chatgpt.pptxChatgpt.pptx
Chatgpt.pptx
 
Deep dive into ChatGPT
Deep dive into ChatGPTDeep dive into ChatGPT
Deep dive into ChatGPT
 
How do Chatbots Work? A Guide to Chatbot Architecture
How do Chatbots Work? A Guide to Chatbot ArchitectureHow do Chatbots Work? A Guide to Chatbot Architecture
How do Chatbots Work? A Guide to Chatbot Architecture
 
Internship presentation
Internship presentationInternship presentation
Internship presentation
 
IOT ppt
IOT pptIOT ppt
IOT ppt
 
Working of web
Working of webWorking of web
Working of web
 
Artificially Intelligent chatbot Implementation
Artificially Intelligent chatbot ImplementationArtificially Intelligent chatbot Implementation
Artificially Intelligent chatbot Implementation
 
Generative AI and law.pptx
Generative AI and law.pptxGenerative AI and law.pptx
Generative AI and law.pptx
 
E commerce project report
E commerce project report E commerce project report
E commerce project report
 
Artificial intelligence report
Artificial intelligence reportArtificial intelligence report
Artificial intelligence report
 
50 of the best chatbot use cases [Case studies Included]
50 of the best chatbot use cases [Case studies Included]50 of the best chatbot use cases [Case studies Included]
50 of the best chatbot use cases [Case studies Included]
 
chatGPT.txt
 chatGPT.txt chatGPT.txt
chatGPT.txt
 
What Are the Problems Associated with ChatGPT?
What Are the Problems Associated with ChatGPT?What Are the Problems Associated with ChatGPT?
What Are the Problems Associated with ChatGPT?
 
Impact of Artificial Intelligence in IT Industry
Impact of Artificial Intelligence in IT IndustryImpact of Artificial Intelligence in IT Industry
Impact of Artificial Intelligence in IT Industry
 
UNLEASHING AI: THE GAME-CHANGER IN MODERN MARKETING AND ADVERTISING
UNLEASHING AI: THE GAME-CHANGER IN MODERN MARKETING AND ADVERTISINGUNLEASHING AI: THE GAME-CHANGER IN MODERN MARKETING AND ADVERTISING
UNLEASHING AI: THE GAME-CHANGER IN MODERN MARKETING AND ADVERTISING
 
Development of e commerce website
Development of e commerce websiteDevelopment of e commerce website
Development of e commerce website
 
Internet of things (IOT) | Future Trends
Internet of things (IOT) | Future TrendsInternet of things (IOT) | Future Trends
Internet of things (IOT) | Future Trends
 

Ähnlich wie Database Website on Django

0506-django-web-framework-for-python.pdf
0506-django-web-framework-for-python.pdf0506-django-web-framework-for-python.pdf
0506-django-web-framework-for-python.pdf
radhianiedjan1
 
report_vendor_connect
report_vendor_connectreport_vendor_connect
report_vendor_connect
Yash Mittal
 

Ähnlich wie Database Website on Django (20)

Company Visitor Management System Report.docx
Company Visitor Management System Report.docxCompany Visitor Management System Report.docx
Company Visitor Management System Report.docx
 
0506-django-web-framework-for-python.pdf
0506-django-web-framework-for-python.pdf0506-django-web-framework-for-python.pdf
0506-django-web-framework-for-python.pdf
 
Rapid web application development using django - Part (1)
Rapid web application development using django - Part (1)Rapid web application development using django - Part (1)
Rapid web application development using django - Part (1)
 
Basic Python Django
Basic Python DjangoBasic Python Django
Basic Python Django
 
Django by rj
Django by rjDjango by rj
Django by rj
 
django
djangodjango
django
 
Django Introdcution
Django IntrodcutionDjango Introdcution
Django Introdcution
 
Learn Django Tips, Tricks & Techniques for Developers
Learn Django Tips, Tricks & Techniques for DevelopersLearn Django Tips, Tricks & Techniques for Developers
Learn Django Tips, Tricks & Techniques for Developers
 
Django framework
Django frameworkDjango framework
Django framework
 
django part-1
django part-1django part-1
django part-1
 
Django Workflow and Architecture
Django Workflow and ArchitectureDjango Workflow and Architecture
Django Workflow and Architecture
 
Django 1.10.3 Getting started
Django 1.10.3 Getting startedDjango 1.10.3 Getting started
Django 1.10.3 Getting started
 
CCCDjango2010.pdf
CCCDjango2010.pdfCCCDjango2010.pdf
CCCDjango2010.pdf
 
Ramya devi R internet of things
Ramya devi R internet of thingsRamya devi R internet of things
Ramya devi R internet of things
 
report_vendor_connect
report_vendor_connectreport_vendor_connect
report_vendor_connect
 
Django Tutorial | Django Web Development With Python | Django Training and Ce...
Django Tutorial | Django Web Development With Python | Django Training and Ce...Django Tutorial | Django Web Development With Python | Django Training and Ce...
Django Tutorial | Django Web Development With Python | Django Training and Ce...
 
Django
Django Django
Django
 
What are the basic key points to focus on while learning Full-stack web devel...
What are the basic key points to focus on while learning Full-stack web devel...What are the basic key points to focus on while learning Full-stack web devel...
What are the basic key points to focus on while learning Full-stack web devel...
 
Django & React
Django & ReactDjango & React
Django & React
 
Build up and tune PC website(prototype)
Build up and tune PC website(prototype)Build up and tune PC website(prototype)
Build up and tune PC website(prototype)
 

Mehr von HamdaAnees

Mehr von HamdaAnees (8)

Smart Crowd Analyzer.pptx
Smart Crowd Analyzer.pptxSmart Crowd Analyzer.pptx
Smart Crowd Analyzer.pptx
 
Uber Corp
Uber CorpUber Corp
Uber Corp
 
Pakistan Constitution 1956
Pakistan Constitution 1956 Pakistan Constitution 1956
Pakistan Constitution 1956
 
Religious Hatred
Religious HatredReligious Hatred
Religious Hatred
 
Machine Learning Project - Neural Network
Machine Learning Project - Neural Network Machine Learning Project - Neural Network
Machine Learning Project - Neural Network
 
UBER Corp
UBER CorpUBER Corp
UBER Corp
 
Illiteracy
IlliteracyIlliteracy
Illiteracy
 
Effective Body Language For Presentation Skills
Effective Body Language For Presentation SkillsEffective Body Language For Presentation Skills
Effective Body Language For Presentation Skills
 

Kürzlich hochgeladen

+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
Health
 
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM TechniquesAI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
VictorSzoltysek
 
The title is not connected to what is inside
The title is not connected to what is insideThe title is not connected to what is inside
The title is not connected to what is inside
shinachiaurasa2
 
%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...
%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...
%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...
masabamasaba
 
%+27788225528 love spells in new york Psychic Readings, Attraction spells,Bri...
%+27788225528 love spells in new york Psychic Readings, Attraction spells,Bri...%+27788225528 love spells in new york Psychic Readings, Attraction spells,Bri...
%+27788225528 love spells in new york Psychic Readings, Attraction spells,Bri...
masabamasaba
 

Kürzlich hochgeladen (20)

%in tembisa+277-882-255-28 abortion pills for sale in tembisa
%in tembisa+277-882-255-28 abortion pills for sale in tembisa%in tembisa+277-882-255-28 abortion pills for sale in tembisa
%in tembisa+277-882-255-28 abortion pills for sale in tembisa
 
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
 
%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain
%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain
%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain
 
Microsoft AI Transformation Partner Playbook.pdf
Microsoft AI Transformation Partner Playbook.pdfMicrosoft AI Transformation Partner Playbook.pdf
Microsoft AI Transformation Partner Playbook.pdf
 
WSO2CON 2024 - Cloud Native Middleware: Domain-Driven Design, Cell-Based Arch...
WSO2CON 2024 - Cloud Native Middleware: Domain-Driven Design, Cell-Based Arch...WSO2CON 2024 - Cloud Native Middleware: Domain-Driven Design, Cell-Based Arch...
WSO2CON 2024 - Cloud Native Middleware: Domain-Driven Design, Cell-Based Arch...
 
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...
 
AI & Machine Learning Presentation Template
AI & Machine Learning Presentation TemplateAI & Machine Learning Presentation Template
AI & Machine Learning Presentation Template
 
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
 
WSO2CON 2024 - Does Open Source Still Matter?
WSO2CON 2024 - Does Open Source Still Matter?WSO2CON 2024 - Does Open Source Still Matter?
WSO2CON 2024 - Does Open Source Still Matter?
 
Harnessing ChatGPT - Elevating Productivity in Today's Agile Environment
Harnessing ChatGPT  - Elevating Productivity in Today's Agile EnvironmentHarnessing ChatGPT  - Elevating Productivity in Today's Agile Environment
Harnessing ChatGPT - Elevating Productivity in Today's Agile Environment
 
%in Hazyview+277-882-255-28 abortion pills for sale in Hazyview
%in Hazyview+277-882-255-28 abortion pills for sale in Hazyview%in Hazyview+277-882-255-28 abortion pills for sale in Hazyview
%in Hazyview+277-882-255-28 abortion pills for sale in Hazyview
 
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM TechniquesAI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
 
WSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital Transformation
WSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital TransformationWSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital Transformation
WSO2Con2024 - WSO2's IAM Vision: Identity-Led Digital Transformation
 
Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf
Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdfPayment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf
Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf
 
The title is not connected to what is inside
The title is not connected to what is insideThe title is not connected to what is inside
The title is not connected to what is inside
 
%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...
%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...
%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...
 
Architecture decision records - How not to get lost in the past
Architecture decision records - How not to get lost in the pastArchitecture decision records - How not to get lost in the past
Architecture decision records - How not to get lost in the past
 
WSO2Con2024 - From Code To Cloud: Fast Track Your Cloud Native Journey with C...
WSO2Con2024 - From Code To Cloud: Fast Track Your Cloud Native Journey with C...WSO2Con2024 - From Code To Cloud: Fast Track Your Cloud Native Journey with C...
WSO2Con2024 - From Code To Cloud: Fast Track Your Cloud Native Journey with C...
 
MarTech Trend 2024 Book : Marketing Technology Trends (2024 Edition) How Data...
MarTech Trend 2024 Book : Marketing Technology Trends (2024 Edition) How Data...MarTech Trend 2024 Book : Marketing Technology Trends (2024 Edition) How Data...
MarTech Trend 2024 Book : Marketing Technology Trends (2024 Edition) How Data...
 
%+27788225528 love spells in new york Psychic Readings, Attraction spells,Bri...
%+27788225528 love spells in new york Psychic Readings, Attraction spells,Bri...%+27788225528 love spells in new york Psychic Readings, Attraction spells,Bri...
%+27788225528 love spells in new york Psychic Readings, Attraction spells,Bri...
 

Database Website on Django

  • 1. DATABASE MANAGEMENT SYSTEM LAB PROJECT PROJECT TITLE: ONLINE SHOPPING STORE Submitted By: Meharunisa Ashraf 2017-EE-02 2017ee2@student.uet.edu.pk Hamda Anees 2017-EE-07 2017ee7@student.uet.edu.pk Submitted To: Sir Umer Shahid Department of Electrical Engineering University of Engineering & Technology Lahore
  • 2. Contents Abstract: .....................................................................................................................................................................3 Introduction:...............................................................................................................................................................3 ONLINE SHOPPING STORE:.........................................................................................................................................4 ER DIAGRAM: .........................................................................................................................................................4 RELATIONAL SCHEMA: ...........................................................................................................................................5 Django framework: ....................................................................................................................................................5 Model: ....................................................................................................................................................................6 View:.......................................................................................................................................................................6 Template:................................................................................................................................................................6 PythonAnywhere: ......................................................................................................................................................6 Methodology:.............................................................................................................................................................6 Create the database tables:....................................................................................................................................7 Create the database views:.....................................................................................................................................7 Create the database Templates:.............................................................................................................................8 Functionality:............................................................................................................................................................10  Cover page ....................................................................................................................................................10 1st User:................................................................................................................................................................10  Signup page...................................................................................................................................................10  Login page.....................................................................................................................................................11  Home page....................................................................................................................................................11  Cart Page.......................................................................................................................................................12  Order Page ....................................................................................................................................................12 2nd User: ..............................................................................................................................................................13  Staff Page ......................................................................................................................................................13 3rd User: ...............................................................................................................................................................13  Admin Page...................................................................................................................................................13 Github Link: ......................................................................................................................................................14 Website link:.....................................................................................................................................................14 Demo Video:.....................................................................................................................................................14 Conclusion: ...............................................................................................................................................................14
  • 3. ABSTRACT: This report introduces the process of creating part of a course management system which is a data- driven website used by the instructors and students. This website has four major components: grade, marking, group, and submission. The major part of the group component and minor part of marking component are implemented by me and the implementation details will be introduced in the report. The implementation uses a tool called Django Framework which is an excellent open source web application frame work for complex data-driven website development. The major part of this report will introduce how to use Django to create a database table, web page user interface and inner logic to handle user request by going through the group component implementation process. INTRODUCTION: This project report will introduce how to build part of a course management system using the Django framework. Django is an open source web application frame work which is written in Python. This course management system built using Django has four major components each of which has different functionality but similar architecture. In the project report I will demonstrate details of using Django to build one major component of this system: the group component, which is my major contribution to the whole system. Also the technique and process which is showed here can be applied to build the other three components in the course management system as well as other complex database-driven websites.
  • 4. ONLINE SHOPPING STORE: Developed a shopping website built with Django html. This projects aims to develop an online shopping for customers with the goal so that it is very easy to shop your loved things from an extensive number of online shopping sites available on the web. With the help of this you can carry out an online shopping from your home. Here is no compelling reason to go to the crowed stores or shopping centers during festival seasons. You simply require a PC or a laptop and one important payment sending option to shop online. To get to this online shopping system all the customers will need to have an email and password to login and proceed your shopping. We have divided the work in group as created models and populated data and wrote views with html pages. ER DIAGRAM:  I have not mentioned Admin as Entity in ER Diagram because I will be using it as Django Administration.  I will be using Cart by creating virtual session. I will not make a model for it.  Order List Relation contains the ID’s of customer, Staff, Product, Orders.  Staff will be seeing the order list placed by all the customers.
  • 5. RELATIONAL SCHEMA: DJANGO FRAMEWORK: Django is an open source web application frame work written in Python. The primary goal of Django is to make the development of complex, data-based websites easier. Thus Django emphasizes the reusability and plug ability of components to ensure rapid developments. Django consists of three major parts:  model  view  template
  • 6. Model: Model is a single, definitive data source which contains the essential field and behavior of the data. Usually one model is one table in the database. Each attribute in the model represents a field of a table in the database. Django provides a set of automatically-generated database application programming interfaces (APIs) for the convenience of users. View: View is short form of view file. It is a file containing Python function which takes web requests and returns web responses. A response can be HTML content or XML documents or a “404 error” and so on. The logic inside the view function can be arbitrary as long as it returns the desired response. To link the view function with a particular URL we need to use a structure called URLconf which maps URLs to view functions. Template: Django’s template is a simple text file which can generate a text-based format like HTML and XML. The template contains variables and tags. Variables will be replaced by the result when the template is evaluated. Tags control the logic of the template. We also can modify the variables by using filters. For example, a lowercase filter can convert the variable from uppercase into lowercase. Python is the language used to build the Django framework. PYTHONANYWHERE: PythonAnywhere is an online integrated development environment and web hosting service based on the Python programming language. Established by Giles Thomas and Robert Smithson in 2012, it gives in-program admittance to worker based Python and Bash order line interfaces, alongside a code editorial manager with linguistic structure featuring. Program documents can be moved to and from the administration utilizing the client's program. Web applications facilitated by the administration can be composed utilizing any WSGI-based application structure. PythonAnywhere was made by Resolver Systems, who likewise delivered Resolver One, a Python-based Spreadsheet program. On 16 October 2012 the item was obtained by another organization, PythonAnywhere LLP, who will create and keep up the item later on, and have taken on the current improvement group. METHODOLOGY: This online shopping store website is basically approached by three types of users which are Admin, Customer and Staff.
  • 7. Create the database tables: To get started, we need to create a backend of the system which is the database. All the tables in the database for this website include information for customers, products, catalogue, and orders. For example: Create the database views: First, it is used to pass parameters to the template and call the right template for the user. Every time we input a URL in the address bar or click a hyperlink in the system, Django will call the right view function based on that URL. Then the function will return a template as well as the corresponding parameters. Thus we can see the actual web page displaying the information we need. Second, if we submit something such as create group, the function will have an http request as its input parameter. Based on that parameter the database is updated or the user is provided the required information. The view function for creating a group is given below:
  • 8. Create the database Templates: Being a web framework, Django needs a convenient way to generate HTML dynamically. The most common approach relies on templates. A template contains the static parts of the desired HTML output as well as some special syntax describing how dynamic content will be inserted. For a hands-on example of creating HTML pages with templates. For example:
  • 9.
  • 10. FUNCTIONALITY:  Cover page 1st User:  Signup page A visitor can create an account with the Sign-Up page.
  • 11.  Login page Customer uses Login page to open account and accesses the website content.  Home page Products are displayed in home page with option of catalogue. It is similar for all users.
  • 12.  Cart Page After logging in customer/user can access the cart having the selected products to buy.  Order Page This page will be having all the orders placed by one user id, it will show if the order is still pending or completed with quantity of product and all other information about it.
  • 13. 2nd User:  Staff Page Staff member with assigned id can access this page only. It will show all the orders placed by all the customers. 3rd User:  Admin Page The admin page is restricted only for administrators where they can add new products, catalogue etc.
  • 14. Github Link: https://github.com/MeharunisaAshraf/Django_Eshop Website link: http://mehrunisaashraf.pythonanywhere.com/ Demo Video: https://drive.google.com/file/d/1ENPFdK_R2C- JyvTh1Z4ZamiDskcyRrMS/view?usp=sharing CONCLUSION: The Django framework gives us a simple and reliable way to create online website. It provides powerful functionalities and concise syntax to help programmers deal with the database, the web page and the inner logic. Within the Django framework, we have successfully accomplished the requirements of the system. Once this system passes the testing phase, it can be used to serve customers. It will make the work for staff/admin to manage the data much easier. In short, this system will bring great user experience to both customers and staff members. The only limitation for this system is that although the developers have been testing it with various use cases, it may still encounter problems during real time use. However, even if that happens, the flexibility of Django would provide a simple way to fix the problem, as well as add new features into the system.