LENGUAJES PARA EL DISEÑO Y DESARROLLO WEB

“Un lenguaje de programación podría definirse como una notación o conjunto de símbolos y caracteres que se combinan entre si siguiendo las reglas de una sintaxis predefinida, con el fin de posibilitar la transmisión de instrucciones a un ordenador.” (Peña Basurto & M. Cela , 2000, pág. 2)

Los lenguajes de programación generalmente poseen una sintaxis cuyo lenguaje en mayor porcentaje es el inglés, nos permiten crear desde 0 aplicaciones sencillas hasta aplicaciones complejas optimizando tareas, en la actualidad las empresas cuentan con un departamento de sistemas que es el encargado del desarrollo de aplicaciones con finalidades que aporte al enfoque de la compañía.

HTML

“HTML (Hypertext Markup Language, lenguaje de marcado de hipertexto) es el lenguaje empleado para el desarrollo de páginas web. Este lenguaje define una serie de etiquetas que el navegador web (Firefox, Chrome, Internet Explorer, etc.) interpreta y visualiza en pantalla.” (Martínez Valverde & Rojas Ruiz, 2016, pág. 99)

“HTML consists of elements called tags which are enclosed within angular brackets. Most of the tags have a closing bracket. Opening and closing brackets define the scope of a tag. A web browser can read HTML files and compose them into visible or audible web pages.HTML” (Gunathilake, 2015, pág. 4)

24

“HTML se compone de elementos llamados etiquetas que se adjuntan entre paréntesis angulares. La mayoría de las etiquetas tienen un soporte de cierre. Los corchetes de apertura y cierre definen el alcance de una etiqueta. Un navegador web puede leer archivos HTML y componerlos en páginas web visibles o audibles.”

HTML es un lenguaje de programación que se ejecuta del lado del cliente, hace uso de etiquetas en su sintaxis, está orientación al desarrollo de páginas web y posee la capacidad de enlazar contenido mediante hipervínculos, dicha programación es interpretada por los navegadores como Firefox, google Chrome, entre otros.

PHP

“PHP is a server-side scripting language designed specifically for the web. Within an HTML page, you can embed PHP code that will be executed each time the page is visited. Your PHP code is interpreted at the web server and generates HTML or other output that the visitor will see.” (Welling & Thomson, 2016)

“PHP es un lenguaje de programación del lado del servidor diseñado específicamente para la web. En una página HTML, puede incrustar código PHP que se ejecutará cada vez que se visite la página. Su código PHP se interpreta en el servidor web y genera HTML u otra salida que el visitante verá.”

“PHP is the most popular web programming language of the world. Technicallyy, PHP is a server side scripting language. It's free and open source nature is a major reason for it's popularity. PHP scripts are excecuted on a server.” (Gunathilake, 2015, pág. 9) “PHP es el lenguaje de programación web más popular del mundo. Técnicamente, PHP es un lenguaje de programación del lado del servidor. Es de naturaleza libre y de código abierto es una razón importante para su popularidad. Los scripts PHP se ejecutan en un servidor.”

PHP es el lenguaje de programación, orientado al trabajo del lado del servidor, su programación puede ser incluida en la página HTML, mediante dicho lenguaje se puede realizar la trasferencia de datos de dos maneras: método GET y método POST.

25

MÉTODO GET

“Con el método GET cualquier persona que vea la página resultado podrá conocer los valores que el usuario introdujo en el formulario previo, ya que estos están visibles directamente en la barra de direcciones.” (Cobo, Gómez, Pérez, & Rocha, 2005, pág. 145)

El método GET permite la transferencia de archivos mediante la URL, es un método de transferencia con poca seguridad ya que los datos enviados por el usuario pueden ser leídos en la barra de navegación.

MÉTODO POST

Con el método POST “los datos son transferidos en una cabecera http independiente y no son visibles para el usuario.” (Cobo, Gómez, Pérez, & Rocha, 2005, pág. 145)

El método POST es de mayor preferencia al momento de trasferir datos que requieren mayor seguridad debido a que los datos viajan en una cabecera http que no es visible al usuario.

CSS

“CSS es el formato recomendado para las páginas escritas en formato HTML en base a los estándares de “Cascading Style Sheets” (hojas de estilo en cascada), publicado por el World Wide Web Consortium (W3C).” (Durango, 2015, pág. 11)

