Project Description: Developed "Washapp," a mobile application designed to streamline laundry services with various transaction options tailored for different laundry needs.

Key Responsibilities:

• Led the development process using Flutter, ensuring a smooth and responsive user interface across Android and iOS platforms.

• Integrated Firebase as the backend database to manage real-time data, user authentication, and secure storage.

• Collaborated closely with a team of developers and designers to accomplish the app, focusing on seamless user experience and efficient service management.

Key Features:

• Customized transaction processes for different laundry services.

• Real-time order tracking and status updates.

• User-friendly interface with secure login and payment options.

Outcome: Successfully launched the app, enhancing customer convenience and service provider efficiency within the laundry industry.

Kitab Alala

• Description: [Brief description of the app, its purpose, and features.]

  1. Technologies Used: Kotlin, Flutter

  2. Role: Designer and Developer (responsible for designing the app and implementing its functionality)

Ihya Ulumuddin

• Description: [Brief description of the app, its purpose, and features.]

• Technologies Used: Kotlin, Flutter

• Role: Designer and Developer (responsible for designing the app and implementing its functionality)

Ta'lim Mutaalim

• Description: [Brief description of the app, its purpose, and features.]

• Technologies Used: Kotlin, Flutter

• Role: Designer and Developer (responsible for designing the app and implementing its functionality)

Ushulul Fiqh

• Description: [Brief description of the app, its purpose, and features.]

• Technologies Used: Kotlin, Flutter

• Role: Designer and Developer (responsible for designing the app and implementing its functionality)

Tasrifiyah

• Description: [Brief description of the app, its purpose, and features.]

• Technologies Used: Kotlin, Flutter

• Role: Designer and Developer (responsible for designing the app and implementing its functionality)

• Project Description: Designed and developed a mobile application for quick counting election results, enabling accurate and efficient data collection during elections.

• Key Responsibilities:

  • Created the frontend using Flutter, ensuring the app was user-friendly and accessible across multiple devices.

  • Implemented a self-hosted SQLite database for secure and offline data storage, allowing the app to function even in areas with limited connectivity.

  • Developed the backend in Python, facilitating smooth data processing, analysis, and real-time result aggregation.

• Key Features:

  • Offline data entry and storage capabilities with automatic synchronization when online.

  • Real-time visualization and reporting of election results.

  • Secure data transmission and storage, ensuring the integrity of election data.

• Outcome: Successfully deployed the app, improving the accuracy and speed of the vote-counting process during elections.

1. Project Overview

Title: Network Design and Implementation for Warnet and School Lab

Objective: Design and implement a reliable, secure, and efficient network infrastructure for a warnet and a school lab, enhancing performance and user experience.

2. Requirements Analysis

Warnet

User Requirements:

• Stations: 20 gaming PCs, 5 admin PCs, 2 printers

• Internet Access: High-speed broadband for gaming and general use

• Security: Protection against unauthorized access and malware

Technical Requirements:

• Bandwidth: 1 Gbps internet connection

• Network Equipment: 1 high-performance router, 2 switches, 4 Wi-Fi access points

• Servers: For authentication and file sharing

School Lab

User Requirements:

• Computers: 25 student PCs, 1 teacher’s PC, 1 printer

• Access: Internet for educational resources, file-sharing among students and teachers

Technical Requirements:

• Network Security: Controlled access, content filtering

• Bandwidth: 500 Mbps internet connection

• Network Equipment: 1 router, 1 switch, 2 access points

3. Network Design

Network Topology

Warnet:

Description: Includes 20 gaming PCs connected through switches and 1 server, with high-speed internet access and separate VLANs for gaming and administrative purposes.

IP Addressing Scheme

• Router IP: 192.168.1.1

• Gaming PCs: 192.168.1.10 - 192.168.1.29

• Admin PCs: 192.168.1.30 - 192.168.1.34

• Printers: 192.168.1.40 - 192.168.1.41

School Lab:

• Router IP: 192.168.2.1

• Student PCs: 192.168.2.10 - 192.168.2.24

• Teacher PC: 192.168.2.25

• Printer: 192.168.2.26

4. Implementation

Setup Process

Warnet:

• Installed and configured the router, switches, and access points.

• Configured VLANs for different types of traffic (gaming and administrative).

• Connected and tested all PCs and printers.

School Lab:

• Set up the router and switch, installed access points.

• Configured network access controls and internet filtering.

• Connected PCs and printer, ensuring all devices could access the network and internet.

Network Configuration

Router and Switch Configurations:

• Warnet: Configured QoS (Quality of Service) for gaming traffic, set up DHCP for dynamic IP addressing.

• School Lab: Configured static IP addresses for important devices, set up VLANs for network segregation.

Security Measures:

• Warnet: Implemented firewall rules, VPN for administrative access.

