Informe Practicas Pre-Profesionales

“AÑO DE LA INVERSIÓN PARA EL DESARROLLO RURAL Y LA SEGURIDAD ALIMENTARIA”

INSTITUTO SUPERIOR DE EDUCACIÓN PÚBLICA

“SAGRADO CORAZÓN DE JESÚS” CHICLAYO UNIDAD ACADÉMICA TECNOLÓGICA ESPECIALIDAD: COMPUTACIÓN E INFORMÁTICA INFORME DE PRÁCTICAS PRE-PROFESIONALES MODULAR III DISEÑO Y PROGRAMACION Presentado por: MENDOZA PALOMINO DAVID DANIEL

Asesora: Mg. MARÍA VALENTINA CÓRDOVA PISSANI Promoción 2011 – 2013 CHICLAYO – PERÙ 2014 1

"AÑO DE LA INVERSIÓN PARA EL DESARROLLO RURAL Y LA SEGURIDAD ALIMENTARIA"

INSTITUTO SUPERIOR DE EDUCACIÓN PÚBLICA

“SAGRADO CORAZÓN DE JESÚS” CHICLAYO INFORME DE PRÁCTICAS PRE-PROFESIONALES MODULAR III ESPECIALIDAD COMPUTACIÓN E INFORMÁTICA PROMOCIÓN 2011-2013

APELLIDOS Y NOMBRE

NOTA EN LETRAS

FIRMA

Mendoza Palomino David Daniel

________________________________ Mg. MARÍA VALENTINA CÓRDOVA PISSANI ASESORA

_____________________________________ Mg. SARA LEONOR VEGA TOORES

_______________________________________ Mg. MARÍA VALENTINA CÓRDOVA PISSANI JEFE DE ÁREA DE COMPUTACIÓN E INFORMÁTICA

___________________________________ Mg. MARÍA ANGÉLICA VÁSQUEZ VÁSQUEZ

JEFE DE UNIDAD ACADÉMICA TECNOLÓGICA

DIRETORA GENERAL

ISEP”SAGRADO CORAZÓN DE JESÚS”

ISEP”SAGRADO CORAZÓN DE JESÚS”

2

DEDICATORIA

3

A Dios nuestro Padre Celestial: Por proveerme los medios necesarios para asumir el reto que me significó realizar mi práctica modular II en la empresa S.A.C.

“Corporación

por

MB

System

iluminarme,

bendecirme

cada día de mi vida y

darme las

fuerzas necesarias para culminarlas

4

5

AGRADECIMIENT O

6

Al

instituto

superior

de

Educación

Pública Sagrado Corazón de Jesús por la orientación brindado, que mediante los conocimientos trasmitidos ha permitido la elaboración de este informe.

Gracias

7

Tabla de contenido DEDICATORIA......................................................................3 AGRADECIMIENTO...............................................................5 PRESENTACIÓN....................................................................9 INTRODUCCIÓN..................................................................11 CAPITULO I........................................................................13 DESCRIPCIÓN DE LA INSTITUCIÓN.......................................................................................14 1.1.

RAZÓN SOCIALDE LA EMPRESA............................................................................14

1.2.

UBICACIÓNDE LA EMPRESA...................................................................................14

1.3.

RESEÑA HISTÓRICA DE LA EMPRESA...................................................................14

1.4.

TIPO DE EMPRESA................................................................................................... 15

1.5.

TELÉFONO DE LA EMPRESA...................................................................................15

1.6.

DIRECCIÓN ELECTRÓNICO DE LA EMPRESA.......................................................15

1.7.

SERVICIOS QUE OFRECE LA EMPRESA................................................................16

1.8.

OBJETIVOS DE LA EMPRESA..................................................................................17

1.9.

MISIÓNDE LA DE LA EMPRESA...............................................................................17

1.10.

VISIÓNDE LA DE LA EMPRESA............................................................................18

1.11.

EJECUCIÓN DE LA PRÁCTICA.............................................................................18

1.12.

TOTAL DE HORAS EJECUTADAS.........................................................................18

1.13.

HORARIO DE PRÁCTICAS....................................................................................18

1.14.

JEFE O DOCENTE DE LA INSTITUCIÓN QUE SUPERVISO LAS PRACTICAS. .19

1.15.

ORGANIGRAMA ESTRUCTURAL DE LA EMPRES..............................................19

CAPÍTULO II.......................................................................20 MARCO TEÓRICO SUSTENTARÍA.......................................................................................... 21

8

2.1.

SUSTENTO TEÓRICO DE LA PRÁCTICA:................................................................21

CAPÍTULO III......................................................................26 DESCRIPCIÓN Y RESULTADOS DE LA PRÁCTICA...............................................................27 3.1.

DESCRIPCIÓN DE LA PRÁCTICA.............................................................................27

