apontes de tercer bimestre :):)

12 de  Diciembre de 2016 & 13 de Diciembre de 2016

Introducción a la programación de HTML

        

¿Qué es html 5?

• sigla en inglés de HyperText Markup Language (lenguaje de marcas de hipertexto)
• también es un protocolo que aligera la carga de contenido.
• Una de las cosas más importantes que nos a brindado HTML es la interactividad lo que es la capacidad de un sistema de formar una conversación con el usuario.
• También es un lenguaje lineal.

lenguaje de interactividad de ASP

ASP( active server pages, lenguaje de Microsoft) ASP fue un lenguaje muy promovido por los programadores ya que fue el primero en lograr cumplir el sueño de la interacción entre maquina y hombre.Como todo ASP no se libra de las fallas por lo cual al haber un gran número de usuarios el sistema se sobre saturaba y se alentaba, lo cual impedía el buen funcionamiento de este.

lenguaje .NET

creado por microsoft,perteneciente a chat los cuales permiten la interacción de una forma más programada, lo cual no era fácil para los programadores

lenguaje Java / Javascript

Java es un lenguaje que trabaja con transacciones bancarias. Java pertenece a un grupo llamado oracle. Oracle y java permitían la realización de varias operaciones,lo malo es que no era compatible con varios sistemas.Javascript no tenia una escritura tan lógica y muy complicada para los programadores.

Lenguaje php

PHP (acrónimo recursivo de PHP: Hypertext Preprocessor) es un lenguaje de código abierto muy popular especialmente adecuado para el desarrollo web y que puede ser incrustado en HTML.

 lenguaje ccss

Hojas de estilo en cascada (o CSS, siglas en inglés de Cascading Stylesheets) es un lenguaje de diseño gráfico para definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado.

lenguaje SQL

SQL (por sus siglas en inglés Structured Query Language; en español lenguaje de diseño gráfico para definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado.

9/enero/2017

TIM BERNERS LEE:persona la cual crea htlm, lo hizo con el afán de poder tener varios recursos más cercanos

BBS:(consulta y artículos de información principalmente de intereses científicos)

sistema operativo:  Conjunto de órdenes y programas que controlan los procesos básicos de una computadora y permiten el funcionamiento de otros programas.


bill gates logra diseñar un sistema opertivo haciendo a un lao windows 95 , el cual era conciderado por muchos como un Fake.Bill gates crea explorer y logra poner en las manos de varias personas una computadora que permitia tener contacto con el mundo más aya  de muchas capacidades.

ISP: INTERNET SERVICE PROVIDED, el cual era un servicio muy costoso

explorer v.s. netscape

10/enero/17

conflictos entre netscape y explorer

al subir documentos en solo una de estas redes fue muy difícil el manejo de información ya que si se subía un documento en netscape para pasarlo a explorer había que rehacerlo

IETF: es una organización internacional abierta de normalización, que tiene como objetivos el contribuir a la ingeniería de Internet, actuando en diversas áreas, como transporte, encaminamiento, seguridad.

html4: es más amplio con mayores recursos para la programación el cual trabajaba en conjunto con IETF Y W3C para poder establecer una estructura perfectible.

XHTML: lenguaje que mincrosoft y html crean en conjunto.

Ante la llegada al mercado de un gran número de dispositivos, XHTML surge como el lenguaje cuyo etiquetado, más estricto que HTML, va a permitir una correcta interpretación

de la información independientemente del dispositivo desde el que se accede a ella.

Al creer que mincrosoft se iba a adueñar e html varios programadores crearon WHATWG.

WHATWG: Web Hypertext Application Technology Working Group

es una comunidad de personas interesadas en la evolución de HTML y las tecnologías conexas. El WHATWG fue fundado por integrantes de Apple, la Fundación Mozilla y Opera Software.

OPEN SOURS: es el software cuyo código fuente y otros derechos que normalmente son exclusivos para quienes poseen los derechos de autor, son publicados bajo una licencia de software compatible con la Open Source Definition o forman parte del dominio público. 

16/01/2017

HTML5: es casi es igual solo que lo modifican y permite que el trabajo lo haga el usuario y no el servidor. gracias a este lenguaje se permite que la información fluya mas rápido.
A consecuencia el servidor se descarga del trabajo, pero que el usuario necesite máquinas más potentes (internet, procedimiento), el usuario puede hacer mas cosas mientras tenga un mejor equipo

KOMODO

Komodo IDE es un entorno de desarrollo para programar lenguajes de programación dinámica.Komodo Editor es el software que se dedica exclusivamente a la escritura de código, y puede obtenerse de forma gratuita e independiente a la suite de la que proviene.

COMANDOS PRINCIPALES DE HTML

•  HTML > ... < /HTML > : Indica el comienzo y fin de un archivo HTML
• < HEAD > ... < /HEAD > : Indica el comienzo y fin de un encabezado (aquí se coloca generalmente el título).
• < TITLE > ... < /TITLE > : Indica el título.
• < BODY > ... < /BODY > : Indica el comienzo y fin del cuerpo de la página.
• < P > ... < /P > : Indica comienzo y fin de un párrafo.
• < BR > : Permite saltarse una línea (se llama quiebre de línea).
• < Hn > ... < Hn > : Para n entre 1 y 6, hacen que el texto encerrado aparezca como encabezado (un subtítulo). Se recomienda usar sólo 1,2 y 3.
• Tipos de letras:
  • < B > ... < /B > : Negrita.
  • < L > ... < /L > : Cursiva.
  • < BLINK > ... < /BLINK > : Parpadeante.
  • < STRONG > ... < /STRONG > : Enfatizada.
• < UL > ... < /UL > : Indica comienzo y fin de una lista no ordenada (puntos). Dentro de ellos, cada item empieza por < LI > y termina al terminar la línea.
• < OL > ... < /OL > : Indica comienzo y fin de una lista ordenada (números). Dentro de ellos, cada item empieza por < LI > y termina al terminar la línea.
  Ejemplo:
  

        < OL >
          < LI > Primer item
          < LI > Segundo item
          < UL > 
            < LI > Primer subitem
            < LI > Segundo subitem
          < /UL >
          < LI > Tercer item
        < /OL >

apuntes de segundo bimestre :)

HISTORIA DE NAVEGADORES

Mosaic:

Mosaic, creado por el Centro Nacional de Aplicaciones de Supercomputación (Universidad de Illinois, EE.UU.) fue el primer navegador que popularizó el uso de la web. Cuando se publicó la primera versión, en 1993, el acceso a Internet todavía estaba limitado a Universidades y organismos gubernamentales. Cuando en 1994, el acceso a Internet se abrió a particulares, el jefe del proyecto y otros miembros del equipo se salieron de la Universidad para crear Netscape. A partir de ese momento, aunque se publicaron nuevas versiones en 1995 y 1997, Mosaic dejó de ser importante. En 1997 el desarrollo de Mosaic se dio por terminado.

Netscape:

Netscape apareció en 1994 y hasta 1997 fue el navegador más popular, por varios motivos:

• aunque en algún momento intentó ser un programa comercial, siempre existieron versiones gratuitas con toda la funcionalidad
• se publicaban versiones nuevas continuamente que eran capaces de representar elementos cada vez más complejos.

Internet Explorer / Edge:

Microsoft presentó Internet Explorer en agosto de 1995, basándose en una versión de Mosaic. Internet Explorer 1 no estaba incluido en Windows 95, pero ante el éxito de Netscape y la creciente popularidad de la web, Microsoft pisó el acelerador:

• Se publicaron versiones prácticamente cada año: IE 2 (noviembre de 1995), IE 3 (agosto de 1996), IE 4 (septiembre de 1997), IE 5 (marzo de 1999), IE 5.5 (julio de 2000) e IE 6 (agosto de 2001).

Opera:

Opera es un navegador que comenzó en 1994 como proyecto de investigación de Telenor, una compañía telefónica Noruega, pero que desde 1995 desarrolla la compañía Opera Software. La primera versión, Opera 2.1, se publicó en diciembre de 1996 y desde entonces ha ido publicando versiones tanto para PCs como para dispositivos móviles.

Mozilla:

Mozilla era el apodo del navegador Netscape dentro de la misma empresa Netscape. En enero de 1998 Netscape anunció que liberaba el código fuente de su navegador y el proyecto de continuar el desarrollo de ese código recibió el nombre de Mozilla.

Firefox:

Firefox es el navegador creado por la Fundación Mozilla y es continuación del navegador Mozilla, que a su vez es continuación del navegador Netscape. Firefox 1.0 se publicó en noviembre de 2004 y su objetivo es permitir que la web sea pública, abierta y accesible.

safari:

