[2017-19-07]

CLASE  19:

Las horas fueron un poco cortas ya que había Izada de Bandera.

Explicación por parte del Docente sobre la instalación de servidores tanto en Windows como en Linux.

Para instalar un servidor, se tienen en cuenta estos dos tipos: AppServ y Xampp.

Se utiliza la ideología de localhost la cual quiere decir que solamente una persona es el dueño del servidor, se trabajaría cliente-servidor y solo un ordenador seria el local.

Para buscar si su computadora tiene ya un servidor o para comprobar si el servidor se instaló correctamente, hay que dirigirse a la URL del navegador  y bucar por: localhost o 127.0.0.1 ya que significan lo mismo. Si ya está instalado debe aparecer una nueva ventana del servidor.

Hay que dar permisos a los puertos 80, 80 80, 808 (Los tres son el mismo puerto) pero estos se necesitan ya que permiten el http o https. Puertos de Permiso.

En el panel de control de un servidor cuando se activa Apache se activará automáticamente el lenguaje PHP.

XAMPP: X (Ejecutar), A(Apache), M(MySQL o MariaDB), P(php), P(Perl).

MySQL: Es la base de Datos.

También se puede instalar dentro del paquete el php MyAdmin que es avanzado en cuanto al manejo de bases de datos.

Ejemplo de cómo guardar los archivos para que sean ejecutados por el servidor de Xampp:

Disco local (c), Xampp, htdocs.

Para llamar el archivo  desde el navegador:

Localhost/nombredelarchivo

Diferencia entre Xampp y AppServe: La diferencia radica en que Xampp es más actualizado que AppServe.

Ejemplo de los diferentes comandos entre Xampp y AppServ:

Comando para la información de base de datos en AppServe:

msql_query($consulta,$conexion);

Comando para la información de base de datos en Xampp:

msql_query($conexion ,$consulta);

El AppServ contiene el mismo paquete de aplicaciones que el Xampp.

Para Descargar el Xammp en Windows, ingresar a la página de Xampp y descargar la versión para Windows 5.6.31, o la que le sigue pero no descargar la última versión.

LAMP: Linux, Apache. MySQL, PHP

Para buscar la ventana terminal:

-       CTL+ALT+T

-       En Herramientas: Terminal.

Para la configuración en la terminal siempre los comandos que contengan el get-apt van sin espacios entre estas dos palabras.

ROOT: El usuario más importante, Usuario Administrador, Super Usuario.

$ sudo: Embulador del administrador pequeño.

$ su - : Contraseña del root.

Para continuar en la ventana terminal se oprime la letra s. S

La contraseña para permitir el acceso a MySQL es: alumnos

Los servidores Apache pueden funcionar sin una conexión a internet.

Comando:

$ sudo ehmod 777 –R/var/www : Dar permisos para poder ingresar documentos.

Se guarda en el equipo: var-www-html

Proyecto: Se debe ejecutar con un solo clic nuestro producto.

Tomado de: Apuntes.

[2017-12-07]

CLASE  18:

INICIO TERCER BIMESTRE.

Cronograma:

Se inicia explicación del manejo evaluativo de este bimestre el cual corresponde a evaluaciones semanales o dependiendo se evaluara por temas de manera oral; individual y sin apuntes.

Siguiente a esto se realizó la primera evaluación oral correspondiente a la primera habilidad del bimestre y esta se basó en conocimientos previos desde el grado noveno, se resolvieron las dudas de algunas preguntas y se dieron su solución. La dinámica consistió en que por orden de códigos cada estudiante pasaba al centro del salón y respondía la pregunta que al azar obtenía.

Solución a algunas preguntas:

Prácticas como: cómo calcular el cos de un número y un programa que permitiera saber si el número que se ingresaba era módulo de 3.

Para el múltiplo de un número también se puede utilizar la palabra: mod.

- El procesador es el corazón del computador.

- La memoria RAM: Memoria de Acceso Aleatorio (Random Access Memory, RAM): 

