This document presents a project on developing a web portal for the University of Development Alternative (UODA). The portal will integrate various features such as universal registration and login, online notes, address book, news portal, medicine information, e-commerce and social networking. It outlines the objectives, use cases, inputs, outputs, technologies used and provides screenshots of the portal features. The future scopes include improving search, adding a calendar to notes and sending SMS from the address book. The conclusion states that the portal will integrate multiple features in one place with a single login system.

1. Design & Development of
Web Portal
Project Presentation on
University of Development
Alternative (UODA)

2. Project Coordinator Project Supervisor
Muhammad Abdullah Al Mamun
Senior Lecturer
Dept. of Computer Science
& Engineering
Faculty of Engineering
UODA
Amathul Hadi Shakara
Senior lecturer
Dept. of Electronics &
Telecommunication Engineering
Faculty of Engineering
UODA

3. Group Members
Md. Sarwar Alam
Mohammad Ali Khan
Jakir Hossain
Sadia Afrin
Jafrin Aktar
- 011112005
- 011131035
- 011131036
- 011131016
- 011131039
Batch: 32th Sem: 12th
Dept. of Computer Science & Engineering
Faculty of Engineering

4. Table of Contents
 Introduction
 Objectives
 Use Diagram
 Output list
 Input list
 ER Diagram
 Technologies that are used
 Screenshots of Inputs & Outputs
Future Scopes
Conclusion

5. Introduction
A Web portal is most often a specially
designed web site that brings information
together from diverse sources in a uniform way.
Figure: Public Portal

6. Objectives
 Search & Navigation
 Universal Registration & Login Personalization
 Online Note
 Online Address Book
 Online News Portal
 Online Medicine Information
 Social Networking
 E-Commerce

7. Use Case Diagram

8. Output List
Search
Search result
Suggested keyword
Search result on individual page
Search with unique keywords. eg.
Restaurant Dhaka
Item profile
Online address book
Personal contact information
Online Note
Personal note
Online medicine information
Medicine name and details
information
E-Commerce
Category
Product list
Product details
Social network
User profile
Chat
Friend request
Online News
Local news

9. Input List
 Search
- keyword input
- User Registration & Log in
 Online address book
- Contact information
 Online Note
- Personal note
 Home
- Home slider
 Online medicine information
- Medicine information
 E-Commerce
- Category
- Sub category
- Product
 Social network
- Status update
 Online news
- News category
- Local news
- Slider news
- News headline

10. E-R Diagram

11. Technologies that are used
Programming Language
Front End:
- HTML, CSS, JavaScript
- Bootstrap, jQuery
Back End:
- PHP
- MySQL
Web Server:
Apache
MySQLi 5.0.11/ MySQL 5.6
PHP 5.6.19
CMS
WordPress
Software:
Operating System
- Windows 7/8.1/10
MS Office
- MS word
- MS PowerPoint, -
MS Excel
Notepad ++
XAMPP / WAMPP
Adobe Photoshop / Illustrator

12. Home Page

13. Screenshots of Inputs

14. User Login And Registration

15. Create And Update Profile After Login

16. Online Note: Add Note

17. Online Address Book: Add And Edit Contact

18. Social Network: Login & Registration

19. Social Network: Status Update

20. Admin Panel: Admin or Moderator Login

21. Home Slider: Add Home Slider

22. Shop: Add And Edit Category

23. Shop: Add And Edit Sub Category

24. Shop: Add And Edit Product

25. Medicine: Add And Edit Medicine

26. News: Add News Category

27. News: Add News

28. News: Add Slider News

29. Screenshots of Outputs

30. Search: Home

31. Search: Area Wise Search Result

32. Search: Item List

33. Search: Individual Item Profile

34. Online Note : Note View

35. Online Address Book: Contact List

36. Online Address Book: View Contact

37. Online News: News Home

38. Online News: Details News

39. Online Medicine Information: Medicine Home

40. Online Medicine : Individual Medicine Information

41. Social Network: Home Page

42. Social Network: User Dashboard

43. Online Shop: Home

44. Online Shop: Sub Category List

45. Online Shop: Product List

46. Online Shop: Product Details

47. Future Scopes
We will try to make this site easier & more
useful for the user.
The search engine will work more quickly.
Calendar will be added on note.
Send free SMS to mobile from address book.
News portal will be more informative.
 Video chat feature will be added on social
network

48. Conclusion
 The portal will present users multiple
features in a single Web page.
 It performs most of the crucial
functions of the application.
 It performs multiple task with one
login system.

49. THANK YOU