UNIVERSIDAD TÉCNICA DE MACHALACalidad, Pertinencia y Calidez

VICERRECTORADO ACADÉMICOCURSO DE NIVELACIÓN DE CARRERA

CIENCIAS E INGENIERIA

CURSO DE NIVELACIÓN DE CARRERA

SEGUNDO SEMESTRE 2013

MÓDULO 2: LÓGICAS DEL PENSAMIENTO

INTRODUCCIÓN A LA COMUNICACIÓN CIENTÍFICA

PROYECTO DE AULA

PROYECCION DE UN SOFTWARE PARA REGULAR LAS FALENCIAS EN EL CONTROL CONTABLE DE LA MICROEMPRESA “MANOS

CREATIVAS”

ESTUDIANTE:

JORDY ADRIAN SANCHEZ CABRERA

MACHALA

OCTUBRE - NOVIEMBRE 2013

DEDICATORIA

Primeramente a dios por haberme dado salud y darme lo necesario para seguir

adelante día a día para lograr mis objetivos, además de su infinita bondad y

amor.

A mi madre por haberme apoyado en todo momento, por sus consejos, sus

valores, por la motivación constante que me ha permitido ser una persona de

bien, pero más que nada, por su amor.

A mi padre por los ejemplos de perseverancia y constancia que lo caracterizan

y que me ha infundado siempre, por el valor mostrado para salir adelante y por

su amor.

A mis hermanas por ser el ejemplo de hermanas mayores y de las cuales

aprendí aciertos y momentos difíciles.

AGRADECIMIENTO

En primer lugar a Dios por haberme guiado por el camino de la felicidad hasta

ahora, en segundo lugar a cada uno de los que son parte de mi familia a mi

padre Luciano Sánchez, mi madre Jenny Cabrera y a mis hermanas, por

siempre haberme dado su fuerza y apoyo incondicional que me han ayudado y

llevado hasta donde estoy ahora.

INTRODUCCIÓN

A medida que crece un negocio, requiere manejar mayor información contable;

el éxito de la administración radica en un adecuado manejo de la contabilidad,

que proporcione una información exacta y oportuna. Actualmente existen

recursos tecnológicos que permiten registrar y suministrar la información de

manera rápida; estos recursos son el COMPUTADOR Y LOS SOFTWARE

contables. Estos recursos no cambian los principios de contabilidad

generalmente aceptados; únicamente agilizan el proceso y la información

contable.

La Microempresa “Manos creativas” del cantón Camilo Ponce Enríquez

objetada a la productividad textil, ha experimentado un crecimiento de

producción, en las últimas temporadas de producción, ocasionando

problemáticas en el ámbito contable, aumentando el riesgo de pérdida de

información fundamental para su economía, y a su vez corriendo el riesgo de

generar una desorganización laboral deficiente.

Por estos motivos se da la necesidad de crear e implementar un software

contable, que satisfaga todas las necesidades en el entorno contable, de la

Microempresa, ofreciéndole, eficacia, sencillez, organización, rapidez, y

seguridad.

Dicho Software tendrá como objetivo principal complacer todas las exigencias

que esta microempresa requiera, brindándole un ambiente de completa

organización y seguridad en el control contable de la misma.

INDICETEMA:

PROYECCION DE UN SOFTWARE PARA REGULAR LAS FALENCIAS EN EL CONTROL CONTABLE DE LA MICROEMPRESA “MANOS CREATIVAS”

CAPITULO I DATOS INFORMATIVOS. 1.1 Planteamiento del problema

1.2 Objetivos

1.3 Justificación

CAPITULO II MARCO TEÓRICO2.1 Software

2.2 Contabilidad Financiera

2.3 Software Web o Aplicación Web

CAPÍTULO III DISEÑO Y PRODUCCIÓN DE LA APLICACIÓN WEB3.1. Recursos de Creación de una Aplicación Web

3.2 Ventajas en la creación de una Aplicación Web

3.3 Desventajas en la creación de un Aplicación Web

3.4. Desarrollo de la Aplicación Web.

3.4.1 Recursos Necesarios

3.4.2 Interfaz

3.4.3 Consideraciones técnicas

3.4.4 Lenguajes de Programación

3.4.5 Características y Funciones

CAPÍTULO IV INVESTIGACIÓN DE CAMPO

4.1. Planteamiento de Propuesta

4.2 Conclusiones

4.3 Bibliografía

CAPITULO I

DATOS INFORMATIVOS

ZONA DE INVESTIGACION

El presente proyecto, fue desarrollado con el propósito de regularizar el control

contable de la Microempresa Manos Creativas, ubicada en el cantón Camilo

Ponce Enríquez, institución destinada a la comercialización de producción

textil,

1.1 PLANTEAMIENTO DEL PROBLEMA:

La problemática existente en la Microempresa “Manos Creativas”, se debe al

incremento exhaustivo de producción provocado por la aglomerada demanda

de clientes.

1.2 OBJETIVOS

OBJETIVO GENERAL:

Regularizar el control contable de la microempresa “Manos creativas”, con la

implementación de un software contable, seguro y eficaz.

OBJETIVO ESPECIFICO:

Realizar este proyecto para reconocer la problemática acerca de la

Microempresa "Manos Creativas”, e identificar las posibles consecuencias o

beneficios de la instauración de un Software Contable, para la regularización

contable.

1.3 JUSTIFICACION

La contabilidad hoy en día a más de ser una obligación se ha convertido en una

necesidad en las empresas mercantiles del ecuador, esto debido al desarrollo e

incremento de actividades financieras dentro de este tipo de instituciones, que

