Download Designing & Developing a Student Management Website: Subjects, Teachers & MVC and more Assignments Web Design and Development in PDF only on Docsity!
ASSIGNMENT 1 FRONT SHEET
Qualification BTEC Level 5 HND Diploma in Computing Unit number and title WEBG301 - Project Web Submission date March 3 rd^ , 2022 Date Received 1st submission Re-submission Date Date Received 2nd submission Student Name Nguyen Duc Quang Student ID GCH Class GCH0908 Assessor name Nguyen Dinh Tran Long Student declaration I certify that the assignment submission is entirely my own work and I fully understand the consequences of plagiarism. I understand that making a false declaration is a form of malpractice. Student’s signature Quang Grading grid Grade (0-10)
❒ Summative Feedback: ❒ Resubmission Feedback:
Grade: Assessor Signature: Date: IV Signature:
- Wireframe 1: Hompage...........................................................................................................................................................................
- Wireframe 2 :Index page. ..
- Wireframe 3 :Detail page.........................................................................................................................................................................
- Wireframe 4 : Add page...........................................................................................................................................................................
- Wireframe 5 : Edit page..
- Wireframe 6: Login Page..
- Sitemap
- Figure 1: Operation to create a symfony program...
- Figure 2: Operation to create a symfony program(2).
- Figure 3: Operation to create a symfony program(3).
- Figure 4: Operation to create a symfony program(4).
- Figure 5: Operation to create a symfony program(5).
- Figure 6: Operation to create a symfony program(6).
- Figure 7: Operation to create a symfony program(7).
- Figure 8: Operation to create a symfony program(8).
- Figure 9: Operation to create a symfony program(9).
- Figure 10: Operation to create a symfony program(10).
- Figure 11: Operation to create a symfony program(11).
- Figure 12 : Teacher Enity.
- Figure 13 : Subject Enity.
- Figure 13 : SubjectFixtures.
- Figure 14 : TeacherFixtures
- Figure 15 : Subject Index Controller.
- Figure 16 : Base.html.twig.
- Figure 17 : Subject index.html.twig.....................................................................................................................................................
- Figure 18 : SubjectType ..
- Figure 19 : Subject Add and Edit Controller..
- Figure 20 : Subject Add and Edit View.
- Figure 21 : Subject Detail Controller
- Figure 22 : Subject Detail in Index Page.
- Figure 23 : Delete subject in Controller.
- Figure 24 : Delete subject in View.
- Figure 25 : Sort Subject by id in Repository
- Figure 26 : Sort Subject by id in Controller
- Figure 27 : Sort Subject by id in View
- Figure 28 : Teacher Index Controller.
- Figure 29 : Teacher index.html.twig.
- Figure 30 : TeacherType.
- Figure 31 : Teacher Add and Edit Controller.
- Figure 32 : Teacher Add and Edit View.
- Figure 33 : Teacher Detail Controller
- Figure 34 : Teacher Detail in Index Page.
- Figure 35 : Delete teacher in Controller.
- Figure 36 : Delete teacher in View.
- Figure 37 : Sort Teacher by id in Repository
- Figure 38 : Sort Teacher by id in Controller
- Figure 39 : Sort Teacher by id in View
- Figure 40 : User Entity
- Figure 41 : UserAuthenticator
- Figure 42 : Registration-form
- Figure 43 : Config in security.yaml
- Figure 44 : UserFixtures
- Figure 45 : Security Controller
- Figure 46 : Log In View
- Figure 47 : Register View
- Figure 48 : HomePage
- Figure 49 : Teacher Index page
- Figure 50 : Add Teacher Page
- Figure 51 : Add missing data Teacher Page
- Figure 52 : Detail Teacher
- Figure 53 : Delete teacher successfully.
- Figure 54 : Subject Index page
- Figure 55 : Add Subject Page
- Figure 56 : Add missing data Subject Page
- Figure 57 : Detail Subject
- Figure 58 : Delete Subject successfully.
- Figure 59 : Log In
- Figure 60 : Fill missing data in Log In.
- Figure 61 : Register
- Figure 62 : Fill missing data in Register
- Chapter 1 – Users’ requirements (GROUP): Table of Contents:
- 1.Wireframe: Chapter 2 – System Design (GROUP):
- 2.Site Map
- 3.ERD
- 1.Source Code Chapter 3 – System Implementation (INDIVIDUAL):
- 2.Web screenshots:
- Chapter 4 - Conclusion (INDIVIDUAL) :
Chapter 1 – Users’ requirements (GROUP):
User Stories template:
As a/an I want to So that
Moderator/admin I want to create a student management website be convenience in monitoring the status of students as well as teachers Moderator/admin Create a website with the function of adding, editing, and deleting information Be easily change school information Moderator/admin Create a website allows viewing of student details as well as of other attributes Be easier to grasp information, as well as know more about students Moderator/admin Create a website with login/register function to decentralize users, make each person's function different, and avoid information being changed or stolen
Chapter 2 – System Design (GROUP):
Wireframe 2 :Index page. ..
This is the interface that displays the list of Subjects. It is a table of cells containing information for each Subject. We have a design that can display the corresponding subject's image. At the same time, we can interact with functions such as adding, editing, deleting thanks to the buttons "Add new subject", "Edit" and "Delete".
Wireframe 3 :Detail page.........................................................................................................................................................................
This is the interface that displays product details when the user clicks on the subject's image. Here, detailed information of each subject is displayed, including properties such as Image, Name, ID...
Wireframe 5 : Edit page..
This is the Edit Subject interface when the user clicks "Edit" on any product. Here users can enter the information they want to edit, and can select the properties they want to edit. Finally click Edit to edit the subject
Wireframe 6: Login Page..
This is the interface that displays the login page. Users can enter an existing account and password to log in, or click "Register new account" to create a new account.
Sitemap This is the sitemap we created. There are 5 different branches on it, representing the 5 different attributes we use. The Subject branch has four attributes: ID, Image, Name, and Teachers. The Teacher branch includes 5 attributes: ID, Image, Name,Birthday and Subjects. Quick Student Manager includes 5 properties: Name, Birthday, Gender
,Address and Majors. The Major branch has five attributes: ID, Name, Training Time, Training System and Student Managers. The last branch is Account used for login function, register with 2 attributes Username and Password.
3. ERD:
Chapter 3 – System Implementation (INDIVIDUAL):
1: Source Code
Some basic steps to initialize programs with Symfony:
To initialize a symfony program, I create a new folder, which contains the folder that I use to write code in the following way:
Figure 1: Operation to create a symfony program...
Figure 2: Operation to create a symfony program(2).
Firstly , I initialize a symfony project
Figure 3: Operation to create a symfony program(3).