CAPÍTULO IV......................................................................46 CONCLUSIONES...................................................................................................................... 47 SUGERENCIAS......................................................................................................................... 48 REFERENCIA BIBLIOGRAFÍA................................................................................................. 49

ANEXOS............................................................................50 Anexo 01................................................................................................................................... 51 3.2.

CRONOGRAMA DE ACTIVIDADES...........................................................................51

ANEXO 02.................................................................................................................................. 52 3.3.

REGISTRO DE ASISTENCIA.....................................................................................52

ANEXO 03.................................................................................................................................. 56 3.4.

OFICIO DE PRESENTACIÓN Á LA EMPRESA EMITIDA POR EL ISEP “SAGRADO

CORAZÓN DE JESÚS”.......................................................................................................... 56 ANEXO 04.................................................................................................................................. 57 3.5.

FICHA DE MONITOREO Y EVALUACIÓN DE PRÁCTICAS.....................................57

ANEXO 05.................................................................................................................................. 58 3.6.

CONSTANCIA DE HABER REALIZADO LAS PRÁCTICAS OTORGADA POR LA

EMPRESA.............................................................................................................................. 58 ANEXO 06.................................................................................................................................. 59 3.7.

FICHA DE EVALUACION DE PRACTICA PROFESIONAL EN LA EMPRESA ..........59

ANEXO 07.................................................................................................................................. 61 3.8.

9

EVIDENCIAS (FOTOS Y OTROS)............................................................................61

PRESENTACIÓN

10

Presentación El INFORME DE PRACTICAS PRE-PROFESIONALES MODULAR III

es

requisito indispensable, exigido dentro de la Unidad Académico Tecnológica Área de Computación E Informática Del Instituto Superior De Educación Pública Sagrado Corazón De Jesús. Logrando así consolidar los conocimientos obtenidos dentro del Instituto, por ello debemos tomar conciencia de lo importante que es, tener contacto con la realidad misma, ya que esto nos permite formarnos en el proceso de obtener nuestra carrera como TECNICOS EN COMPUTACION E INFORMATICA, logrando perfilar

nuestros conocimientos no solo localizada a la realidad

nacional sino también estando pendientes de la realidad internacional, siendo factor importante para consolidarnos profesionales competentes. La realización del presente informe de prácticas tiene como finalidad plasmar las experiencias vividas bajo los lineamientos, procedimientos, y otros documentos adicionales en el Departamento Tecnológico de la Corporación MB System S.A.C., ubicada en la calle San José 470, de la Ciudad de Chiclayo.

11

INTRODUCCIÓN

12

Introducción Mis prácticas finales Profesionales son una herramienta muy importante como también en otras Instituciones ,que tiene como finalidad demostrar todo lo aprendido y fortalecer algunos conocimientos ya adquiridos en el transcurso de año 2014. Presentamos

el

siguiente

informe

de

Prácticas

modulares

detalladoconcernienteatodoeldesarrollo de mis prácticas realizadas en

la

Empresa,

considerando como

III

realizado

modelo el esquema brindado por

el

Instituto Superior Tecnológico Público “Sagrado Corazón de Jesús” donde la empresa cuentan con equipos puestas al servicio, donde desarrollamos las siguientes funciones mantenimiento de Pc’s, formateo, volantes realizadas en el programa Photoshop, etc.

13

CAPITULO I

14

CAPITULO I DESCRIPCIÓN DE LA INSTITUCIÓN 1.1.

RAZÓN SOCIALDE LA EMPRESA

Corporación MB System S.A.C.

1.2.

UBICACIÓNDE LA EMPRESA

San José #470 CHICLAYO

1.3.

RESEÑA HISTÓRICA DE LA EMPRESA

Corporación MB System S.A.C., es una empresa en expansión que ya cuenta con 3 años de vida, todo esto nació de la señora Beatriz Torres Torres que en un momento determinado necesito adquirir una PC de escritorio y se dieron cuenta de que muchas empresas ofrecían equipos informáticos sin mediar ni siquiera una orientación de la calidad de las máquinas y de cuantos años podrían servir estas, además de un elevado costo.

Entonces se tomó la decisión de crear Corporación MB System S.A.C., pero no como todas las empresas de informática comunes, nuestro objetivo es el de orientar a nuestros clientes en la adquisición de su PC sea una real inversión y no sienta en un momento determinado que la compra que realizo con gran esfuerzo no valió la pena. El Departamento de Ventas de Corporación MB System S.A.C., tratara de orientar su compra de acuerdo a las necesidades reales de los usuarios. Nuestro Importador Mayorista asegura un gran stock de partes 15

y piezas de computadoras para satisfacer todas las necesidades que requiera, la gran diversidad de productos de marcas reconocidas mundialmente aseguran que los equipos ensamblados por Corporación MB System S.A.C. garanticen que lo que usted compra es lo que realmente se le entrega, sin encontrarse con la desagradable sorpresa a la hora de instalar juegos o software específico el no poder configurarlos como corresponde. Nuestros equipos son 100% agradables a la hora de crecer cuentan con tecnologías de última generación es así como contamos con procesadores de última generación que tienen un gran rendimiento de procesamiento como también dándole la mayor confianza que su equipo será realmente reparado en el área de soporte técnico. 1.4.

