BayuBuana is an advanced Computer Reservation System (CRS) serving as an online travel booking platform in Southeast Asia. Tailored exclusively for travel agents, it offers a comprehensive suite of services, streamlining booking processes and ensuring seamless travel experiences for users.

Micro Site Ticketing System : Catatan Cinta

## Micro Site Ticketing System : Catatan Cinta

![](https://dikhimartin.vercel.app/assets/img/portfolio/micro-site-ticketing-system-catatan-cinta/catatan-cinta-email-banner.jpg)

### Overview{#overview}

The Micro Site Ticketing System : Catatan Cinta is a comprehensive solution designed to facilitate ticket reservation and management for events. It offers a seamless experience for both administrators and participants, streamlining the ticketing process and ensuring smooth event attendance.

### Problem {#problem}

Traditional ticketing systems often suffer from inefficiencies and lack of flexibility. Manual reservation processes can be cumbersome and error-prone, leading to customer dissatisfaction and administrative headaches. Moreover, managing attendee information and verifying ticket validity can be challenging, especially in high-volume events.

### Solving {#solving}

The Micro Site Ticketing System addresses these challenges by providing a user-friendly interface for ticket reservation, robust administrative tools for managing event details and attendee information, and a mobile application for efficient ticket validation. By leveraging advanced technologies such as QR code scanning and real-time data synchronization, the system ensures accuracy, security, and convenience for all stakeholders.

### Discussion{#discussion}

#### Core Features {#core-features}

- **Registration Form**: 

 Allows participants to reserve tickets using unique codes generated in the Admin Site module.

- **Admin Site**:
 - **User Accounts**: 
 
 Enables the creation of staff and admin accounts. Staff accounts are designated for individuals responsible for guest reception.
 
 - **Master Data Management**:
 - **Seat Types**: Includes categories such as VVIP, VIP, GOLD, SILVER, etc.
 
 - **Seat Rows**: Defines the maximum seat rows for each seat type.
 
 - **Viewer/Participant Management**: 
 
 Tracks attendee information and reservation statuses.
 
 - **Seat Availability**:
 
 Provides details such as unique codes, seat numbers, seat types, participant names, booking statuses, arrival statuses, scan dates, and scanning staff names.
 
- **Mobile Attend App**: 

 Allows staff members to validate QR code tickets efficiently.

#### Fullstack Website Developer and DevOps Role {#work-role}

As a Fullstack Website Developer and DevOps engineer for the Micro Site Ticketing System, my responsibilities span across development, integration, and deployment phases, ensuring a seamless and efficient ticketing solution. 

- **Development Responsibilities**

 1. **Collaboration with Mobile Flutter Developer**: Work closely with the mobile Flutter development team to integrate backend services with the mobile application, ensuring a cohesive and synchronized user experience across platforms.


 2. **Admin Site Module Development**: Utilize the T3 Stack to develop the Admin Site module, incorporating functionalities such as user management, seat type configuration, seat availability tracking, and participant management.


 3. **Form Registration Development**: Implement the registration form functionality within the Admin Site module, enabling participants to reserve tickets using unique codes generated within the system.


 4. **Lumen API Integration**: Integrate the Lumen API to facilitate seamless communication between the Admin Site module and the mobile attendance application, enabling real-time attendance tracking and validation.


- **DevOps Responsibilities**

 1. **Scheduler Service Development**: Develop a reusable scheduler service using Golang to broadcast event reminders at specified intervals (e.g., one month, one week, three days, two days, and one day before the event), ensuring attendees are informed and prepared.


 2. **Email Service Development**: Implement a reusable email service in Golang to facilitate communication with event participants, such as sending reservation confirmations, event reminders, and updates.


 3. **Infrastructure Setup with Docker Swarm**: Configure and manage the Docker Swarm infrastructure to host and deploy the Micro Site Ticketing System components, including:

 - **NGINX Load Balancer**: 
 
 Distributes incoming traffic across multiple instances for improved reliability and scalability.
 
 - **Admin Site Image**: 
 
 Containerized application built using the T3 Stack for managing event details and attendee information.
 
 - **Scanner API Image**: 
 
 Containerized Lumen API for integrating attendance functionalities with the mobile application.
 
 - **Scheduler Service Image**: 
 
 Containerized Golang application responsible for broadcasting event reminders.
 
 - **Email Service Image**: 
 
 Containerized Golang application for handling email communication with participants.
 
 - **PostgreSQL Database**: 
 
 Hosts the database to store event-related data efficiently.
 
 - **Scanner App Image**: 
 
 Containerized Flutter Web application for ticket validation and attendee check-in.


By fulfilling these roles, I ensure the successful development, integration, and deployment of the Micro Site Ticketing System, providing a robust and user-friendly ticketing solution for events while maintaining the system's reliability, scalability, and performance through effective DevOps practices.

#### Tech Stack {#tech-stack}

In the development and deployment of the Micro Site Ticketing System, a carefully chosen tech stack ensures efficiency, scalability, and reliability across various components. Here's a summary of the technologies employed:

- **Development Technologies:**

 1. **T3 Stack (Admin Site Module)**:

 - **Next.js**: Offers server-side rendering and simplified React framework for building dynamic web applications.

 - **TypeScript**: Adds static typing to JavaScript, enhancing code reliability and maintainability.

 - **tRpc**: A framework for building efficient and type-safe APIs in TypeScript.

 - **Prisma**: Provides a type-safe database access toolkit for PostgreSQL, simplifying database operations.

 - **Tailwind.css**: A utility-first CSS framework for rapidly building custom designs.

 - **NextAuth.js**: Facilitates authentication with support for multiple authentication providers.

 2. **Lumen Framework (API Integration)**:
 
 A lightweight Laravel-based PHP framework for building fast and efficient APIs.
 
 3. **Flutter Web (Mobile App for Ticket Validation)**:
 
 Google's UI toolkit for building natively compiled applications for mobile, web, and desktop from a single codebase.
 
- **DevOps Technologies:**

 1. **Golang (Scheduler and Email Service)**:
 - **Golang**: A statically typed, compiled programming language known for its efficiency and concurrency support, used for developing reusable services:
 
 - **Scheduler Service**: Responsible for broadcasting event reminders at specified intervals.
 
 - **Email Service**: Manages email communication with event participants.

 2. **Docker Swarm (Container Orchestration)**:
 - **Docker Swarm**: A container orchestration tool for managing containerized applications across multiple hosts, facilitating easy deployment and scaling. Components include:

 - **NGINX**: Serves as a load balancer for distributing incoming traffic among multiple instances.

 - **Admin Site Image**: Contains the T3 Stack-based Admin Site module.
 
 - **Scanner API Image**: Holds the Lumen API for integrating attendance functionalities.
 
 - **Scheduler Service Image**: Houses the Golang scheduler service.
 
 - **Email Service Image**: Contains the Golang email service.
 
 - **PostgreSQL**: Provides the database solution for storing event-related data.
 
 - **Scanner App Image**: Containerized Flutter Web application for ticket validation.

This comprehensive tech stack ensures the robustness, scalability, and performance of the Micro Site Ticketing System, enabling smooth event management and attendee experience.

### Catatan Cinta Concert: Capturing Moments of Love {#moment}

The "Catatan Cinta" Concert: Capturing Moments of Love is an intimate portrayal of the upcoming Rabbit Habit concert featuring Maliq & D'Essentials, Kahitna, and Yura Yunita. Set to take place on Thursday, October 5th, 2023, at the Grand Ballroom of Hotel Mulia, Jakarta, this event promises an unforgettable experience filled with music and romance.

<iframe 
 src="https://drive.google.com/file/d/1IIe5S93AjI1h9x1czcLzORP-sOEzR1Uw/preview" 
 width="100%" 
 height="480" 
 allow="autoplay">
</iframe>



### Conclusion {#conclusion}

In conclusion, my role as a Fullstack Developer and DevOps engineer involved developing the Admin Site module using the T3 Stack, implementing the scheduler service in Golang for reminder broadcasts, setting up an email service also in Golang for communication purposes, integrating the Lumen API for attendance management, and orchestrating the deployment using Docker Swarm. This comprehensive approach ensures a robust and efficient ticketing system capable of handling various event scenarios with ease and precision.

Home

Projects

Blog

Projecs Details

Previous

Next