• School Lab: Applied content filtering and access control policies, used WPA3 for Wi-Fi security.

Testing and Troubleshooting

• Conducted connectivity tests, speed tests, and security assessments.

• Resolved issues related to network performance and device connectivity.

5. Challenges and Solutions

• Challenge: High latency in gaming PCs due to network congestion.

  • Solution: Implemented QoS settings on the router to prioritize gaming traffic.

• Challenge: Difficulty in managing network security across multiple devices.

  • Solution: Configured VLANs and firewall rules to enhance security and control.

6. Results

• Performance Metrics:

  • Warnet: Achieved average download speed of 950 Mbps and low latency for gaming.

  • School Lab: Maintained stable internet connectivity with minimal downtime.

• User Feedback:

  • Warnet: Users reported improved gaming performance and stable internet connection.

  • School Lab: Teachers and students appreciated the reliable access to educational resources.

7. Documentation

• Network Diagrams: Warnet Network Diagram, School Lab Network Diagram

• Configuration Files: Warnet Router Config, School Lab Router Config

• User Manuals: Warnet User Guide, School Lab User Guide

8. Future Improvements

• 1. Warnet: Consider upgrading to a multi-gigabit network to handle higher traffic demands.

  2. School Lab: Implement a more robust network management system for better monitoring and control.

9. Conclusion

This project successfully demonstrated the ability to design and implement a network infrastructure tailored to different environments. The solutions provided met user requirements and addressed technical challenges, resulting in a high-performing and secure network for both the warnet and school lab.

1. Project Overview

Title: Landing Page Design for Potret Pantura and LEM UII
Objective: To design and develop visually appealing and functional landing pages for Potret Pantura, a regional photography showcase, and LEM UII, a student organization, enhancing their online presence and user engagement.

2. Potret Pantura

Website: Potret Pantura

Project Brief:

• Purpose: To create a captivating landing page for Potret Pantura that highlights regional photography and attracts visitors to explore the gallery and upcoming events.

• Target Audience: Photography enthusiasts, regional art lovers, and potential event attendees.

Design Elements:

• Visual Style: Clean and modern design with a focus on high-quality imagery.

• Color Scheme: Earthy tones and vibrant highlights to complement the photographic content.

• Typography: Elegant and readable fonts to enhance visual appeal and readability.

Features:

• Hero Section: Prominent display of featured photographs with a call-to-action (CTA) button for exploring the gallery.

• Gallery Preview: Interactive section showcasing a selection of regional photos with hover effects.

• Event Calendar: Section highlighting upcoming photography events and exhibitions.

• Contact Form: Simple form for inquiries and submissions.

Technologies Used:

• HTML/CSS: For structure and styling.

• JavaScript: For interactive elements and animations.

• Responsive Design: Ensured compatibility across various devices and screen sizes.

3. LEM UII

Website: LEM UII

Project Brief:

• Purpose: To design a professional and engaging landing page for LEM UII (Lembaga Eksekutif Mahasiswa Universitas Islam Indonesia), a student organization, to promote their activities and events.

• Target Audience: Students, faculty, and prospective members of the organization.

Design Elements:

• Visual Style: Vibrant and dynamic design reflecting the energetic nature of the student organization.

• Color Scheme: Bright colors to capture attention and reflect the organization’s spirit.

• Typography: Bold and contemporary fonts to enhance readability and engagement.

Features:

• Hero Section: Eye-catching introduction with a CTA button for joining or learning more about the organization.

• Event Highlights: Section displaying upcoming events and key activities with links for more details.

• About Section: Brief overview of the organization’s mission, vision, and achievements.

• Social Media Integration: Links to social media platforms for increased engagement.

Technologies Used:

• HTML/CSS: For basic layout and design.

• JavaScript/jQuery: For interactive elements such as sliders and modals.

• Responsive Design: Ensured the landing page is mobile-friendly and accessible on all devices.

4. Challenges and Solutions

• Challenge: Balancing visual appeal with functional performance on different devices.

  • Solution: Implemented responsive design principles and tested across various devices to ensure optimal performance.

• Challenge: Creating a compelling design that aligns with the brand identity of each project.

  • Solution: Conducted research and collaborated with stakeholders to ensure the design met their vision and objectives.

5. Results

• Potret Pantura: The landing page successfully attracted more visitors and increased engagement with the photography gallery and events.

• LEM UII: The landing page effectively promoted the organization’s activities and improved communication with students and faculty.

6. Future Improvements

• Potret Pantura: Consider integrating a content management system (CMS) for easier updates and gallery management.

• LEM UII: Explore adding an event registration system for better management of organization activities.

7. Conclusion

Both landing pages were designed with the goal of enhancing user experience and achieving specific objectives for Potret Pantura and LEM UII. The projects demonstrated a strong understanding of web design principles and responsiveness, resulting in effective and engaging online platforms.