Portafolio de evidencias by juan

“PORTAFOLIO DE EVIDENCIAS”

INSTITUTO KORIMA DE PUEBLA PROF. ING. LILIA RIVERA

JUAN ANTONIO SOLIS GONZALES AGUILAR 3º “A” 2014-2015

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

INTRODUCCIÓN

Este Portafolio está conformado diferentes reportes que se elaboraron en cada parcial de la materia y es una representación de los trabajos realizados en el Semestre B de la materia de Informática III, los cuales tienen contenido acerca de la creación de un logo para alguna empresa, también contiene algunos trabajos realizados en el programa CorelDraw, y por ultimo hay evidencias de la creación de nuestra página web, en el caso del equipo fue sobre PlayStation. Esto se realizó con el fin de que los directivos sepan lo que se trabajó en el semestre.

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

INDICE PRIMER PARCIAL

REPORTE DEL LOGO

TABLA DE JUSTIFICACION

SEGUNDO PARCIAL

PRACTICA 1 (CORELDRAW)

PRACTICA 2 (CORELDRAW)

TERCER PARCIAL

REPORTE DE LA PAGINA WEB

TABLAS

FONDO/ IMÁGENES

CUARTO PARCIAL

REPORTE DEL SITIO WEB

15-19

ENSAYO

CONCLUSIÓN

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

PRIMER PARCIAL

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

REPORTE DE LOGO OBJETIVO: El objetivo de este trabajo es cambiar el logo de alguna marca conocida o no conocida MATERIALES: Los materiales usados para este trabajo fueron el uso del internet, y el uso de programas como Word, Power Point, Paint, Publisher.

ELABORACION: Para elaborar este trabajo primero se eligió de que compañía se realizaría el nuevo logo a lo que escogimos la compañía de PlayStation. Lo primero que hicimos fue buscar la historia de PlayStation y sus cambios de logos, ya que PlayStation siempre cambia sus logos. 1.1 La imagen representa los primeros prototipos de logos que realizo PlayStation

Algunos claros ejemplos son los diferentes logos que tuvo después de su la empresa tuvo después de la primera consola

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

1.2 LOGO finalizado

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

v v v v v v v v v v v v

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III v v v v v v v v v v v v v

Después de algunas encuestas realizadas nos dimos cuenta de cuál era el modelo de los logos que más les gusto por lo que escogieron, el logo original con un tono rojo fosforescente, un fondo negro y con triángulos pequeños haciendo la forma de un triángulo más grande

Después realizamos una tabla de la justificación del porque escogimos los colores para el logo los cuales son los siguientes

COLORES

TABLA DE JUSTIFICACIÓN

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III ROSA: nos da una señal de creatividad VERDE: el cual nos da una referencia a la tranquilidad y descanso NEGRO: para resaltar la elegancia, el estilo y la modernidad de los productos que vende la empresa ROJO: el símbolo de PlayStation contiene un brillante el cual nos da entender que contiene aventura por la gran diversión que tiene la persona al comprar un producto de la empresa AZUL: ya que nos inspira tranquilidad

FORMAS

Contiene figuras en forma de triángulo, esto significa que es un líder en cuanto a la industria de los videojuegos

ESPACIO

Contiene espacio en el centro del logo, y los triángulos usados se conectan todos entre si

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

SIGNOS

Está formado de puros triángulos alrededor de la P y la S

Su tipografía comprende la letra P de modo vertical y la S de modo horizontal; las cuales son siglas de PlayStation

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

CONSLUCIÓN:

Podemos ver parte del proceso usado para la realización de este trabajo, fue fácil de realizar a la vez fue entretenido, ya que la empresa que se eligió fue elegida por nosotros.

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

SEGUNDO PARCIAL

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

PRÁCTICA No. 1 Objetivo: Comprender y reconocer las diferentes funciones del programa de Corel Draw HERRAMIENTAS: CorelDRAW: Programa que nos sirve para realizar diseños de manera sencilla. Proceso: Para empezar primero leimos la práctica que la profesora nos otorgo, por medio de una memoria USB, y consiguientemente realizamos cada una de las intrucciones de la práctica. Despues empezamos a dibujar diferentes figuras básicas, esto para empezar a ver las diferentes figuras y formas que contiene el programa. Algunas de las figuras era hacer una estrella, una espiral, cuadrado, circulo, etc. Como iba pasando la práctica las figuras eran más creativas. 1.3 En esta imagen se representa la primera tabla de figuras realizadas en CorelDRAW