Memoria de trabajo de computadoras para el sistema operativo, los programas y la mayor parte del software, se cargan todas las instrucciones que ejecuta la unidad central de procesamiento (procesador) y otras unidades del computador.

Tomado de: https://es.wikipedia.org/wiki/Memoria_de_acceso_aleatorio

- BIOS: 

Guarda la configuración y se encuentra todo sobre el ordenador como la hora, fecha, sistemas operativos y cómo arranca el ordenador. La BIOS se alimenta y guarda en una batería CMOS de referencia CR2 032 cuyo precio en pesos colombianos COP es de $2.000=. Esta betería se encarga de tomar la energía y la conduce a la BIOS.

- Tabla ASCII: Es una tabla de conversión, de intercambio de información.

- Suite  ofimática: Recopilación de 3 aplicaciones informáticas, 3 programas:

Presentación

Procesador de Texto

Hoja de cálculo.

- Libre office: Compuesta por Write, calc y presentation.

PHP (Necesita de Servidor):

El servidor aloja su producto web y el cliente llama al producto. Servidor-Cliente. El servidor puede ser ej: Xampp o AppServ.

En ese servidor se puede crear una carpeta o sitio el cual se llamara 10b y su primer archivo va a ser llamado index.php, el cliente puede ver el producto o sitio web si se tiene a disposición un servidor.

Index.html : Ejecutable con solo el navegador.

Index.php : Ejecutable al servidor.

El docente nos da un ejemplo:

<?php echo '<p>Hola Mundo</p>'; ?>

Diferencias entre el código de javascript y php:

-       document.write cambia a echo en php.

-       El ciclo if queda igual en los dos lenguajes:

if () {

}

else{

}

-       Ciclo for en javascript:

for(i= 1; i<=10; i++){

}

Ciclo for en php:

for($= 1; $<=10; $++){

}

-       Ejemplo:

Javascript: a=”hola”;

                       a.toUpperCase();

php:     $a=”hola”;}

            strtoupper($a)

Tomado de: Apuntes de Clase.

MANUALES:

Instalar primera Página web en servidor Xampp en Ubuntu.

Se necesitan dar permisos totales a la carpeta donde se van a almacenar las webs que creemos, y un editor HTML.

Dando permisos a htdocs:

Htdocs: Es el directorio donde se guardan las webs.

Se debe dar permisos de administrador; permiten escribir, guardar y ejecutar las páginas que creemos.

1) Abrir terminal (CTL+ALT+T) y teclear (para poder ver los permisos que tiene el directorio htdocs:

$  sudo  ls -l /opt/lampp

Los permisos por defecto no son totales, sino parciales:

drwxr-xr-x 5 root root 4096 jun 4 07:29 htdocs

Permisos totales: Tienen que estar los tres grupos siguientes en rwxr (ahora solo está el primer grupo, cada grupo separado por un ”-“).

rwxr: r: read. Permiso de lectura.

            w: write. Permiso de escritura.

            x: ejecutar. Permiso de ejecutar.

Para dar los permisos totales:

$  sudo chmod a+w /opt/lampp/htdocs

2) Para ver el resultado, vuelvo a preguntar por los permisos con la instruccción:

$  sudo  ls -l /opt/lampp

Muestra los tres grupos con permisos totals (rwx).

drwxr-rwx-rwx 5 root root 4096 jun 4 07:29 htdocs

Despues de dar permisos:

1) Crear una redirección a nuestro escritorio que vamos a llamar www. Con ésto tendrémos siempre a mano nuestro directorio de páginas web o www en nuestra carpeta “home”.

$  sudo ln -s /opt/lampp/htdocs ~/www

Nota: Para sacar el símbolo ~, si no lo localizas en tu teclado, pulsa AlGr y el número 4 (AltGR + 4)

2) Comprobación:

- Cerrar la terminal.

- Pulsar en el navegador de archivos (segundo icono del menú de navegación).

La carpeta “home” debe contener el directorio www

Se sugiere arrastrar el directorio www al escritorio.

Instalación de un editor html.

1) Ir al icono de una cesta de la compra (Ubuntu SoftwareCenter) y buscar el editor.

2) Ir al menú izquierdo, hacer clic sobre el tercer punto: herramientas de desarrollo (developer tolos).

3) Seleccionar el icono web.

4) Se visualiza una lista de editores de html, se instala el primero;Bluefish Editor (El más valorado de todos).

5) Se instala y se ancla al menú de navegación automáticamente.

Nuestra primera página Web:

1) Abrir el editor Bluefish.

2) Buscar en el menú lateral izquierdo el directorio que se re direccionó al escritorio.

3) En el menú superior seleccionar la pestaña: Standard y debajo de ella el icono de empiece rápido: (quickstart).

4) Se abre una ventana para la configuración de la página.

5) En DTD (Document type definition) se puede seleccionar si la página es HTML5 o una versión anterior.

6) Editar el Html.

Visualización de la página:

1) Guardar la página como index.html en el directorio www recién creado. En el Bluefish se guarda en el menú superior, el icono tiene una flecha hacia abajo.

2) Abrir el navegador, arrancar el Xampp primero.

3) Teclear localhost/index.html

TOMADO DE: http://cookyourweb.com/crear-una-pagina-web-en-tu-servidor/

MANUALES:

Instalación del Panel de control del Xampp en Ubuntu:

¿Qué es el panel de control? Es una herramienta que nos va a permitir arrancar y parar el Xampp, sin necesidad de utilizar la ventana de terminal.

Su instalación:

1) Crear una aplicación llamada “Xampp-Control-Panel”; la cual se anclará en nuestro menú de herramientas, para tenerlo a mano siempre que queramos arrancar y parar los servicios Web de nuestro servidor, sin necesidad de utilizar líneas de comando.

2) Teclea el siguiente comando para instalar los paquetes necesarios para su funcionamiento:

$  sudo  apt-get install python-glade2

3) Abrir el panel de control:

$  sudo  /opt/lampp/share/xampp-control-panel/xampp-control-panel

Botones de arranque de los servicios. Pulsa sobre el boton “Start Xampp: servicios arrancados.

4) crear una pequeña aplicación que vamos a llamar xampp-control-panel, para abrir directamente el programa desde el menú de aplicaciones. Para ello, cierra el panel de control.

5) Abre el terminal y teclea lo siguiente para editar un archivo llamado “xampp-control-panel.desktop” en /usr/share/applications:

$  sudo  gedit /usr/share/applications/xampp-control-panel.desktop

6) Pegar el siguiente código:

[Desktop Entry]
Comment=Start/Stop XAMPP
Name=XAMPP Control Panel
Exec=sudo /opt/lampp/share/xampp-control-panel/xampp-control-panel
Icon[en_CA]=/opt/lampp/xampp.png
Encoding=UTF-8
Terminal=true
Name[en_CA]=XAMPP Control Panel
Comment[en_CA]=Start/Stop XAMPP
Type=Application
Icon=/opt/lampp/xampp.png

7) Guarda y cierra.

Nota: Respecto a las líneas “icons”, hay que descargarse el icono y guardarlo en la ruta que te dice el fichero (opt/lampp/xampp.png).

Icono: Crea el lanzador del programa, tamaño 96*96 (tamaño de la imagen de descarga).

Pasos para el icono:  

1) Descargar la imagen.

2) Guardo la imagen como: xampp.png

3) Con el navegador de ficheros selecciono la carpeta donde quiero que se guarde: /opt/lampp.

Permisos de la carpeta /opt.

1) Dar  guardar como y los descargo en la carpeta Descarga.

2) Abro el terminal (CTL +ALT+T) y lo muevo a /opt/lampp/ y me situó en la carpeta descargas:

$  cd  Downloads

$  sudo  mv xampp.png /opt/lampp/xampp.png

3) Abro el lanzador de Xampp que hemos configurado y lo anclo al menú de inicio (barra lateral izquierda).

Buscar el Xampp-control-panel recién creado:

1) Ir al menú de navegación izquierdo.

