UNIVERSIDAD TÉCNICA DE MACHALA

Calidad, Pertinencia y Calidez

VICERRECTORADO ACADÉMICO
CURSO 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.
 INDICE
TEMA:
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ÓRICO
2.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 WEB
3.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 instruccion
es comunes. Las funciones en JavaScript se definen mediante la palabra reser
vada function, seguida del nombre de la función. Su definición formal es la sigui
ente:
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 Innovar: Actualizar
Observar: Visualizar Necesidad: Requisito
Codificar: Programar Ordenador: Computador
Hayar: Encontrar Interpretar: Entender
Activar: Ejecutar Recomendar: Sugerir
Mejorar: Renovar Terminar: Finalizar
Desarrollar: Crear

ANTONIMOS
Hacer: Rehacer Permitir: Denegar
Aproximarse: Alejarse Ayudar: Perjudicar
Dependiente: Independiente Trabajar: Vagar
Limitado: Ilimitado Realizar: Abstenerse
Añadir: Quitar Regular: Desorganizar
Disponible: Indisponible Ordenar: Desordenar
Compatible: Incompatible

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

CORREGIR LOS ERRORES: PLANIFICAR:

Reprogramar, corregir los errores Elaborar un esquema o estructura de la

existentes en la ejecución aplicación Web

IDENTIFICAR DEFECTOS: REALIZAR LA ACCION:

Identificar los errores existentes en la Desarrollar, programar y compilar el

ejecución del software programa

RREVISAR EL PRODUCTO:

Revisar, el software en busca de fallas

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
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