{"id":47,"date":"2026-06-25T11:03:11","date_gmt":"2026-06-25T14:03:11","guid":{"rendered":"https:\/\/www.cchla.ufpb.br\/ctjd\/?page_id=47"},"modified":"2026-06-25T11:29:26","modified_gmt":"2026-06-25T14:29:26","slug":"fluxograma","status":"publish","type":"page","link":"https:\/\/www.cchla.ufpb.br\/ctjd\/fluxograma\/","title":{"rendered":"Fluxograma"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* Configura\u00e7\u00f5es Gerais de Integra\u00e7\u00e3o *\/\n        .ctjd-fluxograma-container {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n            color: #333333;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 20px;\n            background-color: #fcfcf9;\n        }\n\n        .ctjd-fluxograma-container h2 {\n            color: #5e5300;\n            text-align: center;\n            font-size: 1.8rem;\n            margin-bottom: 30px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        \/* Grid do Fluxograma *\/\n        .fluxograma-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px;\n            margin-bottom: 30px;\n        }\n\n        \/* Colunas dos Per\u00edodos *\/\n        .periodo-coluna {\n            background-color: #ffffff;\n            border-radius: 8px;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);\n            border: 1px solid rgba(94, 83, 0, 0.15);\n            display: flex;\n            flex-direction: column;\n        }\n\n        .periodo-header {\n            background-color: #5e5300;\n            color: #ffffff;\n            text-align: center;\n            padding: 12px;\n            font-weight: 600;\n            font-size: 1.1rem;\n            border-top-left-radius: 6px;\n            border-top-right-radius: 6px;\n        }\n\n        \/* Lista de Disciplinas *\/\n        .disciplinas-lista {\n            padding: 15px;\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n            flex-grow: 1;\n        }\n\n        \/* Card da Disciplina *\/\n        .disciplina-card {\n            background-color: #fafafa;\n            border-left: 4px solid #5e5300;\n            border-radius: 4px;\n            padding: 12px;\n            box-shadow: 0 2px 4px rgba(0,0,0,0.02);\n            transition: transform 0.2s, box-shadow 0.2s;\n        }\n\n        .disciplina-card:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 4px 8px rgba(94, 83, 0, 0.15);\n        }\n\n        .disciplina-nome {\n            font-weight: 600;\n            font-size: 0.95rem;\n            line-height: 1.3;\n            margin-bottom: 6px;\n            color: #1a1a1a;\n        }\n\n        .disciplina-meta {\n            display: flex;\n            gap: 10px;\n            font-size: 0.8rem;\n            color: #666666;\n            font-weight: 500;\n        }\n\n        .meta-item {\n            background-color: rgba(94, 83, 0, 0.08);\n            color: #5e5300;\n            padding: 2px 6px;\n            border-radius: 3px;\n        }\n\n        \/* Destaque para as mat\u00e9rias de Projeto Pr\u00e1tico (Carga hor\u00e1ria alta) *\/\n        .disciplina-card.projeto-destaque {\n            background-color: rgba(94, 83, 0, 0.04);\n            border-left-width: 6px;\n            border-top: 1px solid rgba(94, 83, 0, 0.2);\n            border-right: 1px solid rgba(94, 83, 0, 0.2);\n            border-bottom: 1px solid rgba(94, 83, 0, 0.2);\n        }\n        .disciplina-card.projeto-destaque .meta-item {\n            background-color: #5e5300;\n            color: #ffffff;\n        }\n\n        \/* Totais por Per\u00edodo *\/\n        .periodo-total {\n            background-color: rgba(94, 83, 0, 0.05);\n            border-top: 1px dashed rgba(94, 83, 0, 0.3);\n            padding: 12px;\n            text-align: center;\n            font-size: 0.85rem;\n            font-weight: 600;\n            color: #5e5300;\n            border-bottom-left-radius: 6px;\n            border-bottom-right-radius: 6px;\n        }\n\n        \/* Rodap\u00e9 de Informa\u00e7\u00f5es Curriculares *\/\n        .fluxograma-footer {\n            background-color: #ffffff;\n            border: 1px solid rgba(94, 83, 0, 0.2);\n            border-radius: 8px;\n            padding: 20px;\n            margin-top: 20px;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);\n        }\n\n        .footer-info-title {\n            color: #5e5300;\n            font-weight: 600;\n            margin-top: 0;\n            margin-bottom: 8px;\n            font-size: 1.05rem;\n        }\n\n        .footer-text {\n            font-size: 0.9rem;\n            line-height: 1.5;\n            color: #555555;\n            margin: 0 0 12px 0;\n        }\n\n        .footer-text:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* Responsividade (Telas menores) *\/\n        @media (max-width: 992px) {\n            .fluxograma-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 600px) {\n            .fluxograma-grid {\n                grid-template-columns: 1fr;\n            }\n            .ctjd-fluxograma-container h2 {\n                font-size: 1.4rem;\n            }\n        }\n<\/style>\n\n<div class=\"ctjd-fluxograma-container\">\n    \n\n    <div class=\"fluxograma-grid\">\n        \n        <div class=\"periodo-coluna\">\n            <div class=\"periodo-header\">1\u00ba Per\u00edodo<\/div>\n            <div class=\"disciplinas-lista\">\n                <div class=\"disciplina-card\">\n                    <div class=\"disciplina-nome\">Estudo e Teoria dos Jogos<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">60h<\/span><span class=\"meta-item\">4 cr<\/span><\/div>\n                <\/div>\n                <div class=\"disciplina-card\">\n                    <div class=\"disciplina-nome\">Game Design<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">90h<\/span><span class=\"meta-item\">6 cr<\/span><\/div>\n                <\/div>\n                <div class=\"disciplina-card\">\n                    <div class=\"disciplina-nome\">Arte para Jogos Digitais I<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">60h<\/span><span class=\"meta-item\">4 cr<\/span><\/div>\n                <\/div>\n                <div class=\"disciplina-card\">\n                    <div class=\"disciplina-nome\">Programa\u00e7\u00e3o Criativa para Jogos<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">60h<\/span><span class=\"meta-item\">4 cr<\/span><\/div>\n                <\/div>\n                <div class=\"disciplina-card\">\n                    <div class=\"disciplina-nome\">Hist\u00f3ria dos Jogos Digitais<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">30h<\/span><span class=\"meta-item\">2 cr<\/span><\/div>\n                <\/div>\n                <div class=\"disciplina-card projeto-destaque\">\n                    <div class=\"disciplina-nome\">Projeto de Empreendedorismo para Jogos Digitais<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">150h<\/span><span class=\"meta-item\">10 cr<\/span><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"periodo-total\">Total: 450 h | 30 cr<\/div>\n        <\/div>\n\n        <div class=\"periodo-coluna\">\n            <div class=\"periodo-header\">2\u00ba Per\u00edodo<\/div>\n            <div class=\"disciplinas-lista\">\n                <div class=\"disciplina-card\">\n                    <div class=\"disciplina-nome\">Gest\u00e3o de Projetos para Jogos Digitais<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">60h<\/span><span class=\"meta-item\">4 cr<\/span><\/div>\n                <\/div>\n                <div class=\"disciplina-card\">\n                    <div class=\"disciplina-nome\">Arte para Jogos Digitais II<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">60h<\/span><span class=\"meta-item\">4 cr<\/span><\/div>\n                <\/div>\n                <div class=\"disciplina-card\">\n                    <div class=\"disciplina-nome\">Design de Cen\u00e1rios e Personagens<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">60h<\/span><span class=\"meta-item\">4 cr<\/span><\/div>\n                <\/div>\n                <div class=\"disciplina-card\">\n                    <div class=\"disciplina-nome\">Escrita e Narrativa para Jogos Digitais<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">60h<\/span><span class=\"meta-item\">4 cr<\/span><\/div>\n                <\/div>\n                <div class=\"disciplina-card\">\n                    <div class=\"disciplina-nome\">Programa\u00e7\u00e3o Orientada a Objetos para Jogos<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">60h<\/span><span class=\"meta-item\">4 cr<\/span><\/div>\n                <\/div>\n                <div class=\"disciplina-card projeto-destaque\">\n                    <div class=\"disciplina-nome\">Projeto de Jogos Digitais 2D<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">150h<\/span><span class=\"meta-item\">10 cr<\/span><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"periodo-total\">Total: 450 h | 30 cr<\/div>\n        <\/div>\n\n        <div class=\"periodo-coluna\">\n            <div class=\"periodo-header\">3\u00ba Per\u00edodo<\/div>\n            <div class=\"disciplinas-lista\">\n                <div class=\"disciplina-card\">\n                    <div class=\"disciplina-nome\">Computa\u00e7\u00e3o Gr\u00e1fica Aplicada a Jogos<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">60h<\/span><span class=\"meta-item\">4 cr<\/span><\/div>\n                <\/div>\n                <div class=\"disciplina-card\">\n                    <div class=\"disciplina-nome\">Modelagem e Anima\u00e7\u00e3o 3D<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">60h<\/span><span class=\"meta-item\">4 cr<\/span><\/div>\n                <\/div>\n                <div class=\"disciplina-card\">\n                    <div class=\"disciplina-nome\">Programa\u00e7\u00e3o Avan\u00e7ada para Jogos<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">60h<\/span><span class=\"meta-item\">4 cr<\/span><\/div>\n                <\/div>\n                <div class=\"disciplina-card\">\n                    <div class=\"disciplina-nome\">Dire\u00e7\u00e3o de Arte para Jogos Digitais<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">60h<\/span><span class=\"meta-item\">4 cr<\/span><\/div>\n                <\/div>\n                <div class=\"disciplina-card\">\n                    <div class=\"disciplina-nome\">Interface e Usabilidade para Jogos Digitais<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">60h<\/span><span class=\"meta-item\">4 cr<\/span><\/div>\n                <\/div>\n                <div class=\"disciplina-card projeto-destaque\">\n                    <div class=\"disciplina-nome\">Projeto de Jogos Digitais 3D<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">150h<\/span><span class=\"meta-item\">10 cr<\/span><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"periodo-total\">Total: 450 h | 30 cr<\/div>\n        <\/div>\n\n        <div class=\"periodo-coluna\">\n            <div class=\"periodo-header\">4\u00ba Per\u00edodo<\/div>\n            <div class=\"disciplinas-lista\">\n                <div class=\"disciplina-card\">\n                    <div class=\"disciplina-nome\">Game Design Experimental<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">60h<\/span><span class=\"meta-item\">4 cr<\/span><\/div>\n                <\/div>\n                <div class=\"disciplina-card\">\n                    <div class=\"disciplina-nome\">Projeto de Comunica\u00e7\u00e3o para Jogos Digitais<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">60h<\/span><span class=\"meta-item\">4 cr<\/span><\/div>\n                <\/div>\n                <div class=\"disciplina-card\">\n                    <div class=\"disciplina-nome\">Optativa<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">60h<\/span><span class=\"meta-item\">4 cr<\/span><\/div>\n                <\/div>\n                <div class=\"disciplina-card\">\n                    <div class=\"disciplina-nome\">Controle de Qualidade em Jogos Digitais<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">30h<\/span><span class=\"meta-item\">2 cr<\/span><\/div>\n                <\/div>\n                <div class=\"disciplina-card\">\n                    <div class=\"disciplina-nome\">Design de Som<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">30h<\/span><span class=\"meta-item\">2 cr<\/span><\/div>\n                <\/div>\n                <div class=\"disciplina-card projeto-destaque\">\n                    <div class=\"disciplina-nome\">Est\u00fadio de Cria\u00e7\u00e3o de Jogos<\/div>\n                    <div class=\"disciplina-meta\"><span class=\"meta-item\">210h<\/span><span class=\"meta-item\">14 cr<\/span><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"periodo-total\">Total: 450 h | 30 cr<\/div>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"fluxograma-footer\">\n        <p class=\"footer-info-title\"> Observa\u00e7\u00f5es<\/p>\n        <p class=\"footer-text\"><strong>Conte\u00fados Flex\u00edveis:<\/strong> 210h &#8211; 14 cr a serem integralizados ao longo do curso atrav\u00e9s de T\u00f3picos Especiais em Jogos de I a IV.<\/p>\n        <p class=\"footer-text\"><strong>Integraliza\u00e7\u00e3o Curricular Obrigat\u00f3ria:<\/strong> 2.010 horas \/ 134 cr\u00e9ditos.<\/p>\n    <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>1\u00ba Per\u00edodo Estudo e Teoria dos Jogos 60h4 cr Game Design 90h6 cr Arte para [&hellip;]<\/p>\n","protected":false},"author":542,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-47","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cchla.ufpb.br\/ctjd\/wp-json\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cchla.ufpb.br\/ctjd\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cchla.ufpb.br\/ctjd\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cchla.ufpb.br\/ctjd\/wp-json\/wp\/v2\/users\/542"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cchla.ufpb.br\/ctjd\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":4,"href":"https:\/\/www.cchla.ufpb.br\/ctjd\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/www.cchla.ufpb.br\/ctjd\/wp-json\/wp\/v2\/pages\/47\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/www.cchla.ufpb.br\/ctjd\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}