PTMK   

PTMK 

Testing Coding

Uncategorised

import React, { useState, useEffect } from 'react'; import { UserCheck, Mail, BookOpen, Laptop, Wifi, CreditCard, HelpCircle, Globe, ShieldCheck, ArrowRight, ExternalLink, MessageSquare, Library, Key, Info, CheckCircle2, Lock, Smartphone, ShieldAlert, ClipboardCheck, UserPlus, ChevronRight, ChevronLeft, FileText, MessageCircle } from 'lucide-react'; const App = () => { const [selectedProduct, setSelectedProduct] = useState(null); const [activeStep, setActiveStep] = useState(0); const [isLoaded, setIsLoaded] = useState(false); useEffect(() => { setIsLoaded(true); }, []); const products = [ { id: 'ecomm', title: 'e-Community', icon: , color: 'bg-blue-500', description: 'The central student portal for administrative tasks.', features: ['Course Registration', 'Examination Results', 'Financial Statements', 'Hostel Applications'], link: 'https://ecomm.umpsa.edu.my' }, { id: 'kalam', title: 'KALAM', icon: , color: 'bg-orange-500', description: 'UMPSA Learning Management System (LMS) for academic content.', features: ['Lecture Notes', 'Assignment Submission', 'Online Quizzes', 'Class Announcements'], link: 'https://kalam.umpsa.edu.my' }, { id: 'm365', title: 'Microsoft 365', icon: , color: 'bg-red-500', description: 'Professional productivity suite provided for free to all students.', features: ['Outlook Email', '1TB OneDrive Storage', 'Microsoft Teams', 'Word/Excel/PowerPoint'], link: 'https://portal.office.com' }, { id: 'eduroam', title: 'Eduroam WiFi', icon: , color: 'bg-teal-500', description: 'World-wide roaming access service for the research & education community.', features: ['Campus-wide WiFi', 'Global Connectivity', 'Secure Login', 'Free Access'], link: '#' }, { id: 'digitalid', title: 'Digital ID / ADAB', icon: , color: 'bg-indigo-600', description: 'Your mobile identity and attendance tracking system.', features: ['QR Attendance', 'E-Wallet Integration', 'Student Verification', 'Event Registration'], link: '#' }, { id: 'library', title: 'e-Resources', icon: , color: 'bg-purple-500', description: 'Access to thousands of journals, books, and research papers online.', features: ['Scopus/ScienceDirect', 'IEEE Xplore', 'Digital Thesis', 'Online Catalog'], link: 'https://library.umpsa.edu.my' } ]; // SVG Illustrations for Steps const StepIllustration = ({ step }) => { switch(step) { case 0: // Credentials (Offer Letter) return ( OFFER LETTER ID: KA24XXX ); case 1: // Portal (e-Community Browser) return ( {/* Browser Frame */} {/* Page Content */} e-Community {/* Form Fields Mockup */} {/* First Time Login Button */} First Time Login (Student) {/* Cursor */} ); case 2: // Password return ( ******** ); case 3: // MFA return ( OTP Sent ); case 4: // Success return ( SUCCESS! ); default: return null; } }; const activationSteps = [ { title: "Find Credentials", icon: , detail: "Refer to your offer letter or registration email. You will find your Student ID (e.g., KA24001)." }, { title: "First Time Login", icon: , detail: (

Go to ECOMM UMPSA . Select the 'First Time Login (Student)' button and enter your information. The system will send a verification link to your registered personal email.

Manual (PDF Guide)

) }, { title: "Set Secure Password", icon: , detail: "Click the link in your email to set a new password. It must contain at least 12 characters, including Uppercase, Lowercase, Numbers, and Symbols." }, { title: "Register for MFA", icon: , detail: "Enable Multi-Factor Authentication (MFA). We recommend using the Microsoft Authenticator app for the fastest and most secure experience." }, { title: "Access Granted", icon: , detail: "Log in to e-Community. Success means your UMPSA-ID is now active for all services including WiFi (Eduroam), Office 365, and KALAM." } ]; const handleNext = () => setActiveStep((prev) => (prev < activationSteps.length - 1 ? prev + 1 : prev)); const handleBack = () => setActiveStep((prev) => (prev > 0 ? prev - 1 : prev)); return (

{/* Header */}
Official UMPSA New Student Onboarding

Student eKit

Your interactive guide to mastering the UMPSA Digital Ecosystem.

{/* Layer 1: UMPSA-ID (The Foundation) */}
{/* Header Area of Level 1 */}
 

Level 1: UMPSA-ID Activation

Complete these 5 steps to start your campus life.

{activationSteps.map((_, i) => (
 
))}
{/* Visual Image/Illustration Side */}
 
 
{/* Navigation Overlays */}
 
Step {activeStep + 1}
{activationSteps[activeStep].detail}
{/* List Side */}
{activationSteps.map((step, idx) => (
setActiveStep(idx)} >
{idx + 1}

{step.title}

{activeStep > idx && (
 
)} {activeStep === idx && ( )}
))}
Go to Activation Portal

