Banners/ Alerts

Título

Mensagem

<div class="alert alert-success">
<h4 class="alert-heading">Título</h4>
<p>Mensagem</p>
</div>

Este banner dispensa a utilização de uma cor específica para seus links

 

Título

Mensagem

<div class="alert alert-info">
<h4 class="alert-heading">Título</h4>
<p>Mensagem</p>
</div>

Para links, utilize a cor #245269, exemplo: <p><a href="/endereço do link" style="color: #245269;" title="Título do link">Link</a></p>

 

Título

Mensagem

<div class="alert alert-warning">
<h4 class="alert-heading">Título</h4>
<p>Mensagem</p>
</div>

Para links, utilize a cor #8a6d3b, exemplo: <p><a href="/endereço do link" style="color: #8a6d3b;" title="Título do link">Link</a></p>

 

Título

Mensagem

<div class="alert alert-danger">
<h4 class="alert-heading">Título</h4>
<p>Mensagem</p>
</div>

Para links, utilize a cor #a94442, exemplo: <p><a href="/endereço do link" style="color: #a94442;" title="Título do link">Link</a></p>

Comentários (Código-fonte)

Para comentar um trecho de um código-fonte (html), utilize "<!-- Conteúdo -->"

Convocações CG

Títulos dos artigos (Categoria "Comissão de Graduação > Convocações")

Número da sessão (em algarismos romanos) [+] 'Tipo' de sessão (Ordinária/ Extra) [+] Ano [+] Traço [+] Dia/Mês

Exemplo: I Sessão Ordinária 2016 - 01/02

Observações

Grafar sempre Sessão Ordinária ou Sessão Extraordinária. Não utilizar, por exemplo, sessão ordinária, ou SESSÃO ORDINÁRIA

Não utilizar ponto final nos títulos dos artigos

 

Conteúdos/ Corpo dos artigos

CABEÇALHO

  • Texto referente à convocação (O Presidente da Comissão de Graduação...)
  • Parágrafo (em branco)
  • Data e hora, descritos no formato: Dia 01 de janeiro (segunda-feira), às 14 horas [destacar/ negrito]
  • Local de realização, descrito 'do maior para o menor', no formato: Local: Campus Santo André, Bloco A, Torre 1, 3º andar, Sala 312-1

Exemplo

I Sessão Ordinária 2016 - 01/01 (Título do artigo)

O Presidente da Comissão de Graduação da Universidade Federal do ABC – UFABC, com fundamento no Artigo 9º, Inciso I da Resolução ConsUni nº 47 de 03/08/2010, publicada na Edição Extraordinária do Boletim de Serviço de 09 de agosto de 2010, convoca V.Sa. para a I Sessão Ordinária da Comissão de Graduação de 2016.

 

Dia 01 de janeiro (segunda-feira), às 14 horas

Local: Campus Santo André, Bloco A, Torre 1, 3º andar, Sala 312-1

PAUTA

Destacar, utilizando negrito, os itens: Informes do Presidente, Informes dos Membros, Ordem do dia, Expediente

Não utilizar 'listas' para numerar os parágrafos

Exemplo

Informes do Presidente

Texto do informe

 

Informes dos Membros

Texto do primeiro informe

Texto do segundo informe

 

Ordem do dia

1. Primeiro item (Anexos OD1, OD1A...)

Relatoria: Nome do(a) Relator(a)

2. Segundo item (Anexo OD2)

Relatoria: Nome do(a) Relator(a)

 

Expediente

1. Primeiro item (Anexos EXP1, EXP2...)

Relatoria: Nome do(a) Relator(a)

 

Versão para impressão

Resoluções CG

Convenções referentes aos Artigos

Títulos - Dos títulos deverão constar: número, data (dd/mm/aa) e assunto. Exemplo:

Resolução nº 10 - 17/12/15 - Estabelece normas e procedimentos para oferecimento de disciplinas semipresenciais em cursos de graduação presenciais da UFABC

Os títulos dos artigos não devem ser pontuados ao final (ponto final)

 

Apelidos - Convenção: resolucao-cg-01 / resolucao-cg-02 [...]

 

