# slims-member-area-card

## Author
**Name**: Erwan Setyo Budi  
**Email**: erwans818@gmail.com

## Plugin Information
- **Plugin Name**: slims-member-area-card
- **Author**: Erwan Setyo Budi
- **SLiMS Version**: 9.6.1

---
Feel free to use and contribute to this project. For any issues or feedback, don’t hesitate to contact me!


A plugin to enhance the Member Area functionality in SLiMS (Senayan Library Management System). This plugin introduces a visually appealing library membership card with features like QR code generation, fullscreen display, and dynamic interaction for members.

## Features
- **Library Membership Card**: Displays a personalized membership card with details such as name, ID, email, institution, and membership expiration date.
- **QR Code Integration**: Automatically generates a QR code based on the member's ID.
- **Electronic Resources**: There are electronic resources to support the learning process at your institution.
- **Book Ask**: There is a book proposal form.
- **Fullscreen Mode and Print**: Allows users to view the card in fullscreen mode for better visibility, especially on mobile devices and print it.
- **Responsive Design**: Optimized for both desktop and mobile devices with a modern and sleek UI.
- **Easy Integration**: Plug-and-play setup compatible with SLiMS version 9.6.1.

## Requirements
- **SLiMS Version**: 9.6.1 or later.
- **JavaScript Library**: Includes `qrcode.min.js` for QR code generation.

## Installation Instructions
1. **Download the Plugin**  
   Download the plugin from [GitHub](https://github.com/erwansetyobudi/member_area_card).

2. **Extract to Plugins Folder**  
   Extract the downloaded plugin into the `plugins` folder of your SLiMS installation.

3. **Ensure Correct Plugin Name**  
   Ensure the folder name is `slims-member-area-card`.

4. **Activate the Plugin**  
   Log in as a super admin, click the "System" menu, select the "Plugin" submenu, and activate the plugin.
5. **Check on Member Area Page** 
   Check the Member Area to find the "My Card" tab with the updated features.


## How to Use
1. Log in to the Member Area.
2. Navigate to the "My Card" tab to view the updated membership card.
3. Use the **Fullscreen** button to expand the card, and the **Minimize** button to return to the normal view.

## Compatibility
This plugin has been tested with SLiMS version 9.6.1. Compatibility with earlier versions has not been verified.



## Screen Shoot


![preview](https://github.com/user-attachments/assets/748f5ca6-1a7f-458f-9c51-6542520b9e7f)