a su vez generan complicaciones y desorganización en el control y

regularización de dichos procesos.

Es por eso que este proyecto se enfoca en elaborar un Software de carácter

contable para soporte de la regularización contable, la función del Software

será registrar todas las actividades contables diarias, proyección sucesiva de

porcentajes registrados de las perdidas y/o ganancias que se produzcan.

Al finalizar este proyecto, los beneficios se reflejarán en la microempresa

Manos Creativas a la que está dirigida este proyecto, brindando la rapidez,

eficacia y seguridad de un software que generara un mejoramiento notable en

la regularización contable financiera de la microempresa, beneficiada de la

integración tecnológica del software.

Para la realización de este proyecto cuento con los suficientes recursos físicos

y material de soporte, en los cuales me basaré para realizar este proyecto.

CAPITULO II

MARCO TEORICO

2.1 SOFTWARE

A lo largo de los años el avance tecnológico de las computadoras incrementa

su capacidad de trabajo. Estas han venido experimentando una evolución

considerable, no solamente en su aspecto físico, es decir, en lo que constituye

la arquitectura de la computadora, el hardware o parte dura. También el

software o parte blanda, es decir, los programas que se ejecutan en la

computadora, ha avanzado enormemente.

El hardware por sí solo es capaz de hacer que la computadora funcione. Es el

software el que hace que la máquina pueda almacenar y procesar información.

De esta forma aparecen programas que facilitan los cálculos, programas que

permiten la trasferencia entre soportes de memoria y programas que reducen

los tiempos muertos de la máquina, etc., todo ello controlado por el software.

2.2 CONTABILIDAD FINANCIERA

Es una técnica que se utiliza para producir sistemática y estructuralmente

información cuantitativa expresada en unidades monetarias de las

transacciones que realiza una entidad económica y de ciertos eventos

económicos identificables y cuantificables que la afectan, con el objeto de

facilitar a los diversos interesados la toma de decisiones en relación con dicha

entidad económica, y en base a esta se registra, clasifica, resume y presenta la

información cuantitativa, expresada en unidades monetarias de las operaciones

realizadas y los eventos económicos identificables y cuantificables que afectan

a la entidad; para que puedan tomarse decisiones, con base en su análisis e

interpretación.

2.3 SOFTWARE WEB O APLICACIÓN WEB

En la ingeniería de software se denomina aplicación web a aquellas

herramientas que los usuarios pueden utilizar accediendo a un servidor web a

través de Internet o de una intranet mediante un navegador. En otras palabras,

es una aplicación software que se codifica en un lenguaje soportado por los

navegadores web en la que se confía la ejecución al navegador.

Las aplicaciones web son populares debido a lo práctico del navegador web

como cliente ligero, a la independencia del sistema operativo, así como a la

facilidad para actualizar y mantener aplicaciones web sin distribuir e instalar

software a miles de usuarios potenciales. Existen aplicaciones como los

webmails, wikis, weblogs, tiendas en línea y la propia Wikipedia que son

ejemplos bien conocidos de aplicaciones web.

Es importante mencionar que una página Web puede contener elementos que

permiten una comunicación activa entre el usuario y la información. Esto

permite que el usuario acceda a los datos de modo interactivo, gracias a que la

página responderá a cada una de sus acciones, como por ejemplo rellenar y

enviar formularios, participar en juegos diversos y acceder a gestores de base

de datos de todo tipo.

CAPITULO III

DISEÑO Y PRODUCCION DEL SOFTWARE CONTABLE

3.1 RECURSOS DE CREACCION

El uso de materiales informáticos con fines de creación de software suele

conllevar muchas alternativas curriculares. Así como, los procesadores de

texto, las bases de datos, el lenguaje de programación requerido (html, php,

javascript, jquerry, css), alojamiento gratuito de servidores, por no nombrar toda

la información disponible en Internet, son claros ejemplos a lo que se refiere la

creación de una aplicación web, e incluso las herramientas mentales que

pueden ayudar a razonar y pensar en la codificación y estructura del software,

es de suma importancia.

3.2 VENTAJAS EN LA CREACION DE UNA APLICACIÓN WEB

Ahorra tiempo: Se pueden realizar tareas sencillas sin necesidad de

descargar ni instalar ningún programa.

No hay problemas de compatibilidad: Basta tener un navegador

actualizado para poder utilizarlas.

No ocupan espacio en nuestro disco duro.

Actualizaciones inmediatas: Como el software lo gestiona el propio

desarrollador, cuando nos conectamos estamos usando siempre la

última versión que haya lanzado.

Consumo de recursos bajo: Dado que toda (o gran parte) de la

aplicación no se encuentra en nuestro ordenador, muchas de las tareas

que realiza el software no consumen recursos nuestros porque se

realizan desde otro ordenador.

Multiplataforma: Se pueden usar desde cualquier sistema operativo

porque sólo es necesario tener un navegador.

Portables: Es independiente del ordenador donde se utilice (un PC de

sobremesa, un portátil...) porque se accede a través de una página web

(sólo es necesario disponer de acceso a Internet). La reciente tendencia

al acceso a las aplicaciones web a través de teléfonos móviles requiere

sin embargo un diseño específico de los ficheros CSS para no dificultar

el acceso de estos usuarios.

La disponibilidad: suele ser alta porque el servicio se ofrece desde

múltiples localizaciones para asegurar la continuidad del mismo.

Los virus no dañan los datos porque éstos están guardados en el

servidor de la aplicación.

Colaboración: Gracias a que el acceso al servicio se realiza desde una

