Blended learning (aprendizado híbrido)
The following has evaluated to null or missing:
==> mostrarTituloH2 [in template "20102#20129#105831" at line 4, column 40]
----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----
----
FTL stack trace ("~" means nesting-related):
- Failed at: #assign hayH2 = getterUtil.getBoolean... [in template "20102#20129#105831" at line 4, column 1]
----
1<#assign title = .vars['reserved-article-title'].getData()>
2<div class="containerInterior">
3<#assign hayH1 = getterUtil.getBoolean(MostrarTituloH1.getData())>
4<#assign hayH2 = getterUtil.getBoolean(mostrarTituloH2.getData())>
5
6<#if hayH1>
7 <h1 aria-level="1" role="heading" id="titulo">${layout.getName(locale)}</h1>
8</#if>
9<#if hayH2>
10
11 <#if TituloContenido.getData()?? && TituloContenido.getData() != "">
12 <#assign contenido = TituloContenido.getData()>
13 <#else>
14 <#assign contenido = title>
15 </#if>
16
17 <#if hayH1>
18 <p id="subtitulo"
19 aria-level="2"
20 role="heading"
21 style="
22 color: #007f33 !important;
23 font-size: 45px;
24 font-family: 'IberPangea Medium', sans-serif;
25 line-height: 45px;
26 margin-top: .75em;
27 margin-bottom: .9em;">
28 ${contenido}
29 </p>
30 <#else>
31 <p id="subtitulo"
32 style="
33 color: #007f33 !important;
34 font-size: 45px;
35 font-family: 'IberPangea Medium', sans-serif;
36 line-height: 45px;
37 margin-top: .75em;
38 margin-bottom: .9em;">
39 ${contenido}
40 </p>
41 </#if>
42
43</#if>
44
45<#if getterUtil.getBoolean(MostrarCategorias.getData())>
46
47
48
49 <#assign journalArticleId = .vars['reserved-article-id'].data>
50 <#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")>
51
52 <#assign assetCategoryPropertyLocalService = serviceLocator.findService("com.liferay.asset.category.property.service.AssetCategoryPropertyLocalService") />
53
54 <#assign article = journalArticleLocalService.getArticle(groupId, .vars['reserved-article-id'].data) />
55 <#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService")>
56 <#assign asset = assetEntryLocalService.getEntry('com.liferay.journal.model.JournalArticle', article.resourcePrimKey) >
57 <#assign layoutLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService") />
58
59 <p class="tag-categorias">
60
61 <#list asset.getCategories() as category>
62
63
64
65 <#if assetCategoryPropertyLocalService.fetchCategoryProperty(category.getCategoryId(), "friendlyURL")??>
66
67 <#assign categoryFriendly = '/tag/' + assetCategoryPropertyLocalService.fetchCategoryProperty(category.getCategoryId(), "friendlyURL").getValue() />
68
69 <#if layoutLocalService.fetchLayoutByFriendlyURL(groupId, false, categoryFriendly)??>
70 <#assign categoryLayout = layoutLocalService.fetchLayoutByFriendlyURL(groupId, false, categoryFriendly) />
71 <#assign categoryLayoutURL = portalUtil.getLayoutFullURL(categoryLayout, themeDisplay) />
72
73 <a class="tag-categoria" href="${categoryLayoutURL}">${category.getTitle(locale)?cap_first}</a>
74
75 <#else>
76 <a class="tag-categoria" href="/tag/#">${category.getTitle(locale)?cap_first}</a>
77
78 </#if>
79 </#if>
80
81
82
83
84 </#list>
85
86 </p>
87
88</#if>
89<div id="contenidoEntradilla">${DescripcionDetalleContenido.getData()}</div>
90
91
92<#if ContenidoWebcofl.getSiblings()?has_content>
93 <#list ContenidoWebcofl.getSiblings() as cur_ContenidoWebcofl>
94 <#assign
95 webContentData = jsonFactoryUtil.createJSONObject(cur_ContenidoWebcofl.getData())
96 />
97
98 <#if webContentData?length gt 5>
99 <@liferay_asset["asset-display"]
100 className = webContentData.className
101 classPK = webContentData.classPK?number
102 />
103
104 </#if>
105
106
107 </#list>
108</#if>
109</div>
110<@liferay_util["html-top"]>
111<style>
112 #decPagination div.containerInterior p#subtitulo {
113 font-family: "Iberpangea Medium";
114 font-size: 45px;
115 line-height: 45px;
116 color: #007F33;
117 margin-bottom: 20px;
118 }
119
120
121 div.contenidoCentrado div.contenidoInterior div.containerInterior p.tag-categorias a.tag-categoria:focus{
122 outline: 2px solid rgba(0, 0, 0, 0.7) !important;
123 }
124 p.tag-categorias > .tag-categoria {
125 width: auto !important;
126 max-width: inherit !important;
127 }
128
129 div.faldon h2 {
130 width: 100%;
131 float: left;
132 font-size: 1.26em;
133 font-family: IberPangeaText Light, sans-serif;
134 margin-bottom: 2em;
135 border-bottom: 1px solid #e0e0e0;
136 padding-bottom: .8em;
137 color: #427314 !important;
138
139 line-height: 1.35em;
140 margin-top: .75em;
141 }
142 .contenidoInterior div.faldon h2+ul li:before {
143 margin: .15em 0 0 -1.75em;
144 font-size: 1em;
145 }
146 .cursiva_texto {
147 font-style: italic;
148 }
149 .contenidoInterior h1 {
150 font-family: 'IberPangea', sans-serif !important;
151 font-size: 32px !important;
152 border: none !important;
153 line-height: 36px !important;
154 letter-spacing: 0px !important;
155 color: #00402A !important;
156 padding-left: 0em !important;
157 margin-bottom: 14px !important;
158 }
159 p span.table a.enlace-actualidad[href*="/tag/"],
160 p span.table a.enlace-actualidad[href*="/label/"],
161 p.tag-categorias a.tag-categoria[href*="/tag/"],
162 p.tag-categorias a.tag-categoria[href*="/label/"]{
163 line-height: 23px !important;
164 }
165 .contenidoInterior #contenidoEntradilla p.entradilla {
166 font-family: IberPangeaText, sans-serif !important;
167 font-size: 17px !important;
168 line-height: 23px !important;
169 font-weight: 700;
170 color: #615D5A !important;
171 margin-top: 2em;
172 }
173
174 .contenidoInterior h2#subtitulo{
175 font-family: 'IberPangea Medium', sans-serif !important;
176 margin-bottom: 0.4em;
177 }
178 #decPagination div.containerInterior{
179 max-width:980px;
180 margin:0 auto 25px;
181 }
182 #decPagination div.containerInterior h1#titulo{
183 font-family:"Iberpangea Medium";
184 font-size:32px;
185 line-height:36px;
186 color:#00402A;
187 text-transform:none;
188 border-left:none;
189 margin-top:20px;
190 }
191 #decPagination div.containerInterior h2#subtitulo{
192 font-family:"Iberpangea Medium";
193 font-size:45px;
194 line-height:45px;
195 color:#007F33;
196 margin-bottom:20px;
197 }
198 #decPagination div.containerInterior p.tag-categorias{
199 margin-bottom:30px !important;
200 }
201 #decPagination div.containerInterior p.tag-categorias a.tag-categoria{
202 margin-right:20px;
203 color:#00402A;
204 }
205 #decPagination div.containerInterior div#contenidoEntradilla p.entradilla{
206 font-family:"IberpangeaText";
207 font-size:20px ;
208 line-height:26px;
209 color:#615D5A;
210 }
211 @media all and (max-width:500px){
212 #decPagination div.containerInterior h1#titulo{
213 font-size:26px;
214 line-height:36px;
215 }
216 #decPagination div.containerInterior h2#subtitulo{
217 font-size:35px;
218 line-height:35px;
219 margin-bottom:20px;
220 }
221 #decPagination div.containerInterior div#contenidoEntradilla p.entradilla{
222 font-family:"IberpangeaText Bold";
223 font-size:16px ;
224 line-height:24px;
225 }
226 }
227 @media screen and (max-width: 47.95em) {
228 .contenidoInterior h1 {
229 font-size: 26px !important;
230 }
231 .contenidoInterior h2#subtitulo{
232 font-size: 35px;
233 line-height: 35px;
234 color: #007F33 !important;
235 margin-bottom: 1em;
236 }
237 .contenidoInterior #contenidoEntradilla p.entradilla {
238 margin-top: 0.8em;
239 }
240 .contenidoInterior #contenidoEntradilla p.entradilla {
241 line-height: 24px !important;
242 }
243 }
244
245
246</style>
247</@>

O impacto da digitalização na educação já era uma realidade antes da pandemia da COVID-19 com o crescimento da educação online, mas o confinamento tornou-a massiva — exceto naqueles lugares onde existe exclusão digital —, o que obrigou os estudantes a acessarem a educação em suas próprias casas. Depois da primeira onda, o mundo docente enfrentou o desafio do novo ano letivo, adotando a aprendizagem semipresencial, ou blended learning, que se revelou como uma aposta de presente e futuro.
O que é o 'blended learning'
O blended learning, também conhecido como b-learning, é um tipo de aprendizagem que combina o ensino remoto e presencial com um objetivo: reunir o melhor de ambos os métodos para chegar a uma aprendizagem mais eficiente. Embora não seja novo, uma vez que esse modelo de educação disruptiva surgiu no final dos anos 90 através do Clayton Christensen Institute for Disruptive Education, o vertiginoso desenvolvimento das Tecnologias da Informação e Comunicação (TICs) fez com que tanto esse quanto outros modelos de aprendizagem virtual decolassem.
"A aprendizagem 'online' não é o grande assunto do futuro, é o grande assunto do presente"
Donna J. Abernathy, escritora e pesquisadora de 'e-learning'
Não existe uma única forma de aplicar o blended learning, ou seja, a forma de ministrar esse método de ensino depende dos interesses de cada escola, pois algumas priorizam as aulas presenciais enquanto outras preferem o método digital. Uma referência é o High Tech High, uma rede de escolas norte-americanas que há anos aposta nesse modelo. Dessa forma, seus estudantes utilizam programas online para complementar as aulas de matemática ou de idiomas e, segundo apontam seus resultados, 98 % de seus alunos conseguem entrar na universidade, portanto poderíamos dizer que é um sucesso.
Modalidades do 'blended learning'
O Clayton Christensen Institute for Disruptive Innovation aponta quatro modelos fundamentais:
Rotacional
Os estudantes fazem rotação seguindo um horário fixo ou de acordo com o critério do professor entre diferentes modalidades de aprendizagem, sendo uma delas o método virtual. Esse modelo, por sua vez, oferece diversas opções (estações, laboratório, individual), no entanto o mais famoso é a sala de aula invertida, ou flipped classroom, onde os estudantes aprendem fora de sala através de recursos educativos online e realizam as atividades práticas na classe guiados pelo professor.
Flex
Os professores instruem e apoiam sua turma de alunos em aula em um horário flexível e com pouca procura — tutorias, por exemplo —, ao mesmo tempo que os estudantes progridem segundo seu próprio ritmo em relação ao conteúdo mediante plataformas online.
À la carte
Os alunos escolhem que disciplinas aprender de forma virtual, dependendo da própria oferta da escola, mas as demais matérias são ministradas de forma presencial.
Virtual aprimorado ou enriquecido
Algumas sessões são ministradas aos alunos em sala de aula, mas depois estes têm liberdade para completar o curso de forma online. Apesar de não terem seus professores cara a cara todos os dias da semana, exige o cumprimento de um certo número de horas de aprendizagem presencial.
Vantagens e desvantagens do 'blended learning'
A seguir, elencamos algumas das principais vantagens do blended learning: melhora a motivação e o desempenho dos estudantes, promove a participação, a autoaprendizagem e o trabalho em equipe, abre novas vias de inter-relação entre professores e alunos, permite uma maior flexibilidade, incentiva a inteligência digital e a aquisição de competências digitais, etc.
No entanto, esse modelo de aprendizagem também tem inconvenientes. Na opinião dos especialistas, o maior deles é que inicialmente pode ser complicado dada a exigência de trabalho individual e a imprescindível aquisição de competências tecnológicas que envolve, provocando uma dilatação da curva de aprendizagem.

Como desenvolver un modelo 'blended learning'
Os principais passos para instaurar com sucesso o modelo blended learning são os seguintes:
1. Ter um plano. Implementar o modelo blended learning envolve uma mudança estratégica que exige, a sua vez, um plano por parte da direção da escola.
2. Ir passo a passo. Estabelecer objetivos claros e executar de forma sistemática o plano permite aprender rapidamente dos erros. Além disso, as pequenas conquistas proporcionam conhecimento e motivação.
3. Envolver o pessoal da escola. É imprescindível consultar os professores, assim como os alunos e pais para que possam entender melhor o que precisam e desejam em cada momento.
4. Dispor dos recursos adequados. Os material didático online é diferente do presencial. Um conteúdo interativo interessante melhora a experiência de aprendizagem.
5. Adaptar a tecnologia às necessidades. É preciso se perguntar como a tecnologia pode contribuir para que professores e alunos alcancem a melhor aprendizagem possível.
6. Avaliar os resultados. Compilar os dados e analisar as informações constantemente é a melhor forma de saber se os objetivos foram ou não atingidos.