Eso, ojalá todo resulte bien y gracias por leer.

Saludos!

Saludos =D.

Durante la abstracción hecha al momento de modelar la aplicación, es inevitable - y obvio por lo demás – fijarse en aquellas entidades (nociones de objeto) del mundo real sobre las que se trabajará, a ese conjunto de entidades se le denomina dominio de la aplicación.

Tomemos como ejemplo, los alumnos de un instituto o universidad, en éste caso el dominio lo conforman cada uno de los alumnos, con sus nombres,teléfonos, direcciones, correos electrónicos, notas, etc.

Toda entidad en el mundo real tiene dos características fundamentales, su estado y su comportamiento, por ejemplo, las entidades de tipo contacto, tienen estados - como su nombre, teléfono, etc – , y a la vez también presentan un comportamiento - como rendir prueba, definir horario, etc -. Dichas características tienen un equivalente a nivel de software, en el caso del estado, éste se representa mediante atributos - un estado puede estar representado por más de un atributo - mientras que la implementación de comportamiento(s) es(son) llamado(s) método(s), tomando en cuenta que en éste tipo de programación los métodos controlan las variables de estado, las manipulan. Estas características tambien son llamadas miembros.

Probablemente más de alguna vez el lector, si ha oído o leído sobre OO, habrá leido – o escuchado en su defecto – los términos clase y objeto, ¿cuál es la diferencia entre ambos términos?; clase es la “traducción” de un concepto del mundo real, mientras que objeto es la instancia de una clase, esto es, la clase es una suerte de plantilla, modelo de cómo será el objeto instanciado.

Lo más seguro es que del parrafo anterior, el lector haya entendido totalmente NADA – y es entendible, digamos, a primeras es muy dificil separar lo conceptual de lo real – pero para evitar dejar dudas, se hará mas explícito lo dicho mediante un ejemplo:

La clase auto tiene en su definición, un modelo, un color, etc. El objeto es un auto concreto, por ejemplo, un auto Mazda con modelo V8, color negro

Como resumen podríamos decir, que una clase es la abstracción de la entidad, esto significa ¡que podremos instanciar cuantos objetos de una misma clase queramos!.

Más adelante, en el tutorial acerca de la POO, hablaremos más acerca de estos conceptos y se profundizará aún más el tratamiento de estos términos, por ahora sólo basta con conocer estos términos.

Propósitos de este paradigma
El propósito principal de este paradigma es proporcionar nuevos enfoques para construir sistemas de software complejos mediante a partir de fragmentos modularizados y reutilizables de software, estos nuevos enfoques deben ser capaces de manipular sin problemas tanto sistemas grandes como pequeños, y hacer mas flexible, mantenible y capaz de evolucionar a modo de adaptación.
Para suplir estos propósitos, es que existen cuatro elementos dentro de la OO:

1. Abstracción
2. Encapsulamiento
3. Modularidad
4. Jerarquía

Todos estos elementos deben existir, por lo que, si falta almenos uno de ellos, el modelo ya no se considera orientado a objetos.

Aquí concluye la parte II del tutorial, cualquier duda, no duden en comentar y la tercera parte contendrá las explicaciones a cada elemento mencionado en la lista anterior.

La orientación a objetos, mas allá de ser un paradigma de programación es una forma alternativa de ver el mundo y lo que nos rodea con una mirada diferente a la que comunmente tenemos.

Mediante esta cosmovisión, el individuo es capaz de entender un problema abstrayendo ciertos elementos de dicho problema y generando modelos de sistema, enfocados en ciertas entidades principales del problema que se desea resolver. Cabe destacar que la OO – acrónimo de Orientación a Objetos – es válida para muchos campos de las ciencias formales y en la vida cotidiana - si bien no se ocupan los mismos conceptos, existen ciertas analogías con conceptos de las ciencias formales, como por ejemplo la inferencia lógica (ver bibliografía) -, sin embargo, la ciencia que implementó esta cosmovisión es la informática, en donde su uso en la actualidad cada vez es mayor.

La idea de este tutorial acerca de la OO y sus aplicaciones es invitar al lector a entender y poner en práctica la modelación de sistemas orientados a objetos, en este caso, entender como aplicar la orientación a objetos en la creación de proyectos y aplicaciones.

Lo que se presentará en esta primera parte, es la base conceptual – en esta sección no se hablará en lo absoluto de código - por lo que si el lector ya sabe en que consiste la orientación a objetos en la parte teórica, lo mejor es que se abstenga de leer porque lo único que habrá en esta sección será teoría.

Algo de historia