Cabeçalhos - Os cabeçalhos deverão ser centralizados e formatados com o estilo "h5". As expressões que os compõem (Ministério da Educação, Fundação Universidade...), deverão integrar um mesmo parágrafo, separadas por uma quebra do tipo "br" (Shift + Enter).

Exemplo:

MINISTÉRIO DA EDUCAÇÃO
Fundação Universidade Federal do ABC
Comissão de Graduação
Av. dos Estados, 5001 · Bairro Santa Terezinha · Santo André - SP
CEP 09210-580 · Fone: (11) 4996.7910/7983
Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.

Ctrl C + Ctrl V

<h5 style="text-align: center;"><strong>MINISTÉRIO DA EDUCAÇÃO</strong><br /><strong>Fundação Universidade Federal do ABC</strong><br /><strong>Comissão de Graduação</strong><br />Av. dos Estados, 5001 · Bairro Santa Terezinha · Santo André - SP<br />CEP 09210-580 · Fone: (11) 4996.7910/7983<br />Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.</h5>

 

Títulos - Redigidos em Caixa Alta, centralizados e destacadas em negrito, deverão informar o número e a data da Resolução.

Os títulos não devem ser pontuados ao final (ponto final)

Exemplo:

RESOLUÇÃO DA COMISSÃO DE GRADUAÇÃO Nº 01, DE 28 DE SETEMBRO DE 2010

 

Subtítulos - Redigidos no estilo Caixa Alta - Caixa Baixa, deverão ser formatados à direita e destacados em ítalico, informando o texto de acordo com a configuração feita pelo Gabinete para publicação no Boletim de Serviço.

Exemplo:

Normatiza o processo de credenciamento dos docentes para a
formação dos Corpos Docentes dos cursos da UFABC.

 

Corpo do texto - Os textos deverão destacar em negrito as expressões "Comissão de Graduação [...]", "RESOLVE" (redigida em Caixa Alta), e o "Nome do(a) Presidente", e deverão ser formatados justificados.

Exemplo de Resolução/ Formatação

 

MINISTÉRIO DA EDUCAÇÃO
Fundação Universidade Federal do ABC
Comissão de Graduação
Av. dos Estados, 5001 · Bairro Santa Terezinha · Santo André - SP
CEP 09210-580 · Fone: (11) 4996.7910/7983
Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.

 

RESOLUÇÃO DA COMISSÃO DE GRADUAÇÃO Nº 01, DE 28 DE SETEMBRO DE 2010

 

Normatiza o processo de credenciamento dos docentes para a
formação dos Corpos Docentes dos cursos da UFABC.

 

A Comissão de Graduação da Fundação Universidade Federal do ABC - UFABC, nomeada pela Portaria Nº 913 da Reitoria, de 27 de setembro de 2010, no uso de suas atribuições legais e estatutárias, considerando o que dispõe a Resolução ConsUni nº 47,

  • Observação 1;
  • Observação 2; e
  • Observação 3,

RESOLVE:

[...]

Art. 8º Esta Resolução entrará em vigor na data de sua publicação no Boletim de Serviço da UFABC.

 

Derval dos Santos Rosa
Presidente da Comissão de Graduação

 

Versão para impressão
(Link "simples", com a letra "V" maiúscula e as demais, minúsculas / Padrão de nomeação dos arquivos "pdf" )

Arquivos do tipo "Versão para impressão" deverão ser nomeados de modo a identificar o número e o ano da resolução (Ex.: "resolucao_cg_001_2010")

Font Awesome Icons

Para inserir um ícone em um texto - que pode ser um artigo ou um módulo (html), por exemplo - utilize a seguinte sintaxe:

<p><span class="fa fa-hand-o-right"></span> Texto de exemplo<p>

<p><span class="fa fa-check"></span> Texto de exemplo<p>