única ubicación es sencillo el acceso y compartición de datos por parte

de varios usuarios. Tiene mucho sentido, por ejemplo, en aplicaciones

online de calendarios u oficina.

Los navegadores: ofrecen cada vez más y mejores funcionalidades

para crear aplicaciones web ricas (RIAs).

3.3 DESVENTAJAS EN LA CREACIÓN DE UN APLICACIÓN WEB

Habitualmente ofrecen menos funcionalidades que las aplicaciones de

escritorio. Se debe a que las funcionalidades que se pueden realizar

desde un navegador son más limitadas que las que se pueden realizar

desde el sistema operativo. Pero cada vez los navegadores están más

preparados para mejorar en este aspecto. La aparición de HTML 5

representa un hito en este sentido. Es posible añadir funcionalidades a

estas aplicaciones gracias al uso de Aplicaciones de Internet

Enriquecidas.

La disponibilidad depende de un tercero, el proveedor de la conexión a

internet o el que provee el enlace entre el servidor de la aplicación y el

cliente. Así que la disponibilidad del servicio está supeditada al

proveedor.

3.4 DESARROLLO DE LA APLICACIÓN WEB

Aunque existen muchas variaciones posibles, una aplicación web está

normalmente estructurada como una aplicación de tres-capas. En su forma

más común, el navegador web ofrece la primera capa, y un motor capaz de

usar alguna tecnología web dinámica, por ejemplo: PHP, Java Servlets o ASP,

ASP.NET, CGI, ColdFusion, embPerl, Python o Ruby on Rails que constituye la

capa intermedia. Por último, una base de datos constituye la tercera y última

capa.

El navegador web manda peticiones a la capa intermedia que ofrece servicios

valiéndose de consultas y actualizaciones a la base de datos y a su vez

proporciona una interfaz de usuario.

3.4.1 RECURSOS NECESARIOS

El desarrollo de la mencionada Aplicación Web, no es del todo sencilla y mucho

menos difícil, gracias a la ayuda de novedosas herramientas actualizadas, hoy

en día la construcción de una Aplicación Web, solo requiere de conocimientos

básicos de programación, sin embargo en el desarrollo de esta aplicación

también es de suma importancia tener conocimientos básicos de contabilidad.

A continuación se mencionará las herramientas que se utilizaran para la

creación de nuestra Aplicación Web Contable:

Macromedia Dreamweaver CS6: Con esta herramienta se puede

desarrollar aplicaciones web en diversas plataformas. Inclusive PHP +

MySQL

PHP 4.4.1: Lenguaje de Scripting para el desarrollo de aplicaciones web.

Esta es la versión más común de encontrar en los servidores

HTLM5, CSS3, JS, Jquerry: Lenguajes de programación comunes en el

desarrollo web. Estos tipos de lenguajes de programación son

fundamentales para el desarrollo de nuestra aplicación.

MySQL 3.23* o 4.0: Motor de base de datos. Versiones mas comunes

de encontrar en los ISP

PhpMyAdmin: Solicitar acceso al proveedor del alojamiento web para

poder administrar la Base de Datos online.

Navicat: Utilitario para poder administrar la base de datos a nivel local.

Posee un generador de Querys asi como soporte para las nuevas

versiones de MySQL (5.0)

3.4.2 INTERFAZ

Las interfaces web tienen ciertas limitaciones en las funcionalidades que se

ofrecen al usuario. Hay funcionalidades comunes en las aplicaciones de

escritorio como dibujar en la pantalla o arrastrar-y-soltar que no están

soportadas por las tecnologías web estándar. Los desarrolladores web

generalmente utilizan lenguajes interpretados (scripts) en el lado del cliente

para añadir más funcionalidades, especialmente para ofrecer una experiencia

interactiva que no requiera recargar la página cada vez (lo que suele resultar

molesto a los usuarios). Recientemente se han desarrollado tecnologías para

coordinar estos lenguajes con las tecnologías en el lado del servidor. Como

ejemplo, AJAX es una técnica de desarrollo web que usa una combinación de

varias tecnologías.

3.4.3 CONSIDERACIONES TÉCNICAS

Una ventaja significativa es que las aplicaciones web deberían funcionar igual

independientemente de la versión del sistema operativo instalado en el cliente.

En vez de crear clientes para Windows, Mac OS X, GNU/Linux y otros sistemas

operativos, la aplicación web se escribe una vez y se ejecuta igual en todas

partes. Sin embargo, hay aplicaciones inconsistentes escritas con HTML, CSS,

DOM y otras especificaciones estándar para navegadores web que pueden

causar problemas en el desarrollo y soporte de estas aplicaciones,

principalmente debido a la falta de adhesión de los navegadores a dichos

estándares web (especialmente versiones de Internet Explorer anteriores a la

7.0). Adicionalmente, la posibilidad de los usuarios de personalizar muchas de

las características de la interfaz (tamaño y color de fuentes, tipos de fuentes,

inhabilitar Javascript) puede interferir con la consistencia de la aplicación web.

Otra aproximación es utilizar Adobe Flash Player o Java applets para

desarrollar parte o toda la interfaz de usuario. Como casi todos los

navegadores incluyen soporte para estas tecnologías (usualmente por medio

de plug-ins), las aplicaciones basadas en Flash o Java pueden ser

implementadas con aproximadamente la misma facilidad. Dado que ignoran las

configuraciones de los navegadores, estas tecnologías permiten más control

sobre la interfaz, aunque las incompatibilidades entre implementaciones Flash

o Java puedan crear nuevas complicaciones, debido a que no son estándares.

Por las similitudes con una arquitectura cliente-servidor, con un cliente "no

