Teste de Módulo Metaphone
<!DOCTYPE html> | |
<html> | |
<head> | |
<!-- --> | |
<meta charset="UTF-8"> | |
<title>Teste de Módulo Metaphone</title> | |
<!-- CSS: Alloy Bootstrap --> | |
<link href="http://cdn.alloyui.com/2.0.0/aui-css/css/bootstrap.min.css" rel="stylesheet"> | |
<!-- O loader do AUI fica em /js/aui/aui e os diversos modulos em /js/aui --> | |
<script charset="utf8" src="http://cdn.alloyui.com/2.0.0/aui/aui-min.js"></script> | |
<script charset="utf8" src="https://gist.github.com/joao-parana/8946099/raw/9f4669b4b1b9dd402631df7046099a84103444dc/metaphone.js"></script> | |
<style> | |
#metaphone { | |
margin: 5px; | |
padding: 5px; | |
border: 1px #000 solid; | |
background: AliceBlue; | |
} | |
#metaphone span.title { | |
width: 350px; | |
display: inline-block; | |
} | |
</style> | |
</head> | |
<body> | |
<div class="span12" id="div-1"> | |
<div class="span3" id="div-1"> | |
<p>Teste de Módulo Metaphone</p> | |
<p>O algoritmo mantém algumas convenções usadas no metaphone | |
original e acrescenta outras, para sons que não existem ou são | |
considerados no inglês (o LH, NH).</p> | |
<p>A maior dificuldade do algoritmo atual é trabalhar com nomes | |
estrangeiros, que praticamente fogem das regras comuns de | |
pronunciação, exigindo um trato quase à parte para alguns nomes, | |
como Harry. Felizmente, esses tipos de nomes não são muito comuns, | |
mas há outras formas de estrangeirismo mais complicadas de se tratar | |
e que sempre vão precisar de um cuidado mais apurado ou uma | |
convenção simbólica, a fim de representá-los, mesmo que não 'soem' | |
como o esperado na representação fonética, mas que possam ser | |
enquadrados ao lado de nomes semelhantes em grafia para a busca se | |
tornar efetiva.</p> | |
</div> | |
<div class="span8"> | |
<div id="metaphone"></div> | |
</div> | |
</div> | |
<script> | |
var palavras = [ 'Metaphone', 'grandeza', 'orgulho', 'pneumotico', | |
'pneumoultramicroscopicossilicovulcanoconióticos', | |
'anticonstitucionalissimamente' ]; | |
YUI().use( | |
'metaphone', | |
function(Y) { | |
var placeholder = Y.one('#metaphone'); | |
Y.Array.each(palavras, function(palavra, index) { | |
placeholder.append('<div><span class="title">' | |
+ palavra + '</span><span>' | |
+ Y.Metaphone.getMeta(palavra) + '</span>' | |
+ '</div>'); | |
}); | |
}); | |
</script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment