Páginas Web en PHP: Yii Framework

Para crear páginas web en php rápidamente mediante un framework, vamos a explicar cómo instalar uno de los más conocidos: Yii Framework.

Antes de empezar tenemos que tener instalado y configurado un XAMPP, para poder tener nuestras páginas en local. A partir de ahí ya podemos empezar a hacer páginas web en PHP.

En primer lugar vamos a dirigirnos al enlace de Yii Framework, para descargarnos el framework a usar en “Download Yii“. Nosotros nos hemos creado dentro de htdocs una carpeta llamada TestYii que es donde descomprimimos lo que acabamos de descargarnos, para ver que todo está correctamente escribimos en el navegador la siguiente ruta: http://localhost/testYii/requirements/index.php en la cual podemos ver si lo que acabamos de copiar y nuestra configuración XAMPP es correcta para este framework de php. Esta carpeta es donde tenemos el framework inicial para todas nuestras futuras páginas web en php.

Lo segundo es generar nuestra primera aplicación web de pruebas, para ello si estamos en windows, tenemos que entrar en la consola de comandos [Nos dirigimos a Inicio-> Ejecutar -> Escribimos “cmd” sin las comillas y debería aparecernos]. A continuación dentro de la consola tenemos que ir a la ruta del framework que acabamos de instalar. En nuestro caso escribiremos “cd C:\xampp\htdocs\TestYii\framework\”, sin las comillas, desde aquí y mediante la siguiente línea de comandos podremos crear automáticamente los archivos para iniciar nuestra aplicación web:

yiic webapp C:\xampp\htdocs\AppYii\

Con esta línea crearemos una carpeta llamada AppYii(o como queramos llamarle), con los archivos necesarios para ir empezando a crear páginas web en php. Podemos comprobar que todo ha ido correctamente desde el navegador mediante la ruta: http://localhost/AppYii/ donde veremos algo como en la imagen de cabecera de esta noticia. Podéis ver que ya hay ciertas cosas generadas automáticamente con código incluído.

En tercer lugar vamos a meternos con la base de datos, os recomiendo que creeis en primer lugar vuestro Entidad-Relación, para ello nosotros hemos usado la aplicación Mysql Workbench, desde la cual una vez generado vuestro diagrama correctamente podéis exportarlo a sentencias SQL para generar vuestra base de datos mediante phpmyadmin.

A continuación podemos ver la estructura que se ha generado y que compartirán inicialmente todas nuestras páginas web en php:

testdrive/
index.php archivo de entrada de la aplicación Web
assets/ contiene archivos de recursos públicos
css/ contiene archivos CSS
images/ contiene archivos de imágenes
themes/ contiene temas de la aplicación
protected/ contiene los archivos protegidos de la aplicación
yiic script de linea de comandos yiic
yiic.bat script de linea de comandos yiic para Windows
commands/ contiene comandos ‘yiic’ personalizados
shell/ contiene comandos ‘yiic shell’ personalizados
components/ contiene componentes reusables
MainMenu.php clase de widget ‘MainMenu’
Identity.php clase ‘Identity’ utilizada para autenticación
views/ contiene los archivos de vistas para los widgets
mainMenu.php el archivo vista para el widget ‘MainMenu’
config/ contiene archivos de configuración
console.php configuración aplicación consola
main.php configuración de la aplicación Web
controllers/ contiene los archivos de clase de controladores
SiteController.php la clase controlador predeterminada
extensions/ contiene extensiones de terceros
messages/ contiene mensajes traducidos
models/ contiene archivos clase de modeloscontaining model class files
LoginForm.php el formulario modelo para la acción ‘login’
ContactForm.php el formulario modelo para la acción ‘contact’
runtime/ contiene archivos temporarios generados
views/ contiene archivos de vista de controladores y de diseño
layouts/ contiene archivos de diseño
main.php el diseño default para todas las vistas
site/ contiene archivos vista para el controlador ‘site’
contact.php contiene la vista para la acción ‘contact’
index.php contiene la vista para la acción ‘index’
login.php contiene la vista para la acción ‘login’
system/ contiene archivos de vista del sistema

De toda esta estructura, nos interesa abrir el archivo que se encuentra en la carpeta \protected\config\main.php, y descomentar las siguientes líneas de código:

/*
'db'=>array(
'connectionString' => 'mysql:host=localhost;dbname=NombreBaseDatosCreada',
'emulatePrepare' => true,
'username' => 'root',
'password' => '',
'charset' => 'utf8',
),
*/