ligero", existen discrepancias sobre el hecho de llamar a estos sistemas

“aplicaciones web”; un término alternativo es “Aplicación Enriquecida de

Internet”.

3.4.4 LENGUAJES DE PROGRAMACIÓN

Existen numerosos lenguajes de programación empleados para el desarrollo de

aplicaciones web en el servidor, entre los que destacan:

Php

Css

Jquerry

Html5

Asp

Java, con sus tecnologías Java Servlets y JavaServer Pages (JSP)

JavaScript

También son muy utilizados otros lenguajes o arquitecturas que no son

propiamente lenguajes de programación, como HTML o XML.

Se utilizan para servir los datos adecuados a las necesidades del usuario, en

función de cómo hayan sido definidos por el dueño de la aplicación. Los datos

se almacenan en alguna base de datos estándar.

3.4.5 CARACTERISTICAS Y FUNCIONES

CARACTERISTICAS

La aplicación a desarrollar tendrá como características generales, las

siguientes:

Estabilidad: la aplicación será creada en plataforma Web, por lo tanto

podrá ser ejecutada en cualquier S.O y Navegador Web.

Rapidez: el software será programado de manera táctica para que la los

resultados, provenientes de procesos requeridos por el usuario, se

visualicen de manera rápida y transparente.

Seguridad: todos los procesos serán codificados de manera segura, en

forma automática por el programa. Además la aplicación Web dispondrá

la función de respaldar toda la información en servidores seguros

mediante protocolos de transferencia (ftp)

Precisión: Todos las transacciones que se ejecuten en el software

serán correctamente ejecutados, con absoluta precisión, gracias a los

comandos sistemáticos que conformaran la aplicación.

Competitividad: los procesos que la aplicación elabore, serán semi

automáticos, disminuyendo el esfuerzo del usuario.

Sencillez: la interfaz del usuario, será dinámica y de fácil manejo, con el

fin de evitar inconvenientes que afecten los registros realizados en la

aplicación.

FUNCIONES

Esta aplicación web se destinara a la regularización del control contable de una

institución comercial dedicada a la producción textil, por tanto la aplicación de

plataforma web dispondrá de las siguientes funciones:

Ingreso de Pedidos

Registro de Clientes

Registro de Ventas

Registro de Compras

Registro de Facturas

Impresión de documentos contables (notas de ventas, facturas, cartera,

pedidos, etc)

Respaldo de Bases de Datos (PC-Servidor | Servidor-PC), en el

conocido sistema de “almacenamiento en las nubes”.

Actualizaciones Automáticas de la aplicación.

Soporte y Ayuda Técnica.

CAPITULO IV

INVESTIGACIÓN DE CAMPO

4.1 PLANTEAMIENTO DE PROPUESTA

La propuestas más apropiada que encontrado para la solución de este

problema que engloba riesgos de grado mayor como la perdida de información

financiera desorganización de datos contabilizados, ha sido la aplicación y

desarrollo de un Software Dinámico (Aplicación Web), el mismo que se

encargara de emplear nuevas técnicas sistemáticas de control contable,

permitiendo a la microempresa beneficiaria Manos Creativas, mayor rapidez en

todo el tipo de transacciones que ejecute, brindándole mejor organización y

seguridad en todos los diversas transacciones que se registren en dicha

aplicación.

4.2 CONCLUSIONES

La microempresa Manos Creativas, se ha encontrado con una problemática

técnica de control contable, generando riesgos extremos como la perdida de

información de suma importancia para el funcionamiento legalizado de la

misma, todo esto causado por el incremento sucesivo de producción y este

debido al crecimiento de se demanda, es por esta razón que en el presente

proyecto se expone la propuesta del desarrollo y proyección de un Software

(Aplicación Web), para dar solución a los mencionados problemas,

beneficiando a la microempresa directamente, ayudándola a regular el control

financiero, aportando mayor seguridad, agilidad, automatización y rapidez en

todos y cada uno de los procesos que se empleen en la misma.

4.3 BIBLIOGRAFÍA

http://www.wikipedia.org/

http://www.masadelante.com/faqs/software-hardware

http://www.suronline.net/nuevo_sitio/beneficios-funcionamiento-

aplicaciones-web.asp

http://es.clearcorp.co.cr/content/servidores-en-la-nube

http://www.blogeninternet.com/2013/04/que-es-html5-y-para-que-

sirve.html

TEXTO CIENTIFICO

PROCEDIMIENTOS PARA LA

CREACION DE UN SITIO WEB -

APLICACIÓN WEB

TEXTO CIENTIFICO

INTRODUCCIÓN.- MANUAL DE CREACIÓN DE APLICACIONES WEB

En este manual aprenderás a crear páginas en Html, desde qué tipo de

programas podemos usar para la creación de nuestra página web hasta como

usar frames, introducir música o videos en una página web.

Algunas cosas no son difíciles de entender, pero requieren más esfuerzo, para

de esta manera poder desarrollar una aplicación web eficaz, moderna, y rápida.

¿QUÉ ES UNA PÁGINA WEB?

Una página web es un documento electrónico capaz de contener texto, sonido,

vídeo, programas, enlaces y muchas otras cosas.

Para poder visualizar una página web se emplean unos programas específicos

llamados navegadores. Entre los más populares (por unas u otras causas)

encontramos Netscape e Internet Explorer.

APLICACIÓN WEB

En la ingeniería de software se denomina aplicación web a aquellas

herramientas que los usuarios pueden utilizar accediendo a un servidor web a

través de Internet o de una intranet mediante un navegador. En otras palabras,