TIPO DE EMPRESA

EMPRESA PRIVADA

1.5.

TELÉFONO DE LA EMPRESA

074 - 205894

1.6.

DIRECCIÓN ELECTRÓNICO DE LA EMPRESA

[email protected] [email protected]

16

1.7.

SERVICIOS QUE OFRECE LA EMPRESA

PRODUCTOS

• • • • • • • • • • • • •

17

Computadoras. Laptops. Servidores. Tablets. Proyectores multimedia. Monitores, televisores. Cámaras digitales. Impresoras multifuncionales, laser, matriciales. Licencias originales ( antivirus, sistemas operativos, office) Redes y telecomunicaciones. Suministros y accesorios. Partes de laptops: pantallas, cargadores, memorias, disco duro etc. Partes de computadoras: mainboard, memoria ram, fuente de poder, etc

SERVICIOS

• Diseño e im plem entación: implementación: • Cableado Estructurado.::.Redes Inalam bricas Inalambricas • Instalación - Configuración - Reparación: • Servidores.::.Desktop.::.Laptops.::.Im pr Servidores.::.Desktop.::.Laptops.::.Impr esoras.::.Otros • Contratos de mantenimiento de equipos. • Mantenim iento integral (Preventivo y Mantenimiento correctivo) • Adm inistración de servidores Microsoft y Administración Linux. • Recuperación de Información. • Asesoría Informática. • Alquiler de Equipos Inform aticos. Informaticos. 1.8.

OBJETIVOS DE LA EMPRESA



Contar con los mejores proveedores que nos permitan ofrecer



el servicio a precios competitivos. Dar Seguimiento a los Clientes, teniendo en cuenta las



necesidades de cada uno. Contar con uniformes e identificaciones para todo el personal

de tal forma que sea fácil de identificar.  Implantar confianza en los clientes y garantizar su satisfacción total. Hacerles saber que nuestra intención es convertirnos en sus socios estratégicos.  Mantener actualizado al personal de las últimas tecnologías disponibles en el mercado.  Ayudar al desarrollo de la sociedad mediante la apertura de oportunidades  

y

la

extensión

de

beneficios

nuestros

colaboradores. Trabajar con responsabilidad y vocación de servicio. Destacar la lealtad, el valor de la palabra, el esfuerzo permanente y el respeto por la comunidad.

18

a

1.9.

MISIÓNDE LA DE LA EMPRESA

Buscamos brindar a nuestros clientes la satisfacción a sus necesidades; en la cual convertimos la tecnología informática en una solución estratégica rentable para el desarrollo económico y social de nuestros clientes y toda la sociedad; colocándolos de esta manera como referentes del mercado tecnológico.

1.10. VISIÓNDE LA DE LA EMPRESA

Ser una empresa que se desarrolle de una forma confiable, segura, solida, flexible y rentable, construyendo el cambio en la era del mundo informático, con la audacia y calidad humana de nuestra gente, con una gestión que se anticipe y adapte al cambio globalizado, aprenda de la experiencia e innove permanentemente. 1.11. EJECUCIÓN DE LA PRÁCTICA

1.11.1.

Fecha de inicio:

15 de Septiembre del 2014

1.11.2.

Fecha de término:

28 de Octubre del 2014

1.12. TOTAL DE HORAS EJECUTADAS

296 horas 19

1.13. HORARIO DE PRÁCTICAS

De 10:00 am hasta 2:00 pm y De 4:00 pm hasta 8:00 pm

1.14. JEFE O DOCENTE DE LA INSTITUCIÓN QUE SUPERVISO LAS PRACTICAS

Mg. María Valentina Córdova Pissani 1.15. ORGANIGRAMA ESTRUCTURAL DE LA EMPRES

20

GERENTE Tesorería Departame nto Tecnológico

CAPÍTULO II

Técnico

Asesor Programado r

21

Departame nto de Ventas

Asesor Comercial

CAPÍTULO II

MARCO TEÓRICO SUSTENTARÍA 1

SUSTENTO TEÓRICO DE LA PRÁCTICA:

 INFORMACIÓN: Es un conjunto organizado de datosprocesados, que constituyen un mensaje que cambia el estado de conocimiento del sujeto o sistema que recibe dicho mensaje.

 SOFTWARE: Se conoce como softwareal equipamiento lógico o soporte lógico de un sistema informático, el que comprende el conjunto de los componentes lógicosnecesarios que hacen posible la realización de tareas específicas, en contraposición a los componentes físicos que son llamados hardware.

 MYSQL: Es un sistema de gestión de bases de datos relacional, multihilo y multiusuario.

 LENGUAJES DE PROGRAMACION:

22

Es un lenguaje formal diseñado para expresar procesos que pueden ser llevados por maquinas como las computadoras. 

PHP Es un lenguaje de programación de uso general de código del lado del servidor originalmente diseñado para el desarrollo web de contenido dinámico. Fue uno de los primeros lenguajes de programación del lado del servidor que se podían incorporar directamente en el documento HTML en lugar de llamar a un archivo externo que procese los datos. El código es interpretado por un servidor web con un módulo de procesador de PHP que genera la página Web resultante. PHP ha evolucionado por lo que ahora incluye también una interfaz de línea de comandos que puede ser usada en aplicaciones gráficas independientes. Puede ser usado en la mayoría de los servidores web al igual que en casi todos los sistemas operativos y plataformas sin ningún costo.



VISUAL BASIC Visual Basic es un lenguaje de programación dirigido por eventos, desarrollado por Alan Cooper para Microsoft. Este lenguaje de programación

es

un

dialecto

de BASIC,

con

importantes

agregados. Su primera versión fue presentada en 1991, con la intención de simplificar la programación utilizando un ambiente de desarrollo que facilitó en cierta medida la programación misma. 

COREL DRAW Corel DRAW es un software informático de edición gráfica avanzado, que incluye diversos tipos de funciones de alteración y transformación de imágenes y páginas. El programa Corel DRAW es parte del paquete de Corel Graphics Suite diseñado por Corel Corporation, que cuenta con varias versiones desde la más básica hasta la más avanzada y reciente.

23

Este software se utiliza en ámbitos de artes gráficas y comunicación con el propósito de producir, editar y transformar imágenes a nivel digital. Se trata de una aplicación de dibujo vectorial, con herramientas de diagramación, efectos y funciones sobre imágenes y páginas y alternativas de retoque y edición múltiples. Se utiliza a menudo para generar imágenes y gráficos desde cero, pero también permite editar fotografías, dibujos y otro tipo de grafismos para corregir imperfecciones o defectos o incluso para brindar diversos efectos de cromatismo, brillo, contrate, curva tonal, efectos especiales, transparencias, mezclas y fundidos y otros. 

DREANWAVER Adobe Dreamweaver es una aplicación en programa de estudio (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios, vídeos y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es uno de los programas más utilizados en el sector del diseño y la programación web por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium.



PHOTOSHOP Adobe Photoshop es un editor de gráficos rasterizados desarrollado por Adobe Systems. Usado principalmente para el retoque de fotografías y gráficos, su nombre en español significa literalmente "taller de fotos". Es líder mundial del mercado de las aplicaciones de edición de imágenes y domina este sector de tal manera que su nombre es ampliamente empleado como sinónimo para la edición de imágenes en general.4 Actualmente forma parte de la familia Adobe Creative Suite y es desarrollado y comercializado por Adobe Systems Incorporated inicialmente para computadores Apple pero posteriormente

24

también para plataformas PC con sistema operativo Windows. Su distribución viene en diferentes presentaciones, que van desde su forma individual hasta como parte de un paquete, siendo éstos: Adobe Creative Suite Design Premium y Versión Standard, Adobe Creative Suite Web Premium, Adobe Creative Suite Production Studio Premium y Adobe Creative Suite Master Collection.  HTML5 HTML5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. HTML5 especifica dos variantes de sintaxis para HTML: un «clásico» HTML (text/html), la variante conocida como HTML5 y una variante XHTML conocida como 1 2 sintaxis XHTML5 que deberá ser servida como XML. Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo. La versión definitiva de la quinta revisión del estándar se publicó en Octubre de 20143 4 . Al no ser reconocido en viejas versiones de navegadores por sus nuevas etiquetas, se recomienda al usuario común actualizar a la versión más nueva, para poder disfrutar de todo el potencial que provee HTML5. El desarrollo de este lenguaje de marcado es regulado por el Consorcio W3C.  CSS3 Hoja de estilo en cascada o CSS (siglas en inglés de cascading style sheets) es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML o XML2 (y por extensión en XHTML). El World Wide Web Consortium (W3C) es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los agentes de usuario o navegadores. 25

La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación. La información de estilo puede ser definida en un documento separado o en el mismo documento HTML. En este último caso podrían definirse estilos generales en la cabecera del documento o en cada etiqueta particular mediante el atributo «style».

26

CAPÍTULO III

27

CAPÍTULO III

DESCRIPCIÓN Y RESULTADOS DE LA PRÁCTICA

1

DESCRIPCIÓN DE LA PRÁCTICA

Mis practicas Pre-Profesionales Modular III las pude desarrollar en el área de soporte técnico de la EMPRESA CORPORACION MB System S.A.C. a cargo de Franchezca Valderrama Carril.

1.15.1. CREANDO UNA TARJETA DE PRESENTACIÓN EN COREL DRAW

Corel draw es un programa de diseño vectorial similar a adobe ilustrator, en el cual diseñare un tutorial sencillo sobre cómo crear una tarjeta de presentación: En primer lugar creamos un nuevo documento con 90 milímetros de ancho por 50 milímetros de alto y establecemos líneasguía, estas se obtienen haciendo clic en las reglas que están debajo del menú y al costado de la caja de herramientas:

Luego colocamos dos círculos con los colores de nuestro agrado en la siguiente posición, para borrar el borde de los círculos has clic derecho: 28

Posteriormente recortamos todo el borde tarjeta:

Finalmente con la herramienta texto colocamos los datos requeridos:

Y el resultado final es:

29

1.15.2.

Hacer un botón con Adobe Photoshop

1) Hacemos una nueva Capa: Ctrl + N Con la herramienta de la selección rectangular. Mantenemos la tecla mayúscula y hacemos un cuadrado pequeño.

