{"id":713,"date":"2025-09-15T13:17:31","date_gmt":"2025-09-15T13:17:31","guid":{"rendered":"https:\/\/tekniksipil.uin-malang.ac.id\/?page_id=713"},"modified":"2026-08-29T11:38:54","modified_gmt":"2026-08-29T11:38:54","slug":"tracer-study-prodi-teknik-sipil","status":"publish","type":"page","link":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/tracer-study-prodi-teknik-sipil\/","title":{"rendered":"Tracer Study (Prodi Teknik Sipil)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"713\" class=\"elementor elementor-713\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-657463a e-flex e-con-boxed e-con e-parent\" data-id=\"657463a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f524a57 elementor-widget elementor-widget-text-editor\" data-id=\"f524a57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!-- Load Font Awesome 6 -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n.tracer-study-container {\n    width: 100% !important;\n    max-width: 100% !important;\n    margin: 0 auto;\n    padding: 38px 24px;\n    background: radial-gradient(circle at center, rgba(32, 24, 16, 0.95) 0%, rgba(10, 8, 6, 0.98) 100%) !important;\n    border: 2px solid #ff914d;\n    border-radius: 20px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 20px;\n    box-shadow: 0 12px 35px rgba(255, 145, 77, 0.25), inset 0 0 25px rgba(255, 145, 77, 0.1);\n    position: relative;\n    overflow: hidden;\n    box-sizing: border-box;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n}\n\n\/* HAZARD SAFETY STRIP TOP *\/\n.tracer-study-container::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 6px;\n    background: repeating-linear-gradient(\n        -45deg,\n        #ff914d,\n        #ff914d 15px,\n        #111111 15px,\n        #111111 30px\n    );\n}\n\n\/* RADAR & CRANE SVG CANVAS *\/\n.tracer-canvas-box {\n    width: 100%;\n    max-width: 520px;\n    height: 180px;\n    position: relative;\n}\n\n@keyframes radarSweep {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n@keyframes nodePulse {\n    0%, 100% { opacity: 0.3; r: 3.5; }\n    50% { opacity: 1; r: 5.5; }\n}\n\n@keyframes craneTrolleyMove {\n    0% { transform: translateX(0px); }\n    50% { transform: translateX(120px); }\n    100% { transform: translateX(0px); }\n}\n\n.radar-sweep-beam {\n    transform-origin: 160px 90px;\n    animation: radarSweep 4s infinite linear;\n}\n\n.radar-node-glow {\n    animation: nodePulse 2s infinite ease-in-out;\n}\n\n.crane-trolley-anim {\n    animation: craneTrolleyMove 6s infinite ease-in-out;\n}\n\n\/* TEKS DAN STATUS *\/\n.tracer-info-group {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 12px;\n    text-align: center;\n    z-index: 2;\n    max-width: 720px;\n}\n\n.tracer-status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 6px 18px;\n    background: linear-gradient(90deg, #ff914d, #ffd700);\n    color: #111111;\n    font-size: 11.5px;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    border-radius: 30px;\n    box-shadow: 0 0 14px rgba(255, 145, 77, 0.5);\n}\n\n.tracer-main-title {\n    font-size: 22px;\n    font-weight: 900;\n    color: #ffffff !important;\n    letter-spacing: 0.5px;\n    text-shadow: 0 0 12px rgba(255, 145, 77, 0.4), 0 2px 4px rgba(0,0,0,0.9);\n    margin: 0;\n}\n\n\/* ACADEMIC PROGRESS TIMELINE BADGE *\/\n.cohort-milestone-card {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n    background: rgba(255, 145, 77, 0.08);\n    border: 1px solid rgba(255, 145, 77, 0.35);\n    border-radius: 12px;\n    padding: 10px 20px;\n    margin: 4px 0;\n    flex-wrap: wrap;\n}\n\n.milestone-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: #ffd700;\n    font-size: 12.5px;\n    font-weight: 700;\n    letter-spacing: 0.3px;\n}\n\n.milestone-item i {\n    color: #ff914d;\n    font-size: 14px;\n}\n\n.milestone-divider {\n    color: rgba(255, 255, 255, 0.25);\n}\n\n.tracer-academic-desc {\n    font-size: 13.5px;\n    color: #e2e8f0;\n    font-weight: 500;\n    line-height: 1.6;\n    margin: 0;\n    opacity: 0.95;\n}\n\n.tracer-academic-desc strong {\n    color: #ffd700;\n    font-weight: 700;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 650px) {\n    .tracer-study-container {\n        padding: 30px 16px;\n    }\n    .tracer-canvas-box {\n        height: 145px;\n    }\n    .tracer-main-title {\n        font-size: 18px;\n    }\n    .cohort-milestone-card {\n        gap: 8px;\n        padding: 8px 12px;\n    }\n    .milestone-item {\n        font-size: 11.5px;\n    }\n    .tracer-academic-desc {\n        font-size: 12px;\n    }\n}\n<\/style>\n\n<div class=\"tracer-study-container\">\n\n    <!-- CANVAS ILUSTRASI RADAR ALUMNI + KONSTRUKSI DATA -->\n    <div class=\"tracer-canvas-box\">\n        <svg viewBox=\"0 0 520 180\" width=\"100%\" height=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <defs>\n                <!-- GRID BLUEPRINT -->\n                <pattern id=\"gridBlueprint\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\">\n                    <path d=\"M 20 0 L 0 0 0 20\" fill=\"none\" stroke=\"rgba(255,145,77,0.08)\" stroke-width=\"0.8\"\/>\n                <\/pattern>\n                <!-- RADAR GRADIENT SWEEP -->\n                <linearGradient id=\"beamGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                    <stop offset=\"0%\" stop-color=\"#ff914d\" stop-opacity=\"0.6\"\/>\n                    <stop offset=\"100%\" stop-color=\"#ff914d\" stop-opacity=\"0\"\/>\n                <\/linearGradient>\n            <\/defs>\n\n            <!-- BLUEPRINT BACKGROUND GRID -->\n            <rect width=\"520\" height=\"180\" fill=\"url(#gridBlueprint)\" \/>\n\n            <!-- RADAR SECTION (KIRI) -->\n            <circle cx=\"160\" cy=\"90\" r=\"70\" fill=\"none\" stroke=\"rgba(255,145,77,0.2)\" stroke-width=\"1.2\" stroke-dasharray=\"3 3\"\/>\n            <circle cx=\"160\" cy=\"90\" r=\"46\" fill=\"none\" stroke=\"rgba(255,145,77,0.3)\" stroke-width=\"1.2\"\/>\n            <circle cx=\"160\" cy=\"90\" r=\"22\" fill=\"none\" stroke=\"rgba(255,145,77,0.4)\" stroke-width=\"1.2\"\/>\n            <line x1=\"90\" y1=\"90\" x2=\"230\" y2=\"90\" stroke=\"rgba(255,145,77,0.25)\" stroke-width=\"1\"\/>\n            <line x1=\"160\" y1=\"20\" x2=\"160\" y2=\"160\" stroke=\"rgba(255,145,77,0.25)\" stroke-width=\"1\"\/>\n\n            <!-- SWEEPING RADAR BEAM -->\n            <g class=\"radar-sweep-beam\">\n                <path d=\"M 160 90 L 230 90 A 70 70 0 0 0 209 41 Z\" fill=\"url(#beamGrad)\" \/>\n            <\/g>\n\n            <!-- RADAR STUDENT\/ALUMNI NODES -->\n            <circle cx=\"135\" cy=\"65\" r=\"4\" fill=\"#ffd700\" class=\"radar-node-glow\"\/>\n            <circle cx=\"190\" cy=\"115\" r=\"4\" fill=\"#ff914d\" class=\"radar-node-glow\" style=\"animation-delay: 0.7s;\"\/>\n            <circle cx=\"175\" cy=\"55\" r=\"4\" fill=\"#ffd700\" class=\"radar-node-glow\" style=\"animation-delay: 1.3s;\"\/>\n\n            <!-- TOWER CRANE STRUKTUR (KANAN) -->\n            <!-- Mast (Tiang Utama) -->\n            <line x1=\"390\" y1=\"40\" x2=\"390\" y2=\"165\" stroke=\"#ff914d\" stroke-width=\"3\"\/>\n            <line x1=\"405\" y1=\"40\" x2=\"405\" y2=\"165\" stroke=\"#ff914d\" stroke-width=\"3\"\/>\n            <!-- Bracing X Mast -->\n            <path d=\"M 390 55 L 405 70 M 405 55 L 390 70 M 390 85 L 405 100 M 405 85 L 390 100 M 390 115 L 405 130 M 405 115 L 390 130 M 390 145 L 405 160 M 405 145 L 390 160\" stroke=\"#d4af37\" stroke-width=\"1\"\/>\n            \n            <!-- Jib (Lengan Crane) -->\n            <line x1=\"320\" y1=\"40\" x2=\"480\" y2=\"40\" stroke=\"#ff914d\" stroke-width=\"2.5\"\/>\n            <line x1=\"320\" y1=\"32\" x2=\"480\" y2=\"40\" stroke=\"#d4af37\" stroke-width=\"1\"\/>\n            <line x1=\"397\" y1=\"18\" x2=\"397\" y2=\"40\" stroke=\"#ff914d\" stroke-width=\"2\"\/>\n            <!-- Tie Cable -->\n            <line x1=\"397\" y1=\"18\" x2=\"460\" y2=\"40\" stroke=\"rgba(255,255,255,0.4)\" stroke-width=\"1\"\/>\n            <line x1=\"397\" y1=\"18\" x2=\"340\" y2=\"40\" stroke=\"rgba(255,255,255,0.4)\" stroke-width=\"1\"\/>\n\n            <!-- TROLLEY & DATA PAYLOAD ANIMATION -->\n            <g class=\"crane-trolley-anim\">\n                <rect x=\"345\" y=\"38\" width=\"14\" height=\"6\" fill=\"#ffffff\" rx=\"1\"\/>\n                <line x1=\"352\" y1=\"44\" x2=\"352\" y2=\"78\" stroke=\"#ffd700\" stroke-width=\"1\" stroke-dasharray=\"2 2\"\/>\n                <!-- Data Document Capsule -->\n                <rect x=\"344\" y=\"78\" width=\"16\" height=\"18\" fill=\"#ff914d\" rx=\"3\"\/>\n                <path d=\"M 347 84 L 357 84 M 347 88 L 355 88 M 347 92 L 353 92\" stroke=\"#111111\" stroke-width=\"1.2\"\/>\n            <\/g>\n\n            <!-- GROUND LEVEL -->\n            <line x1=\"30\" y1=\"165\" x2=\"490\" y2=\"165\" stroke=\"rgba(255,145,77,0.4)\" stroke-width=\"1.5\"\/>\n        <\/svg>\n    <\/div>\n\n    <!-- KETERANGAN AKADEMIK STATUS -->\n    <div class=\"tracer-info-group\">\n        <div class=\"tracer-status-badge\">\n            <i class=\"fa-solid fa-helmet-safety\"><\/i> Academic Progress Milestone\n        <\/div>\n\n        <h2 class=\"tracer-main-title\">Tracer Study &amp; Cohort Trajectory<\/h2>\n\n        <!-- KARTU INDIKATOR ANGKATAN & SEMESTER -->\n        <div class=\"cohort-milestone-card\">\n            <div class=\"milestone-item\">\n                <i class=\"fa-solid fa-calendar-check\"><\/i>\n                <span>Inaugural Cohort: <strong>Class of 2024<\/strong><\/span>\n            <\/div>\n            <span class=\"milestone-divider\">|<\/span>\n            <div class=\"milestone-item\">\n                <i class=\"fa-solid fa-graduation-cap\"><\/i>\n                <span>Current Standing: <strong>Year 3 (5<sup>th<\/sup> Semester)<\/strong><\/span>\n            <\/div>\n        <\/div>\n\n        <!-- NARASI AKADEMIK TEKNIK SIPIL -->\n        <p class=\"tracer-academic-desc\">\n            As the <strong>Founding Batch (Class of 2024)<\/strong> of the Civil Engineering Study Program progresses through their <strong>Year-3 core engineering curriculum (Semester 5)<\/strong>, comprehensive career mapping and professional competency tracking are continuously deployed to bridge academic design synthesis with real-world infrastructure practice.\n        <\/p>\n    <\/div>\n\n<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Academic Progress Milestone Tracer Study &amp; Cohort Trajectory Inaugural Cohort: Class of 2024 | Current Standing: Year 3 (5th Semester) As the Founding Batch (Class of 2024) of the Civil Engineering Study Program progresses through their Year-3 core engineering curriculum (Semester 5), comprehensive career mapping and professional competency tracking are continuously deployed to bridge academic [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-713","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/pages\/713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/comments?post=713"}],"version-history":[{"count":7,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/pages\/713\/revisions"}],"predecessor-version":[{"id":1642,"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/pages\/713\/revisions\/1642"}],"wp:attachment":[{"href":"https:\/\/tekniksipil.uin-malang.ac.id\/id\/wp-json\/wp\/v2\/media?parent=713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}