Las ultimas figuras, fueron una carita feliz y una triste (en esa figura solo se tenía que mover la línea de la boca hacia abajo). Y también estrellas con estilo de onomatopeyas, y cuadros de dialogo que son utilizados en las tiras cómicas.

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

Después se terminó la práctica con la figura de un cuadrado y un círculo. 1.3 En esta imagen lo único que se realizo fue mover la boca

CONCLUSION: Las figuras fueron sencillas de realizar, y el programa de CorelDRAW es muy fácil de usar. 1.4 La imagen representa la segunda tabla finalizada

PRÁCTICA No. 2 Objetivo: Realizar una figura usando rectángulos y el circulo HERRAMIENTAS: CorelDRAW: Programa que nos sirve para realizar diseños de manera sencilla. Proceso: Primero se localizó en la barra de herramientas las bases para hacer las figuras Después realizó la forma del rectángulo en forma vertical y horizontal, y después el circulo

Luego se unieron la s figuras de modo que quedaran de la siguiente manera

1.6 La imagen representa a la barra de herramientas y las figuras dibujadas

1.7 la imagen representa a las figuras unidas

Al final quedo de la siguiente manera la figura

1.8 la imagen representa al dibujo finalizado

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

Conclusión: La figura estuvo un poco complicada ya que se tenía que recortar la parte donde las figuras se conectaban

TERCER PARCIAL

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

REPORTE DE LA PAGINA WEB Objetivo: Empezar a crear nuestra propia página web, por medio de lecturas y prácticas3. HERRAMIENTAS: Bloc de notas: Programa que sirve para crear la página web Proceso: -ETIQUETA DIV Para comenzar nuestra pagina web, primero hicimos un bosquejo para saber como iba a empezar a quedar la página, una vez hecho el bosquejo ETIQUETAS BASICAS La unica etiqueta que s uso para la realizacion de la página fue la etiqueta marquee la cual nos sirve para que la palabra a la que le aplicamos la etiqueta se desplaze de derecha a izqierda. <html> <body background="logo 1.png"> <div style="text-align: center; font-size: 150px; color: white; border: 8px solid red;"> <marquee>PlayStation News</marquee>

1.9 Una vez aplicado el marquee nuestro título se desplaza hacia a izquierda

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

TABLAS Para introducir tablas las etiquetas que usamos fueron: •

•

•

Estas etiquetas fueron usadas para meter texto en los espacios ya establcidos, luego de introducir las etiquetas ya mencionadas empezamos a establecer de que color se requeria para que no se perdiera con la imagen de fondo establecida, la cual teniene un tono de zul fuerte, por lo qu escogimos que el texto fuera de color blanco, para realizar esto utilizamos la etiqueta <strong> y <FONT COLOR="white">

FACE=

SIZE=5

Des pues introdujimos el titulo de MISIÓN Y VISIÓN de la página, también se introdujo el contenido de la visión y de la misión. 1.10 Representa el cómo quedo la tabla en la página

<td><strong><FONT FACE= SIZE=5 COLOR="white"><H1 ...H6>Misión</H1 .../H6></strong></td> <tr> <td><FONT FACE= SIZE=5 COLOR="white">Esta empresa es innovadora y competitiva; comprometida, basada en relaciones solidas e integrales con sus clientes, proveedores y comunidad.</td> <tr> <td><strong><FONT FACE= SIZE=5 COLOR="white"><H1 ...H6>Visión</H1 .../H6></strong></td> <tr>

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

<td><FONT FACE= SIZE=5 COLOR="white">Estamos comprometidos con la rentabilidad del negocio traduciendo los esfuerzos en relaciones solidas con proveedores, clientes y colaboradores.</td> </tr> </table> Como se puede observa en las etiquetas usadas podemos ver que se uso una etiqueta mas esta nos sirve para cambiar el tamaño de letra, la etiqueta es: •

<H1 ...H6>Misión</H1 .../H6></strong>

Luego se uso otra tabla para dar a conocer las redes sociales de los que crearon la página, en este caso se utilizaron hipervínculos y estos necesitaron una etiqueta especial la cual es <a href></a> y esta etiqueta nos manda direntamente al facebook de los integrantes del equipo. <table> <tr> <td><strong><FONT FACE= SIZE=5 COLOR="white">Facebook</strong></td> <tr> <td><FONT FACE= SIZE=5 COLOR="white"><a

1.11 Representa la tabla de las redes sociales con todo e hipervínculos

href="https://www.facebook.com/juanantonio.solisaguilar">Juan Antonio Solis Aguilar</a></td> </tr> <td><FONT FACE= SIZE=5 COLOR="white"><a href="https://www.facebook.com/profile.php?id=100003244076712">Omar Arturo Aguirre</a></td> </table> - FONDO, IMÁGENES, LISTA Empezamos a introducir la etiqueta background en el block de notas para poner la imagen de fondo preferida por el equipo.

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

1.12 Imagen de fondo

Para agregar imagenes utilizamos la etiqueta div, y la etiqueta img src para escoger la imagen que se utilizo, ademas de que a la imagen se le agrego un link. <div id= "capa" style="position:absolute down:500px; width:1317px; height:315px; border: 8px solid gray;"><a href="https://www.youtube.com/watch? v=fWPlW98c9Jc"><img src="logos3.jpg"></a><img src="r.jpg">

Por ultimo agregamos sonido con la etiqueta

1.13 Imágenes del logo y del juego mas actual

embed y tambien usamos el autostart y loop. <embed src="Tiësto KSHMR Secrets(feat Vassy).mp3" autostart=true loop="2" width:0; height:2>

1.14 Sonido

Conclusión: Fue un trabajo laborioso ya que de repente se desfasaban las secciones o las imágenes realizadas no se establecían correctamente en el espacio requerido.

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

CUARTO PARCIAL

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

REPORTE SITIO WEB Objetivo: A partir de nuestra página web, debemos crear un sitio web con mínimo 3 hipervínculos, además de agregar nuestro banner HERRAMIENTAS: Bloc de notas: Programa que sirve para crear la página web PROCESO: Primero lo que se realizo fue agregar unas cosas a nuestra pagina principal, lo que se cambio fue en la parte superior se inserto una imagen gif que tiene el nombre de “PlayStation News”, otra cosa que se cambio fueron las redes sociales, en vez de poner las redes sociales de los creadores de la pagina se pusieron las redes sociales de PlayStation a los cuales se les agregos hipervinculos. Para insertar el las redes sociales se realizo con las siguentes etiquetas: <td><FONT FACE= SIZE=5 COLOR="white"><a href="https://www.facebook.com/Latam.PlayStation? brand_redir=14104316802"><img src="facebook-logo.jpg"width=150; height=150></a></td>

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

src="2000px-

1.15 Representa la imagen gif, el video y las redes sociales

Tambien se agrego una pequeña encuesta u sando la pagina de strawpoll cual se encarga de realizar algunas preguntas y con base las respuestas nos da los resultados en porcentajes. Este se agrego de la siguiente manera: <a href="http://strawpoll.me/4504933"><img src="StrawPoll.me_.png"width=300; height=300></a>

1.16 Representa la encuesta en strawpoll y su función

Lo que se agrego a esta pagina fueron dos videos uno es el banner(este se realizo para las materias de informática y de literatura) el cual consta del valor de la responsabilidd y de la irresponsabilidad, este video se coloco es otra página y en la página principal se coloco solo una imagen acerca del video. Se uso la siguiente etiqueta para poner un hipervínculo con otra pagina donde se encuestra el video: <a href="Video.html"><img src="imgvid.jpg"width="400" height="250"></a>

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

1.17 Es el enlace al video realizado con todos los alumnos de 3ro

Y el otro es un video realizado con videos de algunos trailers y gameplays acerca de las diferentes consolas y juegos de PlayStation atraves del tiempo (el video fue subido a Youtube), este video se introdujo del lado izquierdo de la vision y mision. Se utilizo la siguiente eqiueta para insertar el video

1.18 Representa el video acerca de PlayStation

height="430" frameborder="0"

Después se realizaron 6 diferentes páginas las cuales contiene la historia y cada consola de PlayStation sin incluir la consolas portatiles.

La primera pagina realizada es acerca de la historia de PlayStation, este incluye cuando se creo y que tipo de programacion tiene. Ademas de contener una imagen del creador de la consola y socio de SONY. 1.19 Imagen sobre la página de la historia de PlayStation

La segunda pagina es acerca de la primera consola de la empresa, la cual resulto ser la mas vendida del mundo, esta pagina viene con una imagen de la consola y dos juegos destacados de la consola los cuales son Resident Evil 2 y Crash Team Racing.

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

1.20 Página de PlayStation con información de la misma y algunos juegos

La tercera pagina es sobre PlayStation 2, esta incluye informacion sobre la programacion de la consola, algunas de las partes nuvas de esta. Tambien contiene una imagen sobre la consola e imágenes de algunos juegos de la consola, estos son God of War II, Resident Evil 4, Area-51 y Medal of Honor European Assault, los cuals continen un link, el link los lleva directameente a un video de youtube acerca de un gameplay acerca de los juegos 1.21Página de PS2 con información y juegos mostrados en la página. 1.22 Video del link que está en la página de PS2