2) Icono (primero) el de una ruedita buscamos el programa “Xammp”

Solucionar problema del Icono:

1) Actualizo los packetes dpkg.

2) Abro terminal (CTL+ALT+T) y teclear:

sudo dpkg --configure -a

sudo apt-get install -f

sudo apt-get update

3) Ir al menú de herramientas y buscar el Xampp-control-panel.

4) Se ven errores en la terminal: write error: broken pipe en varias lineas (491, 98, 148, 182).

El error  es en relación al gksudo, funciona cambiando 2 lineas del exec= del programa creado.

5) Abrir la terminal y pegar el siguiente código:

$  sudo  gedit /usr/share/applications/xampp-control-panel.desktop

6) Pegar el siguiente código en el archivo:

[Desktop Entry]
Comment=Start/Stop XAMPP
Name=XAMPP Control Panel
Exec=sudo /opt/lampp/share/xampp-control-panel/xampp-control-panel
Icon[en_CA]=/opt/lampp/xampp.png
Encoding=UTF-8
Terminal=true
Name[en_CA]=XAMPP Control Panel
Comment[en_CA]=Start/Stop XAMPP
Type=Application
Icon=/opt/lampp/xampp.png

FINAL:

Reconoce dos programas de Xampp.

Anclar el programa al menú de navegación: Me sitúo con el ratón sobre el icono del Xampp y con el botón derecho, selecciono “anclar a la barra de herramientas”

Tomado de: http://cookyourweb.com/instalacion-del-panel-de-control-del-xampp/

MANUALES:

Manual de Xampp para UBUNTU.

Xampp: Servidor web, linux. Servidor web en Linux para pruebas y aprendizaje. Hace parte del entorno popular para el desarrollo de PHP.

¿Qué es Xampp?: Distribución de Apache, completamente gratuita y fácil de instalar, contiene MariaDB (sistema de gestión de base de datos), PHP y perl (lenguajes de programación).

PHP: Lenguaje estándar de las plataformas web, como wordpress, Joomla, Drupal, Prestashop, etc.

Para el funcionamiento de una web se necesita una base de datos la cual guardará todo el contenido de la Web.

Se requiere: Un servidor web, PHP y gestor de base de datos para la instalación de una plataforma web. Se utiliza la herramienta -

Xampp: herramienta multiplataforma que incluye el servidor web Apache, el intérprete de código PHP, Gestor de Bases de Datos SQL y brinda una configuración automática.

El servidor se suele contratar a una empresa de Hosting.

INSTALACIÓN EN LINUX (UBUNTU 16.04 LTS)

1) Descarga de Xampp; versión Linux ( V.5.6.20).

2) Ubicar la carpeta de descarga, archivo ejecutable con extensión .run, se necesitan permisos de ejecución y se realiza con botón derecho del ratón y propiedades.

3) Abrir terminal en la carpeta, autenticarnos como root con el comando “sudo su” y escribir  ./nombre_del_archivo para ejecutarlo.

./xampp-linux-x64-5.6.20-0-installer.run

Un truquito: si escribes ./x y pulsas TAB debería autocompletarse el nombre del archivo.

4) Instalación de Xampp.

5) Next para continuar.

6) Se dejan los componentes a instalar por defecto.

7) Ruta de instalación de Xampp: /opt/lampp

8) Omitir las páginas patrocinadoras de Bitnami, pulsando next.

9) Inicio de instalación.

10) Para arrancar el servidor, marcar la casilla Launch XAPP y pulsamos en Finish.

Arrancar, Detener y Reiniciar el servidor desde una terminal:

Arrancar: Abrir una terminal, tecleamos (con permisos de root) :

/opt/lampp/lampp start

Detener: /opt/lampp/lampp stop

Reiniciar: /opt/lampp/lampp restart

Para verificar si está correcto el servidor, abrir el navegador y teclear la dirección http://localhost

TOMADO DE: http://www.gestionatuweb.net/instalar-un-servidor-web-en-linux-para-pruebas-y-aprendizaje-con-xampp/