Pulsamos "D" y luego "X" en el teclado para poner en primer plano

2)

color blanco y fondo negro.

3)

Seleccionamos la herramienta de degradé. Mantenemos la tecla

mayúscula y pulsamos el botón arriba en la esquina izquierda y arrastramos un poco pasando la parte inferior de la esquina derecha como se muestra en la figura.

30

Select > Modify > Contract. Aproximadamente 5 y pulsamos el

4)

botón OK. Vamos a Select > Feather, entramos 1 y pulsamos el botón OK.

Luego elegimos la herramienta degradé y llenamos como en el

5)

Paso 3, pero a la inversa de abajo hacia arriba. Ahora Deseleccionamos: Ctrl - D

6)

Luego colorizamos el botón: Yendo a Image > Adjust >

Hue/Saturation. Tildamos la casilla donde dice "Colorize." Saturación 70. Movemos el Color hasta que encontremos uno que nos gusta.

7)

Por último agregué una sombra yendo a la Sombra de Layer >

Effects > Drop

1.15.3.

31

Crear un botón 3d con Adobe Photoshop

Crea un archivo de 200X200 "pixels" para que tengas bastante espacio para trabajar en este botón, y haz una selección circular perfecta como se muestra en la imagen.

Usando la herramienta de degradado radial

haga un degradado con

la dirección que se muestra en el dibujo y deseleccione el circulo.

Bien, desde el centro del círculo, haz una selección circular más pequeña. Ahora rota la selección 180 grados, (Edición > Transformar > Rotar 180°).

Contrae la selección 2 pixeles (Selección>Modificar>Contraer) y luego rótala de nuevo 180° tal como se hizo en el paso 3. Luego para darle color al botón dirígete a (Imagen > Ajustar > Tono Saturación) y cambie los valores, asegúrate que la casilla que dice "colorizar" esté marcada.

32

1.15.4.

Diseñando una página web con Dreamweaver

HTML5 ha venido a cambiar casi por completo la forma en que generalmente se diseñan las páginas web utilizando código, como bien sabemos desde ya hace algún tiempo el HTML ha sido el código base para la creación de páginas webs, lamentablemente aún bastante sencillo este código comenzó a ser lo obsoleto para diferentes acciones que el ciber espacio exige.

De ahí que los desarrolladores se han dado a la tarea de crear páginas web enfocadas a los recursos multimedia y mejora del código con el HTML5 o por así decir la versión mejorada de HTML. En esta ocasión nos gustaría darte los pasos a seguir para crear una web en HTML5 de una manera sencilla y eficaz, sin complicaciones. Como ya sabremos crear una web por medio de código se divide en dos, los usuarios con conocimientos avanzados en este código y los que utilizan programas que diseñan de una manera intuitiva para nosotros. 33

Utilizar la combinación de HTML5 y Dreamweaver es relativamente sencillo por lo cual hasta usuarios con poco conocimiento podrán dominarlo fácilmente, basta con crear un árbol de archivos organizado para que nuestra web funcione correctamente.

Creación de estructura de archivos Es importante tener en cuenta que un elemento vital es crear una estructura clara de archivos al momento de crear nuestra web para poder subirla fácilmente a nuestro servidor. Para ello es recomendable crear un folder con el nombre del proyecto dentro del cual colocaremos todas las páginas de nuestra web con la extensión HTML, que por supuesto incluirá nuestra página principal llamada “Index.html”. Dentro de este mismo folder crearemos otros folders para las imágenes, videos, documentos y script de es necesarios. Cada vez que agreguemos una imagen, documento o video a nuestra plantilla previamente deberemos de haberlo colocado en el folder correspondiente y desde ahí insertarlo. Esto permite crear un sistema jerárquico que utilizaremos en el servidor que nos permitirá tener nuestra web en online rápidamente. La forma más sencilla de comprender este sistema de archivos es comprendiendo que en 34