Las primeras nociones de orientación a objetos se dan a conocer a comienzo de los ’60 en la Universidad de Noruega, bajo el alero de un equipo a cargo del Dr. Krysten Nygaard, que en principio buscaba desarrollar sistemas informáticos para simular ciertos sistemas físicos, como por ejemplo el del funcionamiento y rendimiento de un motor.

El proceso resultó ser dificultoso por la complejidad de las aplicaciones realizadas y por que debían ser necesaria y forzosamente modificados. Para solucionar tales complejidades se ideó el modelado del programa en forma paralela al objeto físico, esto es, el programa se modularía de tal modo que si el objeto estaba compuesto por cien partes, el programa estuviera así compuesto por cien modulos lo que permitía un paralelismo y correspondencia entre el sistema físico y el informático. Lo anterior permitió tambien la abstracción de un modelo físico en un modulo informático.

Gracias a la solución entregada, los dos puntos en los cuales se producía conflicto lograron ser resueltos; de partida, se estaba ofreciendo un sistema que permitia fragmentar un programa por partes, abstrayendo de manera efectiva un modelo físico pudiendo controlar de ese modo el mantenimiento del sistema de simulación.

De la orientación a objetos – informáticamente hablando – a medida que el tiempo ha ido pasando, se han obtenido muchos beneficios, uno de ellos es la reusabilidad, es decir, el poder valerse de un código existente para ser utilizado en otros softwares.

A partir de la necesidad de trabajar con un lenguaje que netamente implemente estas ideas, se diseñó un lenguaje llamado Simula-67 - que en la actualidad se sigue utilizando – surgiendo a la postre varios lenguajes diseñados para facilitar el desarrollo de sistemas complejos , como por ejemplo Smalltalk - creado por Xerox para trabajar en la construcción de entornos gráficos, pero eso es otro cuento -, la sucesión del lenguaje C – llamada C++ – a la que agregaron componentes basándose en la estructura de Smalltalk y Simula-67.

Actualmente en los campos de la inteligencia artificial, tambien se ha extendido el desarrollo de lenguajes basados en la orientación a objetos.

Aquí finaliza la primera parte de esta sección. Espero sea de utilidad, en la parte II se hablará de los conceptos básicos de la orientación a objetos y el propósito de este paradigma.

Bibliografía:
http://www.slideshare.net/soreygarcia/orientacion-a-objetos-para-dummies-presentation
http://www.ati.es/novatica/1995/mar-abr/n114obje.html
http://www.wikilearning.com/

Eso es … me he estado cabeceando caleta de rato pero no me cunde nada, lo que necesito es crear una barra que quede en el tope de la web (wordpress) para promocionar el foro y la misma barra en el foro para promocionar el blog.

A continuación, el mini tutorial de hoy, que entregué a modo de respuesta, esto es bastante básico y si hay buen manejo de CSS, puede dar resultados mas que magníficos.

Mi respuesta a dicha pregunta fue es la siguiente :

Pongamonos en los siguientes casos:

• Quieres hacer una barra como la de fayerwayer, que al bajar el scroll desaparezca.
• Hacer una barra superior, que aunque sea desplazado el scroll se mantenga en su posición.

Te invito a probar ambas opciones y ves cual te gusta mas.

La primera – La barra de fayerwayer se hace con el siguiente código:

<html>
<head>
<title> Aquí tu título </title>
<style type="text/css">
body{
margin:0;
padding:0;
}
#menubar{
background-color:black;
color: white;
font:8pt Arial;
}
</style>
</head>
<body>
<!-- Aquí la barrita -->
<div>
<table id="menubar" width="100%" cellpadding=0 cellspacing=0>
<tr>
<td>Menu 1</td>
<td>Menu 2</td>
</tr>
</table>
</div>
<div id="header"><!-- Aquí el header --></div>
<div id="content"><!-- Aquí el cuerpo --></div>
<div id="footer"><!-- Aquí el footer --></div>
</body>
</html>


La segunda – La barra de estática se hace con el siguiente código:
<html>
<head>
<title> Aquí tu título </title>
<style type="text/css">
body{
margin:0;
padding:0;
}
#bar{
position:static;
top:0;
}
#menubar{
background-color:black;
color: white;
font:8pt Arial;
}
</style>
</head>
<body>
<!-- Aquí la barrita -->
<div id="bar">
<table id="menubar" width="100%" cellpadding=0 cellspacing=0>
<tr>
<td>Menu 1</td>
<td>Menu 2</td>
</tr>
</table>
</div>
<div id="header"><!-- Aquí el header --></div>
<div id="content"><!-- Aquí el cuerpo --></div>
<div id="footer"><!-- Aquí el footer --></div>
</body>
</html>

Esto es simple, basta con ocupar el molde anterior, y ya está la barra.
Para que la segunda barra quede estática, solo basta con ocupar ésta propiedad en la definición CSS:
position:static;

