LearnWeb –Interactive HTML &CSS Learning App
| dc.contributor.author | Aisha AbuJoub | |
| dc.date.accessioned | 2026-04-19T06:15:35Z | |
| dc.date.issued | 2026-01-19 | |
| dc.description | -- | |
| dc.description.abstract | Given the accelerated development in web technologies and the increased need for knowledge in these areas, the skill of web development has become very important for both students and new entrants in the field of technology. Both HTML and CSS are the basics of web development; nonetheless, both these tools are commonly difficult for those wanting to acquire these skills, as there are no interactive sessions or continuous guidance provided in the existing platforms. Existing platforms are usually limited to content delivery with static functionality. This project introduces LearnWeb, an interactive learning website system focusing on learning HTML/CSS concepts effectively. The learning system includes structured lesson plans with varied levels of difficulty, an in -code editor for practical learning, learning tasks, quizzes, and projects. Moreover, this learning website system enables communication between students, supervisors, and administrators with a real-time chat and notification system. LearnWeb also provides features related to performance tracking and analytics, enabling supervisors and administrators to track the progress of the learners, evaluate submissions, and improve the effectiveness of learning. In sum, the proposed system unifies learning, practice, assessment, and communication in one environment to offer better student engagement, knowledge retention, and skill acquisition, while offering an overall comprehensive and user-centered e-learning environment for web development education. | |
| dc.description.sponsorship | -- | |
| dc.description.statementofresponsibility | The problem identified in the project was the absence of a comprehensive learning environment incorporating structured content, assessment, collaboration, and role- 121 controlled management in one system. This problem was successfully solved by the proposed system as it offered a comprehensive and interactive learning solution that improves learnability in web as well as mobile environments. | |
| dc.description.tableofcontents | The key aim of this project is to develop an interactive web-based learning system that can facilitate HTML/CSS learning for students through a set of organized lessons, assignments, tests, as well as real projects that can allow them to gain knowledge about HTML/CSS in an effective manner. The specific objectives of the project include: • Lesson plans on structured HTML and CSS are given in a progressive difficulty manner. • Enables learners to practice coding using an integrated code editor. • Supporting supervision assignment, submission, and evaluation between supervisors and students. 13 • Facilitate real-time communication through Chat and Notifications. • Stimulate collaboration and competition by sharing projects and challenges. • Performance and engagement monitoring by analytics and evaluation tools for supervisors and administrators. | |
| dc.format.medium | Software | |
| dc.identifier.citation | -- | |
| dc.identifier.other | 12113150 | |
| dc.identifier.uri | https://hdl.handle.net/20.500.11888/20982 | |
| dc.language.iso | en | |
| dc.publisher | Dr.Luai Malhis | |
| dc.relation.ispartofseries | --; -- | |
| dc.subject.classification | Education | |
| dc.supervisor | Dr.Luai Malhis | |
| dc.title | LearnWeb –Interactive HTML &CSS Learning App | |
| dc.type | Graduation Project | |
| person.telephone | 0567840997 |
Files
Original bundle
1 - 4 of 4
Loading...
- Name:
- SoftwareProject-EnglishAbstract.pdf
- Size:
- 429.28 KB
- Format:
- Adobe Portable Document Format
Loading...
- Name:
- SoftwareProjectReport.pdf
- Size:
- 6.39 MB
- Format:
- Adobe Portable Document Format
Loading...
- Name:
- software-graduation-project-presentation.pdf
- Size:
- 15.07 MB
- Format:
- Adobe Portable Document Format
Loading...
- Name:
- SoftwareProject-ArabicAbstract.pdf
- Size:
- 373.89 KB
- Format:
- Adobe Portable Document Format
License bundle
1 - 1 of 1
Loading...
- Name:
- license.txt
- Size:
- 1.71 KB
- Format:
- Item-specific license agreed upon to submission
- Description: