1 / 20

Software Engineering Project Presentation Tanisha Tasnuva

Full stack web development and automated testing.

tanisha41
Download Presentation

Software Engineering Project Presentation Tanisha Tasnuva

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. (Spring 2025) CSE550: Software Engineering Project: “Full stack web(Byte Basket) development and automated testing” Submitted to : Prof. Dr. Shamim Hasnat Ripon Department of Computer Science & Engineering East West University Submitted by : Tanisha Tasnuva Student ID: 2024-1-96-011 Program : MSCSE

  2. Key Table of contents • Introduction • Tools & Technologies Used • System Design / Architecture • Web Implementation • Local deployment • Automated Testing with Selenium • Test Output & Validation • Conclusion & Learning Outcomes

  3. 1.Introduction • 1. IntroductionA full stack web application is a software built with the combination of front-end and back-end elements.A full stack e-commerce website users can register, log in , browse, buy products online.Automated software testing ensures functionality, reliability, and user satisfaction.

  4. 2. System Design / Architecture • Web apps follow a client-server model: the client sends requests; the server responds. • Frontend manages user interface, backend processes logic, and database stores data. • Local host delivers a real server environment for development and testing.

  5. 3. Tools & Technologies Used • Python in VScode, chrome. • PHP: Server-side scripting language to build dynamic web pages.HTML/CSS/JS: Create structure, style, and interactivity on the frontend.MySQL: Relational database applied for storing structured data.Laragon: A to z package for local server stack for web development.Selenium (Python): Tool for automating browser actions to test web apps.

  6. 4. Web Implementation Details • Receiving user input through POST/GET in server can be done by form handling. • Tracking user login state and cart data managed by sessions in PHP • CRUD operations manage data • JavaScript is used to secure interactivity (e.g., dynamic cart updates).

  7. 5. Local Deployment (localhost) • localhost (127.0.0.1) means my own computer working as a web server.Laragon feature creates local hosting of PHP projects with Apache and MySQL.Files are opened through http://localhost/filename.php in the browser.

  8. 6. Automated Testing with Selenium • Automationreplaces manual testing with repeatable scripts.By using Web driver, Python control browser interactions like clicks and typing.Selenium examines that the website works as expected from a user’s point of view.

  9. 7. Test Output & Validation • Testingcompares expected vs. actual behavior to confirm validity.Selenium test logs show a step-by-step simulation of user actions.Matching Selenium and web model output defines logical consistency.

  10. 8. Conclusion & Learning Outcomes • Built a fully functional full stack web app. • Learned to integrate frontend, backend, and database effectively.

  11. Any questions?

  12. Thank You

More Related