Hasta 2003 el sistema operativo Mac de Apple no disponía de su propio navegador web, sino que incluía Netscape o Internet Explorer, pero en junio de 2003 Apple publicó Safari 1.0 para Mac OS X. Safari utiliza el motor de renderizado WebKit, desarrollado por Apple a partir del motor de renderizado KHTML del proyecto de software libre KDE.

Chrome:

Chrome es un navegador creado en 2008 por Google a partir de WebKit, el motor de renderizado del navegador Safari, aunque desde la versión 28 (julio de 2013) utiliza el motor Blink en vez de WebKit.

HISTORIA DE INTERNET

Red Galactica- La primera descripción documentada acerca de las interacciones sociales que podrían ser propiciadas a través de las redes informáticas está contenida en una serie de memorándums escritos por J.C.R. Licklider, entonces profesor en el Massachusetts Institute of Technology, en Agosto de 1962. 
Licklider describe en ellos su concepto de Galactic Network (Red Galáctica): una red interconectada globalmente a través de la que cada uno pudiera acceder desde cualquier lugar a datos y programas. En esencia, el concepto era muy parecido a la Internet actual, aunque entonces era un sueño de ciencia-ficción.

Darpanet: En el principio de las redes de informática (1969), solo fueron cuatro ordenadores interconectados entre sí, esta pequeña red fue denominada DARPANET y fue creada como método de intercambio de información de investigación militar entre investigadores ubicados en distintos centros. 
Este hecho ha cambiado drásticamente, tanto desde la perspectiva técnica como desde la perspectiva económica, la tecnológica la practica y operativa. Darpanet cambio su nombre a Arpanet en la evolución que volvió público el internet.

PROTOCOLOS:

tcp=informacion completa y segura

ip=ir direccionando

https=segure

ftp=protocolo de transferencia de archios

protocolo de transmicion de correos:smtp envio de correo locales

pop3=post office protocol = protocolo de seguidor remoro

ssh= incriptacion de decodificacion de contraseñas =secure shell

TIPOS DE RED:

La primera red que se genero fue PAN: Personal Area Network (es personal)

LAN: Local Area Network (cubre un área pequeña)

MAN: Metropolitan Area Network (cubre mas de 4 km) por ejemplo la red de Toluca, Metepec, Tenancingo.

WAN: Wide Area Network (estados)

WWW: World Wide Web (mundialmente)

VPN: Virtual Private Network.

TOPOLOGÍAS

La topología de red se define como el mapa físico o lógico de una red para intercambiar datos. En otras palabras, es la forma en que está diseñada la red, sea en el plano físico o lógico. El concepto de red puede definirse como "conjunto de nodos interconectados". Un nodo es el punto en el que una curva se intercepta a sí misma. Lo que un nodo es concretamente depende del tipo de red en cuestión.

TIPS DE TOPOLOGÍAS:

• Punto a punto (point to point, PtP) o peer-to-peer (P2P)
• En bus (“conductor común” o bus) o lineal (line)
• En estrella (star)
• En anillo (ring) o circular.
• En malla (mesh)
• En árbol (tree) o jerárquica.

proyecto inovacion introduccion piblicado

PROYECTO INNOVACIÓN

QUÉ ES ?

Es crear , hacer,mejorar, superar o experimentar

NOTA:

innovar tiene relación directa con investigación científica

MÉTODO CIENTÍFICO:

en innovación se conoce como protocolo de investigación. Conformado por:

1. Investigar
2. Crear teorías
3. Experimentar
4. Llegar a un resultado

PROTOCOLO:

1. Pasos de investigación científica
2. Documento que almacena avances

reporte de proyecto inovaccion publicado

PROYECTO INNOVACIÒN: BOTE CON BOTELLAS DE PLÀSTICO

La contaminación hoy en día es uno de los mayores problemas que enfrenta nuestro planeta ya que al día se producen en México 86,343 toneladas de basura. Estos factores contaminantes tienen un impacto directo en la sociedad y en lo ecosistemas; los mas graves y frecuentes son contamianación acuática o marina, contaminación de aire y la contaminación  hacia el suelo.

Nosotros al percatarnos de esta situaciòn decidimos investigar cuales son algunos de los materiales mas nocivos y utilizados en nuestro entorno.Cuando finalizamos nuestra investigaciòn descubrimos que el PET cuyo nombre cientìfico es Tereftalato De Polietileno, es uno de los materiales màs comunes, màs utilizados, màs pràcticos y màs recistentes de la actualidad, al igual que nocivo para el hambiente; afortunadamente el Pet tambien es un material el cual se pued reutilizar de distintas formas, por ejemplo en las industrias de bebida se lavan y se funden las botellas para crear nuevos contenedores de lìquidos. Nosotros decidimos como proyecto hacer un contenedor de desechos ( bote de basura ), para poder ayudar al ambiente. A demas de que el proceso de elaboraciòn es muy sencillo y corto relativamente

