Spaces:
Running
Running
| <html lang="tr"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>İş Akışı - Yetkinlik Haritası Ustası</title> | |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| extend: { | |
| colors: { | |
| primary: '#10B981', | |
| dark: '#1F2937', | |
| light: '#F3F4F6' | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| <style> | |
| .flow-step { | |
| position: relative; | |
| padding-left: 2.5rem; | |
| } | |
| .flow-step:before { | |
| content: ""; | |
| position: absolute; | |
| left: 1.25rem; | |
| top: 0; | |
| bottom: 0; | |
| width: 2px; | |
| background-color: #E5E7EB; | |
| } | |
| .flow-step:last-child:before { | |
| display: none; | |
| } | |
| .flow-icon { | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| width: 2.5rem; | |
| height: 2.5rem; | |
| border-radius: 9999px; | |
| background-color: #10B981; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| color: white; | |
| z-index: 10; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-100"> | |
| <header class="bg-white shadow-sm"> | |
| <div class="container mx-auto px-4 py-6 flex justify-between items-center"> | |
| <div class="flex items-center space-x-2"> | |
| <i data-feather="compass" class="text-primary"></i> | |
| <h1 class="text-xl font-bold text-dark">Yetkinlik Haritası Ustası</h1> | |
| </div> | |
| <nav> | |
| <ul class="flex space-x-6"> | |
| <li><a href="index.html" class="text-dark hover:text-primary font-medium">Ana Sayfa</a></li> | |
| <li><a href="bireysel-giris.html" class="text-dark hover:text-primary font-medium">Bireysel</a></li> | |
| <li><a href="kurumsal-giris.html" class="text-dark hover:text-primary font-medium">Kurumsal</a></li> | |
| <li><a href="packages.html" class="text-dark hover:text-primary font-medium">Paketler</a></li> | |
| <li><a href="workflow.html" class="text-primary font-medium">İş Akışı</a></li> | |
| <li><a href="tests.html" class="text-dark hover:text-primary font-medium">Testler</a></li> | |
| </ul> | |
| </nav> | |
| </div> | |
| </header> | |
| <main class="container mx-auto px-4 py-12"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl font-bold text-dark mb-4">Yetkinlik Değerlendirme İş Akışı</h2> | |
| <p class="text-gray-600 max-w-2xl mx-auto">Fonksiyonel mimariden pozisyon bazlı yetkinlik haritalarına kadar tüm süreç</p> | |
| </div> | |
| <div class="max-w-4xl mx-auto bg-white p-8 rounded-lg shadow-md mb-12"> | |
| <h3 class="text-2xl font-bold text-dark mb-6">İş Akışı Adımları</h3> | |
| <div class="space-y-8"> | |
| <!-- Step 1 --> | |
| <div class="flow-step"> | |
| <div class="flow-icon"> | |
| <i data-feather="layers"></i> | |
| </div> | |
| <div class="pl-4"> | |
| <h4 class="text-xl font-bold text-dark mb-2">Fonksiyonel Yapı</h4> | |
| <p class="text-gray-600 mb-4">Organizasyonel yapıyı fonksiyon ve alt fonksiyonlar şeklinde tanımlayın</p> | |
| <div class="grid md:grid-cols-3 gap-4"> | |
| <div class="border border-gray-200 p-4 rounded-lg"> | |
| <h5 class="font-bold text-dark mb-2">Üretim & Teknik</h5> | |
| <ul class="text-gray-600 text-sm space-y-1"> | |
| <li>Üretim</li> | |
| <li>Kalite</li> | |
| <li>Ar-Ge</li> | |
| <li>Planlama</li> | |
| </ul> | |
| </div> | |
| <div class="border border-gray-200 p-4 rounded-lg"> | |
| <h5 class="font-bold text-dark mb-2">Destek Fonksiyonlar</h5> | |
| <ul class="text-gray-600 text-sm space-y-1"> | |
| <li>İnsan Kaynakları</li> | |
| <li>Mali İşler</li> | |
| <li>IT</li> | |
| <li>Satın Alma</li> | |
| </ul> | |
| </div> | |
| <div class="border border-gray-200 p-4 rounded-lg"> | |
| <h5 class="font-bold text-dark mb-2">Ticari Fonksiyonlar</h5> | |
| <ul class="text-gray-600 text-sm space-y-1"> | |
| <li>Pazarlama</li> | |
| <li>Satış</li> | |
| <li>Müşteri İlişkileri</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Step 2 --> | |
| <div class="flow-step"> | |
| <div class="flow-icon"> | |
| <i data-feather="user"></i> | |
| </div> | |
| <div class="pl-4"> | |
| <h4 class="text-xl font-bold text-dark mb-2">Pozisyon ve Roller</h4> | |
| <p class="text-gray-600 mb-4">Her fonksiyon için kariyer basamaklarını ve rollerini tanımlayın</p> | |
| <div class="overflow-x-auto"> | |
| <table class="w-full border-collapse"> | |
| <thead> | |
| <tr class="bg-gray-50"> | |
| <th class="p-3 text-left text-dark font-medium">Kariyer Basamağı</th> | |
| <th class="p-3 text-left text-dark font-medium">Tanım</th> | |
| <th class="p-3 text-left text-dark font-medium">Sorumluluklar</th> | |
| </tr> | |
| </thead> | |
| <tbody class="divide-y divide-gray-200"> | |
| <tr> | |
| <td class="p-3">Yeni Mezun / Eleman</td> | |
| <td class="p-3 text-gray-600">Temel bilgi, öğrenmeye açıklık, uygulama desteği ile çalışır</td> | |
| <td class="p-3 text-gray-600">Standart işleri öğrenme, temel görevleri yerine getirme</td> | |
| </tr> | |
| <tr> | |
| <td class="p-3">Uzman / Mühendis</td> | |
| <td class="p-3 text-gray-600">Kendi alanındaki teknik bilgiyi uygular, standart işleri bağımsız yürütür</td> | |
| <td class="p-3 text-gray-600">Teknik problem çözme, süreç iyileştirme</td> | |
| </tr> | |
| <tr> | |
| <td class="p-3">Şef / Müdür</td> | |
| <td class="p-3 text-gray-600">Fonksiyonun tüm süreçlerini bilir, koordinasyon yapar, stratejiye bağlar</td> | |
| <td class="p-3 text-gray-600">Ekip yönetimi, performans takibi, bütçe yönetimi</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Step 3 --> | |
| <div class="flow-step"> | |
| <div class="flow-icon"> | |
| <i data-feather="award"></i> | |
| </div> | |
| <div class="pl-4"> | |
| <h4 class="text-xl font-bold text-dark mb-2">Yetkinlik Türleri</h4> | |
| <p class="text-gray-600 mb-4">Pozisyonlara göre gereken yetkinlik türlerini belirleyin</p> | |
| <div class="grid md:grid-cols-3 gap-4"> | |
| <div class="border border-gray-200 p-4 rounded-lg"> | |
| <div class="flex items-center mb-2"> | |
| <div class="w-8 h-8 bg-primary/10 rounded-full flex items-center justify-center mr-2"> | |
| <i data-feather="user" class="text-primary w-4 h-4"></i> | |
| </div> | |
| <h5 class="font-bold text-dark">Temel Yetkinlikler</h5> | |
| </div> | |
| <ul class="text-gray-600 text-sm space-y-1"> | |
| <li>İletişim</li> | |
| <li>Takım Çalışması</li> | |
| <li>Sonuç Odaklılık</li> | |
| <li>Uyum</li> | |
| </ul> | |
| </div> | |
| <div class="border border-gray-200 p-4 rounded-lg"> | |
| <div class="flex items-center mb-2"> | |
| <div class="w-8 h-8 bg-primary/10 rounded-full flex items-center justify-center mr-2"> | |
| <i data-feather="tool" class="text-primary w-4 h-4"></i> | |
| </div> | |
| <h5 class="font-bold text-dark">Fonksiyonel Yetkinlikler</h5> | |
| </div> | |
| <ul class="text-gray-600 text-sm space-y-1"> | |
| <li>Problem Çözme</li> | |
| <li>Analitik Düşünme</li> | |
| <li>Veri ile Çalışma</li> | |
| <li>Süreç Odaklılık</li> | |
| </ul> | |
| </div> | |
| <div class="border border-gray-200 p-4 rounded-lg"> | |
| <div class="flex items-center mb-2"> | |
| <div class="w-8 h-8 bg-primary/10 rounded-full flex items-center justify-center mr-2"> | |
| <i data-feather="users" class="text-primary w-4 h-4"></i> | |
| </div> | |
| <h5 class="font-bold text-dark">Yönetsel Yetkinlikler</h5> | |
| </div> | |
| <ul class="text-gray-600 text-sm space-y-1"> | |
| <li>Stratejik Vizyon</li> | |
| <li>Liderlik</li> | |
| <li>Karar Alma</li> | |
| <li>Delegasyon</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Step 4 --> | |
| <div class="flow-step"> | |
| <div class="flow-icon"> | |
| <i data-feather="activity"></i> | |
| </div> | |
| <div class="pl-4"> | |
| <h4 class="text-xl font-bold text-dark mb-2">Davranış Göstergeleri</h4> | |
| <p class="text-gray-600 mb-4">Her yetkinlik için gözlemlenebilir davranışları tanımlayın</p> | |
| <div class="border border-gray-200 rounded-lg overflow-hidden"> | |
| <div class="bg-gray-50 p-4 border-b border-gray-200"> | |
| <h5 class="font-bold text-dark">İletişim Yetkinliği</h5> | |
| <p class="text-gray-600 text-sm">Açık, net, saygılı ve etkin iletişim kurabilme</p> | |
| </div> | |
| <div class="p-4"> | |
| <ul class="space-y-2 text-gray-600"> | |
| <li class="flex items-start"> | |
| <i data-feather="check" class="text-primary mr-2 mt-1 w-4 h-4"></i> | |
| <span>Dinler, anlamak için sorular sorar</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check" class="text-primary mr-2 mt-1 w-4 h-4"></i> | |
| <span>Mesajlarını açık ve anlaşılır şekilde iletir</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check" class="text-primary mr-2 mt-1 w-4 h-4"></i> | |
| <span>Geri bildirim verir ve almaya açıktır</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Step 5 --> | |
| <div class="flow-step"> | |
| <div class="flow-icon"> | |
| <i data-feather="bar-chart-2"></i> | |
| </div> | |
| <div class="pl-4"> | |
| <h4 class="text-xl font-bold text-dark mb-2">Değerlendirme ve Raporlama</h4> | |
| <p class="text-gray-600 mb-4">Test sonuçlarını değerlendirin ve yetkinlik haritalarını oluşturun</p> | |
| <div class="grid md:grid-cols-2 gap-4"> | |
| <div class="border border-gray-200 p-4 rounded-lg"> | |
| <h5 class="font-bold text-dark mb-2">Puanlama Sistemi</h5> | |
| <ul class="text-gray-600 text-sm space-y-2"> | |
| <li class="flex items-start"> | |
| <span class="font-bold text-dark mr-2">≥90 →</span> | |
| <span>Çok Yetkin</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="font-bold text-dark mr-2">70–89 →</span> | |
| <span>Yetkin</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="font-bold text-dark mr-2">60–69 →</span> | |
| <span>Beklenen</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="font-bold text-dark mr-2">50–59 →</span> | |
| <span>Az Yetkin</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="font-bold text-dark mr-2"><50 →</span> | |
| <span>Çok az Yetkin</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="border border-gray-200 p-4 rounded-lg"> | |
| <h5 class="font-bold text-dark mb-2">Rapor İçeriği</h5> | |
| <ul class="text-gray-600 text-sm space-y-2"> | |
| <li class="flex items-start"> | |
| <i data-feather="user" class="text-primary mr-2 mt-1 w-4 h-4"></i> | |
| <span>Test yapan kişinin bilgileri</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="calendar" class="text-primary mr-2 mt-1 w-4 h-4"></i> | |
| <span>Test tarihi</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="percent" class="text-primary mr-2 mt-1 w-4 h-4"></i> | |
| <span>Doğru cevap yüzdesi</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="trending-up" class="text-primary mr-2 mt-1 w-4 h-4"></i> | |
| <span>Gelişim önerileri</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-white p-8 rounded-lg shadow-md max-w-4xl mx-auto"> | |
| <h3 class="text-2xl font-bold text-dark mb-6">Teknik Uzmanlık Alanları</h3> | |
| <div class="space-y-6"> | |
| <!-- Mühendis --> | |
| <div class="border border-gray-200 rounded-lg overflow-hidden"> | |
| <div class="bg-gray-50 p-4 border-b border-gray-200"> | |
| <h4 class="font-bold text-dark">Mühendis Yetkinlikleri</h4> | |
| </div> | |
| <div class="p-4"> | |
| <ul class="space-y-3 text-gray-600"> | |
| <li class="flex items-start"> | |
| <i data-feather="check" class="text-primary mr-2 mt-1 w-4 h-4"></i> | |
| <span>Gemi Tasarımı ve Hesaplamaları</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check" class="text-primary mr-2 mt-1 w-4 h-4"></i> | |
| <span>Gemi İnşa Teknolojisi</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check" class="text-primary mr-2 mt-1 w-4 h-4"></i> | |
| <span>Makine Sistemleri Bilgisi</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check" class="text-primary mr-2 mt-1 w-4 h-4"></i> | |
| <span>Elektrik ve Otomasyon</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <!-- Mimar --> | |
| <div class="border border-gray-200 rounded-lg overflow-hidden"> | |
| <div class="bg-gray-50 p-4 border-b border-gray-200"> | |
| <h4 class="font-bold text-dark">Mimar Yetkinlikleri</h4> | |
| </div> | |
| <div class="p-4"> | |
| <ul class="space-y-3 text-gray-600"> | |
| <li class="flex items-start"> | |
| <i data-feather="check" class="text-primary mr-2 mt-1 w-4 h-4"></i> | |
| <span>Tasarım ve Sunum Becerileri</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check" class="text-primary mr-2 mt-1 w-4 h-4"></i> | |
| <span>Yazılım Bilgisi (AutoCAD, Revit, SketchUp)</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check" class="text-primary mr-2 mt-1 w-4 h-4"></i> | |
| <span>Teknik Bilgi ve Mevzuat Hakimiyeti</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check" class="text-primary mr-2 mt-1 w-4 h-4"></i> | |
| <span>Proje Yönetimi ve Takibi</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <footer class="bg-dark text-white py-8"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex flex-col md:flex-row justify-between items-center"> | |
| <div class="mb-4 md:mb-0"> | |
| <p class="text-light">© 2023 Yetkinlik Haritası Ustası. Tüm hakları saklıdır.</p> | |
| </div> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-light hover:text-primary"><i data-feather="facebook"></i></a> | |
| <a href="#" class="text-light hover:text-primary"><i data-feather="twitter"></i></a> | |
| <a href="#" class="text-light hover:text-primary"><i data-feather="linkedin"></i></a> | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| feather.replace(); | |
| </script> | |
| </body> | |
| </html> |