{"id":797,"date":"2023-09-30T18:53:40","date_gmt":"2023-09-30T18:53:40","guid":{"rendered":"https:\/\/www.ccen.ufpb.br\/profqui\/?page_id=797"},"modified":"2026-08-13T20:22:03","modified_gmt":"2026-08-13T20:22:03","slug":"ate","status":"publish","type":"page","link":"https:\/\/www.ccen.ufpb.br\/profqui\/estrutura-academica\/disciplinas-2\/ate\/","title":{"rendered":"ABORDAGENS TECNOL\u00d3GICAS ATUALIZADAS PARA O ENSINO"},"content":{"rendered":"<div id=\"pl-797\"  class=\"panel-layout\" ><div id=\"pg-797-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-797-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-797-0-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"0\" ><div class=\"textwidget custom-html-widget\"><style>\n  \/* ==========================================================\n     PROFQUI\/UFPB - Disciplina Abordagens Tecnol\u00f3gicas Atualizadas para o Ensino\n     Cole este bloco em um Editor SiteOrigin, na aba Texto.\n     N\u00e3o \u00e9 necess\u00e1rio adicionar JavaScript ao rodap\u00e9.\n     ========================================================== *\/\n\n  #profqui-disciplina-ate {\n    --pq-ate-azul: #174a66;\n    --pq-ate-azul-escuro: #10384d;\n    --pq-ate-azul-vivo: #2a7fff;\n    --pq-ate-turquesa: #00d4aa;\n    --pq-ate-ciano: #00ccff;\n    --pq-ate-fundo: #f3fafc;\n    --pq-ate-borda: #cfe0e8;\n    --pq-ate-texto: #172b36;\n    --pq-ate-texto-suave: #526b78;\n    width: 100%;\n    margin: 0 0 60px;\n    color: var(--pq-ate-texto);\n    font-family: \"Helvetica Neue\", Helvetica, Arial, \"Lucida Grande\", sans-serif;\n    font-size: 17px;\n    line-height: 1.6;\n  }\n\n  #profqui-disciplina-ate,\n  #profqui-disciplina-ate * {\n    box-sizing: border-box;\n  }\n\n  #profqui-disciplina-ate a {\n    text-decoration: none;\n  }\n\n  #profqui-disciplina-ate section {\n    scroll-margin-top: 28px;\n  }\n\n  .pq-ate__sr-only {\n    position: absolute !important;\n    width: 1px !important;\n    height: 1px !important;\n    padding: 0 !important;\n    margin: -1px !important;\n    overflow: hidden !important;\n    clip: rect(0, 0, 0, 0) !important;\n    white-space: nowrap !important;\n    border: 0 !important;\n  }\n\n  \/* ---------- Abertura ---------- *\/\n\n  .pq-ate__hero {\n    position: relative;\n    display: grid;\n    grid-template-columns: minmax(0, 1.55fr) minmax(260px, 0.5fr);\n    min-height: 430px;\n    margin: 0 0 24px;\n    padding: clamp(36px, 5.8vw, 66px);\n    gap: clamp(28px, 5vw, 62px);\n    align-items: center;\n    overflow: hidden;\n    isolation: isolate;\n    background:\n      radial-gradient(circle at 88% 13%, rgba(0, 204, 255, 0.24), transparent 29%),\n      radial-gradient(circle at 71% 105%, rgba(0, 212, 170, 0.21), transparent 37%),\n      linear-gradient(135deg, #f7fcff 0%, #edfaff 53%, #f1fffb 100%);\n    border: 1px solid var(--pq-ate-borda);\n    border-radius: 24px;\n    box-shadow: 0 17px 46px rgba(23, 74, 102, 0.09);\n  }\n\n  .pq-ate__hero::before {\n    content: \"\";\n    position: absolute;\n    z-index: -2;\n    top: -165px;\n    right: -110px;\n    width: 390px;\n    height: 390px;\n    border: 1px solid rgba(42, 127, 255, 0.16);\n    border-radius: 50%;\n    box-shadow:\n      0 0 0 52px rgba(0, 212, 170, 0.045),\n      0 0 0 104px rgba(0, 204, 255, 0.03);\n  }\n\n  .pq-ate__hero-conteudo {\n    position: relative;\n    z-index: 1;\n    min-width: 0;\n  }\n\n  #profqui-disciplina-ate a.pq-ate__voltar {\n    display: inline-flex;\n    min-height: 38px;\n    margin: 0 0 25px;\n    padding: 8px 12px;\n    align-items: center;\n    gap: 8px;\n    color: var(--pq-ate-azul) !important;\n    background: rgba(255, 255, 255, 0.82);\n    border: 1px solid rgba(23, 74, 102, 0.18);\n    border-radius: 999px;\n    box-shadow: 0 5px 14px rgba(23, 74, 102, 0.055);\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 0.025em;\n    line-height: 1.2;\n    transition:\n      color 160ms ease,\n      background-color 160ms ease,\n      border-color 160ms ease,\n      transform 160ms ease;\n  }\n\n  #profqui-disciplina-ate a.pq-ate__voltar::before {\n    content: \"\\2190\";\n    font-size: 15px;\n    line-height: 1;\n  }\n\n  #profqui-disciplina-ate a.pq-ate__voltar:hover {\n    color: var(--pq-ate-azul-escuro) !important;\n    background: #ffffff;\n    border-color: #93b9ca;\n    transform: translateX(-2px);\n  }\n\n  #profqui-disciplina-ate .pq-ate__titulo {\n    max-width: 790px;\n    margin: 0;\n    color: var(--pq-ate-azul-escuro);\n    font-family: \"Helvetica Neue\", Helvetica, Arial, \"Lucida Grande\", sans-serif;\n    font-weight: 850;\n    overflow-wrap: normal;\n    word-break: normal;\n    hyphens: none;\n    text-transform: uppercase;\n  }\n\n  .pq-ate__titulo-principal {\n    display: block;\n    margin: 0 0 13px;\n    color: var(--pq-ate-azul);\n    font-size: clamp(34px, 4.8vw, 57px);\n    font-weight: 900;\n    letter-spacing: -0.045em;\n    line-height: 1;\n  }\n\n  .pq-ate__titulo-tema {\n    display: block;\n    max-width: 750px;\n    color: var(--pq-ate-azul-escuro);\n    font-size: clamp(22px, 2.8vw, 34px);\n    font-weight: 800;\n    letter-spacing: -0.033em;\n    line-height: 1.18;\n  }\n\n  .pq-ate__hero-lateral {\n    position: relative;\n    z-index: 1;\n    display: grid;\n    min-width: 0;\n    min-height: 260px;\n    align-content: end;\n  }\n\n  .pq-ate__marca {\n    position: absolute;\n    z-index: -1;\n    top: -58px;\n    right: 15px;\n    color: rgba(23, 74, 102, 0.075);\n    font-size: clamp(190px, 20vw, 278px);\n    font-weight: 950;\n    letter-spacing: -0.09em;\n    line-height: 0.8;\n    user-select: none;\n  }\n\n  .pq-ate__dados {\n    display: grid;\n    margin: 0;\n    gap: 12px;\n  }\n\n  .pq-ate__dado {\n    display: grid;\n    min-width: 0;\n    min-height: 96px;\n    padding: 17px 18px;\n    align-content: center;\n    background: rgba(255, 255, 255, 0.84);\n    border: 1px solid rgba(23, 74, 102, 0.16);\n    border-radius: 14px;\n    box-shadow: 0 10px 27px rgba(23, 74, 102, 0.075);\n    backdrop-filter: blur(5px);\n  }\n\n  .pq-ate__dado dt,\n  .pq-ate__dado dd {\n    margin: 0;\n  }\n\n  .pq-ate__dado dt {\n    color: #607b88;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 0.075em;\n    line-height: 1.25;\n    text-transform: uppercase;\n  }\n\n  .pq-ate__dado dd {\n    margin-top: 5px;\n    color: var(--pq-ate-azul);\n    font-size: 24px;\n    font-weight: 900;\n    letter-spacing: -0.035em;\n    line-height: 1.08;\n    white-space: nowrap;\n    overflow-wrap: normal;\n    word-break: normal;\n    hyphens: none;\n  }\n\n  \/* ---------- Navega\u00e7\u00e3o r\u00e1pida ---------- *\/\n\n  .pq-ate__atalhos {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    margin: 0 0 30px;\n    padding: 13px;\n    gap: 9px;\n    background: #ffffff;\n    border: 1px solid var(--pq-ate-borda);\n    border-radius: 16px;\n    box-shadow: 0 9px 25px rgba(23, 74, 102, 0.065);\n  }\n\n  #profqui-disciplina-ate a.pq-ate__atalho {\n    display: inline-flex;\n    min-width: 0;\n    min-height: 48px;\n    padding: 10px 14px;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    color: var(--pq-ate-azul) !important;\n    background: #f7fbfd;\n    border: 1px solid #c9dce5;\n    border-radius: 10px;\n    font-size: 12px;\n    font-weight: 900;\n    line-height: 1.3;\n    text-align: center;\n    transition:\n      color 160ms ease,\n      background-color 160ms ease,\n      border-color 160ms ease,\n      transform 160ms ease;\n  }\n\n  #profqui-disciplina-ate a.pq-ate__atalho::after {\n    content: \"\\2193\";\n    flex: 0 0 auto;\n    color: var(--pq-ate-turquesa);\n    font-size: 15px;\n    line-height: 1;\n  }\n\n  #profqui-disciplina-ate a.pq-ate__atalho:hover {\n    color: var(--pq-ate-azul-escuro) !important;\n    background: #eef9fb;\n    border-color: #8fbccd;\n    transform: translateY(-1px);\n  }\n\n  #profqui-disciplina-ate a:focus-visible {\n    outline: 3px solid rgba(42, 127, 255, 0.35);\n    outline-offset: 2px;\n  }\n\n  \/* ---------- Ementa ---------- *\/\n\n  .pq-ate__ementa {\n    display: grid;\n    grid-template-columns: minmax(150px, 0.28fr) minmax(0, 1fr);\n    margin: 0 0 32px;\n    overflow: hidden;\n    background: #ffffff;\n    border: 1px solid var(--pq-ate-borda);\n    border-left: 6px solid var(--pq-ate-turquesa);\n    border-radius: 18px;\n    box-shadow: 0 12px 33px rgba(23, 74, 102, 0.07);\n  }\n\n  .pq-ate__ementa-cabecalho {\n    display: grid;\n    min-height: 100%;\n    padding: clamp(24px, 4vw, 36px);\n    align-content: center;\n    background:\n      linear-gradient(135deg, rgba(0, 204, 255, 0.08), rgba(0, 212, 170, 0.06)),\n      #f7fcfd;\n    border-right: 1px solid #dce9ee;\n  }\n\n  #profqui-disciplina-ate .pq-ate__secao-titulo,\n  #profqui-disciplina-ate .pq-ate__ementa-titulo {\n    margin: 0;\n    color: var(--pq-ate-azul-escuro);\n    font-family: \"Helvetica Neue\", Helvetica, Arial, \"Lucida Grande\", sans-serif;\n    font-size: clamp(24px, 3vw, 34px);\n    font-weight: 850;\n    letter-spacing: -0.028em;\n    line-height: 1.15;\n    overflow-wrap: normal;\n    word-break: normal;\n    hyphens: none;\n    text-transform: none;\n  }\n\n  .pq-ate__ementa-texto {\n    display: grid;\n    padding: clamp(25px, 4vw, 38px);\n    align-content: center;\n  }\n\n  .pq-ate__ementa-texto p {\n    margin: 0;\n    color: #344f5d;\n    font-size: 16px;\n    line-height: 1.75;\n    text-align: justify;\n    text-justify: inter-word;\n  }\n\n  \/* ---------- Refer\u00eancias ---------- *\/\n\n  .pq-ate__referencias {\n    margin: 0 0 25px;\n    padding: clamp(25px, 4vw, 40px);\n    background: #ffffff;\n    border: 1px solid var(--pq-ate-borda);\n    border-radius: 20px;\n    box-shadow: 0 12px 34px rgba(23, 74, 102, 0.065);\n  }\n\n  .pq-ate__referencias-cabecalho {\n    margin: 0 0 22px;\n  }\n\n  .pq-ate__referencias-cabecalho::after {\n    content: \"\";\n    display: block;\n    width: 64px;\n    height: 4px;\n    margin-top: 13px;\n    background: linear-gradient(90deg, var(--pq-ate-azul-vivo), var(--pq-ate-ciano));\n    border-radius: 999px;\n  }\n\n  .pq-ate__lista-referencias {\n    margin: 0;\n    padding: 0;\n    counter-reset: pq-ate-ref;\n    list-style: none;\n  }\n\n  .pq-ate__referencia {\n    position: relative;\n    margin: 0;\n    padding: 15px 14px 15px 53px;\n    color: #3d5866;\n    border-top: 1px solid #e3edf1;\n    counter-increment: pq-ate-ref;\n    font-size: 14px;\n    line-height: 1.62;\n  }\n\n  .pq-ate__referencia:first-child {\n    border-top: 0;\n  }\n\n  .pq-ate__referencia::before {\n    content: counter(pq-ate-ref) \".\";\n    position: absolute;\n    top: 14px;\n    left: 9px;\n    display: inline-grid;\n    min-width: 29px;\n    height: 29px;\n    padding: 0 6px;\n    place-items: center;\n    color: var(--pq-ate-azul);\n    background: #eef7fa;\n    border: 1px solid #c9e0e9;\n    border-radius: 8px;\n    font-size: 11px;\n    font-weight: 900;\n    line-height: 1;\n  }\n\n  #profqui-disciplina-ate .pq-ate__referencia a {\n    color: #126f91 !important;\n    font-weight: 750;\n    text-decoration: underline;\n    text-decoration-color: rgba(18, 111, 145, 0.36);\n    text-underline-offset: 2px;\n    overflow-wrap: anywhere;\n    word-break: break-word;\n  }\n\n  #profqui-disciplina-ate .pq-ate__referencia a:hover {\n    color: var(--pq-ate-azul-vivo) !important;\n    text-decoration-color: currentColor;\n  }\n\n  \/* ---------- Retorno ---------- *\/\n\n  .pq-ate__rodape {\n    display: flex;\n    padding-top: 4px;\n    justify-content: flex-start;\n  }\n\n  #profqui-disciplina-ate a.pq-ate__voltar-final {\n    display: inline-flex;\n    min-height: 46px;\n    padding: 10px 16px;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    color: #ffffff !important;\n    background: var(--pq-ate-azul);\n    border: 1px solid var(--pq-ate-azul);\n    border-radius: 10px;\n    box-shadow: 0 8px 20px rgba(23, 74, 102, 0.16);\n    font-size: 12px;\n    font-weight: 900;\n    line-height: 1.25;\n    transition:\n      background-color 160ms ease,\n      border-color 160ms ease,\n      transform 160ms ease;\n  }\n\n  #profqui-disciplina-ate a.pq-ate__voltar-final::before {\n    content: \"\\2190\";\n    font-size: 15px;\n    line-height: 1;\n  }\n\n  #profqui-disciplina-ate a.pq-ate__voltar-final:hover {\n    background: var(--pq-ate-azul-vivo);\n    border-color: var(--pq-ate-azul-vivo);\n    transform: translateX(-2px);\n  }\n\n  \/* ---------- Responsividade ---------- *\/\n\n  @media (max-width: 900px) {\n    .pq-ate__hero {\n      grid-template-columns: minmax(0, 1.25fr) minmax(225px, 0.6fr);\n    }\n\n    .pq-ate__titulo-principal {\n      font-size: clamp(31px, 5.5vw, 46px);\n    }\n\n    .pq-ate__titulo-tema {\n      font-size: clamp(21px, 3.4vw, 29px);\n    }\n  }\n\n  @media (max-width: 760px) {\n    #profqui-disciplina-ate {\n      font-size: 16px;\n    }\n\n    .pq-ate__hero {\n      grid-template-columns: minmax(0, 1fr);\n      min-height: 0;\n      padding: 34px 24px;\n      gap: 27px;\n      border-radius: 18px;\n    }\n\n    .pq-ate__hero-lateral {\n      min-height: 0;\n    }\n\n    .pq-ate__marca {\n      top: -52px;\n      right: 0;\n      font-size: 180px;\n    }\n\n    .pq-ate__dados {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .pq-ate__dado {\n      min-height: 91px;\n    }\n\n    .pq-ate__atalhos {\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .pq-ate__ementa {\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .pq-ate__ementa-cabecalho {\n      min-height: 0;\n      border-right: 0;\n      border-bottom: 1px solid #dce9ee;\n    }\n\n    .pq-ate__referencias {\n      padding: 26px 20px;\n      border-radius: 17px;\n    }\n  }\n\n  @media (max-width: 520px) {\n    .pq-ate__hero {\n      padding: 31px 19px;\n    }\n\n    .pq-ate__titulo-principal {\n      margin-bottom: 11px;\n      font-size: clamp(29px, 10vw, 43px);\n    }\n\n    .pq-ate__titulo-tema {\n      font-size: clamp(20px, 6.5vw, 27px);\n      letter-spacing: -0.038em;\n      line-height: 1.2;\n    }\n\n    .pq-ate__dados {\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .pq-ate__dado {\n      min-height: 82px;\n    }\n\n    .pq-ate__ementa-cabecalho,\n    .pq-ate__ementa-texto {\n      padding: 24px 20px;\n    }\n\n    .pq-ate__ementa-texto p {\n      font-size: 15px;\n      line-height: 1.68;\n      text-align: left;\n    }\n\n    .pq-ate__referencias {\n      padding: 24px 15px;\n    }\n\n    .pq-ate__referencia {\n      padding: 14px 5px 14px 43px;\n      font-size: 13px;\n      line-height: 1.58;\n    }\n\n    .pq-ate__referencia::before {\n      left: 2px;\n    }\n\n    .pq-ate__rodape {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    #profqui-disciplina-ate a.pq-ate__voltar-final {\n      width: 100%;\n    }\n  }\n\n  @media (max-width: 340px) {\n    .pq-ate__titulo-principal {\n      font-size: 28px;\n    }\n\n    .pq-ate__titulo-tema {\n      font-size: 19px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #profqui-disciplina-ate *,\n    #profqui-disciplina-ate *::before,\n    #profqui-disciplina-ate *::after {\n      scroll-behavior: auto !important;\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n<\/style>\n\n<div id=\"profqui-disciplina-ate\">\n  <header class=\"pq-ate__hero\">\n    <div class=\"pq-ate__hero-conteudo\">\n      <a\n        class=\"pq-ate__voltar\"\n        href=\"https:\/\/www.ccen.ufpb.br\/profqui\/estrutura-academica\/disciplinas\/\"\n      >Voltar para Disciplinas<\/a>\n\n      <h1 class=\"pq-ate__titulo\">\n        <span class=\"pq-ate__titulo-principal\">ABORDAGENS TECNOL\u00d3GICAS<\/span>\n        <span class=\"pq-ate__titulo-tema\">ATUALIZADAS PARA O ENSINO<\/span>\n      <\/h1>\n    <\/div>\n\n    <div class=\"pq-ate__hero-lateral\">\n      <span class=\"pq-ate__marca\" aria-hidden=\"true\">A<\/span>\n\n      <dl class=\"pq-ate__dados\">\n        <div class=\"pq-ate__dado\">\n          <dt>Carga hor\u00e1ria:<\/dt>\n          <dd>60 horas<\/dd>\n        <\/div>\n        <div class=\"pq-ate__dado\">\n          <dt>N\u00famero de cr\u00e9ditos:<\/dt>\n          <dd>04<\/dd>\n        <\/div>\n      <\/dl>\n    <\/div>\n  <\/header>\n\n  <nav class=\"pq-ate__atalhos\" aria-label=\"Navega\u00e7\u00e3o nesta disciplina\">\n    <a class=\"pq-ate__atalho\" href=\"#pq-ate-ementa\">Ementa<\/a>\n    <a class=\"pq-ate__atalho\" href=\"#pq-ate-referencias\">Refer\u00eancias<\/a>\n  <\/nav>\n\n  <section id=\"pq-ate-ementa\" class=\"pq-ate__ementa\" aria-labelledby=\"pq-ate-ementa-titulo\">\n    <header class=\"pq-ate__ementa-cabecalho\">\n      <h2 id=\"pq-ate-ementa-titulo\" class=\"pq-ate__ementa-titulo\">Ementa:<\/h2>\n    <\/header>\n    <div class=\"pq-ate__ementa-texto\">\n      <p>Tecnologia digital, produto educacional e contemporaneidade. O mundo conectado. Cibercultura. Aplicativos, recursos e ferramentas. Media\u00e7\u00e3o e mobilidade. A perspectiva hist\u00f3rico-cultural. Media\u00e7\u00e3o semi\u00f3tica. Modalidades e meios mediais. Meios e suporte tecnol\u00f3gico para a difus\u00e3o da ci\u00eancia. Educa\u00e7\u00e3o e mobilidade. M\u00eddia e internet. O r\u00e1dio na educa\u00e7\u00e3o. O potencial e os limites das redes sociais. Cinema e educa\u00e7\u00e3o. Tecnologia e novas estrat\u00e9gias de avalia\u00e7\u00e3o.<\/p>\n    <\/div>\n  <\/section>\n\n  <section id=\"pq-ate-referencias\" class=\"pq-ate__referencias\" aria-labelledby=\"pq-ate-referencias-titulo\">\n    <header class=\"pq-ate__referencias-cabecalho\">\n      <h2 id=\"pq-ate-referencias-titulo\" class=\"pq-ate__secao-titulo\">Refer\u00eancias<\/h2>\n    <\/header>\n\n    <ol class=\"pq-ate__lista-referencias\">\n      <li class=\"pq-ate__referencia\">BARBA, C.; CAPELLA, S. Computadores em sala de aula: m\u00e9todos e usos. Porto Alegre: Artmed, 2012.<\/li>\n      <li class=\"pq-ate__referencia\">CASTELLS, M. A sociedade em rede: a era da informa\u00e7\u00e3o: economia, sociedade e cultura. 4. ed. S\u00e3o Paulo: Paz &amp; Terra, 2000.<\/li>\n      <li class=\"pq-ate__referencia\">COTTON, B., OLIVER, R. Understanding Hypermedia. New York: Phaidon, 1999.<\/li>\n      <li class=\"pq-ate__referencia\">ELLSWORTH, Elizabeth. Modos de endere\u00e7amento: uma coisa de cinema; uma coisa de educa\u00e7\u00e3o tamb\u00e9m. In: SILVA, Tomaz Tadeu da (Org.). Nunca fomos humanos: nos rastros do sujeito. Belo Horizonte: Aut\u00eantica, 2001.<\/li>\n      <li class=\"pq-ate__referencia\">GILBERT, J. Visualization in science education. New York: Springer,<\/li>\n      <li class=\"pq-ate__referencia\">GUPTA-BOHOWON, M. et. Al. Chemistry Education in the ICT age. New York: Springer, 2009.<\/li>\n      <li class=\"pq-ate__referencia\">HABRAKEN, C. L. Integrating into Chemistry Teaching Today\u2019s Student\u2019s Visuospatial Talents and Skills, and the Teaching of Today\u2019s Chemistry\u2019s Graphical Language. Journal of Science Education and Technology, v. 13, n. 1, 2004.<\/li>\n      <li class=\"pq-ate__referencia\">HALL, Stuart. Codifica\u00e7\u00e3o\/Decodifica\u00e7\u00e3o. In: Hall, S.; Sovik, L. (Orgs.). Da Di\u00e1spora: Identidades e Media\u00e7\u00f5es Culturais. Belo Horizonte: Editora UFMG, 2003b. p. 365-381.<\/li>\n      <li class=\"pq-ate__referencia\">HALL, Stuart.. Encoding\/decoding. In: HALL, S. et al. Culture, media, language. Hutchinson: Centre for Contemporary Cultural Studies (Ed.), 1980. p. 128-138.<\/li>\n      <li class=\"pq-ate__referencia\">HOKYOUNG, R.; PARSONS, D. Innovative mobile learning. New York: Hershey, 2009.<\/li>\n      <li class=\"pq-ate__referencia\">KRESS, G. Multimidality: a social semiotic approach to contemporary communication. New York: Routledge, 2010.<\/li>\n      <li class=\"pq-ate__referencia\">G. et. Al. Multimodal teaching and learning. London: Continuum, 2001.<\/li>\n      <li class=\"pq-ate__referencia\">L\u00c9VY, Pierre. Cibercultura. Rio de Janeiro: 34, 1999.<\/li>\n      <li class=\"pq-ate__referencia\">MEDEIROS, Jo\u00e3o Bosco. Reda\u00e7\u00e3o Cient\u00edfica: a pr\u00e1tica de fichamentos, resumos, resenhas. S\u00e3o Paulo: Atlas. 12\u00aa Ed. 2014.<\/li>\n      <li class=\"pq-ate__referencia\">MESZAROS, I. O Poder da ideologia. S\u00e3o Paulo: Boi Tempo Editorial, 2004.<\/li>\n      <li class=\"pq-ate__referencia\">MORAES, D. Cr\u00edtica da m\u00eddia e hegemonia cultural. Rio de Janeiro: Mauad X: Faperj, 2016.<\/li>\n      <li class=\"pq-ate__referencia\">MORAN, J. M. Ensino e educa\u00e7\u00e3o de qualidade. In: MORAN, J. M.; MASETTO, M.; BEHRENS, M. Novas tecnologias e media\u00e7\u00e3o pedag\u00f3gica. 8. ed. S\u00e3o Paulo: Papirus, 2004. Dispon\u00edvel em: &lt;http:\/\/ www.eca.usp.br\/prof\/moran\/qual.htm&gt;. Acesso em: 05 abr. 2012.<\/li>\n      <li class=\"pq-ate__referencia\">NEGROPONTE, Nicholas. A vida digital. S\u00e3o Paulo: Cia. das Letras, 1995.<\/li>\n      <li class=\"pq-ate__referencia\">RENDUELES, C\u00e9sar. Sociofobia: mudan\u00e7a pol\u00edtica na era da utopia digital. S\u00e3o Paulo: SESC, 2016.<\/li>\n      <li class=\"pq-ate__referencia\">SANTAELLA, L. Matrizes da linguagem e pensamento. Sonora, visual, verbal. Aplica\u00e7\u00f5es na hiperm\u00eddia. S\u00e3o Paulo: Iluminuras, 2001.<\/li>\n      <li class=\"pq-ate__referencia\">SHA, L.; LOOI, C.-K.; CHEN, W.; ZHANG, B. H. Understanding Mobile Learning from the Perspective of Self-Regulated Learning. Journal of Computer Assisted Learning, v. 28, n. 4, 2012.<\/li>\n      <li class=\"pq-ate__referencia\">SOUZA, R. R. ; ALVARENGA, L. A web sem\u00e2ntica e suas contribui\u00e7\u00f5es para a ci\u00eancia da informa\u00e7\u00e3o. Ci\u00eancia da Informa\u00e7\u00e3o, Bras\u00edlia, v. 33, n. 1, p. 132-141, jan.\/abr. 2004.<\/li>\n      <li class=\"pq-ate__referencia\">TONDEUR, J.; SCHERER, R.; BARAN, E. Teacher educators as gatekeepers: preparing the next generation of teachers for technology integration in education. British Journal of Educational Technology, v. 50, n. 3, p. 1189-1209, 2019.<\/li>\n      <li class=\"pq-ate__referencia\">ULTAY, N.; CALIK, M. A Thematic Review of Studies into the Effectiveness of Context-Based Chemistry Curricula. Journal of Science Education and Technology, v. 21, n. 6, 2012.<\/li>\n      <li class=\"pq-ate__referencia\">VANSLAMBROUCK, S. et. Al. Students\u2019 motivation and subjective task value of participating in online and blended learning enviroments. Internet and Higher Education, v. 36, p. 33-40, 2018.<\/li>\n      <li class=\"pq-ate__referencia\">VEIGA-NETO, Alfredo. Usando Gattaca: ordens e lugares. In: TEIXEIRA, In\u00eas Assun\u00e7\u00e3o C. &amp; LOPES, Jos\u00e9 S. M. (org.). A escola vai ao cinema. Belo Horizonte: Aut\u00eantica, 2003. p. 67-. 82.<\/li>\n      <li class=\"pq-ate__referencia\">VIR\u00cdLIO, Paul. A arte do motor. S\u00e3o Paulo: Esta\u00e7\u00e3o Liberdade.1996b, 134p.<\/li>\n      <li class=\"pq-ate__referencia\">Est\u00e9tica da Desapari\u00e7\u00e3o. Rio de Janeiro: Contraponto Editora, 2015.<\/li>\n      <li class=\"pq-ate__referencia\">VYGOTSKY, L. A. A forma\u00e7\u00e3o social da mente. S\u00e3o Paulo: Martins Fontes, 1984.<\/li>\n      <li class=\"pq-ate__referencia\">Pensamento e linguagem. S\u00e3o Paulo: Martins Fontes, 1991.<\/li>\n      <li class=\"pq-ate__referencia\">WONG, L. -H.; CHEN, W.; JAN, M. How Artefacts Mediate Small-Group Co-Creation Activities in a Mobile-Assisted Seamless Language Learning Environment. Journal of Computer Assisted Learning. v. 28, n. 5, 2012.<\/li>\n    <\/ol>\n  <\/section>\n\n  <div class=\"pq-ate__rodape\">\n    <a\n      class=\"pq-ate__voltar-final\"\n      href=\"https:\/\/www.ccen.ufpb.br\/profqui\/estrutura-academica\/disciplinas\/\"\n    >Voltar para Disciplinas<\/a>\n  <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Voltar para Disciplinas ABORDAGENS TECNOL\u00d3GICAS ATUALIZADAS PARA O ENSINO A Carga hor\u00e1ria: 60 horas N\u00famero de cr\u00e9ditos: 04 Ementa Refer\u00eancias Ementa: Tecnologia digital, produto educacional e contemporaneidade. O mundo conectado. Cibercultura. Aplicativos, recursos e ferramentas. Media\u00e7\u00e3o e mobilidade. A perspectiva hist\u00f3rico-cultural. Media\u00e7\u00e3o semi\u00f3tica. Modalidades e meios mediais. Meios e suporte tecnol\u00f3gico para a difus\u00e3o da [&hellip;]<\/p>\n","protected":false},"author":62,"featured_media":0,"parent":1516,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-full.php","meta":{"footnotes":""},"class_list":["post-797","page","type-page","status-publish","hentry","post"],"_links":{"self":[{"href":"https:\/\/www.ccen.ufpb.br\/profqui\/wp-json\/wp\/v2\/pages\/797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ccen.ufpb.br\/profqui\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ccen.ufpb.br\/profqui\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ccen.ufpb.br\/profqui\/wp-json\/wp\/v2\/users\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ccen.ufpb.br\/profqui\/wp-json\/wp\/v2\/comments?post=797"}],"version-history":[{"count":11,"href":"https:\/\/www.ccen.ufpb.br\/profqui\/wp-json\/wp\/v2\/pages\/797\/revisions"}],"predecessor-version":[{"id":1555,"href":"https:\/\/www.ccen.ufpb.br\/profqui\/wp-json\/wp\/v2\/pages\/797\/revisions\/1555"}],"up":[{"embeddable":true,"href":"https:\/\/www.ccen.ufpb.br\/profqui\/wp-json\/wp\/v2\/pages\/1516"}],"wp:attachment":[{"href":"https:\/\/www.ccen.ufpb.br\/profqui\/wp-json\/wp\/v2\/media?parent=797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}