realizată de Hermis Ramos Espinal 1 an în urmă
607
Mai multe ca aceasta
Caotico
Complejo
Complicados
Simple
Product owner
Scrum mAster
Puntos de historia
Horas ideales
Afinada
Triangulacion
Poker
Interesaciones
de que los lementos tratados ne la reunion son claros
que los impedimentos serán atendidos
Scrum master hace el cierre
ponerse de acuerdo para ayudar aotro
que impedimentos tengo
que voy hacer hoy
que hice ayer
Un mismo lugar
reunión de pie
son 15 minutos
dllo y scrum master, opcional dueño del producto
Se formula el objetivo del sprint y el alcance que se tendrá
se utiliza la tecnica adecuada y se estigman historias
Los dlloadores hacen las preguntas hasta resolver sus dudass
Priorizados en el caso del backlog
estar completos
estandarizar las practicas
Entregables
Criterios de calidad
Dllo de ciesta funcionalidad
Beneficio alto
Son la condiciones para aceptar la historia de usuario
anexar en un parte virtual
Para
Objetivo de la funcionalidad
quiero
yo como
la persona o rol
Testiable
Small o pequeña
Estimable
Valiosa
Negociable
Independiente
Modulos
Bugs
Epicas
Historias de usuario
Se detcetan mejoras al proceso, dllo, practicas, interacciones, herramientas, lugar de trabajo
1 hora al finalizar el sprint
Se realiza cuando se fianaliza el sprint
Screum Master, scrum team,y product owner
Software funcionado
Se muestran los avances
Se confirma si estamos por buen camino
Se muestran resultados durante el sprint
Final de sprint
Asisten scrum Master, Product Owner, scrum team y los stakeholder
tres preguntas
Que impedimento tengo
Que vas hacer hoy
Que hice ayer
Se hace de pie
15 minutos maximo
Mismo lugar
Asisten
Scrum Master, Scrum team, opcional Product owner
elementos de salida
Fecha de entrega de la reunion
Historias e usuario estimadas y asignadas
Scrit backlog
elementos de entrada
Pila de producto priorizada (Product Backlog)
Criterios de aceptacion
historias por el product owner
1 hora por semana del spint
Puedn estar los stake Holder
asisten los tres roles
Hasta la finalización del proyecto
2 a 4 semanas
Sprint
Retrospectiva del sprint
Revición del sprint
Scrum Diario
Planificación del sprint
Máximo de 9 Miembros
No hay jerarquía de roles
Ubicación del equipo en el mismo lugar
StakeHolders
Asesores externos
Inversionistas
Scrum Team
Decisiones técnicas
7 miembros Máximo
Scrum Master
Decisiones de metodo
Dueño del producto (Product Owner)
Decisiones de negocio
1 Miembro
No se empieza hasta que no se finalice una etapa
Interaciones y retroalimentacion
Segun las condiciones del proyecto
Seguimos estos principios:
Nuestra mayor prioridad es satisfacer al cliente
mediante la entrega temprana y continua de software
con valor.
Aceptamos que los requisitos cambien, incluso en etapas
tardías del desarrollo. Los procesos Ágiles aprovechan
el cambio para proporcionar ventaja competitiva al
cliente.
Entregamos software funcional frecuentemente, entre dos
semanas y dos meses, con preferencia al periodo de
tiempo más corto posible.
Los responsables de negocio y los desarrolladores
trabajamos juntos de forma cotidiana durante todo
el proyecto.
Los proyectos se desarrollan en torno a individuos
motivados. Hay que darles el entorno y el apoyo que
necesitan, y confiarles la ejecución del trabajo.
El método más eficiente y efectivo de comunicar
información al equipo de desarrollo y entre sus
miembros es la conversación cara a cara.
El software funcionando es la medida principal de
progreso.
Los procesos Ágiles promueven el desarrollo
sostenible. Los promotores, desarrolladores y usuarios
debemos ser capaces de mantener un ritmo constante
de forma indefinida.
La atención continua a la excelencia técnica y al
buen diseño mejora la Agilidad.
La simplicidad, o el arte de maximizar la cantidad de
trabajo no realizado, es esencial.
Las mejores arquitecturas, requisitos y diseños
emergen de equipos auto-organizados.
A intervalos regulares el equipo reflexiona sobre
cómo ser más efectivo para a continuación ajustar y
perfeccionar su comportamiento en consecuencia.
- Individuos e interacciones sobre procesos y herramientas
- Software funcionando sobre documentación extensiva
- Colaboración con el cliente sobre negociación contractual
- Respuesta ante el cambio sobre seguir un plan
- Individuos e interacciones sobre procesos y herramientas - Software funcionando sobre documentación extensiva - Colaboración con el cliente sobre negociación contractual - Respuesta ante el cambio sobre seguir un plan
Se adaptan las herramientas del marco de trabajo que mejor le convengan al equipo
Scrint
se logra en lazos pequeños de tiempo
Sin duda los valores mencionados son necesarios, pero se encuentran inmersos en sus 3 principales pilares, Transparencia, Inspección y Adaptación.
Adaptacion
Mejora de proceso, equipo y proyecto
Mejorar y adaptarse a los cambios
Inspección
Revisar resultados
Comunicación con el equipo
procesos ejecutados
Avances
Trasparencia
Informar
Dificultades que se tienen
Contexto de a donde queremos llegar
Procesos y objetivos
Caracteriza
Es liviano porque solo describe un conjunto de prácticas y roles, es fácil de entender porque pero difícil de implementar porque requiere de personas comprometidas y factores que no siempre se tienen al alcance, ademas de crear una cultura en los integrantes del equipo, que no siempre se logra a la perfección.
Difícil de dominar
Ser efeciente
Ser liviano
No es
No es una técnica definitiva
No es un proceso
Metodo o metodologia
Es regida por los pasos
Es
Adaptar las mejores practicas
Entregar de manera efectivay eficiente productos de alto valor al cliente
Hacer frente de manera adactiva a los problemas
Es un marco de trabajo
Practicas
Dllo de problematicas
XP
Dllo de software
Dllo de valor y entrega agil del producto
valores y principios
Divide
Lenguaje de manipulacion de datos
Delete
Update
Insert
insertar, borrar, modificar, actualizar, consultar
Lenguaje de definicion de datos
truncate
elimana el contenido de tablas
drop
elimana objetos de las bases de datos
alter
Modificar tipos de campos
agregary quitar campos a una tabla
modificar la estructura de una tabla
Create
nuebas tablas y vistas
nuevas bases de datos
Crear objetos de bases de datos
Crear, modificar, borrar
datos
Campos
DB
define manipula y consulta las BD
Sql
Transaciones
Procediminetos almacenados
Triggers
Funciones
responsabilidad BD
Diseño implementacion y mantenimiento BD
Trasformar requerimientos en reglas del negocio
Diseño de repositorios mas eficientes
Crear BD Normalizadas
Capacitacion continua
Presentar informacion con eficacia
trabajar en equipo
Documentar la base de datos
Guardar consultas complejas
diagramar bases
Prevencion
Espacio en disco
Backup
Cuentas
Permisos
Privilegios
Lenguaje de manipulacion
lenguaje de definicion
crear y cargar archivo sql
Acciones de mantenimiento
heidy
herramientos
Comprobar integridad
Optimizar, analizar o repararlos
Agregar indices
Consultar eodo grafico y por comando
verificar
Integridad de las bases
relaciones
optimizar
consulta virtual de un conjunto de tablasde uso frecuente
inner join
consultar una o varias tablas
orden By
Desc
Asc
operadores logicos
or
Aguna de las sentencias
And
dos mas sentencias
Operadores relacionales
!= ""
<=, =>
<>
Where
Condiciones
Limitar consultas
From
tabla de consulta
Select
consulto mis columnas
LLave foranea
Verificar la condición de "cascade" en "update" y "delete
Verificar que los datos no se pierdan
Agregar, modificar y eliminar registros de una base de datos.
el campo o atributos deben de ser iguales
tipo de dato
Longitud
Llaves foraneas
Llaves primarias
sabes cuales son
relaciones a usar
atributos
identidades
tener clar la indentidad relacion a usuar
componentes
elementos de seguridad
Diccionarios de las tablas
Programadores
Administradores
Arquitectura niveles
Nivel Externo
Nivel logico
NIvel fisico
Clasificacion
Numero de sitios
Distribuido
Centralizado
Usuarios conectados
Multiusuario
Monousuario
adaptacion a las bases de datos
Relacional
red
jerarquico
recuperar y respaldar la nformacion
administracion de usuarios
seguridad en bases de datos
Manipular datos
administrar bases de datos
es un sotfware que administra la informacion de una base de datos
graficos dinamicos en excel
Tablas dinamiscas
dejar valores unicos con excel
encontrar y selecionar duplicados
Ajustes en la bases de datos
Valores en mayusculas o minusculas
Eliminar repetidos
Importar csv o txt en excel
Excel
Hojas
Columna
Fila
Celda
Presentacion de datos
diagrama
de arriba hacia abajo
de izqhacia la der
en al parte superior
Tipos de Cardinalidad
muchos a muchos
uno a muchos
Uno a uno
Forma relacionar una entidad
Elementos de l modelo entidad relacion
Representacion Grafica
Relaciones= rombos
Atributos=ovulos
Entidad=Retangulo
Relacion
Atraves de las llaves de las tablas
Campos o atributos
Columnas de la tabla
entidad
Informacion unica guardada en una tabla
Actualiza toda la base al modificarun registro
Optimiza los procesos de consulta
divide lnformacion en tablas relacionadas
se compone
Tablas
Llave primaria
evitar duplicidad de datos
Registros
filas
Campos o atributo
Columnas
conjunto e datos relacionados entre si
Recomendaciones
Pedir autorizacion para compatir datos
Notificar anomalias o cambios en la bae de datos
No copiar o robar Informacion
NO compartir informacion ajena
espacio de trabajo
frente a un compputador
uso de las manos de manera horizontal
Mouse
Teclado
manos de 90°
sentado manera recta
brillo frente al computador
Cuidar postura frente al computador
conectar equipos a un regulador
Conocer actividades antes y luego de un sinietro
iluminacion adecuada
Respetar horarios de comidad
Conservar limpio mi lugar
Integrida de datos
Automatizar la actualizacion y consulta de datos
Integrado a todos los ectores de sociedad
Consola de video juegos
Simular de circuitos - electronica
acceso de punto a punto atraves de fibra
Utilizado en la medicina
experimentos exitosos para mover protesis
estimula el sueño
estimula la escucha
No disco duro, no reloj interno, no fuente de poder
Raspberry Pi es un ordenador de placa reducida o (placa única) (SBC) de bajo costo, desarrollado en Reino Unido por la Fundación Raspberry Pi
software ampliable y de codigo abierto
entorno de programacion simple y directo
Multiplataforma
asequible
placa con un sencillo microcontrolador y un entorno de desarrollo para crear software (programas) para la placa
Herramienta para hacer que los ordenadores puedan sentir y controlar el mundo físico a través de tu ordenador personal
código fuente está disponible para su modificación o mejora Se puede compartir
dispositivos y diagramas, compartidos al publico
Todo bombillo un router o hotspot
PandoraRAT
jRAT
ivy
Poison
DarkCornet
reproducir mensajes de audio
Mostrar mensajes en la pantalla enviador por el que infecto el equipo
bloquear equipo o que reinicie alterar o dañar el sistema
accesso a la informacion del equipo (robar Archivos)
Keylogger
Espiar mensajes
informativos falsos
Correo Electronico
Campañas Publicitarias
creador Michael Hogue
Espiar una persona, crear su perfil y bombardiarla de publicidad
Software utilizado para espiar atraves de las camaras
Espionaje informático atraves dn la webcam o camaras de seguridad
lifi
dllo de las redes y estandares actuales
algunos ejemplos
humedad y temperatura
Potenciometro
luz y distancia
Ultrasonidos
botones
detectan estimulos
variables de instrumentacion
Magnitudes quimicas
magnitudes fisicas
externos
ejecuta las tareas
el cerebro
ahorro de energia
Mayor capacidad
Manter los costos
Miniaturizacion
samgun y LG tranajan en ello
Interoperatividad
Universidades
proveedores
fabricacion de equipos
Dinamos que se alimentam con el aire
autoalimentacion con fotoceldas
2010 agotamiento de direcciones IP
Incrementos de elementos inteligentes
Variedad de sispositivos para las conexiones
Sensores
smartphone
Diseño de etapas
Análisis funcional de software
Análisis de herramientas
Análisis de la información
Recopilación de datos
Simulación Interactiva
Deparatmentos
Diferentes sistemas de gestion
usuarios admin y standar
Tiene mas herramientas que saltan este conscepto
composer create-proyect
vendor/package
composer create-proyecto laravel/laravel
nombredelacarpeta_no
_nombredelaplicativo
Entorno desarrolo o produccion
Conexion a la base de datos
dependencias del framework
Pruebas de integracion
Archivos temporales
Archivos de lenguaje o idioma
index
archivos estaticos
iconos
fuentes
javascripsts
App.php
conf variables del framework
autoarranque
Reposites
Guarda sentencias
administra
Form Resquest
Middlewares
Rutas
composer create-project laravel/laravel Foro
corre artisan
key:generate
hash por proyecto - unica
Artisan
las depencias de laravel
composer.json
comando a utilizar en la ruta
composer create-project --prefer-dist laravel/laravel NombreProyecto
file/settings
palomiar:
- show indent guide
- scroll Past End
- show Invisibles
- soft wrap
en el menu Instalar:
- file icons
- minimap
- color picker
- emmet
Laravel
- language blade ( quita comentarios en codigo)
- laravel snippets(ayuda a crear funciones)
- terminal plus(requiere tener instalado GitHub)
https://desktop.github.com/
Multi Aut
filtros
por IP
por usuarios
manejo de base datos
Un patron
un esqueleto
Las configuraciones generales que cambiaremos en el archivo Config/app.php son:
Debug: Cambiamos debug a true, estableciendo de esta manera nuestro proyecto en modo desarrollo para tener a detalle los errores e inconvenientes que nos aparezca mientras desarrollamos nuestra aplicación:
APP_DEBUG=true
TimeZone: Cambiamos aquí nuestra zona horario. Recuerda que puedes buscar tu zona horaria en http://php.net/manual/es/function.date-default-timezone-get.php
Language: Los archivos de idioma de Laravel 5 se encuentran en la carpeta resources/lang.
Archivos por defecto incluidos en Laravel:
Auth.php
passwords.php
pagination.php
validation.php
En el directorio lang se incluye por defecto una carpeta llamada en. Esta carpeta contiene el idioma inglés de Laravel.
Para instalar un nuevo idioma no hay más que crear una carpeta dentro de lang correspondiente al idioma que deseas incluir.
Puedes revisar aquí la traducción para el español:
https://github.com/Laraveles/lang-spanish
America/Bogota
Recordar cambiar el modo cuando la plicacion pase a produccion
Pasar a modo de sarrolo para ver los errores y lo incovenientes
En la ruta de la aplicación app\Http\Controllers.php en la linea que dice namespace aparece el nombre del proyecto por defecto app, este se cambia con el siguiente comando estando en modo consola dentro de la carpeta del proyecto:
php artisan app:name SisVentas
SisVentas es ejemplo osea el nombre que yo quiero ponerle
Laravel utiliza Composer para gestionar sus dependencias. Así que, antes de usar Laravel, asegúrate de tener instalado Composer en tu equipo.
Desde la consola o símbolo del sistema de windows, dirígete al directorio donde vas a guardar tu proyecto:
cd c:\cursoLaravel
Ahora utilizamos el comando create-project de Composer en tu terminal:
composer create-project --prefer-dist laravel/laravel
sisVentas
sisVentas es el nombre del proyecto
Tecnologias a usar
http://dev.mysql.com/downloads/workbench/
https://getcomposer.org/download/
En la instalacion observar bien que pide por ejemplo en uwAmp:
se creo un nuevo PHP.ini, el cual fue copia del desarrolador que tare el instalador y se descomentaron las siguientes extensiones:
- extension=php_mbstring.dll
- extension=php_openssl.dll
Ambas son necesarias segun la documentacion de laravel
y la siguiente linea tambien se dede de descomentar
- extension_dir = "ext"
https://laravel.com/
Documentación
https://laravel.com
/docs/5.2
http://www.sublimetext.com/2
https://www.apachefriends.org/es/index.html
Despliegue
Excelente Documentación
Motor de Plantillas (Blade)
Eloquent-ORM (nada de Sql)
Relaciones entre cargos
Posición y cargo
Decremental
Incremental
costo estandar
Mayor apoyo en presupuestos
rastreo de utilidades
Siglo XX=administracion de costeo
Mano de obra
Materia Prima
Capital
Libros
Monedas
Industria de vinos
Italia, Inglaterra y Alemania
Toma de decisiones
Control
Elaboración de productos terminados
Trasformacion de materia primas
Comercialización de bienes
Prestacion de servicio
observaciones
php artisan migrate [PDOException] SQLSTATE[HY000] [1045] Access denied for user Si los valores del archivo .env son correctos , quizás tenga la configuración en caché. Puede borrarlo (para obtener los nuevos valores) con: php artisan config:clear
17. Aplicando la plantilla a la página principal (landing page)
16. Aplicando la plantilla a la vista de registro
15. Definiendo el menú de navegación
14. Integrando la plantilla al proyecto
13. Estructura de la plantilla
12. El sistema de plantillas Blade
11. Integrando nuestros assets al proyecto
10. Git y Github
Otros repositorios
https://bitbucket.org/
https://gitlab.com
https://github.com/
.gitignore.
punto al final - truco windows
Crear un archivo de texto con los archivo a ignorar
Comandos
revisar importacion de proyecto y subida de proyectos con el comando remote
git reset
tres modalidades de reseteo, uno solo elimina el commit otro afecta la carpeta de trabajo, t el tercero con su ID restaura el git borrado
git rm --cached
lo borra del repositorio
git rm -f nombrearchivo
Borra definitivamente del proyecto
git help
lista de comandos /mas le comando explicacion detallada
git log > *.txt
genera un archivo txt donde vemos la versiones en txt
git checkout master
Ultimo commit realizado el mas reciente
git checkout MasIDdelcommit
restaura proyecto a la version del commit
git log
listado de commit o versiones
git push origin master
Sube el proyecto a GitHub
git remote add AppPedidos https://github.com/hramose/AppPedidos.git
agrega el proyecto por comando y lo sube al repositorio creado en la web
git commit -m "Proyecto Base"
nombre de la version
git status
se verifica estado y archivos modificados
git add -add
se añade el proyecto
git init
inicializo
git config --global user.name "John Doe" git config --global user.email johndoe@example.com
Configuro mis datos
Alojamiento de codigo
Github OnLine
git Sotware local
Trabajo en equipo
descripcion de cambios por comic
Control de versiones
9. Sistema de autenticación
home vista protegida
entre la ruta y el controlador
error SQLSTATE[42000]
declara uso en la parte superior
Use Illuminate\Support\Facades\Schema;
metodo o funcion boot en blanco
Shema::defaultStringLength(191);
AppServiceProvider.php
CRT + P
php artisan migrate
crear base de datos y configurar .env
php artisan make:auth
laravel tiene si sitema de autenticacion ya desarrolado
8. ¿Qué son los controladores?
php artisan make:controller Nombre_controlador
el controlador devuelve una vista
usuario consulta una ruta
Mantienen el orden
gestiona ruta, datos, mensajes de error
es una clase
ejecuta acciones antes de mandar la vista
otorgar permisos
generar reportes
validar datos
7. Rutas y vistas
se pueden retornar vistas o cadenas de texto
6. ¿Qué son las rutas?
laravel no muestra nuestra nuestra en PHP de nuestro programa
rutas son las paginas de vista en nuestro sitio
Ide o edictor
Edictor
Ide
PhpStorm
creando proyecto nuevo
laravel son bases en php para la creacion de nuestros de proyectos
laravel es un marco de trabajo
laravel no es un programa que se instala
se instala de manera global o por web
Laravel utilizesComposer
to manage its dependencies. So, before using Laravel, make sure you have Composer installed on your machine.
First, download the Laravel installer using Composer:
composer global require "laravel/installer"
Make sure to place the $HOME/.composer/vendor/bin directory (or the equivalent directory for your OS) in your $PATH so the laravel executable can be located by your system.
Once installed, the laravel new command will create a fresh Laravel installation in the directory you specify. For instance, laravel new blog will create a directory named blog containing a fresh Laravel installation with all of Laravel's dependencies already installed:
laravel new blog
Alternatively, you may also install Laravel by issuing the Composer create-project command in your terminal:
composer create-project --prefer-dist laravel/laravel blog
If you have PHP installed locally and you would like to use PHP's built-in development server to serve your application, you may use the serve Artisan command. This command will start a development server at http://localhost:8000:
php artisan serve
Composer nos instala el proyecto nuevo
instalando lo nesario
Observaciones
Largon ya tiene todo
composer busca la version PHP instalada
puerto 80 ocupado por otros programas
Configurar un puerto diferente
modo clip scribir composer
eso nos dice si lo tenemos instado
instalador Todo en uno
Xampp
Wampserver
Nesario
Gestor de paquetes PHP
Composer
gestor de datos
Motor de BD
MySql
Servidor web local
Introduccion al curso
por que laravel
Superado por symfoni
mas robusto que codigneiter
el mas usado
Desarrollo de codigo y reutilizacion del mismo
Conexion Apis
modelos y controladores faciles de recordar
nocione basicas de programacion
MVC
Escructura Basica
por que es importante
php recibe criticas porque su programadores revuelven todo
Que se va Ver
gestion de imagenes
Buscadores
Configuracion de correo
publicacion de app
campos calcuados
paginar datos
crud Basico en laravel
Middleware
Integracion de plantillas
Relacion MVC
vistas
controladores
Modelos
Migraciones
Modelar BD
app/Http/routes.php routes/web.php
Sublime Text
Atajos
Vistas Divididas
ALT SHIT 2
DEL 1 - 4
Seleccionar para escribir en varias lineas
ctrl shit L
BUSCAR ARCHIVOS
CTRL P @
CTRL P :
CTRL P
plugins
SideBarEnhancements
Hay que personalizar path o rutas
agrega la navegación del explorer al sider leth de sublime
Autoguardar
"save_on_focus_lost": true
"save_on_focus_lost": false
Configuración para el lado de user
Commnt-snippets
Comentar código
Skins
Llama mis temas instalados CTRL F12
Advance NewFile
crear carpetas en el proyecto funciona con:ctr alt N
Auto FileName
Auto complementa rutas escanea la carpeta y nos muestra el contenido que vamos a llamar en en nuestro proyecto
Auto Prefixer
CSS y funciona con el tabular
Liver Reload
Actualiza en el navegador nuestro codigo Hay que instalar el plugin en el navegador de firefox o chrome
Color Picker
ctrl shit C
Color Highlighter
Bracket Hightlither
Apertura y cierre de etiquetas
Laravel blade
Emmet
https://docs.emmet.io/cheat-sheet/
todo se tabula
Temas
desde configuracion se puede cambiara al que quiera.
3. Preferences/Key bindings
ctrl+f ="toggle_side_bar" a la derecha se escribe el codigo completo.
{ "keys": ["ctrl+k", "ctrl+b"], "command": "toggle_side_bar" },
{ "keys": ["ctrl+1"], "command": "toggle_side_bar" }, php storm
Ayu
Las configuraciones estan en la pagina de ayu
requiere hacer uno cambios para ajustarlo
Material thema
Packagecontrol
Configuracion global
comando
instala por asi decirlo de manera local laravel, haciendo mas facil la instalacion de futuros proyectos.
composer global require laravel/installer
laravel
laravel new
laravel list
composer global require laravel/installer
Terminal
Terminal - laragon
Al iniciar la terminal por primer vez instala git
git
composer
composer --version
composergit --version
php -v
node -v
npm -v
Portables
easyphp
usbserverV8
UwAmp
Laragon
Intalables
MAMP
xampp
Wamp
Opcionales
mpn
node.js
Git
composer
Apache
pagina
https://github.com/garethflowers/atom-portable/releases/tag/v1.13.1
Pagina
portable
Ultima version
https://github.com/sagiegurari/brackets-portable/releases/latest
Version especifica
https://github.com/sagiegurari/brackets-portable/releases/tag/v1.9.0.1
Archivos js
compuesto por funciones
estension .js
A diferencia de los dos anteriores este si es lenguaje de programacion
Interactividad del sitio web
Archivos css
hacen referencia a elementos del html
Clases
Se llaman dentro de la etiqueta a usar
html =
reutilizar clases en su llamado
mejor practica
h1{ color:red }
llamar etiquetas
Compuesto por selectores
extension .css
Cacading Style Sheets
Hojas de estilo en cascada
Diseño del sitio web
Colores
archivos html
compuesto por etiquetas
Etiquetas componen los .html
Definiciones de la cabecera
estructura basica
definen contenido a mostrar
extension .htlml
Hiper Text Markup Language
lenguaje de marcado de hipertexto
Estructura del sitio web
pie de paginas
imagenes
cabeceras
parrafos
Titulos
por lo general index.html
nombres de dominio
recordar nombres y no numeros
tienen un IP interna
IP
Internet Protocol
Numero que lo identifica
Almacena pag web
archivos en html
proramacion web
javascript
con la consola del navegador se puede empezar a programar
se descompila automaticamente en el navegador
frameworks
codigos pre-establecidos para escribir programas con mayor facilidad
Compilacion
Pasar a 0 y 1 en nuestro computador
Sintasix entendible para nosotros
ejemplo
python
c++
archivos de codigo binario
entiende el computador
Actualizar diseño, funcionalidades y contenido
Optimizacion
Soporte
Entrenamiento Personal
Entrega de archivos
Analytics
Garantizar el funcionamiento
Subir archivos al servidor
Test final
Marcado
Ejecución
Contenido
Funcionalidad
Frameworks
Elegir sobre el que mas se tiene dominio
Estandares web
Acessibilidad
Robustes
Guia sencilla en su navegacion
Antibobos
posibilidades segun navegador
Que no se caiga con cualquier consulta
Interoperatibilidad
Registro y consulta de datos
Comunicación: usuario - pag web
Navegacion
normas que someto en la creacion del sitio
Usabilidad del sitio
html o xhtml
elementos de lenguaje que tendra el sitio
abanico de posibilidades
definir el lenguaje a usar
ya listo el diseño
Plantillas
Presentar 2 o tres opciones al cliente
Ideas adicionales
Colores diferentes
Contenido igual
prototipos
segun presupuesto que navegadores darle prioridad
Navegación en diferentes navegadores
Test de UX
Mirar lo que esta fallando y hacer las correciones
Fue fácil buscar el contenido
tiempo de carga
Comprobar si cumple los objetivos
Test de usabilidad
Animaciones
2 o 3 segundos que no molesten al usuario
el codigo hoover no funciona en los celulares
Tamaño de las animaciones
Al pasar el cursor que pasa
Velocidad de las animaciones
El enfoque que deseas lograr
animaciones o efectos
Tipografia
La tipografía influye según audiencia
El tipo de fuente
Elementos visuales
Diferenciar partes principales de las secundarias
Sombreado
Letras
bordes de las imagenes
Links
Botones
Áreas genericas
Áreas Visuales
Foother
Header
fotos nombres
navegacion
Slaider
mostrar productos
los contenedores mas grandes
Logotipo
Hacer tres logos y que el cliente decida
Lo hacen los profesionales en el tema
Refleje características del cliente
Paleta de colores
3 colores y un color complementario para todo sitio
Eligir una gama de colores
Mockups
Boceto antes del codigo
llevar la papel lo que se quiere hacer
Boceto de la pagina
Diseño gráfico del aspeto
Usabilidad
Se cumple el objetivo del sitio?
facil de usar
pensar como usuario final
llamar o dirigir la atención
al primer clip
debe se ser intuitiva
experiencia para el usuario
layouts
Presentación en diferentes resoluciones de pantalla
resposive site
Presentación de cada pagina
estructura de los elementos
Arquitectura
Tres conceptos
Base de datos
MODULAR Y ESCALABLE
Estructura de la pagina
Navegavilidad
Resumir en lo posible la estructura
Elementos de navegacion
Organización de la base de datos
Secciones de navegacion
organización de los conceptos
organización de contenido
estructura de la web
Lluvia de ideas
que le gusta al cliente y sus clientes
lo que nos sugieran
lo que desea mi cliente
visitas de paginas relacionadas con el proyecto
Anotar varias ideas
Conceptos iniciales
A groso modo sin detalles
análisis preliminales
Busqueda generica
Maquetar sin entrar en detalles
Como va ser la pag web
prever pero sin entrar en detalles
la base de datos
Diseño de la pagina web
vuela la creatividad
Presupuesto
depende
explicar con naturalidad un precio
el tiempo de pedido
puntos faltantes de la estrategia
Servicios adicionales
experiencia
Global del proyecto
Reducir costos
Imágenes que las saque un fotografo
Quitar servicios y explicar el porque
estudio de costos
Compatibilidad con navegadores
duplicar salario si acosan con el tiempo
Adelanto del 50 %
El doble del salario minimo
Personalizado
1/3 salario minimo
Trabajo Facil
Plantilla existente
Time line
Fechas
La publicación de la versión definitiva.
En las que deberá estar lista la primera versión inicial.
explicar el porque se hicieron las cosas
evitar que no nos pidan muchos cambios
Presupuestar el doble de la fecha
Recursos
recursos disponibles
Archivos se tiene ya
Fuentes
tipografía a usar
organizar datos
Logos
calidad del mismo
Imagenes
evaluar la calidad de las fotos
Inventario de contenido
Ver que puedo hacer mejor que la competencia de mi cliente
Ver paginas similares a la de mi cliente
Contenido interesante
Lista de todos los elementos
Que destaca
Especificaciones tecnicas
truco
Navegadores utilizados por el cliente
que equipos tiene mi cliente
cms
Navegadores
Compatibilidad
Delimitar especificaciones
Soporte que tendrá la pagina web
Objetivo
Volumenes de Emails
Estrategia de marketing
descargar rápido por cambio de email
estrategia en formularios, botones
ventas, corporativo, compartir, captar clientes
Objetivos de la empresa
Que persigue
Que se busca
objetivo principal
Dos o tres secundarios
Audiencia
Analitis para web para hacer un análisis de la pag web
Infantil, adultos, linea de negocio
Comportamiento
Quien consume
Darle al publico mayoritario
Nacionalidad
Rango de edad
El sexo a quien va dirigida
Marca diseño y contenido
reconocer a quien va dirigida la audiecia
Definir el Proyecto
Hay detalles que te hacen perder tiempo y cambiar toda la estructura ya hecha
Acordar todo lo que que quiera el cliente
Mostrarle al cliente que hay dllos que pueden demorar
El cliente no tiene a veces claro lo que quiere
Lenguaje de empresario a programador
De que trata el proyecto hablando con el cliente
crear animaciones sin flash
html4
Etiquetas que quedan obsoletas
animaciones con flash
como se veria el contenido
estructura la informacion a mostrar
no es lenguaje de programacion
lenguaje de etiquetado
Apis para el consumo de datos
Seguridad del lado del servidor
bases de datos, frameworks, librerias de las paginas web
Almacenar paginas web en el servidor
verificar usuarios y secciones
interacion con las bases de datos
Lenguajes
Net
PHP
Lo que no veo, pasa en el servidor
Servidor
tecnicas de user experience
Interacion con el sitio Web
la mejor manera de mostrar los datos
Hacer bonita la pagina
Tecnologias del lado del cliente
lenguajes
JavaScript
Backbone.js
Angular.js
da vida a al contenido
animaciones
como se va mostrar
tamaño de las letras
colores
Html
contenido y estructura de la pagina
Navegador
Lo que ve el usurio
Cliente
Modular
Es deber dominar PHP antes de empezar con un framework
cargan muchas librerías para hacer una funcion
mas capas o mas ficheros = menos rendimiento
Desconocimiento del nucleo
rara vez se modifica
No saber que hace el framework
curva de aprendizaje
sympony es la crva de aprendizaje mas dificil
Ejemplos
Subidas
Captchas
envio de correo
paginacion
Plugins
Helper
librerias
Seguridad
Crsf
monitorizar
Proteccion en secciones, urls y formularios
Cifrado de datos
Ataques
SQL Injection
XSS
Enrutamiento
http://dominio.com/controlador/accion/Parametro1/parametro2/Parametrojpg
Rutas hijas
Personalizar rutas
URL amigables
Formularios
Repoblacion
Validacion
reutilizacion de codigo
generación semi-automatica
Se utilizan objetos
optimización de consultas
Query builder y ORMS
Hay aumento de rendimiento en las consultas
ORMS
Active Record
Paris
Dotrine
elocuent
Son manejados por driver
SqlServer
SQLite
Mysql
Oracle
PostgreSQl
Modelo Vista Controlador
Controlador
Procesa la respuesta del modelo entregandolo a la vista
Manda peticiones al modelo
Recibe peticiones del usuario
vista
Pinta los datos al usuario
modelo
devuelve la respuesta del controlador
Bases de datos
logicas
Orientada a objetos
Escalabilidad
Aislamiento del codigo
Polimorfismo
Herencia
modularidad
Encapsulamiento
Abstracion
porque usar PHP
Alternativas
Java
Ruby
Pyton
Capacidad de expasion
Multibles CMS
Multibles Frameworks
Multibles librerias
la mas usada
Enfocado a laweb
el mas soportado
Es facil
Lenguaje mas usado
lenguaje dinámico del lado del servidor, de código abierto
cordoba
Lungo
Framework7
titanium
Phongap
Spring
Java server
Hibernate
Rails
Django
Mootools
Jquery
Angular
960 grids
Bootstrap
Desarrollo de una aplicación y no tu herramienta
Infundir buenas practicas de trabajo
Favorecer el trabajo en equipo
Aumentar la productividad
evitar tareas repetitivas
no reinventar la rueda
Base para nuestros programas
Es benéfico para las empresas ya que se lleva un mismo lineamiento de programación
funcionalidades ya desarrolladas
Buenas practicas
Paradigmas
estandares
Convenciones
No escribir consultar SQL dentro del codigo
Lo que se debe de hacer
reglas obligatorias
