Spaces:
Running
Running
Okay, I need to create a decision framework based on the user's query. Let me start by understanding what they're asking for. The user wants a framework that includes criteria, parameters, constants, variables, weights, and values associated with the decision-maker's preferences. First, I should recall what a decision framework typically includes. Usually, it's about defining the problem, criteria, alternatives, and then evaluating them based on weights and scores. But the user specifically mentioned parameters, constants, variables, so I need to make sure those elements are included. Let me break down the components they mentioned: 1. **Critérios (Criteria)**: These are the factors that the decision-maker considers important. For example, cost, quality, time, etc. 2. **Parâmetros (Parameters)**: These might be the specific metrics or measurements for each criterion. Like, for cost, the parameter could be "Custo Total (R$)" with a value. 3. **Constantes (Constants)**: These are fixed values that don't change during the decision process. Maybe like a maximum budget or a minimum required quality score. 4. **Variáveis (Variables)**: These could be elements that can change, like the options available or different scenarios. 5. **Pesos (Weights)**: The importance assigned to each criterion. For example, cost might have a weight of 0.4, quality 0.3, etc. 6. **Valores associados às preferências do agente decisor (Values associated with the decision-maker's preferences)**: This probably refers to how each alternative scores against the criteria, maybe through a scoring system. I need to structure this in a way that's clear and comprehensive. Maybe start with the objective, then list the criteria, parameters, constants, variables, weights, and then the evaluation method. Wait, the user also mentioned "MiniMax-AI" in the initial prompt. Not sure if that's relevant, but maybe it's just a tag. I should focus on the framework. Let me think of an example. Suppose the decision is about choosing a supplier. The criteria could be cost, quality, delivery time. Parameters for each criterion would be specific metrics. Constants might be the maximum budget or minimum quality score. Variables could be the different suppliers. Weights are the importance of each criterion. Values would be the scores for each supplier on each criterion. I should also consider if there are any formulas or calculations involved. Maybe a weighted sum approach where each criterion's score is multiplied by its weight and summed up. I need to make sure all elements are included: criteria, parameters, constants, variables, weights, and values. Let me outline each section. First, the objective. Then, the criteria with their parameters. Then constants, variables, weights, and then the evaluation method. Maybe also include an example to illustrate. Wait, the user might want a framework that's general, not tied to a specific example. But including an example could make it clearer. Let me check the original query again: "Gere um framework de decisão humana com critérios, parâmetros, constantes, variáveis, pesos e valores associados às preferêncais do agente decisor". So it's a framework, so maybe a structure that can be applied to different decisions, but with placeholders for the specific elements. So the framework should have sections for each component. Let me structure it as: 1. **Objetivo da Decisão**: What the decision is about. 2. **Critérios de Decisão**: List of criteria with their parameters. 3. **Parâmetros**: Specific metrics for each criterion. 4. **Constantes**: Fixed values. 5. **Variáveis**: Elements that can change. 6. **Pesos dos Critérios**: Importance weights for each criterion. 7. **Valores Associados às Preferências**: How alternatives score on each criterion. 8. **Método de Avaliação**: How to compute the final score. I need to make sure each part is explained with examples. Let me try to draft that. For example, if the decision is about choosing a car, the criteria could be cost, safety, fuel efficiency. Parameters for cost could be "Preço (R$)", safety could be "Classificação de Segurança (1-5)", etc. Constants might be the maximum budget. Variables are the car models. Weights are the importance of each criterion. Values are the scores for each car on each criterion. But the framework should be general. So maybe use placeholders like [Critério 1], [Parâmetro 1], etc. Also, the user mentioned "valores associados às preferências do agente decisor". That might refer to the scores each alternative gets on the criteria, which are based on the decision-maker's preferences. So maybe a table where each alternative is scored against each criterion. I should also consider if there's a method to aggregate the scores, like weighted sum, or another method. The framework should include that. Let me start drafting each section. **1. Objetivo da Decisão**: Define o que se busca decidir. Ex: Escolher o melhor fornecedor para matéria-prima. **2. Critérios de Decisão**: Lista de critérios relevantes. Ex: Custo, Qualidade, Prazo de Entrega. **3. Parâmetros**: Métricas específicas para cada critério. Ex: Custo Total (R$), Nota de Qualidade (1-10), Tempo de Entrega (dias). **4. Constantes**: Valores fixos que não mudam. Ex: Orçamento Máximo = R$ 50.000, Prazo Máximo = 30 dias. **5. Variáveis**: Elementos que podem variar. Ex: Fornecedores (A, B, C), Carros (Modelo X, Y, Z). **6. Pesos dos Critérios**: Importância relativa de cada critério. Ex: Custo (0.5), Qualidade (0.3), Prazo (0.2). **7. Valores Associados às Preferências**: Pontuações de cada alternativa em cada critério. Ex: Fornecedor A tem Custo=40.000, Qualidade=8, Prazo=25. **8. Método de Avaliação**: Como calcular a pontuação final. Ex: Soma ponderada: (Custo_Pontuação * 0.5) + (Qualidade_Pontuação * 0.3) + (Prazo_Pontuação * 0.2). But I need to make sure each part is clearly defined. Also, maybe include a table for the values. Wait, the user might want a framework that's more structured, perhaps with formulas or equations. Let me think. Also, parameters could be variables that are part of the criteria. For example, if the criterion is cost, the parameter is the actual cost value. Constants are fixed limits, variables are the options. I need to make sure all elements are covered. Let me try to outline each part with more structure. Maybe use a table for criteria, parameters, weights. Then list constants and variables. Then show how the values are associated. Alternatively, use a hierarchical structure. Wait, the user mentioned "framework de decisão humana", so it's a framework for human decision-making, not necessarily automated. So it's a structured way for a person to make decisions based on criteria, parameters, etc. I should also consider if there's a scoring system for each criterion. For example, each criterion is scored, then multiplied by weight, summed up. Let me try to structure it step by step. 1. **Definição do Objetivo**: What decision needs to be made. 2. **Identificação dos Critérios**: List of criteria. 3. **Parâmetros para cada Critério**: What metrics are used to measure each criterion. 4. **Definição de Constantes**: Fixed constraints or limits. 5. **Variáveis (Alternativas)**: The options available. 6. **Atribuição de Pesos**: Importance of each criterion. 7. **Avaliação das Alternativas**: Assigning scores to each alternative based on parameters. 8. **Cálculo da Pontuação Final**: Using weights and scores to determine the best option. I think that covers all elements. Now, to put this into a framework. Maybe use sections with explanations and examples. Also, need to ensure that parameters, constants, variables are clearly differentiated. Parameters are the specific metrics for criteria, constants are fixed values, variables are the alternatives. Weights are the importance of each criterion, and values are the scores of alternatives on each criterion. Let me try to write this out in a structured way, using an example to illustrate. Example: Choosing a laptop. **1. Objetivo da Decisão**: Selecionar o melhor laptop para compra. **2. Critérios de Decisão**: - Custo - Desempenho - Bateria - Peso **3. Parâmetros**: - Custo: Preço (R$) - Desempenho: Pontuação em benchmark (0-100) - Bateria: Duração (horas) - Peso: Peso (kg) **4. Constantes**: - Orçamento Máximo: R$ 5.000 - Peso Máximo: 2 kg **5. Variáveis (Alternativas)**: - Laptop A - Laptop B - Laptop C **6. Pesos dos Critérios** (soma = 1): - Custo: 0.4 - Desempenho: 0.3 - Bateria: 0.2 - Peso: 0.1 **7. Valores Associados (Pontuações das Alternativas)**: - Laptop A: Custo=4500, Desempenho=80, Bateria=8, Peso=1.5 - Laptop B: Custo=4000, Desempenho=70, Bateria=10, Peso=1.8 - Laptop C: Custo=5000, Desempenho=90, Bateria=6, Peso=2.0 **8. Método de Avaliação**: - Normalizar os parâmetros (se necessário) - Calcular pontuação para cada critério (ex: Custo: menor preço = melhor) - Multiplicar pela ponderação e somar But maybe the framework should be more generic, not tied to an example. Let me try to make it general. **Framework de Decisão Humana** **1. Objetivo da Decisão** Define o propósito da decisão. Ex: Escolha de um fornecedor, seleção de um produto, etc. **2. Critérios de Decisão** Lista de fatores relevantes para a decisão. Ex: Custo, Qualidade, Tempo, Sustentabilidade. **3. Parâmetros** Métricas específicas para cada critério. Ex: - Custo: Preço unitário (R$) - Qualidade: Nota de satisfação (1-5) - Tempo: Prazo de entrega (dias) - Sustentabilidade: Emissão de CO2 (ton) **4. Constantes** Valores fixos que delimitam a decisão. Ex: - Orçamento máximo: R$ 10.000 - Prazo máximo: 30 dias - Emissão máxima: 5 ton **5. Variáveis** Alternativas ou opções disponíveis. Ex: Fornecedores (X, Y, Z), Produtos (A, B, C). **6. Pesos dos Critérios** Importância relativa de cada critério (soma = 1). Ex: - Custo: 0.5 - Qualidade: 0.3 - Tempo: 0.1 - Sustentabilidade: 0.1 **7. Valores Associados às Preferências** Pontuações ou valores de cada alternativa em relação aos parâmetros. Ex: | Fornecedor | Custo (R$) | Qualidade (1-5) | Tempo (dias) | Emissão (ton) | |------------|------------|-----------------|--------------|---------------| | X | 8.000 | 4 | 20 | 4 | | Y | 9.000 | 5 | 25 | 3 | | Z | 7.500 | 3 | 15 | 6 | **8. Método de Avaliação** Procedimento para calcular a pontuação final de cada alternativa. Ex: Soma ponderada: Pontuação = (Custo_Normalizado * 0.5) + (Qualidade_Normalizado * 0.3) + (Tempo_Normalizado * 0.1) + (Emissão_Normalizado * 0.1) **9. Análise de Sensibilidade** (opcional) Verificar como mudanças nos pesos ou parâmetros afetam a decisão. **10. Recomendação** Alternativa com maior pontuação. Hmm, maybe include normalization or scoring direction (e.g., higher is better or lower is better). For example, cost is lower better, quality is higher better. So in the method, need to normalize the parameters so they can be compared. For example, for cost, invert the scale so lower cost gets higher score. Alternatively, use a scale where each parameter is converted to a score between 0 and 1, then multiplied by weight. This is getting more detailed. The framework should include how to convert parameters to scores. Maybe add a section on "Escala de Pontuação" or "Normalização". **8. Método de Avaliação** a. **Normalização dos Parâmetros**: Converter valores para uma escala comum (ex: 0-1). - Critérios onde menor é melhor (ex: Custo): Score = (Valor Máximo - Valor) / (Valor Máximo - Valor Mínimo) - Critérios onde maior é melhor (ex: Qualidade): Score = (Valor - Valor Mínimo) / (Valor Máximo - Valor Mínimo) b. **Cálculo da Pontuação Ponderada**: Multiplicar cada score pelo peso e somar. c. **Seleção da Melhor Alternativa**: Alternativa com maior pontuação. But maybe this is too technical. The user might want a framework that's flexible, not necessarily with normalization. Alternatively, use a simple scoring system where each parameter is rated (e.g., 1-5) based on preferences. But the framework needs to include all elements: criteria, parameters, constants, variables, weights, values. I think the structure I have is okay. Let me check if all elements are covered. - Critérios: Yes. - Parâmetros: Yes, the metrics. - Constantes: Fixed limits. - Variáveis: Alternatives. - Pesos: Importance of criteria. - Valores: The scores or values of alternatives on parameters. Yes, that seems to cover it. The example helps, but the framework should be general. I can present it in a structured way with sections, maybe using bullet points or tables. Also, the user might want the framework in Portuguese, given the query is in Portuguese. So I should write the framework in Portuguese. Let me adjust the example to Portuguese. **Framework de Decisão Humana** **1. Objetivo da Decisão** Define o propósito da decisão. *Exemplo:* Escolha do melhor fornecedor de matéria-prima. **2. Critérios de Decisão** Lista de fatores relevantes para a decisão. *Exemplo:* Custo, Qualidade, Prazo de Entrega, Sustentabilidade. **3. Parâmetros** Métricas específicas para cada critério. *Exemplo:* - Custo: Preço por unidade (R$) - Qualidade: Nota de qualidade (1-10) - Prazo: Tempo de entrega (dias) - Sustentabilidade: Certificação ambiental (Sim/Não) **4. Constantes** Valores fixos que delimitam a decisão. *Exemplo:* - Orçamento máximo: R$ 50.000 - Prazo máximo: 30 dias - Exigência de sustentabilidade: Sim **5. Variáveis (Alternativas)** Opções disponíveis para a decisão. *Exemplo:* Fornecedores A, B, C. **6. Pesos dos Critérios** Importância relativa de cada critério (soma = 1). *Exemplo:* - Custo: 0.4 - Qualidade: 0.3 - Prazo: 0.2 - Sustentabilidade: 0.1 **7. Valores Associados às Preferências** Pontuações ou valores de cada alternativa em relação aos parâmetros. *Exemplo:* | Fornecedor | Custo (R$) | Qualidade (1-10) | Prazo (dias) | Sustentabilidade (Sim/Não) | |------------|------------|------------------|--------------|----------------------------| | A | 45.000 | 8 | 25 | Sim | | B | 48.000 | 9 | 20 | Não | | C | 50.000 | 7 | 15 | Sim | **8. Método de Avaliação** Procedimento para calcular a pontuação final de cada alternativa. *Exemplo:* a. **Normalização dos Parâmetros**: - Custo: Menor é melhor. Score = (Custo Máximo - Custo) / (Custo Máximo - Custo Mínimo) - Qualidade: Maior é melhor. Score = (Qualidade - Qualidade Mín) / (Qualidade Máx - Qualidade Mín) - Prazo: Menor é melhor. Score = (Prazo Máximo - Prazo) / (Prazo Máximo - Prazo Mínimo) - Sustentabilidade: Sim = 1, Não = 0. b. **Cálculo da Pontuação Ponderada**: Pontuação = (Custo_Score * 0.4) + (Qualidade_Score * 0.3) + (Prazo_Score * 0.2) + (Sustentabilidade_Score * 0.1) c. **Seleção da Melhor Alternativa**: Fornecedor com maior pontuação. **9. Análise de Sensibilidade** (Opcional) Verificar como alterações nos pesos ou parâmetros afetam a decisão. **10. Recomendação** Fornecedor com maior pontuação após a avaliação. This seems to cover all elements. The example helps, but the framework is general. The user can apply this structure to any decision problem by filling in the specifics. I should also make sure that constants are clearly defined as fixed values that cannot be changed during the decision process, while variables are the alternatives or options. In the example, constants are the budget, max time, and sustainability requirement. Variables are the suppliers. The parameters are the specific metrics for each criterion. Weights are the importance, and values are the scores of each alternative on the parameters. I think this covers all the components the user asked for. Now, present it in a clear, structured way in Portuguese. ### **Framework de Decisão Humana** **Objetivo:** Estruturar o processo decisório com base em critérios, parâmetros, pesos e preferências do agente decisor. --- #### **1. Objetivo da Decisão** Define o propósito central da decisão. *Exemplo:* Escolha do melhor fornecedor para matéria-prima. --- #### **2. Critérios de Decisão** Lista de fatores relevantes para avaliar as alternativas. *Exemplo:* - Custo - Qualidade - Prazo de Entrega - Sustentabilidade --- #### **3. Parâmetros** Métricas quantitativas ou qualitativas para cada critério. *Exemplo:* | **Critério** | **Parâmetro** | |---------------------|-----------------------------------| | Custo | Preço por unidade (R$) | | Qualidade | Nota de qualidade (1-10) | | Prazo de Entrega | Tempo de entrega (dias) | | Sustentabilidade | Certificação ambiental (Sim/Não) | --- #### **4. Constantes** Valores fixos que delimitam a decisão (não variam durante o processo). *Exemplo:* - Orçamento máximo: **R$ 50.000** - Prazo máximo: **30 dias** - Exigência de sustentabilidade: **Sim** --- #### **5. Variáveis (Alternativas)** Opções disponíveis para escolha. *Exemplo:* - Fornecedor A - Fornecedor B - Fornecedor C --- #### **6. Pesos dos Critérios** Importância relativa de cada critério (valores entre 0 e 1, com soma = 1). *Exemplo:* | **Critério** | **Peso** | |---------------------|----------| | Custo | 0.4 | | Qualidade | 0.3 | | Prazo de Entrega | 0.2 | | Sustentabilidade | 0.1 | --- #### **7. Valores Associados às Preferências** Pontuações ou valores de cada alternativa em relação aos parâmetros. *Exemplo:* | **Fornecedor** | **Custo (R$)** | **Qualidade (1-10)** | **Prazo (dias)** | **Sustentabilidade** | |----------------|----------------|----------------------|------------------|-----------------------| | A | 45.000 | 8 | 25 | Sim | | B | 48.000 | 9 | 20 | Não | | C | 50.000 | 7 | 15 | Sim | --- #### **8. Método de Avaliação** Procedimento para calcular a pontuação final de cada alternativa. **Passo 1: Normalização dos Parâmetros** Converta os valores para uma escala comum (ex: 0 a 1): - **Critérios onde menor é melhor** (ex: Custo, Prazo): \( \text{Score} = \frac{\text{Valor Máximo} - \text{Valor}}{\text{Valor Máximo} - \text{Valor Mínimo}} \) - **Critérios onde maior é melhor** (ex: Qualidade): \( \text{Score} = \frac{\text{Valor} - \text{Valor Mínimo}}{\text{Valor Máximo} - \text{Valor Mínimo}} \) - **Critérios binários** (ex: Sustentabilidade): \( \text{Score} = 1 \text{ (Sim)} \text{ ou } 0 \text{ (Não)} \). **Passo 2: Cálculo da Pontuação Ponderada** Multiplique cada score pelo peso do critério e some: \[ \text{Pontuação Final} = \sum (\text{Score do Critério} \times \text{Peso}) \] **Passo 3: Seleção da Melhor Alternativa** Escolha a alternativa com maior pontuação. *Exemplo de Cálculo (usando dados do exemplo):* - **Custo:** - Mínimo = 45.000 (Fornecedor A), Máximo = 50.000 (Fornecedor C). - Score A: \( \frac{50.000 - 45.000}{50.000 - 45.000} = 1 \). - Score B: \( \frac{50.000 - 48.000}{5.000} = 0.4 \). - Score C: \( \frac{50.000 - 50.000}{5.000} = 0 \). - **Qualidade:** - Mínimo = 7 (Fornecedor C), Máximo = 9 (Fornecedor B). - Score A: \( \frac{8 - 7}{2} = 0.5 \). - Score B: \( \frac{9 - 7}{2} = 1 \). - Score C: \( \frac{7 - 7}{2} = 0 \). - **Prazo:** - Mínimo = 15 (Fornecedor C), Máximo = 25 (Fornecedor A). - Score A: \( \frac{25 - 25}{10} = 0 \). - Score B: \( \frac{25 - 20}{10} = 0.5 \). - Score C: \( \frac{25 - 15}{10} = 1 \). - **Sustentabilidade:** - Score A: 1, Score B: 0, Score C: 1. **Pontuações Ponderadas:** - Fornecedor A: \( (1 \times 0.4) + (0.5 \times 0.3) + (0 \times 0.2) + (1 \times 0.1) = 0.4 + 0.15 + 0 + 0.1 = 0.65 \). - Fornecedor B: \( (0.4 \times 0.4) + (1 \times 0.3) + (0.5 \times 0.2) + (0 \times 0.1) = 0.16 + 0.3 + 0.1 + 0 = 0.56 \). - Fornecedor C: \( (0 \times 0.4) + (0 \times 0.3) + (1 \times 0.2) + (1 \times 0.1) = 0 + 0 + 0.2 + 0.1 = 0.3 \). **Recomendação:** Fornecedor A (maior pontuação: 0.65). --- #### **9. Análise de Sensibilidade (Opcional)** Teste como mudanças nos pesos ou parâmetros afetam a decisão. *Exemplo:* Se o peso do Custo aumentar para 0.6, recalcule as pontuações. --- #### **10. Documentação e Revisão** Registre todas as etapas e revise periodicamente os critérios e pesos. --- **Aplicação:** Adapte os critérios, parâmetros e pesos conforme o contexto da decisão (ex: escolha de um carro, investimento, etc.). - Initial Deployment
44cfc5d verified | <html lang="pt-BR"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Framework de Decisão Humana</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| .gradient-bg { | |
| background: linear-gradient(135deg, #6b21a8 0%, #9333ea 100%); | |
| } | |
| .criteria-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| .toggle-checkbox:checked { | |
| right: 0; | |
| background-color: #9333ea; | |
| } | |
| .toggle-checkbox:checked + .toggle-label { | |
| background-color: #6b21a8; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <!-- Header --> | |
| <header class="gradient-bg text-white shadow-lg"> | |
| <div class="container mx-auto px-4 py-8"> | |
| <div class="flex flex-col md:flex-row justify-between items-center"> | |
| <div class="mb-6 md:mb-0"> | |
| <h1 class="text-3xl md:text-4xl font-bold mb-2">Framework de Decisão</h1> | |
| <p class="text-purple-100">Uma abordagem estruturada para tomada de decisões complexas</p> | |
| </div> | |
| <div class="flex items-center space-x-4"> | |
| <button id="new-decision" class="bg-white text-purple-800 px-6 py-2 rounded-full font-semibold hover:bg-purple-100 transition duration-300"> | |
| <i class="fas fa-plus mr-2"></i>Nova Decisão | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Main Content --> | |
| <main class="container mx-auto px-4 py-8"> | |
| <!-- Decision Info Section --> | |
| <section class="bg-white rounded-xl shadow-md p-6 mb-8"> | |
| <h2 class="text-2xl font-bold text-purple-800 mb-4">Informações da Decisão</h2> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> | |
| <div> | |
| <label class="block text-gray-700 font-medium mb-2">Título da Decisão</label> | |
| <input type="text" id="decision-title" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500" placeholder="Ex: Escolha do melhor fornecedor"> | |
| </div> | |
| <div> | |
| <label class="block text-gray-700 font-medium mb-2">Descrição</label> | |
| <textarea id="decision-description" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-purple-500" rows="2" placeholder="Descreva o propósito desta decisão..."></textarea> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Criteria Section --> | |
| <section class="bg-white rounded-xl shadow-md p-6 mb-8"> | |
| <div class="flex justify-between items-center mb-6"> | |
| <h2 class="text-2xl font-bold text-purple-800">Critérios de Decisão</h2> | |
| <button id="add-criteria" class="bg-purple-600 text-white px-4 py-2 rounded-lg hover:bg-purple-700 transition duration-300"> | |
| <i class="fas fa-plus mr-2"></i>Adicionar Critério | |
| </button> | |
| </div> | |
| <div id="criteria-container" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> | |
| <!-- Criteria cards will be added here dynamically --> | |
| <div class="criteria-card bg-gray-50 border border-gray-200 rounded-lg p-6 transition duration-300"> | |
| <div class="flex justify-between items-start mb-4"> | |
| <h3 class="text-xl font-semibold text-purple-700">Custo</h3> | |
| <button class="text-gray-400 hover:text-red-500"> | |
| <i class="fas fa-times"></i> | |
| </button> | |
| </div> | |
| <div class="mb-4"> | |
| <label class="block text-gray-600 text-sm mb-1">Parâmetro</label> | |
| <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md" value="Preço (R$)"> | |
| </div> | |
| <div class="mb-4"> | |
| <label class="block text-gray-600 text-sm mb-1">Peso</label> | |
| <input type="range" min="0" max="100" value="40" class="w-full range-slider"> | |
| <div class="flex justify-between text-xs text-gray-500 mt-1"> | |
| <span>0%</span> | |
| <span>40%</span> | |
| <span>100%</span> | |
| </div> | |
| </div> | |
| <div> | |
| <label class="block text-gray-600 text-sm mb-1">Direção</label> | |
| <div class="flex items-center"> | |
| <span class="mr-2 text-sm">Menor é melhor</span> | |
| <div class="relative inline-block w-12 mr-2 align-middle select-none"> | |
| <input type="checkbox" id="direction-toggle" class="toggle-checkbox absolute block w-6 h-6 rounded-full bg-white border-4 appearance-none cursor-pointer" checked/> | |
| <label for="direction-toggle" class="toggle-label block overflow-hidden h-6 rounded-full bg-gray-300 cursor-pointer"></label> | |
| </div> | |
| <span class="text-sm">Maior é melhor</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Constants Section --> | |
| <section class="bg-white rounded-xl shadow-md p-6 mb-8"> | |
| <div class="flex justify-between items-center mb-6"> | |
| <h2 class="text-2xl font-bold text-purple-800">Constantes</h2> | |
| <button id="add-constant" class="bg-purple-600 text-white px-4 py-2 rounded-lg hover:bg-purple-700 transition duration-300"> | |
| <i class="fas fa-plus mr-2"></i>Adicionar Constante | |
| </button> | |
| </div> | |
| <div id="constants-container" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> | |
| <!-- Constants will be added here dynamically --> | |
| <div class="bg-gray-50 border border-gray-200 rounded-lg p-6"> | |
| <div class="flex justify-between items-start mb-4"> | |
| <h3 class="text-lg font-semibold text-purple-700">Orçamento Máximo</h3> | |
| <button class="text-gray-400 hover:text-red-500"> | |
| <i class="fas fa-times"></i> | |
| </button> | |
| </div> | |
| <div class="flex items-center"> | |
| <span class="text-gray-600 mr-2">R$</span> | |
| <input type="number" class="w-full px-3 py-2 border border-gray-300 rounded-md" value="50000"> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Alternatives Section --> | |
| <section class="bg-white rounded-xl shadow-md p-6 mb-8"> | |
| <div class="flex justify-between items-center mb-6"> | |
| <h2 class="text-2xl font-bold text-purple-800">Alternativas</h2> | |
| <button id="add-alternative" class="bg-purple-600 text-white px-4 py-2 rounded-lg hover:bg-purple-700 transition duration-300"> | |
| <i class="fas fa-plus mr-2"></i>Adicionar Alternativa | |
| </button> | |
| </div> | |
| <div id="alternatives-container"> | |
| <div class="overflow-x-auto"> | |
| <table class="min-w-full bg-white border border-gray-200 rounded-lg overflow-hidden"> | |
| <thead class="bg-purple-50"> | |
| <tr> | |
| <th class="py-3 px-4 text-left text-purple-700 font-semibold">Nome</th> | |
| <!-- Criteria headers will be added here dynamically --> | |
| <th class="py-3 px-4 text-left text-purple-700 font-semibold">Custo (R$)</th> | |
| <th class="py-3 px-4 text-left text-purple-700 font-semibold">Ações</th> | |
| </tr> | |
| </thead> | |
| <tbody class="divide-y divide-gray-200"> | |
| <!-- Alternatives will be added here dynamically --> | |
| <tr> | |
| <td class="py-3 px-4"> | |
| <input type="text" class="w-full px-3 py-2 border border-gray-300 rounded-md" value="Fornecedor A"> | |
| </td> | |
| <td class="py-3 px-4"> | |
| <input type="number" class="w-full px-3 py-2 border border-gray-300 rounded-md" value="45000"> | |
| </td> | |
| <td class="py-3 px-4"> | |
| <button class="text-red-500 hover:text-red-700"> | |
| <i class="fas fa-trash"></i> | |
| </button> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Evaluation Section --> | |
| <section class="bg-white rounded-xl shadow-md p-6 mb-8"> | |
| <h2 class="text-2xl font-bold text-purple-800 mb-6">Avaliação</h2> | |
| <div class="mb-6"> | |
| <h3 class="text-xl font-semibold text-gray-800 mb-4">Resumo dos Pesos</h3> | |
| <div class="bg-purple-50 rounded-lg p-4"> | |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-4"> | |
| <div class="bg-white p-3 rounded-lg shadow-sm"> | |
| <div class="text-sm text-gray-500">Custo</div> | |
| <div class="text-lg font-bold text-purple-700">40%</div> | |
| </div> | |
| </div> | |
| <div class="mt-4 text-sm text-gray-600"> | |
| <span class="font-semibold">Total:</span> 40% (os pesos devem somar 100%) | |
| </div> | |
| </div> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-semibold text-gray-800 mb-4">Resultados</h3> | |
| <div class="overflow-x-auto"> | |
| <table class="min-w-full bg-white border border-gray-200 rounded-lg overflow-hidden"> | |
| <thead class="bg-purple-50"> | |
| <tr> | |
| <th class="py-3 px-4 text-left text-purple-700 font-semibold">Alternativa</th> | |
| <th class="py-3 px-4 text-left text-purple-700 font-semibold">Custo</th> | |
| <th class="py-3 px-4 text-left text-purple-700 font-semibold">Pontuação</th> | |
| <th class="py-3 px-4 text-left text-purple-700 font-semibold">Recomendação</th> | |
| </tr> | |
| </thead> | |
| <tbody class="divide-y divide-gray-200"> | |
| <tr> | |
| <td class="py-3 px-4">Fornecedor A</td> | |
| <td class="py-3 px-4">R$ 45.000</td> | |
| <td class="py-3 px-4">0.65</td> | |
| <td class="py-3 px-4"> | |
| <span class="inline-block bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm font-semibold">Melhor Opção</span> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Action Buttons --> | |
| <div class="flex justify-end space-x-4 mb-12"> | |
| <button class="bg-gray-200 text-gray-800 px-6 py-3 rounded-lg font-semibold hover:bg-gray-300 transition duration-300"> | |
| <i class="fas fa-save mr-2"></i>Salvar Rascunho | |
| </button> | |
| <button class="gradient-bg text-white px-6 py-3 rounded-lg font-semibold hover:opacity-90 transition duration-300"> | |
| <i class="fas fa-calculator mr-2"></i>Calcular Decisão | |
| </button> | |
| </div> | |
| </main> | |
| <!-- Footer --> | |
| <footer class="bg-gray-800 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"> | |
| <h3 class="text-xl font-bold mb-2">Framework de Decisão</h3> | |
| <p class="text-gray-400">Uma ferramenta para tomada de decisões estratégicas</p> | |
| </div> | |
| <div class="flex space-x-6"> | |
| <a href="#" class="text-gray-400 hover:text-white"> | |
| <i class="fab fa-github text-xl"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white"> | |
| <i class="fas fa-question-circle text-xl"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-700 mt-6 pt-6 text-center text-gray-400 text-sm"> | |
| © 2023 Framework de Decisão Humana. Todos os direitos reservados. | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |