Esse conteúdo foi desenvolvido para ser melhor visualizado em navegadores modernos.

Para um melhor aproveitamento, por favor atualize o seu navegador ou utilize o Chrome, Firefox ou Edge atualizado.

Framework Nova v3.1

A Nova é um framework de componentes e metodologias para a agilização do desenvolvimento dos cursos a distância.

Foi desenvolvido no ano de 2015 pela equipe de SOL - FGV tendo como base as metodologias e demandas dos cursos a serem implementados no 2DL, em página individuais e em pacotes SCORM.

Nessa versão, projetada para o ano de 2017, houve uma grande reoganização gráfica e nos códigos para permitir uma produção mais rápida, padronizada, e ainda assim flexível.

Essa documentação é altamente recomendada mesmo para quem já está habituado às versões anteriores.

Detalhes técnicos

Para garantir a maior abrangência de navegadores conjulgado com as modernas tecnologias web foram escolhidas as mais amplamente utilizadas e consolidadas.

Browser support

Desktop

Chrome 50+

Firefox 46+

Edge 13+

IE 11+

Resoluções: 1920 x 1080 | 1024 x 768

Mobile

Chrome for Android 53+

Safari 9.3+

Resoluções: 375 x 667 | 360 x 640 | 1024 x 768

O framework foi desenvolvido para pleno funcionamento dentro do LMS Brightspace, versão 2016, da empresa D2L. Nessa versão o conteúdo está restrito em um IFRAME com a largura máxima de 940 pixels e baixa adaptação à mobile, contudo esse framework prevê uma gama maior de aplicações por segurança de funcionamento em futuras versões mais flexíveis.

Para verificação do conteúdo no resultado final, utilize o emulador visual do Brightspace.

Usando

Para utilizar o Nova, basta adicionar o código abaixo na <head> e utilizar :

os elementos pré-definidos - elementos de formatação e tabulação de conteúdos
os componentes - elementos de conteúdo com interação rica

<script 
	type="text/javascript" 
	src="https://sv.www5.fgv.br/fgvonline/framework_html5/framework_nm_v3_1/js/framework.js" 
	id="framework" >
</script>
<link 
	rel="stylesheet" 
	type="text/css" 
	href="https://sv.www5.fgv.br/fgvonline/framework_html5/framework_nm_v3_1/css/bootstrap.css" >
<link 
	rel="stylesheet" 
	type="text/css" 
	href="https://sv.www5.fgv.br/fgvonline/framework_html5/framework_nm_v3_1/css/fgv-nm-default.css" >

Por padrão o framework está hospedado em https://sv.www5.fgv.br/fgvonline/framework_html5/framework_nm_v3_1/ e sua versão de desenvolvimento e testes em http://ead4.fgv.br/recursos/codigos/nm_dev_3/.

Caso utilize o Dreamweaver você pode utilizar o arquivo de Template para a página padrão e instalar a biblioteca de Snippets para os componentes.