este mismo orden deberemos de crear un sistema de carpetas en nuestro servidor a las cuales luego solo deberemos de subir nuestros archivos. Pasos para crear nuestro Índex Lo primero será activar nuestro programa Dreamweaver CS6 y en la página

de

inicio

seleccionaremos

HTML

como

opción,

esto

abrirá

inmediatamente nuestra primera página, el programa se encargara de crear el esqueleto del código que poco a poco aumentaremos. Hay que guardar nuestro archivo HTML con el nombre “Índex” nombre que permite a los servidores reconocer la página principal de nuestra web cuando lo subimos. Lo siguiente que haremos será seleccionar si trabajaremos “Diseño” o “Código”, sin importar el caso lo recomendable es utilizar ambos para observar cómo va nuestro trabajo. Ahora vamos a seleccionar si utilizaremos una de las plantillas predefinidas de Dreamweaver o si importaremos alguna, sin importar nuestra selección una vez carga la plantilla observaremos como esta posee diferentes partes que son modificables. Ahora toca modificar la plantilla para que esta se acople a nuestras necesidades. En este punto podemos comenzar a cambiar el color de nuestro fondo de plantilla seleccionado con el ratón cada una de las áreas de la plantilla, agregando texto o agregando imágenes. Cabe resaltar que debemos de agregar un menú para poder enlazar todas las páginas que contendrá nuestra web, para cada una de las secciones del mismo deberemos de crear un archivo HTML y renómbralo con un nombre sencillo de recordar y que haga referencia al mismo.

35

Creación de contenido para nuestra web Una vez hayamos aprendido a modificar nuestra plantilla utilizando HTML5 y Dreamweaver lo siguiente será crear contenido para la misma, para lo cual abriremos una nueva página en Dreamweaver y cargaremos la plantilla que utilizaremos. Lo único que deberemos de hacer es modificar nuestra plantilla agregando el texto que deseamos colocar, la mayoría de plantillas prefabricadas ya poseen el espacio para introducir el texto que deseamos por lo cual lo único que deberemos de hacer será modificar el mismo. Asimismo, deberemos de maquetar el texto colocando negritas en las palabras que lo ameriten así como resaltando títulos y utilizando cursivas cuando sea necesario. En caso que deseemos agregar algún elemento textual extra basta con colocarnos con el curso donde deseamos agregar el texto y buscar la opción “Insertar “ y seleccionar el tipo de elemento a insertar que en este caso es una caja de texto o de título.

36

Insertar imágenes a nuestra plantilla Como es de esperarse la mayoría de usuarios utilizan las imágenes para reforzar el contenido de una web, para ello necesitaremos insertar una imagen a nuestra plantilla lo que resulta bastante sencillo si utilizamos Dreamweaver. Lo primero que debemos de hacer es colocarnos en la página HTML en la que insertaremos la imagen y luego colocar el cursor sobre el área donde deseamos que se inserte la imagen. Damos clic en la opción “Insertar” e insertamos desde nuestro folder de imágenes previamente creado para nuestro proyecto, esto permitirá que todo el contenido este completamente enlazado. Ya una vez nuestra imagen esta insertada procedemos a maquillarla centrándola en el texto o simplemente agregándole bordes por ejemplo. Este mismo procedimiento se realiza para insertar videos en caso que así lo deseemos con la salvedad que deberemos de previamente colocar el video en nuestro conjunto de archivo y desde el folder correspondiente insertarlo a la plantilla.

Creación de links y archivos para descargar Los links son sin duda parte fundamental de una web ya que estos nos permiten movernos de una página a otra enlazando nuestro contenido, para 37

crear un link basta con seleccionar la palabra que será el referente del link y buscamos nuevamente la opción “Insertar” y luego “Hipervínculo” la cual nos permitirá seleccionar de nuestro árbol de archivos la página HTML que enlazara el vínculo. Esto permite la creación sencilla de links para nuestra web de esa misma manera realizamos el procedimiento para enlazar archivos que podrán ser descargados o leídos en online, tomando en cuenta que estos pueden ser en casi todos los formatos conocidos. De esta sencilla manera podemos crear nuestra web HTML 5 en Dreamweaver y tenerla lista para subirla a un servidor, es importante recordar que la clave es crear el sistema de archivos y folders y mantener la misma estructura al momento de subir nuestra web.

Ya que esto le indicara a nuestro servidor como debe de leer nuestra web una vez la misma este arriba y cargada en nuestro directorio principal. Este procedimiento puede ser realizado de manera muy similar en cualquier editor para páginas web del mercado.

Cómo subir nuestra web a nuestro servidor Una vez hayamos creado nuestra web es el momento de subir los archivos de la misma a nuestro servidor, para ello con anticipación deberemos de haber contratado un plan de hosting para hospedar nuestra web y haber por supuesto comprado un dominio para el mismo propósito.