✓ (&#10003;) Fonte

Resultado:

Texto de exemplo

Observação: se, por algum motivo, o editor (joomla) não reconhecer o espaço entre o fechamento da tag "span" e o início do texto, utilize "&nbsp;" (o ponto e vírgula faz parte da sintaxe/ precisa ser declarado). Neste caso, a sintaxe ficaria <p><span class="fa fa-hand-o-right"></span>&nbsp;Texto de exemplo</p>

Ícones disponíveis: https://fortawesome.github.io/Font-Awesome/icons

Padrões para publicação de arquivos (pdf; doc; xlsx; etc.)

NORMA GERAL PARA LINKS

Links para arquivos (no corpo de um artigo; em um item de menu; etc.) devem ser configurados para serem visualizados na mesma aba (target=none), vide img a seguir

Preencher também o campo "title" para que o conteúdo possa ser lido por um software, caso um cego o esteja utilizando para acessar o site, por exemplo

Title + New Window

 

 

NOMEANDO ARQUIVOS

Evite nomear um arquivo de forma muito genérica, por exemplo: matriculas_ingressantes.pdf. Esse arquivo diz respeito a que ano?

As extensões .doc, .xls, .pdf, etc., deverão ser grafadas sempre em Caixa Baixa, não utilizar ".PDF", por exemplo

Nomear os arquivos de acordo com o assunto ao qual o documento faz referência, ligando os espaços entre as palavras com um underline, conforme os exemplos a seguir:


Edital Nº 005/2014 - Programa de Monitoria Acadêmica

edital_005_2014_monitoria.pdf


Portaria da Prograd Nº 001/2015 - Altera o valor máximo individual de concessão do auxilio à participação em eventos estudantis a alunos regulares da graduação

portaria_prograd_001_2015_auxilio_eventos_estudantis.pdf

 

 

PADRÃO PARA EDITAIS

edital_X_Y_Z, onde "X" é o número, "Y", o ano, e "Z", o assunto principal do documento, exemplos:


Edital Nº. 004/2014 - Seleção de tutor para o Programa de Educação Tutorial - Grupo CT&I/PET/UFABC 2014

edital_004_2014_pet_selecao_tutor.pdf


Edital Nº. 252/2014 - Ingresso nos Bacharelados Interdisciplinares em 2015

edital_252_2014_ingresso_bis.pdf

 

 

PADRÃO PARA PORTARIAS DA PROGRAD

Importante: este padrão é aplicável apenas a arquivos pdf ou similar (doc, etc.). Para padrões de artigos referentes às Portarias, clique aqui.

portaria_prograd_X_Y_Z, onde "X" é o número, "Y", o ano, e "Z", o assunto principal do documento, exemplos:


Portaria da Prograd Nº. 044/2014 - Altera a Portaria da Prograd nº 016, de 04 de abril de 2014, que instituiu a Comissão de Transgressões Disciplinares Discentes da Graduação

portaria_prograd_044_2014_comissao_de_transgressoes_disciplinares_discentes_da_graduacao.pdf


Portaria da Prograd Nº. 001/2015 - Altera o valor máximo individual de concessão do auxilio à participação em eventos estudantis a alunos regulares da graduação

portaria_prograd_001_2015_auxilio_eventos_estudantis.pdf

 

 

ARQUIVOS PERMANENTES

Informações que sempre serão disponibilizadas no site, sendo alterado somente o período de referência.

Utilizar um nome de arquivo que possa ser reutilizado no futuro, alterando somente o período, conforme os exemplos a seguir:


Calendário Acadêmico

calendario_academico_X.pdf - onde "X" será alterado pelo ano de referência, 2015, 2016, etc.


Calendário Comissão de Graduação 2015 – Sessões Ordinárias

cg_calendario_2015_ord.pdf


Calendário Comissão de Graduação 2015 – Sessões Extraordinárias

cg_calendario_2015_ext.pdf

Portarias

Convenções referentes ao menu "Portarias"

As portarias Prograd devem ser disponibilizadas por meio de itens oriundos do menu "Portarias"

Exemplo: Menu Portarias > Item de menu Portaria 001/2016 > apelido portaria-001-2016

Deste modo, a url do artigo ficará prograd.ufabc.edu.br/portaria-001-2016

 

Convenções referentes aos "Artigos"

Títulos - Deverão ser idênticos ao 'título da Portaria' em sua versão para impressão, vide exemplo a seguir:

PORTARIA DA PROGRAD Nº 044, DE 12 DE SETEMBRO DE 2016

Os títulos dos artigos não devem ser pontuados ao final (ponto final)

Apelidos - deixar em branco/ permitir que o Joomla designe o apelido (afinal, "quem" determinará a URL será o item de menu [Menu "Portarias Prograd"] que 'chamará' a Portaria)

 

Convenções referentes aos "conteúdos (corpo) dos Artigos"

Cabeçalhos - deverão ser centralizados e formatados com o estilo "h5". As expressões que os compõem (Ministério da Educação, Fundação Universidade...), deverão integrar um mesmo parágrafo, separadas por uma quebra do tipo "br" (Shift + Enter).

Exemplo:

MINISTÉRIO DA EDUCAÇÃO
Fundação Universidade Federal do ABC
Pró-Reitoria de Graduação
Av. dos Estados, 5001 · Bairro Santa Terezinha · Santo André - SP
CEP 09210-580 · Fone: (11) 4996.7910/7983
Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.

Ctrl C + Ctrl V

<h5 style="text-align: center;"><strong>MINISTÉRIO DA EDUCAÇÃO</strong><br /><strong>Fundação Universidade Federal do ABC</strong><br /><strong>Pró-Reitoria de Graduação</strong><br />Av. dos Estados, 5001 · Bairro Santa Terezinha · Santo André - SP<br />CEP 09210-580 · Fone: (11) 4996.7910/7983<br />Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.</h5>

 

Títulos

Redigidos em Caixa Alta, centralizados e destacadas em negrito, deverão informar o número e a data da Portaria.

Os títulos não devem ser pontuados ao final (ponto final)

Exemplo:

PORTARIA DA PROGRAD Nº 051, DE 30 DE SETEMBRO DE 2016

 

Subtítulos

Redigidos no estilo Caixa Alta - Caixa Baixa, deverão ser formatados à direita e destacados em ítalico, informando o texto de acordo com a configuração feita pelo Gabinete para publicação no Boletim de Serviço.

Exemplo:

Cria normas para o lançamento dos conceitos de recuperação e revoga a Instrução Normativa da Prograd nº 001, de 26 de fevereiro de 2015.

 

Corpo do texto

Os textos deverão destacar em negrito as expressões "A pró-reitora da graduação [...]", "RESOLVE" (redigida em Caixa Alta), e o "Nome do(a) Pró-Reitor(a)", e deverão ser formatados justificados.

 

Exemplo de Resolução/ Formatação

 

MINISTÉRIO DA EDUCAÇÃO
Fundação Universidade Federal do ABC
Pró-Reitoria de Graduação
Av. dos Estados, 5001 · Bairro Santa Terezinha · Santo André - SP
CEP 09210-580 · Fone: (11) 4996.7910/7983
Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.

 

PORTARIA DA PROGRAD Nº 051, DE 30 DE SETEMBRO DE 2016

 

Cria normas para o lançamento dos conceitos de recuperação e revoga a Instrução Normativa da Prograd nº 001, de 26 de fevereiro de 2015.

 

A PRÓ-REITORA DE GRADUAÇÃO DA FUNDAÇÃO UNIVERSIDADE FEDERAL DO ABC (UFABC), nomeada pela Portaria nº 161 de 16 de maio de 2016, publicada no Diário Oficial da União, Seção 2, de 17 de maio de 2016, no uso de suas atribuições legais,

RESOLVE:

Art. 1º O lançamento dos conceitos deve ser realizado normalmente ao final do quadrimestre vigente, de acordo com os prazos publicados no calendário de procedimentos administrativos, independentemente da aplicação da avaliação de recuperação ocorrer no mesmo quadrimestre ou no quadrimestre subsequente.

[...]

Art. 5º Esta Resolução entrará em vigor na data de sua publicação no Boletim de Serviço da UFABC.

 

Paula Ayako Tiba
Pró-Reitora de Graduação

 

Versão para impressão
(Link "simples", com a letra "V" maiúscula e as demais, minúsculas / Padrão de nomeação dos arquivos "pdf" )

Arquivos do tipo "Versão para impressão" deverão ser nomeados de modo a identificar o número e o ano da resolução (Ex.: "portaria_051_2016")

 

Portarias Revogadas / Substituídas

Inserir link para o ato que revogou.

Apenas o cabeçalho não é tachado, conforme exemplo a seguir:

MINISTÉRIO DA EDUCAÇÃO
Fundação Universidade Federal do ABC
Pró-Reitoria de Graduação
Av. dos Estados, 5001 · Bairro Santa Terezinha · Santo André - SP
CEP 09210-580 · Fone: (11) 4996.7910/7983
Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.

 

PORTARIA DA PROGRAD Nº 044, DE 12 DE SETEMBRO DE 2016

 

(Revogada pela Portaria Prograd nº 054, de 20 de outubro de 2016)

 

Altera o Calendário de Procedimentos Administrativo-Acadêmicos da Graduação para o Ano de 2016,
tornado público pela Portaria da Prograd nº 038, de 27 de outubro de 2015.

 

A PRÓ-REITORA DE GRADUAÇÃO DA FUNDAÇÃO UNIVERSIDADE FEDERAL DO ABC (UFABC), nomeada pela Portaria nº 161 de 16 de maio de 2016, publicada no Diário Oficial da União, Seção 2, de 17 de maio de 2016, no uso de suas atribuições legais,

RESOLVE:

Art. 1º Altera, conforme anexo, o Calendário de Procedimentos Administrativo-Acadêmicos da Graduação para o Ano de 2016, tornado público pela Portaria da Prograd nº 038, de 27 de outubro de 2015, publicada no Boletim de Serviço nº 507, de 03 de novembro de 2015.

Art. 2º Fica revogada a Portaria da Prograd nº 018, de 14 de abril de 2016, publicada no Boletim de Serviço nº 547, de 15 de abril de 2016.

Art. 3º Esta Portaria entra em vigor na data de sua publicação no Boletim de Serviço da UFABC.

 

Paula Ayako Tiba
Pró-Reitora de Graduação

 

Versão para impressão

Tabelas

Padrão para tabelas

<table class="category table table-striped table-bordered table-hover"> Início da tabela

<thead> Cabeçalho
<tr>
<th id="categorylist_header_title"Título da tabela </th>
</tr>
</thead>

<tbody> Corpo
<tr>
<td> Conteúdo </td>
</tr>
</tbody>

</table> Fim da tabela

Importante: observar que as tags referentes a uma célula de cabeçalho (<th> e </th>) são diferentes daquelas referentes às células do corpo (<td> e </td>)

 

Versão para Ctrl C + Ctrl V

<table class="category table table-striped table-bordered table-hover">
<thead>
<tr>
<th id="categorylist_header_title">Título da tabela</th>
</tr>
</thead>
<tbody>
<tr>
<td>Conteúdo</td>
</tr>
</tbody>
</table>

 

Padrão para tabelas "simples" (corpo de Portarias, Resoluções, etc.)

<table class="simples">

<thead>
<tr>
<th>Célula 1</th>
<th>Célula 2</th>
<th>Célula 3</th>
</tr>
</thead>

<tbody>
<tr>
<td>Conteúdo 1</td>
<td>Conteúdo 2</td>
<td>Conteúdo 3</td>
</tr>
</tbody>

</table>


Resultado:

Célula 1Célula 2Célula 3
Conteúdo 1 Conteúdo 2 Conteúdo 3

 

Tabela para Credenciamento Docente

<table class="simples">
<thead>
<tr><th>Nome</th><th>Área/Subárea em que tomou posse</th><th>Bacharelado Interdisciplinar</th></tr>
</thead>
<tbody>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>

Topo

 

As tabelas podem ser substituídas

Grid

1
1
1
1
1
1
1
1
1
1
1
1

 

.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1

Exibindo/ Escondendo uma informação PC x Mobile

<section class="hidden-phone"> Não exibe em versões mobile / Exibe em versões PC

</section>

---------------------------------------------------------------------

<section class="visible-phone"> Não exibe em versões PC / Exibe em versões mobile

</section>

Publicação de Vagas de Estágio

 

WINSCP: salvar cartaz em formato jpg ou pdf na pasta "vagas" (o endereço ficará: prograd.ufabc.edu.br/vagas/nome_do_arquivo.pdf)

Tíulo do Artigo deve ser o nome da empresa (Categoria: Estágios>Página Inicial)

Corpo do artigo: Frase curta que descreva a vaga Ex:"processo seletivo 2017" com link para o PDF. Selecionar estilo "preformatted".

No menu "opções de publicação" selecionar as datas de início e encerramento da publicação (a publicação deve permanecer no ar por 15 dias corridos) - salvar e fechar.

Conferir na página prograd.ufabc.edu.br/estagios se o link está abrindo corretamente o PDF.

 

Topo