Requirement: Active Internet Connection

{/* Visual connector to the next section */}
 
 
{/* Product Grid Header */}
Level 2: Digital Ecosystem

The Student Toolkit

After activation, you can access these core products using your UMPSA-ID.

{/* Product Grid */}
{products.map((product, index) => (
setSelectedProduct(product)} className={`group bg-white p-10 rounded-[2.5rem] shadow-sm border border-slate-100 hover:shadow-2xl hover:-translate-y-2 transition-all cursor-pointer relative overflow-hidden delay-[${index * 100}ms] ${isLoaded ? 'translate-y-0 opacity-100' : 'translate-y-10 opacity-0'}`} >
{product.icon}

{product.title}

{product.description}

Product Details
 
))}
{/* Modal / Detailed View */} {selectedProduct && (
{selectedProduct.icon}

{selectedProduct.title}

{selectedProduct.description}

Key Features & Utilities
{selectedProduct.features.map((feature, i) => (
 
{feature}
))}
{selectedProduct.link !== '#' ? ( Open Application ) : (
Internal Campus Access
)}
)} {/* Footer Info */}
 

Questions or Issues?

Our ICT Digital Helpdesk is ready to assist you with account activation or password resets.

This email address is being protected from spambots. You need JavaScript enabled to view it. WhatsApp 094315055

Digital Transformation • UMPSA • Excellence in ICT

); }; export default App;

UMP Disaster Recovery Plan Committee

Uncategorised

Privacy Policy

Uncategorised

Your Privacy

This page explains our privacy policy which includes the use and protection of information submitted by visitors.

If you make a transaction or send an e-mail containing personal information, this information may be shared with other government agencies to help provide a more efficient and effective. For example in resolving complaints that require escalation to other Government agencies.

Information Collected

No personally identifiable information is gathered during the browsing of this web site except for information given by you via e-mail.

What Happens When I Link to Another Site?

This website contains links to other websites. This privacy policy applies only to this website. It should be noted that the website is available in the links may have different privacy policies and we highly recommend that you read and understand the privacy policies of each site.

Changes to this Policy

If this privacy policy changes, it will be updated on this page. Regularly reviewing this page ensures you are updated on the information collected, how it is used and under what circumstances, it is shared with other parties.

ICT Security Policy

Uncategorised

Data protection
Leading technologies including encryption software is used to protect data and adhering to strict security standards are maintained to prevent unauthorized access.


Storage Security
All electronic storage and transmission of personal data are secured and stored with appropriate security technologies.

Disclaimer

Uncategorised

The accuracy and currency of the information presented herein was correct at the date of publication. However, Universiti Malaysia Pahang Al-Sultan Abdullah reserves the right to alter procedures, fees and regulations should the need arise.
The publication on details this system of a course in no way creates an obligation on the part of University to educate it in any given year or to educate it in any manner described herein. Thus, Universiti Malaysia Pahang Al-Sultan Abdullah reserves the right to suspend or make changes to courses at any time without notice.
Students and prospective students should always check with the relevant faculty officers before applying for or planning courses. International students should also check relevant policies, fees and procedures with Universiti Malaysia Pahang Al-Sultan Abdullah.

SECURITY INFORMATION
University sites have security measures in place against the loss, misuse and alteration of information as defined in the University's IT Security Policy.
A login name and password are necessary to visit secure areas. Before personal information (such as examination results) is published on the site, visitors are required to enter their student or staff number as well. This is to ensure that the information is only displayed to the intended person. Users should ensure that his/her password is kept securely and cannot be discovered by anyone else.

USE OF PERSONAL INFORMATION
Personal information you supply on-line will be used by the University staff in conducting the business of the University. Such uses include matters related to student administration, provision of services and the dissemination of information to staff, prospective and current students and remaining in contact with graduates. The University may also use your IP address to help diagnose problems with a server and to administer a web site. Your IP address is sometimes used to set up individual sessions to provide secure logins.

DISCLOSURE OF PERSONAL INFORMATION
If personal information is collected via a website and held, every effort will be made to ensure that this is done by sufficiently secure means.
A student may elect to enroll in person rather than providing personal information to the University via a website.
For certain applications, our site's enrolment and/ registration forms require users to give contact information (like name and e-mail address) and unique identifiers (like login identification and student number).

— Quick Link

Legal