La cuarta pagina le pertenece a la consola PlayStation 3 el cual consiste es informacion de su programacion y nuevas especificaciones ademas d qu los graficos de la consola son mejores que sus antecesoras, contienen juegos populares de la consola estos son Metal Gear Solid 4 , Resident Evil 6, God of War III (juego exclusivo )y Beyond Two Souls (la cansola saco este juego con una edicion especial), tambien tiene la misma tematica en cuanto a los links que la pagina anterior.

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

1.23 Información de la PS3 y juegos de la consola

quinta pagina fue establcida para la mas nueva consola de la compañía, la

1.24Representa información de la consola, juegos y video dl juego del Just Dance en

PlayStation 4, contien informacion acerca de algunos anuncios, avances que realizo la compañía para informar lo nuevo de la consola, una de las especificaiones es qu sus graficos estan a 1080. La pagina contine imágenes sobr algunos juegos para la consola los cuals son Dragon Ball Xenoverse, Assessins Creed Unity, Dstiny y Just Dance. Contiene la misma tematica acerca de los links al igual que las otras paginas

Cada pagina contiene música diferente, y una seccion para elegir la pagina a la que el usuario quiera ir esta se encientra en la parte superior que esta conformada por imágenes con las palabras Inicio, Historia, PS1, PS2, PS3 y PS4.

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III CONCLUSION: fue una actividad laboriosa, pero a la vez entretenida, aunque tenía algún momento complicados ya que de repente se movían las imágenes pero al final todo salió como se esperaba

ENSAYO En cuanto a lo que pudimos aprender este año fue interesante ya que aprendimos demasiadas cosas interesantes aunque un poco complicadas un ejemplo de ello fueron los algoritmos en el programa Psint, con esos ejercicios empezamos a entrar a lo que fue la programación, mientras pasaba el tiempo empezamos a ver diferentes funciones en el programa ya mencionado. La lógica fue verdaderamente importante para la resolución de los algoritmos y una vez que se mejoró la lógica fueron un poco más fáciles de resolver. Hubieron demasiados ejercicios algunos constaban de horarios, menús, etc. Eso solo fue el primer semestre aunque fue interesante tuvo su contra al ser un poco aburrida la temática de realizar los algoritmos. Cuando empezó a ser la clase más entretenida a mi parecer fue cuando empezamos a realizar el logo para alguna empresa o inventar nuestro logo, el cual tuvo se trabajó en quipo y la empresa que se eligió fue una de las industrias más grandes en los videojuegos la cual es la PlayStation. Para nuestro trabajo tuvimos que diseñar los logos y realizar una encuesta para saber que logo les había gustado y respecto a esas respuestas pudimos realizar mejoras al logo elegido por las personas encuestadas. Después se realizó el logo y respectivamente su exposición, al hacer este proyecto me despertó el interés por la creación de diferentes logos que tengan que ver con el diseño, también fue entretenido ya que se escogió una empresa que nos guste. Luego empezamos a realizar prácticas con el programa de CorelDraw en el cual vimos como editar algunas imágenes al igual que diferentes imágenes, fue 26

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

entretenido realizar estas prácticas ya que se usaba más la imaginación y recordar las funciones del programa. Después realizamos un cartel acerca de un viaje que tuvimos a Hidalgo y se escogió un duende para ese cartel. El último proyecto que se realizo fue para hacer una página web, algo muy interesante ya que siempre había querido saber cómo se hacen las páginas y sitios web, además de que esta página se realizó para promover el logo realizado, aunque no quedo completa la página, se realizó un sitio web para termina la página y hacer vínculos, una de las ventajas de este proyecto fue que se aprende algo nuevo sobre la programación y nos puede beneficiar para el curriculum.

Para finalizar la mayoría de las cosas aprendidas en este año fueron muy importantes, algunas actividades tienen sus pros y contras al realizarlas, esto se debía a que algunas eran complicadas y otras laboriosas, pero por el lado bueno es que nos sirvió para aprender cosas nuevas e interesantes.

INSTITUTO KÓRIMA DE PUEBLA A.C. PREPARATORIA INCORPORADA A LA B.U.A.P. CLAVE 8286 INFORMÁTICA III

CONCLUSIÓN GENERAL Las practicas realizadas son para darnos una idea de cómo es la programación, esto se debe porque se ha creado una página web y partiendo de este se creó un sitio web. Lo más importante para la realización de estos trabajos fue la imaginación y el trabajo en equipo de cada alumno, ya que tanto la creación del logo como el cartel, la creación de la página y sitio web fueron realizadas y terminadas con satisfacción por parte de los integrantes