El cómo se nos ocurrió la idea es muy gracioso ya que nosotros desde un principio decidimos usar botellas de PET en nuestro proyecto, entonces nos pusimos a dialogar y decidimos que lo ideal era un proyecto fácil, practico y útil, y nuestra mejor opción fue un bote de basura con botellas de PET.

Basicamente puedes encontrar los materiales en todas partes ya que son muy comunes.Nosotros conseguimos el alambre en una ferreteria y las botellas las trajimos de nuestra casa y el silicon, punzón y la kola loka en una papeleria convencional.

Nosotros concideramos que si nos tardamos un poco ya que algunas de nuestras hipótesis eran incorrectas y tambien que tuvimos altivajos.Si no mal recordamos nos tardamos 6 o 7 clases de 45 minutos lo que equivale a 270 minutus (6 clases  ),y 315 minutos (7 clases).

Nuestro proyecto al ser práctico y facil de mover (lígero) es un gran candidato para tenerlo en cualquier tipo de areas ya sea en espacios pequeños o grandes, también ayuda a el medio ambiente y sirve para depositar los desechos(basura)

En este proyecto nosotros innovamos varias cosas como el empleo de botellas de plástico para reducir ayuda a la ves que ayudamos al ambiente, una forma de depositar desechos en un bote amiglabe con la Tierra, nosotros tambien agregamos a el bote el alambre lo cual nos permitío tener una mayor recistencia y una maleabilidad de este, etc

HIPÒTESIS 1:

materiales:

• 40 botellas de plàstico
• 2 aros de varilla metàlica
• cuter 
• silicòn

PROCESO DE ELAVORACIÒN:

Paso1: Usar el aro de varilla metàlica para pegar la botellas encima de el, hasta completar la circunferencia.

Paso 2: repite el paso uno de pendiendo los niveles que quieras tener

NOTA: en este caso tan solo haremos 2 niveles.

Paso3: cuando hayas terminado de pegar la botellas vuelve a poner otro aro de varilla metàlica encima de las tapas de las botellas 

Paso4: repite el paso uno sobre el aro de varilla metàlica pegado a las tapas de las botellas

TEORÌA:

Al pegar las botellas de plàstico a una varrilla metàlica con una circinferència de 35 centìmetros las botellas se deberàn de sostener.
Al pegar una con otra el plàstico de las botellas se fundiràn por el silicòn caliente lo cual ara que se mantengan unidas.

EXPERIMENTANDO:

RESULTADOS:

Al acabar el primer nivel nos dimos cuenta que nuestra teorìa estaba mal ya que al unir las botellas con el silicòn lo ùnico que provocava es que el plàstico de las botellas se devilitara y no resistieran la uniòn


CONCLUCIÒNES:

Podrìamos decir que la primera hiòtesis generada no fue eficàs ni acertada, porqu el plàstico no resiste altas temperaturas



HIPÒTESIS 2:

MATERIALES:

• 24 botellas de plástico
• alambre ( depende la circunferencía )
• Pinzas
• Punzón
• silicon

Paso 1: A todas la botellas perforarles 4 hoyos, de tal manera que 2 estén en el lado derecho y los otros 2 en el izquierdo. serian uno en la parte superior derecha, uno en la parte inferior derecha, uno en la parte superior izquierda y otro en la parte inferior izquierda.

Paso 2:corta el alambre en 4 partes

Paso 3:pasa un segmento del alambre por la parte superior y otra parte por los hoyos inferiores
NOTA: VAMOS A HACER 2 NIVELES

Paso 4: con el silicòn pega los dos niveles uno sobre otro

TEORÌA:

El alambre al ser una tira de metal fuerte, resistente y moldeable es un perfecto candidato para poder con este atravesar las botellas por dos orificios lo cual ara la base màs fuerete


EXPERIMENTANDO:




































RESULTADOS:

Afortunadamente nuestra segunda teorìa fue exitosa

CONCLUCIONES:
Como ya mencionamos anteriormente nuestra segunda hipòtesis fue exitosa:
¿Porque?
la repuesta es muy sencilla puesto que el alambre al ser moldeable permite dar una buena forma y concistencia