es una aplicación software que se codifica en un lenguaje soportado por los

navegadores web en la que se confía la ejecución al navegador.

LENGUAJES DE PROGRAMACIÓN WEB

LENGUAJE HTML

Desde el surgimiento de internet se han publicado sitios web gracias al

lenguaje HTML. Es un lenguaje estático para el desarrollo de sitios web

(acrónimo en inglés de HyperText Markup Language, en español Lenguaje de

Marcas Hipertextuales). Desarrollado por el World Wide Web Consortium

(W3C). Los archivos pueden tener las extensiones (htm, html).

Sintaxis:

<html> (Inicio del documento HTML)

<head>

( Cabecera )

</head>

<body>

( Cuerpo )

</body>

</html>

HTML5

HTML5 (HyperText Markup Language, versión 5) es la quinta revisión

importante del lenguaje básico de la World Wide Web, HTML.

Todavía se encuentra en modo experimental, lo cual indica la misma W3C;

aunque ya es usado por múltiples desarrolladores web por sus avances,

mejoras y ventajas.

Al no ser reconocido en viejas versiones de navegadores por sus nuevas

etiquetas, se le recomienda al usuario común actualizar a la versión más

nueva, para poder disfrutar de todo el potencial que provee HTML5.

LENGUAJE JAVASCRIPT

Este es un lenguaje interpretado, no requiere compilación. Fue creado por

Brendan Eich en la empresa Netscape Communications. Utilizado

principalmente en páginas web. Es similar a Java, aunque no es un lenguaje

orientado a objetos, el mismo no dispone de herencias. La mayoría de los

navegadores en sus últimas versiones interpretan código Javascript.

El código Javascript puede ser integrado dentro de nuestras páginas web. Para

evitar incompatibilidades el World Wide Web Consortium (W3C) diseño un

estándar denominado DOM (en inglés Document Object Model, en su

traducción al español Modelo de Objetos del Documento).

Sintaxis:

<script type="text/javascript"> ... </script>

LENGUAJE PHP

Es un lenguaje de programación utilizado para la creación de sitio web. PHP es

un acrónimo recursivo que significa “PHP Hypertext Pre-processor”,

(inicialmente se llamó Personal Home Page). Surgió en 1995, desarrollado por

PHP Group.

PHP es un lenguaje de script interpretado en el lado del servidor utilizado para

la generación de páginas web dinámicas, embebidas en páginas HTML y

ejecutadas en el servidor. PHP no necesita ser compilado para ejecutarse.

Para su funcionamiento necesita tener instalado Apache o IIS con las librerías

de PHP. La mayor parte de su sintaxis ha sido tomada de C, Java y Perl con

algunas características específicas. Los archivos cuentan con la extensión

(php).

Sintaxis:

<?php

$mensaje = “Hola”;

echo $mensaje;

?>

MySQL

MySQL es un sistema de gestión de bases de datos relacional, multihilo y

multiusuario con más de seis millones de instalaciones.1 MySQL AB —desde

enero de 2008 una subsidiaria de Sun Microsystems y ésta a su vez de Oracle

Corporation desde abril de 2009— desarrolla MySQL como software libre en un

esquema de licenciamiento dual.

¿QUÉ PROGRAMA DEBO USAR?

Para empezar a programar con Html, se necesita un programa en el cual

podamos introducir nuestro código y así, crear nuestra web. Existen varios

programas (editores web) con los cuales puedes ayudarte, entre los más

conocidos están DreamWeaver, Frontpage y HomeSite. Sin embargo, el mejor

sigue siendo DreamWeaver por ser tan completo.

Existe también la posibilidad de usar el Bloc de Notas, el cual también es

recomendable para memorizar las etiquetas.

PROCEDIMIENTOS PARA EL DESARROLLO WEB

ESTRUCTURA Y ETIQUETAS

Como dijimos, el Html es un lenguaje (de programación) que contiene

etiquetas, las cuales nos permiten configurar nuestra web. Las etiquetas se

escriben entre < > y (la mayoría) tienen la etiqueta de cierre < / >, que es la

misma etiqueta solo que con la barra / después de <. Lo que está entre las dos

etiquetas recibe el efecto.

¿Para qué una etiqueta de cierre?, bueno es para limitar nuestra etiqueta, o

sea, como no queremos que todo este subrayado (por ejemplo) donde ya no

queremos que sea así escribimos el cierre. La etiqueta <u> y su etiqueta de

cierre, </u>, indica subrayar un texto.

Ejemplo:

<u> Texto subrayado </u> Texto Normal

El resultado es:

Texto subrayado Texto Normal

LAS PARTES DEL DOCUMENTO:

Los documentos deben empezar con la etiqueta principal, que es <html> y

terminar con su etiqueta de cierre </html>.

El encabezado, que es el título de la página se escribe entre las etiquetas

<head> y </head>. El título se escribe entre las etiquetas <title> y </title>

dentro de la etiqueta <head>.

Y el contenido de la página, entre <body> y </body>.

No importa si lo ponemos en mayúsculas o minúsculas, lo importante es que el

cierre sea igual a como se abrió. Todo esto quedaría así:

<html>

<head> <title> Título de mi página </title> </head>

<body>

Aquí

va el contenido de mi

página

</body> </html>

QUÉ ES UN ATRIBUTO

Cualquier etiqueta XHTML puede contener uno o más atributos, separados por

espacios, que permiten especificar la etiqueta. El código fuente tiene el

siguiente aspecto:

<etiqueta atributo="valor_de_atributo">

