1. Introduction
"Islamic Center of New England is a mosque located in Sharon, MA. The website aims to provide easy access to information for all users accessing the site. Due to the large variety of information provided, orgnization/the way the site is structured is paramount.

The website's MVP are 5 use cases, promote events, display prayer times, contact the staff, membership management & receive donations. Three additional use cases are linking website to social media, newletter management and displaying annual reports.
To increase efficiency and effectiveness, all of the MVP Use cases can be achieved on the home page. "

2. Actors
User: Masjid Members, any one interest in learning about Islam and/or the masjid

3. Use Cases

3.1 Use Case 1: Event Promotion

3.1.1 Description
One of the masjid's main focus is nurturung the muslim community, and one of the many avenues for this is hosting events. Now to succesfully drive these events, they need to be promoted and displayed in areas of high visibility. Within the context of the website, these events will be displayed on the homepage.

3.1.2 Preconditions
User goes to website

3.1.3 Basic Flow
User views event calendar on home page
User navigates to the desired month (default value will be <current month>)
User clicks on event of interest

3.1.4 Alternative Flows
There is a configurable option to have an event be RSVP only

3.1.5 Postconditions
NA

3.2 Use Case 2: Display Prayer Times

3.2.1 Description
Display the start time & iqamah time for the 5 daily islamic prayers. Will also display Jumua'a 1 and Jumua'a 2 times if configured

3.2.2 Preconditions
Configure prayer timing on Masjidal.com
Emded code from Masjidal into website using iframe
User goes to website

3.2.3 Basic Flow
User views prayer time for <current date>
Upcoming prayer will be highlighted

3.2.4 Alternative Flows
NA

3.2.5 Postconditions
NA

3.3 Use Case 3: Feedback and Contact

3.3.1 Description
Allows user to give feedback to the staff of the masjid. Feedback form will be made available on the home page. To contact for specific inquiry can be done via the contact forms located within the 'Get Invovled' tab or the 'Contact' tabs.

3.3.2 Preconditions
User goes to website

3.3.3 Basic Flow
User goes to home page
User scrolls to bottom page
User clicks on feedback form button
submits form

3.3.4 Alternative Flows
Alternative Flow A: Submitting an event request
User goes to Get Involved > Request an event > Submit form
Alternative Flow B: Inquiring to volunteer
User goes to Get Involved > Volunteer > Submits form
Alternative Flow C: Contact staff
User goes to Contact > Sharon > Submits form
User goes to Contact > Quincy > Submits form

3.3.5 Postconditions
Messsage will appear, confirming submission

3.4 Use Case 4: Membership management - On Hold

3.4.1 Description
Allow users to sign up to be a masjid member, where additonal privileges are given. The website will have a membership management system, allowing users to log in and allowing the staff/volunteers to manage all member as well as receive monthly membership dues via automation.

3.4.2 Preconditions
User clicks on become a member button

3.4.3 Basic Flow
User sign up with their First name, Last name, DOB, Sex, & email.
Further documentation to prove residence is required.
Upon Approval, User can pay first month and continue to pay monthly

3.4.4 Alternative Flows
User has the option to pay annually, price will be discounted.

3.4.5 Postconditions
User has access to one additional screen within the website. New page allows users to vote for board member candidates.

3.5 Use Case 5: Receive Donations

3.5.1 Description
Since Masjid is a non profit, it needs donations from individuals to keep up with costs and sustain. There will be an easily identifiable button allowing users to donate

3.5.2 Preconditions
User must have a working credit/debit card
User goes to website

3.5.3 Basic Flow
User clicks on donate button
User fills out payment form
Submits payment

3.5.4 Alternative Flows
NA

3.5.5 Postconditions
System displays message confirming submission
System processes payment and add funds to configured bank

4. Non-Functional Requirements

4.1 Performance
The website should load within 3 sec under normal server conditions.

4.2 Security
User data should be encrypted during transmission.
Strong authentication mechanisms should be implemented.

4.3 Usability
The website should be intuitive and user-friendly.
It should be accessible for users with disabilities.
Photo tile should fill the entire screen

4.4 Compatibility
The website should be compatible with the latest versions of major browsers (Chrome, Firefox, Safari, Edge).
It should be responsive and work on mobile devices and tablets.

5. System Architecture
The entire platform is structured under Squarespace's architecture

6. Data Flow Diagram
NA

7. User Interface Mockups
https://www.icne.us/

8. Appendices

8.1 Glossary
[Include a glossary of terms and acronyms used throughout the document.]

8.2 References
Squarespace user guides: https://support.squarespace.com/hc/en-us
Squarespace forums: https://forum.squarespace.com/?_ga=2.104978752.2133973364.1694646486-1327308208.1690214996