Lo que haremos es muy sencillo ingresaremos a nuestro Cpanel con nuestro nombre de usuarios y password y luego nos dirigiremos a la opción de “Administrador de Archivos” y buscaremos el directorio principal de nuestro servidor que será la ubicación donde subiremos nuestros archivos. Existen dos formas para subir nuestros archivos utilizando el gestor de archivos de nuestro 38

servidor de forma manual o utilizando un cliente FTP, nosotros explicaremos brevemente ambos casos.

Subida de archivos de forma manual Utilizando esta opción lo que deberemos de hacer es ir a “Administrador de Archivos” y crear la misma estructura de folders que tenemos en local en nuestro directorio principal (folder de imágenes, video, documentos, script etc…), luego de lo cual comenzaremos a subir nuestros archivos con el gestor de archivos. Tomando muy en cuenta que todos los archivos de extensión html deberán quedar fuera de cualquier folder y en el directorio principal, por lo cual se recomienda que sean estos los primeros en ser subidos a nuestro servidor. Luego de esto ingresamos por ejemplo a nuestro poder de imágenes en el servidor web y con el estor de archivos comenzamos a subir los archivos de nuestra carpeta de imágenes que tenemos en el ordenador y así sucesivamente para cada folder, tomando en cuenta que ningún folder debe de ser cambiado de nombre en el servidor web manteniendo la estructura y nombre de los que están ene l ordenador.

39

Subida de archivos utilizando cliente FTP La utilización de un cliente FTP automatiza nuestro trabajo lo único que deberemos de hacer es darle acceso a nuestro cimente con nombre de usuarios y password a nuestro servidor y comenzar a crear la misma estructura de archivos que poseemos en el ordenador. El cliente FTP nos permitirá simplemente con arrastras los archivos de la sección local a online para que nuestros archivos estén en el servidor en unos minutos, dependiendo de peso de cada uno de estos. Luego de esto, bastará con enlazar los DNS de nuestro servidor en nuestro registrador de dominio y luego de unos minutos tendremos en online nuestra página web, esto sin utilizar los tradicionales gestores de contenido como WordPress. Crear páginas web en código HTML5 facilitará el correcto desarrollo de nuestro proyecto y no depender necesariamente de una plantilla en específico si deseamos desarrollarla desde cero teniendo los conocimientos básicos de este tipo de código de programación de páginas web como lo es HTML5.

1.15.5.

40

Creación de sistema de registro de clientes

 Requisitos Mínimos:

 Contar con unHosting y un dominio lo primero que debes hacer es tener un hosting o servicio que hospedara tu página en internet, esto es un espacio para almacenar tus archivos en un servidor de internet estos suelen tener un costo y algunos son gratis pero siempre tienen algún tipo de defecto como la publicidad que meten en tu página, o quizás el limitado espacio en disco o quizás la poca transferencia de bases de datos, si tú tienes tu propio servidor (esto sería el hardware en caso de elegir esta opción) tendrás que contratar un servicio de internet con IP fija después de esto debes comprar o registrar un dominio (domino es el nombre que tendrá tu página web, ejemplo: www.mipaginaweb.com)

 Programas la agina web, aquí existen muchos lenguajes de programación y software que puedes emplear una página web básica se puede hacer simplemente con HTML, existen algunos software como dreamweaver, visual basic, foxpro, acces y muchos otros más para poder codificar tu página web generar tus bases de datos, todo depende que va hacer tu página, hasta con un bloc de notas es suficiente software para la creación de una página web.

 Ahora por último la configuración de tu servidor o del hosting que debes elegir depende en que lenguaje vas a programar, existen servidores basados en Windows y Linux, hay lenguajes que solo trabaja bajo servidores Windows, o si programas en php un servidor linux sería la mejor opción, un ejemplo de configuración para un servidor linux seria el conjunto Apache + PHP + MySql + PhpMyAdmin, con esa configuración ese servidor está listo para trabajar con páginas web php y bases de datos.  CODIFICACION:

41

 Iniciar los programas que más prefieras o se ajusten a tus necesidades y comodidad con los cuales empezaremos a codificar.  Una vez iniciado ya los programas necesarios y habiendo elegido un lenguaje de programación empezamos con la codificación, titulo cabecera y cuerpo de la página.

 Una vez que ya empezamos a armar la estructura de nuestra página tendremos que relacionar los estilos que esta tendrá así como también tener en cuenta las condiciones y requisitos que esta tiene que cumplir tales como para las animaciones con las hojas de estilo o bien con JavaScript.

42

 Una vez ya listo toda la codificación con respecto al aspecto o diseño que tendrá nuestra página web nos tocaría empezar a crear la base de datos la cual la crearemos con wampserver.

 Teniendo listo ya el programa empezaremos con la creación de la base de datos para nuestro sistema.

 Una vez ya creada la base de datos con sus respectivas tablas y habiendo hecho la respectiva relación y restricción de los datos empezaremos a insertarlos en nuestro sistema para así poder interactuar con este, ingresando el usuario y la clave de acceso al sistema.