<etiqueta atributo1="valor_de_atributo1" atributo2="valor_de_atributo2">

En el XHTML los atributos tienen que estar siempre definidos (mediante el

signo igual "=") y el valor del atributo tiene que estar entre comillas dobles o

simples.

Existen una serie de atributos comunes a todas las etiquetas (salvo la etiqeta

<html>) y algunas etiquetas tienen unos atributos específicos. En esta lección

se comentan los atributos comunes; los atributos específicos se comentan en

las lecciones dedicadas a las etiquetas correspondientes (imágenes, tablas,

etc).

FORMULARIOS

Mediante el envío de formularios se pueden enviar datos de un artículo, de

una encuesta o normalmente para enviar un mensaje a un e-mail.

Para hacer esto deberíamos saber un poco sobre los lenguajes de

tipo servidor, ASP o PHP, pero por el momento seguiremos con html.

La etiqueta para un formulario, es <form>, y sus atributos son los siguientes:

method: Indica el método por el que se enviarán los datos. Existen 2:

POST: Envía datos por la entrada estándar STDIO (utilizado normalmente).

GET: Envía datos por medio de un URL (enlace).

action: Indica el mail a donde se enviarán los datos o el nombre del

archivo .php o .asp –

Ejemplo:

<form action="mail[arroba]dominiio.com" method="post"></form> o

<form action="form.php" method="post"></form>

ELEMENTOS:

Para enviar datos en un formulario se necesitan cuadros de texto. La etiqueta

que se usa es <input> (no tiene etiqueta de cierre) y tiene varios atributos:

type: Define el tipo de texto que se introduce en el cuadro, sus valores pueden

ser:

text: Cualquier tipo de texto como el nombre, e-mail, dirección...