Un usuario de un foro en el que generalmente doy soporte, planteó la siguiente duda que para algunos es básica, pero para otros no tanto y para estos últimos va dirigido este post:

¿Cómo hacer un echo dentro del mismo sitio?

Probablemente, la pregunta en si no se entienda sin un contexto de pormedio, pongamoslo así:

¿Qué sucede cuando queremos, que al hacer una petición php se mantenga la estructura visual de la página?

Hay muchas soluciones para este hecho, una de las que di en dicho foro fue el uso de secciones y templates.

La otra solución, tiene un sólo nombre…Ajax.

Por ahora sólo me enfocaré en el uso de secciones y templates, porque para programadores novatos, toma menos tiempo de entender, ya que para entender todo lo que Ajax involucra hay que tener un previo conocimiento en Javascript.

¿Qué se recomienda tener claro para este post?

Recomiendo tener claro los siguientes temas:

• Uso de la función include()
• Uso de la variable $_GET

Sin más que agregar, voy a dar comienzo a la solución del problema planteado al principio:

1. ¿Cúal es la idea de las secciones?
   La idea de las secciones es brindar al sitio cierta clase de “orden”, que beneficiará tanto al desarrollador como al usuario, ya que para acceder a los distintos destinos dentro del sitio ya no será necesario valerse de los nombres de los archivos, salvo la primera vez (cuando se esté desarrollando el sitio), otro beneficio, es poder usar una misma estructura visual para todas las peticiones php, que solo se cargará una vez y quedará almacenada en la información del sitio, por lo que no habrá que cargar imagen por imagen una y otra vez.
2. ¿Qué es un template?
   Según nuestra amiga Wikipedia un template o plantilla es:

   • Una forma de dispositivo que proporciona una separación entre la forma o estructura y el contenido.
   • Relativo a sistema computacionales, por ejemplo paquetes de programas basados en la web, utilizan en la actualidad un sistema de plantillas para separar la lógica del programa del formato visualizado. Típicamente, estas plantillas incluirán variables (frecuentemente denotadas como {VARIABLE}), y posiblemente unos pocos operadores lógicos para permitir una mejor adaptabilidad de la plantilla.

   Ambas definiciones (escogidas no al azar), involucran el concepto de separación, ¿por qué lo he escogido?, sencillo, porque ello es lo que buscamos, separar las peticiones de la estructura propiamente tal.

Lo que debe resultar al final de este tutorial es algo (más producido obviamente) como ésto.

Ahora, vamos a trabajar con dos archivos nada más, el resto basta con entender como funciona el segundo archivo:

1. index.php (Plantilla):
   Este archivo de ejemplo será básico, pero en pocas palabras es el que contiene la estructura principal del sitio, es aquel elemento del sitio que se mantendrá tal cual.
   El archivo en cuestión es el siguiente:

   <html>
<head>
<title>Ejemplo de secciones http://trickyweb.wordpress.com</title>
</head>
<body>
<?
/* La idea es que la variable $pg capta el valor contenido en la url y cada valor para $pg es una sección */
$pg = $_GET["pg"];
switch($pg){
case 1:
$header = "Página 1";
break;
default:
if(empty($pg)){
$header = "Index";
}else{
$header = "ERROR 404";
}
break;
}
?>
<div id="header" style="border:1px black solid">
<? echo $header; ?>
</div>
<div id="contenido" style="border:1px black solid">
<? include("contenido.php") ?>
</div>
<div id="footer" style="border:1px black solid">
<a href="http://trickyweb.wordpress.com">TrickyWeb 2009</a>
</div>
</body>
</html>

2. contenido.php:
   Este archivo contiene básicamente las instrucciones para incluir ciertos archivos en los momentos necesarios, para ejemplo, te invito a hacer un archivo html llamado 1.php que contenga el contenido que quieras, ya que luego lo ocuparás dentro del ejemplo:

   
<?
//Capturamos la variable $pg contenida en la URL
$pg = $_GET["pg"];
switch($pg){
case 1:
if(file_exists("1.php")){
//Si el archivo existe, se incluye
include("1.php");
}else{
//Si el archivo no existe, sale un mensaje de error.
echo "El archivo no existe";
}
break;
default:
if(empty($pg))
echo "Estás en el index!!";
else
echo "La página no existe!";
break;
}
?>

Y con eso estaría listo el tutorial, la idea es que del ejemplo puedas ir flexibilizando la codificación, no es necesario que los nombres de archivo sean 1,2,3… o el contenido de la variable (o el nombre de la variable) sean el mismo, de hecho, el contenido puede ser alfanumérico.

Cualquier duda, sugerencia o comentario son bienvenidos.

Bytes!