“CSS stands for Cascading Style Sheets. By using CSS with HTML we can change the look of the web page by changing the font size and color of the font. CSS plays an important role in building the website. Well writen CSS file can be used to change the presentation of each web page. By including only one CSS file. It gives web site developer and user more control over the web pages.” (Asghar, 2017)

“CSS significa hojas de estilo en cascada. Al usar CSS con HTML podemos cambiar el aspecto de la página web cambiando el tamaño de la fuente y el color de la fuente. CSS juega un papel importante en la construcción del sitio web. Bien escrito archivo CSS se puede utilizar para cambiar la presentación de cada página web. Incluyendo sólo un

26

archivo CSS. Le da al desarrollador del sitio web y al usuario más control sobre las páginas web.”

El lenguaje CSS se maneja mediante hojas de estilo en cascada y permite dar formato a las etiquetas escritas en lenguaje HTML, dando mayores efectos y optimizando la página web.

JAVASCRIPT

“El programa en JavaScript tiene la particularidad de que esta insertado por dentro del mismo documento HTML que lo presenta al usuario y no es por ello un programa aparte.” (Sánchez Maza, 2012, pág. 9)

“JavaScript es un lenguaje compacto, y basado en objetos, diseñado para el desarrollo de aplicaciones clientes – servidor a través de internet.” (Sánchez Maza, 2012, pág. 10) JavaScript es un lenguaje del lado del cliente que mejora la velocidad de ejecución de las páginas, es interpretado por los navegadores web, puede ser insertado dentro de las paginas HTML, pero posee la limitación de no poder ser usado como único lenguaje en la creación de un programa.

AJAX

“JavaScript Asíncrono y XML (AJAX), no es una tecnología por sí misma, es un término que describe un nuevo modo de utilizar conjuntamente varias tecnologías existentes, tales como: HTML o XHTML, CSS, JavaScript, DOM, XML y el objeto XMLHttpRequest, con la combinación de estas tecnologías, es posible lograr aplicaciones web capaces de actualizarse continuamente sin tener que volver a cargar la página completa, creando aplicaciones más rápidas y con mejor respuesta a las acciones del usuario.” (Condor Tinoco & Soria Solis, 2014, pág. 221)

“AJAX (asynchronous Javascript and XML) es el nombre que se ha dado a la explotación de un conjunto de tecnologías ya existentes para ofrecer interactividad y animación en las aplicaciones web. Estas usan Javascript y se ejecutan en el navegador (es decir, en la máquina del cliente) y permiten mantener una comunicación asíncrona con el servidor en segundo plano sin recargar la página.” (Pérez Navarro, 2011, pág. 317)

27

AJAX es el acrónimo de Asynchronous JavaScript And XML, fomenta la creación de páginas interactivas que permitan realizar cambios sin tener que recargar la página, es la fusión de varias tecnologías para optimizar el desarrollo web.

BASE DE DATOS

“Una base de datos podría definirse como una colección de datos interrelacionados que son almacenados en un soporte informático. Algunas razones que justifican su uso son su capacidad de almacenar grandes volúmenes de información, la optimización de su gestión, la facilidad para realizar consultas y la exactitud, rapidez y fiabilidad en su administración” (Cobo, Gómez, Pérez, & Rocha, 2005, pág. 309)

“Un sistema de base de datos es básicamente un sistema computarizado para llevar registros. Es posible considerar a la propia base de datos como una especie de armario electrónico para archivar, es decir, es un deposito o contenedor de una colección de archivos de datos computarizados.” (Date, 2001, pág. 2)

Las bases de datos son sistemas computarizados que permite llevar un registro, no posee limitación de temas todo puede ser almacenado en una base de datos, desde imágenes hasta inventarios de productos, en la actualidad todas las transacciones realizadas por empresas dedicadas al comercio de productos poseen base de datos, enfocados en sacar el mejor provecho mediante análisis para poder ver las falencias de la empresa y poder potenciar su crecimiento.

MYSQL

MySQL es un gestor de bases de datos que permite administrar grandes volúmenes de datos, crear sistemas offline y online, es una herramienta completa y de fácil uso.

MYSQLI