Podemos indicar los datos de conexión a nuestra base de datos, nombre de usuario y contraseña que tenemos configurado en nuestro XAMPP, con esto ya podría tener acceso nuestra aplicación web a la base de datos que tenemos creada.

En quinto lugar vamos a generar los modelos y el CRUD (Create, Read, Update y Delete) de cada uno de ellos en nuestra aplicación web en php, esta parte es la mejor y donde comprobaremos lo que ahorraremos en el inicio de la programación de páginas web en php. En este paso podemos volver a usar el comando que hemos visto con anterioridad llamado Yiic para automatizar la generación de código o scaffolding, pero yo me voy a centrar en otra manera más fácil e intuitiva que es en la herramienta Gii que viene con Yii Framework.
Esta herramienta hay que activarla, para ello tenemos que ir al mismo archivo que hemos modificado anteriormente main.php y descomentar las siguiente líneas de código e introducir una contraseña nueva:

'gii'=>array(
'class'=>'system.gii.GiiModule',
'password'=>'gii123',
// If removed, Gii defaults to localhost only. Edit carefully to taste.
'ipFilters'=>array('127.0.0.1','::1'),
),

Para comprobar que todo ha ido bien, iremos al navegador y escribiremos: http://localhost/AppYii/index.php?r=gii, nos pedirá introducir la contraseña que hemos metido con anterioridad, en nuestro caso gii123 y ahora solo queda empezar a crear los objetos que con anterioridad hemos creado mediante nuestro Entidad-Relación en Mysql. Todos estos pasos serían un buen método de desarrollo a repetir en todas nuestras páginas web en php. Para ello tenemos que entrar en la opción “Model Generator“, introducir los datos de nuestra base de datos “db” y el nombre de tabla y luego los modelos (normalmente las tablas las ponemos en plural y los modelos en singular), presionamos en botón “Preview” y si todo ha ido correctamente podremos presionar el botón “Generate” para confirmar la creación de nuestro modelo, este paso lo repetiremos con todos nuestros modelos. Podemos ver como se han generado todos los modelos en la siguiente carpeta: protected\models\.

Ahora que tenemos los modelos, vamos a generar el CRUD de cada uno de ellos, entrando en la opción “Crud Generator“, en nuestro caso mantendremos los nombres que usamos para los modelos en el campo de ID, podemos ir viendo que lo que estamos generando está activo vía web: http://localhost/appYii/index.php?r=nombremodelo y veremos que hay código ya creado automáticamente para dar de alta, leer, modificar y borrar cada uno de los modelos.

A partir de aquí, ya tenemos bastante trabajo hecho por adelantado para nuestras futuras páginas web en php con unos cuantos clicks.

Landing Page: Tiendas Online y Web Coruña

Proyecto de landing page, para atraer tráfico y futuros clientes de tiendas online para comercio electrónico y páginas web en la zona de Coruña.

Este proyecto nace de la colaboración con Noroesteweb, una de nuestras premisas en la colaboración con más empresas del sector, ya que la unión hace la fuerza. En este caso nosotros nos hemos encargado de la programación de la landing page, incluyendo parte de la maquetación inicial, google analytics, configuración para seo básico, formulario de acción, así como del bombardeo de ideas para su diseño, donde Noroeste web tiene su gran baza y mayor experiencia.

Para este proyecto nos hemos basado en la noticia publicada en nuestra web sobre páginas de aterrizaje o landing page.

Nos gusta cooperar con diseñadores web o gráficos, así que no dudéis en contactarnos, nos encanta contribuir con lo que mejor sabemos hacer en cada uno de nuestros proyectos y poder colaborar con grandes profesionales, en este caso Noroeste web que nos ha deslumbrado con el diseño final de la landing page, un diseño con unos colores frescos y vivos.

Podéis ver los resultados en el siguiente enlace de Tiendas Web Coruña.

Aparece en primer lugar una cabecera con el eslogan, siempre es bueno indicar la oferta a la que va dirigida la landing page y por eso es parte del propio diseño, pero sobretodo indicar que nuestras propias bazas.

Se resalta el botón de acción “¡Infórmate ahora!”, se reducen los datos a cubrir por el futuro demandante de información con solo un correo y la información que necesita saber. Es importante señalar los servicios de una manera resumidad, en este caso son: estadísticas internas, gestión de envíos, posicionamiento (SEO), panel de administración, pagos y avisos.

Y por último una anotación más de lo que intenta marcar un poco la diferencia con el resto de competidores.

¿Por qué existen permisos en las aplicaciones android?

¿Por qué hay permisos en las aplicaciones android? Pues es muy sencillo, para que no hagan lo que no queremos que hagan en nuestros teléfonos.