43

 Habiendo ingresado correctamente los datos de usuario y contraseña ya estaríamos iniciando al sistema, y para saber que así fue este sistema nos dará la bienvenida.

 Habiendo ya accedido al sistema este nos mostrara la información requerida de acuerdo a los permisos que tengas por ejemplo si eres el administrador te mostrara la siguiente imagen.

44

 Y si no eres administrador y solo un empleado que está ubicado en un área específica le mostrara la siguiente ventana.

 La siguiente imagen nos muestra que es lo que deseamos hacer si registrar o buscara un cliente determinado.

45

 Registrando a un cliente nuevo.

 Buscando en la base de datos a un cliente especifico.

46

CAPÍTULO IV

47

CONCLUSIONES

La Práctica Pre-Profesional Modular III desarrolle con el apoyo de Franchezca

Valderrama

Carril

responsable

del

Departamento

Tecnológico de la Corporación MB System S.A.C. que me han permitido incrementar mis conocimientos como estudiante de la especialidad de computación e informática ayudándome desenvolverme mejor en un ambiente laboral en la Empresa utilizando diferentes dispositivos con el que cuenta en el sistema informático.

48

SUGERENCIAS

A la DIRECCIÓN GENERAL del Instituto Superior De Educación Pública “Sagrado Corazón Jesús”, que en cada práctica realizada por los alumnos, proporcionen una adecuada evaluación e información de los lugares que nos permita realizarlas para poder culminar con éxito nuestra carrera profesional.

A la JEFATURA DE UNIDAD ACADEMICA DE COMPUTACIÒN E INFORMATICA DEL Instituto Superior de Educación Pública “Sagrado Corazón de Jesús”, complementar los laboratorios de Cómputo para que los estudiantes tengan las facilidades

de poder fortalecer nuestros

conocimientos académicos.

A la EMPRESA Corporación MB System S.A.C. que el proceso de venta de los accesorios de cómputo se trabaje organizadamente.

49

REFERENCIA BIBLIOGRAFÍA  http://www.slideshare.net/CAARCAHI/como-formatear-con-windows-7ultmate  http://www.ajpdsoft.com/modules.php?name=News&file=article&sid=340  http://www.taringa.net/posts/videos/16922662/Armar-pc-desde-cero.html  http://mantenimiento-informatico.blogspot.com/2012/08/programas-outilitarios.html}  http://www.deseoaprender.com/dreamweaver-cs5/presentacion-cursodreamweaver-cs5-leccion-01.html  http://www.todo-photoshop.com/tutorialphotoshop/botones/tutoriales_photoshop_botones.html  http://www.todo-photoshop.com/ 

50

ANEXOS

51

Anexo 01 1.16. CRONOGRAMA DE ACTIVIDADES

FECHA

ACTIVIDADES

MESES DE SETIEMBRE Y



OCTUBRE



52

Creación de sistema de registro de clientes y actividades Diseño de páginas web

ANEXO 02. 1.17. REGISTRO DE ASISTENCIA

FECHA

HORA DE INGRESO 10:00 am

15/09/14

APELLIDOS Y NOMBRES Mendoza

HORA DE SALIDA 14:00 pm

Palomino David 16:00 pm 10:00 am

16/09/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

17/09/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

18/09/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

19/09/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

21/09/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

22/09/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

22/09/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

23/09/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

24/09/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

25/09/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm

53

FIRMA

Daniel

20:00 pm

FIRMA

10:00 am 26/09/14

14:00 pm

Palomino David 16:00 pm 10:00 am

27/09/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

29/09/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

01/10/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

02/10/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

03/10/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

04/10/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

06/10/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

07/10/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

08/10/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

09/10/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

10/10/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

11/10/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm

54

Mendoza

Daniel

20:00 pm

10:00 am 13/10/14

14:00 pm

Palomino David 16:00 pm 10:00 am

14/10/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

15/10/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

16/10/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

17/10/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

18/10/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

20/10/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

20/10/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

21/10/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

22/10/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm 10:00 am

23/10/14

Daniel Mendoza

20:00 pm 14:00 pm

Palomino David 16:00 pm

55

Mendoza

Daniel

20:00 pm

ANEXO 03. 1.18. OFICIO DE PRESENTACIÓN Á LA EMPRESA EMITIDA POR EL ISEP “SAGRADO CORAZÓN DE JESÚS”

56

ANEXO 04 1.19. FICHA DE MONITOREO Y EVALUACIÓN DE PRÁCTICAS

57

ANEXO 05 1.20. CONSTANCIA DE HABER REALIZADO LAS PRÁCTICAS OTORGADA POR LA EMPRESA.

58

ANEXO 06 1.21. FICHA DE EVALUACION DE PRACTICA PROFESIONAL EN LA EMPRESA

59

60

61

ANEXO 07 1.22. EVIDENCIAS (FOTOS Y OTROS)

62