Atrapados en la «e»: Registro Nacional de Proveedores (RNP)

Esta semana, por temas de trabajo, inicié mi inscripción en el Registro Nacional de Proveedores (RNP), un trámite necesario si quiero convertirme en proveedor para entidades del Estado. Después de hacer el pago correspondiente, ingresé al sitio web del RNP para llenar el formulario correspondiente. Y vaya sorpresa, que una de las secciones del mismo solo funciona con Internet Explorer. Señoras y señores, damas y caballeros, niños y niñas, bienvenidos a un nuevo capítulo de Atrapados en la «e».

El sitio web de la RNP es, en su mayoría de contenidos, un sitio web informativo y, a juzgar por su diseño, es un sitio web bastante antiguo. Como dije al principio, seguí el proceso para registrarme como proveedor del Estado siguiendo las instrucciones que el propio sitio web me proporciona. Según explican aquí, y tras haber realizado ya los primeros pasos, lo que me toca hacer ahora es ingresar a la sección Operaciones en línea – Con clave RNP y luego a Trámites en línea. Aquí debo iniciar sesión con la clave que me dieron al momento de hacer el pago correspondiente. Esta vez, debido a que la computadora que utilicé me da a veces problemas de memoria con Mozilla Firefox (el navegador que utilizo con más frecuencia), opté por utilizar Google Chrome para realizar este paso.

Pues bien, ingreso con Google Chrome y me aparece esta pantalla inicial:

Las instrucciones me piden dar clic en el botón «Ir al formulario». Le doy clic y me aparece un formulario bastante largo para completarlo con algunos datos.

Seleccionando productos y servicios brindados

Dentro de los muchos campos que tiene el formulario, me encuentro con esta sección:

Aquí me piden que ingrese los productos o servicios que ofrezco. La lista de productos y servicios que me da el RNP para elegir es larguísima. Para «facilitarnos» la tarea, está organizada por letras del alfabeto. Un clic en cualquiera de las letras que allí aparecen nos abrirá una ventana flotante con la lista de todos los productos y servicios que comienzan con esa letra. Aquí un ejemplo:

Al margen de lo incómodo que pueda parecer a simple vista y del hecho de que se mezclan productos y servicios en una sola lista, el funcionamiento es sencillo: Marco aquellos productos o servicios que brindo y le doy clic al botón «Agregar» que aparece al final de la lista. Al hacer esto, todos los productos y servicios que he marcado deberán aparecer listados en el formulario… O eso es lo que se supone que en teoría debería pasar, ¿no?

Pues no. Al hacer clic en el botón «Agregar», la ventana flotante no hace nada, y en el formulario tampoco aparece nada. Recordé entonces el caso de SUNAT Operaciones en Línea (SOL), que también es una entidad del Estado, y me metí a probar en Firefox para ver si era un problema de compatibilidad con navegadores o un problema general. Y tampoco funcionó. Solo funcionó cuando hice mi tercer intento en Internet Explorer 11. Recién con este navegador la ventana flotante se cerró automáticamente y los productos y servicios marcados se agregaron al formulario.

Buscando el error

Tanto Firefox como Chrome disponen de algo llamado Herramientas de desarrollo: Un panel que se activa pulsando F12 y que da a los desarrolladores web (o a cualquiera con conocimientos de cómo funciona una página web) herramientas avanzadas para tareas de mantenimiento diversas. Una de sus bondades es decirnos si algo anda mal con nuestra página, indicándonos si hay alguna instrucción errónea, algún archivo faltante o una instrucción mal programada.

Aplicando esta herramienta a la ventana flotante para marcar los productos y servicios, Google Chrome me muestra este mensaje de error:

Bueno, en realidad son 2 mensajes de error, pero el primero se refiere a otra cosa.

En Mozilla Firefox, solo aparece un único mensaje de error:

Vemos entonces que el segundo mensaje de Chrome y el de Firefox son el mismo. ¿Y qué significa eso de «document.forms is not a function«? El mensaje indica un supuesto error en el método que utiliza la página web para acceder al formulario mediante programación.

Aunque este artículo no pretende adentrarse en el mundo de la programación web, podemos entender lo que ocurre de la siguiente manera: La instrucción document.forms es utilizada en programación web para hacer referencia a los formularios en una página web. La mayoría de navegadores modernos reconocen esta instrucción, así que no debería darnos problemas, siempre y cuando sea utilizada correctamente. El detalle es que ese document.forms es utilizado aquí en una forma que solo es válida en Internet Explorer, y entonces cuando otros navegadores se topan con esta instrucción creen que es un «error» y dejan de ejecutar su tarea. Por eso la ventana falla con otros navegadores que no sean Internet Explorer.

Ahora viene la pregunta de rigor: ¿Hay otra forma de hacer esta tarea y que funcione en todos los navegadores? Claro que sí, y cualquier programador web debería saberlo. Pero si dicha forma alternativa existe, ¿por qué no la usaron en este sitio web? Vaya uno a saber.

Vista previa del formulario

Para poder seguir con mis pruebas, hice lo siguiente: Inicié sesión en la web del RNP y completé el formulario usando Internet Explorer 11. Luego guardé lo avanzado (usando el botón «Guardar borrador»), cerré sesión y volví a ingresar desde Firefox, pero esta vez usando la computadora de mi casa.

Teniendo el formulario ya lleno, quise darle una revisión final a cómo quedaría antes de enviarlo para su revisión. El formulario me da la opción de abrir una vista previa del mismo en una ventana flotante. Le doy clic a este botón y obtengo lo siguiente:

¿Notan algo que falte? Sí, las barras de desplazamiento. El formulario es largo y no cabe en la ventana, pero aun así no puedo desplazarme hacia abajo porque no se ve la barra de desplazamiento vertical. Esto solo me ocurrió en Firefox, mientras que en Chrome (o Chromium en este caso) y en Internet Explorer la barra sí aparece, con lo que me puedo desplazar cómodamente por el formulario.

Afortunadamente, tras esto no volví a tener más problemas con el formulario, al menos en Firefox. Después de revisar, le di clic al botón «Enviar formulario», dando por concluida esta etapa del proceso y mis pruebas.

¿Se repite la misma historia que con SOL?

Bueno, sí y no. Sí porque con estos ejemplos vemos que una vez más existen allá afuera sitios web en funcionamiento pero que en pleno 2015 siguen estando hechos solo para Internet Explorer, habiendo alternativas de sobra por demás conocidas, y encima se trata de un error que, tras examinarlo con mayor profundidad con las herramientas de desarrollo de Chrome o Firefox, resulta muy fácil de modificar para que funcione con otros navegadores sin perder compatibilidad con IE. Y no porque al menos en esta ocasión no necesité activar la infame «Vista de compatibilidad» para que la web del RNP funcione en IE 11, además de que al menos la web del RNP es sincera al advertirnos desde ya (en su pie de página) lo siguiente:

Para visualizar correctamente el portal deberá usar el navegador Internet Explorer 6.0 SP1 o superior y contar con una resolución mínima de pantalla de 800×600

Pero por otro lado, esta advertencia nos da una impresión de lo antigua que es esta web, por lo que no debería sorprendernos que haya sido hecha por alguien que, tal como se hacía en otras épocas, haya programado esta web «para el navegador que usa la mayoría».