Al bajarnos aplicaciones Android en la tienda de google, siempre nos aparece una pantalla para que validemos los permisos de dichas aplicaciones, hay estudios que hablan que el 25% de ellas son peligrosas por este motivo, ya que aunque aparecen detallados lo que pueden hacer en tu teléfono no lo solemos leer y estamos pensando más en que queremos esa aplicación o ese juego sin pararnos a pensar en porque necesita acceso a ciertos datos de mi teléfono móvil.

Es importante ver los permisos de las aplicaciones android, si ya las hemos instalado y tenemos dudas podemos verlos en Ajustes -> Aplicaciones -> Nombre de la aplicación -> Permisos.

Es bueno siempre fijarse en las puntuaciones y en los comentarios de las mismas, y si nos pasa algo con ellas no solamente desinstalarla sino dejar constancia de lo que sucede, si son solamente fallos a los programadores nos puede venir muy bien para intentar solventarlos.

Permisos en aplicaciones android:

  • Llamar directamente a números de teléfono.
  • Enviar mensajes
  • Modificar o eliminar el contenido del almacenamiento USB
  • Leer y modificar los contactos
  • Historial de páginas web
  • Leer la identidad y el estado del teléfono
  • Precisar la ubicación (GPS)
  • Conexiones Bluetooth
  • Acceso íntegro a Internet
  • Estado de la Red / Estado Wi-Fi
  • Buscar cuentas conocidas
  • Administrar la lista de cuentas
  • Actuar como autenticador de cuentas
  • Gmail: uso de cuentas en el dispositivo, añadir o eliminar
  • Impedir el modo de suspensión
  • Instalación de paquetes (Instalar aplicaciones)
  • Leer ajustes de sincronización
  • Cerrar aplicaciones en segundo plano
  • Control de la alarma por vibración
  • Realizar fotografías y vídeos

En las aplicaciones android que nos descarguemos siempre es recomendable descargarlas del sitio oficial, en segundo lugar prestar atención a todos los permisos, por ejemplo un juego no tiene porque tener acceso a mis datos de GMail o mis contactos o incluso poder instalar otras aplicaciones en mi móvil, también salvo que sea un programa de imagen no debería tener permiso para realizar fotografías ya que podría hacerlo cuando le diera la gana y a escondidas nuestra. Muchas aplicaciones nos piden la posición gps, muchas veces es para publicidad, está claro que la nuestra de Tapear Gratis solo lo necesita para saber donde estás y mostrarte los locales de la ciudad en la que te encuentres.

Landing Page, la página donde aterrizan tus futuros nuevos clientes.

¿Qué es una landing page? una landing page es una página que se ha diseñado específicamente para la obtención de clientes, para nuestras campañas de marketing o acciones de comunicación.

En sentido más amplio se podría comparar con los carteles publicitarios que podemos encontrarnos en la calle, nos muestran información concisa sobre una oferta de algún nuevo producto o campaña publicitaria de una empresa. Se basan en un buen diseño y que la información este totalmente clara, pero sobretodo que te induzca a buscar más información sobre lo que estas viendo y ahí es donde aterrizas en la oferta para dar el salto a contactar para pedir más información. Solo cambia el soporte en el que se muestra, pero la idea en sus fundamentos es la misma.
En una landing page es muy importante elegir un diseño que impacte al cliente, teniendo claro lo que queremos para resaltarlo, podemos querer añadir clientes que simplemente se agreguen a una lista de correos para que reciban información puntual de nuestros productos, o bien resaltar ciertos productos de nuestra empresa, también sacar un nuevo producto o mostrar una oferta en concreto.
En el diseño que hagamos deberían estar claros los puntos de acción con los que queremos que interactúe la persona que llega a nuestra landing page, desde un formulario de contacto con un botón de contactar, o un formulario para agregarse a una lista de clientes que desean recibir información con su respectivo botón de acción. En el diseño de nuestra landing page será muy importante conocer el rango de edad a la cual va enfocada la acción, para buscar un diseño amigable al público al que va dirigido.
Los textos empleados tienen que ser breves y concisos, nuestros clientes no quieren de primeras leer todos los detalles, necesitamos que se interesen y una vez logrado esto, necesitan tener toda la información de una manera accesible.
Por último y no menos importante deberemos elegir las palabras y frases adecuadas que nos posicionen mejor, así como el nombre de dominio que se adecue a la esencia de lo que intentamos resaltar.

Nuestra landing page tiene que ser una nueva puerta de entrada para nuestro negocio.

Podéis encontrar más información en la wikipedia.