Post on 26-Jan-2015
description
transcript
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