“MySQLi es una extensión nativa para trabajar con las bases de datos MySQL de forma más efectiva que con PDO (por el contrario, el código será menos exportable a otras bases de datos). MySQLi es la evolución de la antigua extensión MySQL (MySQLi = MySQL improved) que no debe ya utilizarse en proyectos por quedar obsoleta.” (Eslava Muñoz, 2013, págs. 10-11)

28

MySQLi es la nueva versión enriquecida de MySQL, posee orientación a objetos e implementa mayor seguridad en contra de la inyección SQL impidiendo así la alteración de la base de datos, Según (Deléglise, 2013) en relación a la versión anterior, cabe destacar las siguientes ventajas:

 Soporte de versiones más recientes de MySQL: a partir de 4.1.3.

 Un enfoque orientado a objetos de los tratamientos (objeto mysqli).

 Gestión de transacciones.

 Muchas más funciones.

 Órdenes SQL preparadas, con BINDING de variables (Parámetros de

entrada).

LA METODOLOGÍA RAD

“La metodología RAD (Rapid Application Development) fue creada por James Martin en los años 80 en IBM y culmino con la publicación de su libro Rapid Application Development en 1990.” (Berenguel Gómez, 2016, pág. 7)

“La metodología de RAD básica es el ciclo de vida de RAD, que consta de cuatro fases: (1) planificación de necesidades, (2) diseño de usuario, (3) construcción y (4) corte y cambio. Estas fases, al igual que el SDLC, reflejan el enfoque de sistema. Los usuarios desempeñan papeles claves en cada frase y participan con los especialistas en información.” (Raymond, 2000, pág. 213)

Muchas empresas han adoptado el ciclo de vida de la metodología de desarrollo de James Martin para la creación de sus sistemas, como lo demuestra es un ciclo corto y rápido de aplicar. La planificación de necesidades hace referencia a la determinación de cada uno de los requisitos que exige el sistema en base a la problemática que presenta la empresa, el Diseño consiste en que el usuario entienda y apruebe la interfaz y estructura del sistema en base a sus necesidades, mientras tanto por parte del grupo de desarrollo emplea herramientas CASE que son aquellas aplicaciones informáticas pensadas para la optimización del proceso de desarrollo de un software, la fase construcción se basa en mostrar el sistema a los usuario para que comprueben el cumplimiento de los requisitos planteados es decir se someten a un proceso de pruebas y cambios tomando en cuenta

29

las observaciones hechas por el usuario, y la última fase es la implementación en la cual se muestran los cambios generados, las utilidades, y forma de uso al usuario.

CONCLUSIONES PARCIALES

 Mediante la investigación realizada, se pudo determinar que el lenguaje PHP es la mejor opción para el desarrollo de la página web, ya que cuenta con las herramientas necesarias en el área de sistemas de información geográfica, agilizando los procesos sobre cartografías, ubicaciones geográficas, entre otras, que permitirán ejercer un mayor control de la fuerza de ventas y las actividades realizadas, en conjunto con el gestor de base de datos MySQLi,, las páginas web son una herramienta poderosa que al ser incluida en los procesos comerciales, podemos obtener mayores ventajas con respecto a las empresas competidoras.

 La Dirección de ventas es la encargada del control y continuo mejoramiento del ciclo comercial, desde la planificación de visitas a clientes, pasando por la toma de pedido hasta su finalización con la entrega del pedido, por tal motivo los Directores y Supervisores de ventas se encuentran en la necesidad de acoplamientos de las nuevas tecnologías tales como los sistemas automatizados de toma de pedidos que incluyen información cartográfica permitiendo así la ágil ubicación de los clientes y el control en los procesos llevados a cabo en el ciclo comercial.

7. DESARROLLO DE LA PROPUESTA 8.1 ESTUDIO DE VIABILIDAD

La finalidad del presente proyecto es desarrollar una página web para la toma de pedidos, integrando mapas de rutas a los vendedores para la visita a clientes, permitiendo el control en los procesos de venta en ruta mediante coordenadas geográficas, como soporte para los supervisores y directores comerciales de la Compañía ORIENTAL INDUSTRIA ALIMENTICIA AGENCIA GUAYAQUIL, se desarrollará la página web de toma de pedidos mediante el lenguaje de programación PHP y base de datos MYSQLI.

30

7.2REQUERIMIENTOS DEL SISTEMA