password: Se usa para ocultar las claves o datos confidenciales (al escribir

en este, muestra *******.

hidden: Datos escondidos, asunto, e-mail de destino...

button: Crea un botón.

image: Hace que una imagen sea el enlace (la imagen se muestra con el

atributo src).

submit: Envía el formulario.

reset: Borra los campos del formulario.

value: Indica el valor de un atributo o el nombre que se mostrará (en el

cuadro).

name: Nombre del campo.

maxlength: Indica el número de caracteres máximo para escribir.

size: Indica el tamaño del cuadro de texto.

Ejemplo:

<form method="post">

Nombre <input type="text" name="nombre" maxlength="10" size="15">

Password <input type="password" name="contraseña" maxlength="10"

size="15">

<input type="submit" name="enviar" value="Enviar">

<input type="reset" name="Borrar" value="Borrar Todo">

</form>

Resultado:

JAVASCRIPT: FUNCIONES

Cuando se desarrolla una aplicación compleja, es muy habitual utilizar una y

otra vez las mismas instrucciones. Un script para una tienda de comercio

electrónico por ejemplo, tiene que calcular el precio total de los productos

varias veces, para añadir los impuestos y los gastos de envío.

Cuando una serie de instrucciones se repiten una y otra vez, se complica

demasiado el código fuente de la aplicación, ya que:

El código de la aplicación es mucho más largo porque muchas

instrucciones están repetidas.

Si se quiere modificar alguna de las instrucciones repetidas, se deben

hacer tantas modificaciones como veces se haya escrito esa instrucción, lo

que se convierte en un trabajo muy pesado y muy propenso a cometer

errores.

Las funciones son la solución a todos estos problemas, tanto en JavaScript

como en el resto de lenguajes de programación. Una función es un conjunto de

instrucciones que se agrupan para realizar una tarea concreta y que se pueden

reutilizar fácilmente.

En el siguiente ejemplo, las instrucciones que suman los dos números y

muestran un mensaje con el resultado se repiten una y otra vez:

var resultado;

var numero1 = 3;

var numero2 = 5;

 // Se suman los números y se muestra el resultado

resultado = numero1 + numero2;

alert("El resultado es " + resultado);

numero1 = 10;

numero2 = 7;

 // Se suman los números y se muestra el resultado

resultado = numero1 + numero2;

alert("El resultado es " + resultado);

numero1 = 5;

numero2 = 8;

 // Se suman los números y se muestra el resultado

resultado = numero1 + numero2;

alert("El resultado es " + resultado);

Para que la solución del ejemplo anterior sea válida, las instrucciones comunes

se tienen que agrupar en una función a la que se le puedan indicar los números

que debe sumar antes de mostrar el mensaje.

Por lo tanto, en primer lugar se debe crear la función básica con las

instrucciones comunes. Las funciones en JavaScript se definen mediante la

palabra reservada function, seguida del nombre de la función. Su definición

formal es la siguiente:

function nombre_funcion() {

//Aquí el código javascript

}

APLICAR HOJAS DE ESTILO (CSS)

Las hojas de estilo en cascada o (Cascading Style Sheets, o sus siglas CSS)

hacen referencia a un lenguaje de hojas de estilos usado para describir la

presentación semántica (el aspecto y formato) de un documento escrito en

lenguaje de marcas. Su aplicación más común es dar estilo a páginas webs

escritas en lenguaje HTML y XHTML, pero también puede ser aplicado a

cualquier tipo de documentos XML, incluyendo SVG y XUL.

La información de estilo puede ser adjuntada como un documento separado o

en el mismo documento HTML. En este último caso podrían definirse estilos

generales en la cabecera del documento o en cada etiqueta particular mediante

el atributo "<style>".

Sintaxis:

<style type="text/css">

body {

color: purple;

background-color: #d8da3d }

</style>

CONECTAR PHP CON MYSQL

Obtener registros de una base de datos MySQL utilizando PHP es una de las

tareas mas comunes que se le presenta a todo desarrollador web, por ello les

presentamos un pequeña guía para consultar registros utilizando PHP.

CREANDO LA BASE DE DATOS

Obviamente para este ejemplo necesitamos una base de datos que la

llamaremos demo, dentro crearemos un tabla llamada empresa la cual tendrá

los siguientes campos: idemp, nombre, direccion, telefono, imagen.

CREATE TABLE `empresa` (`idemp` int(11) NOT NULL auto_increment,`nombre` varchar(180) NOT NULL default '',`direccion` varchar(180) NOT NULL default '',`telefono` int(8) NOT NULL default '0',`imagen` varchar(50) NOT NULL default '',PRIMARY KEY (`idemp`)

);

CONECTANDO PHP Y MYSQL

Para obtener los datos desde MySQL necesitamos una conexión (una forma de

enlazar o comunicarse), la cual nos permitirá extraer datos de la misma. Para

ello PHP tiene una serie de funciones exclusivamente para interactuar con

mysql. Entonces para la conexión utilizaremos la función mysql_connect y

luego mysql_select_db el cual nos permite definir a que base de datos del

servidor deseamos conectarnos.

$conexion = mysql_connect("localhost", "usuario", "clave");

mysql_select_db("demo", $conexion);

INSERTAR DATOS EN UNA TABLA

La insercionde registros en una base de datos es impresendible para una

alicacion web.

Para meter datos en una tabla utilizamos la orden INSERT

INSERT INTO nombre_de_la_tabla (Columna1, columna 2, …. )VALUES (Valor1, valor2, ….);

OBTENIENDO REGISTROS DE LA BASE DE DATOS

Una vez que tenemos una conexión lo siguiente es extraer los datos, esto lo

hacemos enviando consultas SQL mediante la función mysql_query. También

obtenemos el numero total de registros devueltos por nuestra consulta.

$queEmp = "SELECT * FROM empresa ORDER BY nombre ASC";

$resEmp = mysql_query($queEmp, $conexion) or die(mysql_error());

$totEmp = mysql_num_rows($resEmp);

Mostrando los resultados.

Finalmente mostramos los resultados obtenidos de nuestra consulta, para ello

extraemos cada resultado utilizando la función mysql_fetch_assoc la cual

devuelve una matriz asociativa utilizando los nombres de los campos de la

tabla.

if ($totEmp> 0) {

while ($rowEmp = mysql_fetch_assoc($resEmp)) {

echo "<strong>".$rowEmp['nombre']."</strong><br>";

echo "Direccion: ".$rowEmp['direccion']."<br>";

echo "Telefono: ".$rowEmp['telefono']."<br><br>";

}

}

SERVIDOR WEB

Un servidor web o servidor HTTP es un programa informático que procesa una

aplicación del lado del servidor realizando conexiones bidireccionales y/o

unidireccionales y síncronas o asíncronas con el cliente generando o cediendo

una respuesta en cualquier lenguaje o Aplicación del lado del cliente. El código

recibido por el cliente suele ser compilado y ejecutado por un navegador web.

Para la transmisión de todos estos datos suele utilizarse algún protocolo.

Generalmente se utiliza el protocolo HTTP para estas comunicaciones,

perteneciente a la capa de aplicación del modelo OSI. El término también se

emplea para referirse al ordenador que ejecuta el programa.

APLICACIÓN DE PROCEDIMIENTOS APRENDIDOS

GLOSARIO

Unidireccionales.- De una sola dirección

Software.- Término genérico que se aplica a los componentes no físicos de un

sistema informático, como: los programas, sistemas operativos, etc

Hardware.- Conjunto de elementos materiales que constituyen el soporte físico

de un ordenador:

Cuantificables.- Es aquello a lo cual hay que tomarle medidas y por medio de

operaciones matemáticas concluir sus características, y de que está hecho.

Web.- En informática, la World Wide Web o Red informática mundial

comúnmente conocida como la web, es un sistema de distribución de

documentos de hipertexto o hipermedios interconectados y accesibles vía

Internet.

Weblogs.- Un blog es un sitio web en el que uno o varios autores publican

cronológicamente textos o artículos, apareciendo primero el más reciente.

Programación.- La programación es el proceso de diseñar, codificar, depurar y

mantener el código fuente de programas computacionales.

Multiplataforma.- En informática, multi-plataforma, es un atributo conferido a

los programas informáticos o los métodos de cálculo y los conceptos que se

ejecutan e interoperar en múltiples plataformas informáticas.

Portables.- Se define como la característica que posee un software para

ejecutarse en diferentes plataformas, el código fuente del software es capaz de

reutilizarse en vez de crearse un nuevo código cuando el software pasa de una

plataforma a otra.

DOM.- El Modelo de Objetos del Documento (DOM) es una interfaz de

programación de aplicaciones (API) para documentos HTML. Define la

estructura lógica de los documentos y el modo cómo se accede y manipula un

documento.

Codificar.- Es el proceso por el cual la información de una fuente es convertida

en símbolos para ser comunicada. En otras palabras, es la aplicación de las

reglas de un código.

IDENTIFICACION DE SINONIMOS Y ANTONIMOS

SINONIMOS

Programa: Aplicación

Observar: Visualizar

Codificar: Programar

Hayar: Encontrar

Activar: Ejecutar

Mejorar: Renovar

Desarrollar: Crear

Innovar: Actualizar

Necesidad: Requisito

Ordenador: Computador

Interpretar: Entender

Recomendar: Sugerir

Terminar: Finalizar

ANTONIMOS

Hacer: Rehacer

Aproximarse: Alejarse

Dependiente: Independiente

Limitado: Ilimitado

Añadir: Quitar

Disponible: Indisponible

Compatible: Incompatible

Permitir: Denegar

Ayudar: Perjudicar

Trabajar: Vagar

Realizar: Abstenerse

Regular: Desorganizar

Ordenar: Desordenar

ANALAOGIAS

1. Programacion:Aplicacion::Universidad:Profesionales

2. Contabilidad:Asignatura::Teclado:Hardware

3. Demanda:Ganancias::Gastos:Perdidas

4. Informacion:Internet::Libros:Biblioteca

5. Publicaciones:Weblogs::Videos:Youtube

6. Actualizacion:Mejoramiento::Innovacion:Creacion

7. Teclado:Computadora::Cama:Dormitorio

8. Navegador:Webs::Televisor:Peliculas

9. Datos:Registros::Proveedor:Suministrador

10.Ayuda:Soporte::Funciones:Caracteristicas

11.Antivirus:Virus::Software:Hardware

INFERENCIAS

1. La microempresa Manos Creativas, se dedica a la producción textil

por sus ingresos económicos.

2. Las falencias del control contable se debe a la irresponsabilidad de

sus encargados.

3. La programación puede perjudicar la salud.

4. Las Aplicaciones Web suelen ser 100% seguras.

5. Ninguna dirección web puede estar infectada de virus.

6. Los Navegadores web sirven solo para leer protocolos web porque

sus creadores no saben otro tipo de programación.

7. La proyección de un software contable en una empresa puede

empeorar la situación porque fallas técnicas.

8. Los lenguajes de programación web son de difícil entendimiento para

que no puedan desarrollar aplicaciones en exceso.

9. La contabilidad perjudica la dirección financiera de una empresa.

10.La microempresa Manos Creativas requiere un programa contable

porque le sobra dinero.

ESQUEMAS

LECTURA CRÍTICA: COHERNCIA Y ESTRUCTURA DEL LENGUAJE

4.- En la que se confía la ejecución al navegador.

1.- En la ingeniería de software se denomina aplicación web a aquellas

herramientas que los usuarios pueden utilizar accediendo a un servidor

web.

3.- En otras palabras, es una aplicación software que se codifica en un

lenguaje soportado por los navegadores web.

2.- A través de Internet o de una intranet mediante un navegador.

PENSAR POR ESTAPAS

Etapas requeridas para la elaboración de una Web

1. Planeación

2. Desarrollo de contenido

3. Diseño Gráfico

4. Programación y ayuda técnica

5. Mercadeo y promoción

6. Mantenimiento

REVISAR Y MEJORAR LO QUE HACES Y PIENSAS

INFORMACION DADA, INCOMPLETA Y REQUERIDA

En la ingeniería de software se denomina aplicación web a aquellas

herramientas que los usuarios pueden utilizar accediendo a un servidor web a

través de Internet o de una intranet mediante un navegador. En otras palabras,

es una aplicación software que se codifica en un lenguaje soportado por los

navegadores web en la que se confía la ejecución al navegador.

Información Dada

En la ingeniería de software se denomina aplicación web a aquellas

herramientas que los usuarios pueden utilizar accediendo a un servidor web a

través de Internet

Información Ambigua o Incompleta

No indica en que lenguajes se codifica y cuáles son los soportados por los

navegadores

Información requerida para Completar la información

Indicar todos los lenguajes de programación soportados por los navegadores

CORREGIR LOS ERRORES:

Reprogramar, corregir los errores existentes en la ejecución

IDENTIFICAR DEFECTOS:

Identificar los errores existentes en la ejecución del software

RREVISAR EL PRODUCTO:

Revisar, el software en busca de fallas

REALIZAR LA ACCION:

Desarrollar, programar y compilar el programa

PLANIFICAR:

Elaborar un esquema o estructura de la aplicación Web

PREGUNTAS CONVERGENTES Y DIVERGENTES

CONVERGENTES

¿En qué plataformas se codifica una página web?

¿A qué se dedica la microempresa Manos Creativas?

¿Los programas son vulnerables a los virus?

¿Un programa contable debe ser seguro?

DIVERGENTES

¿Qué opinas del internet?

¿Consideras que una aplicación web es segura?¿Porque?

¿Qué puedes decir del software?

¿Qué opinas del desarrollo de una aplicación web para implementarla en

la microempresa manos creativas?

ASEVERACIONES

ASEVERACIONES UNIVERSALES NEGATIVAS FALSAS

Ningún navegador web interpreta código php.

Ninguna microempresa puede tener problemas financieros.

Ningún manual de desarrollo web es útil para el usuario.

ASEVERACIONES PARTICULARES POSITIVA FALSA

Algún Navegador Web no sirve para navegar en internet

Algún lenguaje de programación web permite crear videos.

Algunos programas contables tienen un reproductor de música.

ARGUMENTOS CONVINCENTES

Aseveración Clave: El aplicación web contable ayuda al control financiero de

la microempresa Manos Creativas.

Aseveraciones de Respaldo:

1.- Los programas contables realizan en forma semiautomática todos los

procesos contables

2.- Los programas contables brindan mayor seguridad en la protección de

datos.

Argumento:

Una aplicación web contable beneficiaría completamente a la microempresa

Manos Creativas, gracias a su eficacia y seguridad que brindan a los datos

registrados de las diferentes transacciones que se realicen en las actividades

de la microempresa.

ANEXOS

APLICACIÓN WEB CONTABLE “SISCONTWEB”

EDTITOR WEB