AO DE LA INVERSIN PARA EL DESARROLLO RURAL Y LA

SEGURIDAD ALIMENTARIA

INSTITUTO SUPERIOR DE EDUCACIN

PBLICA

SAGRADO CORAZN DE JESS

CHICLAYO
UNIDAD ACADMICA TECNOLGICA
ESPECIALIDAD: COMPUTACIN E INFORMTICA
INFORME DE PRCTICAS PRE-PROFESIONALES
MODULAR III
DISEO Y PROGRAMACION
Presentado por:
MENDOZA PALOMINO DAVID DANIEL

Asesora:
Mg. MARA VALENTINA CRDOVA PISSANI
Promocin 2011 2013
CHICLAYO PER
2014
1

"AO DE LA INVERSIN PARA EL DESARROLLO RURAL Y LA

SEGURIDAD ALIMENTARIA"

INSTITUTO SUPERIOR DE EDUCACIN PBLICA

SAGRADO CORAZN DE JESS

CHICLAYO
INFORME DE PRCTICAS PRE-PROFESIONALES
MODULAR III
ESPECIALIDAD COMPUTACIN E INFORMTICA
PROMOCIN 2011-2013

APELLIDOS Y NOMBRE

NOTA EN
LETRAS

FIRMA

Mendoza Palomino David Daniel

________________________________
Mg. MARA VALENTINA CRDOVA PISSANI
ASESORA

_____________________________________
Mg. SARA LEONOR VEGA TOORES

_______________________________________
Mg. MARA VALENTINA CRDOVA PISSANI
JEFE DE REA DE COMPUTACIN E INFORMTICA

___________________________________
Mg. MARA ANGLICA VSQUEZ VSQUEZ

JEFE DE UNIDAD ACADMICA TECNOLGICA

DIRETORA GENERAL

ISEPSAGRADO CORAZN DE JESS

ISEPSAGRADO CORAZN DE JESS

DEDICATORIA

A Dios nuestro Padre Celestial:

Por proveerme los medios necesarios
para asumir el reto que me signific
realizar mi prctica modular II en la
empresa
S.A.C.

Corporacin

por

MB

System

iluminarme,

bendecirme

cada da de mi vida y

darme las

fuerzas necesarias para culminarlas

AGRADECIMIENT
O

Al

instituto

superior

de

Educacin

Pblica Sagrado Corazn de Jess por la

orientacin brindado, que mediante los
conocimientos trasmitidos ha permitido
la elaboracin de este informe.

Gracias

Tabla de contenido
DEDICATORIA......................................................................3
AGRADECIMIENTO...............................................................5
PRESENTACIN....................................................................9
INTRODUCCIN..................................................................11
CAPITULO I........................................................................13
DESCRIPCIN DE LA INSTITUCIN.......................................................................................14
1.1.

RAZN SOCIALDE LA EMPRESA............................................................................14

1.2.

UBICACINDE LA EMPRESA...................................................................................14

1.3.

RESEA HISTRICA DE LA EMPRESA...................................................................14

1.4.

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

1.5.

TELFONO DE LA EMPRESA...................................................................................15

1.6.

DIRECCIN ELECTRNICO DE LA EMPRESA.......................................................15

1.7.

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

1.8.

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

1.9.

MISINDE LA DE LA EMPRESA...............................................................................17

1.10.

VISINDE LA DE LA EMPRESA............................................................................18

1.11.

EJECUCIN DE LA PRCTICA.............................................................................18

1.12.

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

1.13.

HORARIO DE PRCTICAS....................................................................................18

1.14.

JEFE O DOCENTE DE LA INSTITUCIN QUE SUPERVISO LAS PRACTICAS. .19

1.15.

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

CAPTULO II.......................................................................20
MARCO TERICO SUSTENTARA.......................................................................................... 21

2.1.

SUSTENTO TERICO DE LA PRCTICA:................................................................21

CAPTULO III......................................................................26
DESCRIPCIN Y RESULTADOS DE LA PRCTICA...............................................................27
3.1.

DESCRIPCIN DE LA PRCTICA.............................................................................27

CAPTULO IV......................................................................46
CONCLUSIONES...................................................................................................................... 47
SUGERENCIAS......................................................................................................................... 48
REFERENCIA BIBLIOGRAFA................................................................................................. 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 PRESENTACIN LA EMPRESA EMITIDA POR EL ISEP SAGRADO

CORAZN DE JESS.......................................................................................................... 56
ANEXO 04.................................................................................................................................. 57
3.5.

FICHA DE MONITOREO Y EVALUACIN DE PRCTICAS.....................................57

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

CONSTANCIA DE HABER REALIZADO LAS PRCTICAS 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.

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

PRESENTACIN

10

Presentacin
El INFORME DE PRACTICAS PRE-PROFESIONALES MODULAR III

es

requisito indispensable, exigido dentro de la Unidad Acadmico Tecnolgica

rea de Computacin E Informtica Del Instituto Superior De Educacin
Pblica Sagrado Corazn De Jess.
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 tambin estando pendientes de la realidad internacional, siendo

factor importante para consolidarnos profesionales competentes.
La realizacin del presente informe de prcticas tiene como finalidad plasmar
las experiencias vividas bajo los lineamientos, procedimientos, y otros
documentos adicionales en el Departamento Tecnolgico de la Corporacin MB
System S.A.C., ubicada en la calle San Jos 470, de la Ciudad de Chiclayo.

11

INTRODUCCIN

12

Introduccin
Mis prcticas finales Profesionales son una herramienta muy importante como
tambin en otras Instituciones ,que tiene como finalidad demostrar todo lo
aprendido y fortalecer algunos conocimientos ya adquiridos en el transcurso de
ao 2014.
Presentamos

el

siguiente

informe

de

Prcticas

modulares

detalladoconcernienteatodoeldesarrollo de mis prcticas realizadas

en

la

Empresa,

considerando como

III

realizado

modelo el esquema brindado por

el

Instituto Superior Tecnolgico Pblico Sagrado Corazn de Jess donde la

empresa cuentan con equipos puestas al servicio, donde desarrollamos las
siguientes funciones mantenimiento de Pcs, formateo, volantes realizadas en
el programa Photoshop, etc.

13

CAPITULO I

14

CAPITULO I
DESCRIPCIN DE LA INSTITUCIN
1.1.

RAZN SOCIALDE LA EMPRESA

Corporacin MB System S.A.C.

1.2.

UBICACINDE LA EMPRESA

San Jos #470 CHICLAYO

1.3.

RESEA HISTRICA DE LA EMPRESA

Corporacin MB System S.A.C., es una empresa en expansin

que ya cuenta con 3 aos de vida, todo esto naci de la seora Beatriz
Torres Torres que en un momento determinado necesito adquirir una PC
de escritorio y se dieron cuenta de que muchas empresas ofrecan
equipos informticos sin mediar ni siquiera una orientacin de la calidad
de las mquinas y de cuantos aos podran servir estas, adems de un
elevado costo.

Entonces se tom la decisin de crear Corporacin MB System

S.A.C., pero no como todas las empresas de informtica comunes,
nuestro objetivo es el de orientar a nuestros clientes en la adquisicin de
su PC sea una real inversin y no sienta en un momento determinado
que la compra que realizo con gran esfuerzo no vali la pena.
El Departamento de Ventas de Corporacin 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 Corporacin
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 especfico el no poder configurarlos
como corresponde.
Nuestros equipos son 100% agradables a la hora de crecer
cuentan con tecnologas de ltima generacin es as como contamos
con procesadores de ltima generacin que tienen un gran rendimiento
de procesamiento como tambin dndole la mayor confianza que su
equipo ser realmente reparado en el rea de soporte tcnico.
1.4.

TIPO DE EMPRESA

EMPRESA PRIVADA

1.5.

TELFONO DE LA EMPRESA

074 - 205894

1.6.

DIRECCIN ELECTRNICO DE LA EMPRESA

Yoly_mbsystem@hotmail.com
Franchezka_mb@hotmail.com

16

1.7.

SERVICIOS QUE OFRECE LA EMPRESA

PRODUCTOS

17

Computadoras.
Laptops.
Servidores.
Tablets.
Proyectores multimedia.
Monitores, televisores.
Cmaras 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

Diseo e im
plem entacin:
implementacin:
Cableado Estructurado.::.Redes
Inalam
bricas
Inalambricas
Instalacin - Configuracin - Reparacin:
Servidores.::.Desktop.::.Laptops.::.Im
pr
Servidores.::.Desktop.::.Laptops.::.Impr
esoras.::.Otros
Contratos de mantenimiento de equipos.
Mantenim
iento integral (Preventivo y
Mantenimiento
correctivo)
Adm
inistracin de servidores Microsoft y
Administracin
Linux.
Recuperacin de Informacin.
Asesora Informtica.
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 fcil de identificar.

Implantar confianza en los clientes y garantizar su satisfaccin

total. Hacerles saber que nuestra intencin es convertirnos en sus
socios estratgicos.

Mantener actualizado al personal de las ltimas tecnologas

disponibles en el mercado.

Ayudar al desarrollo de la sociedad mediante la apertura de

oportunidades

la

extensin

de

beneficios

nuestros

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

18

1.9.

MISINDE LA DE LA EMPRESA

Buscamos brindar a nuestros clientes la satisfaccin a sus

necesidades; en la cual convertimos la tecnologa informtica en una
solucin estratgica rentable para el desarrollo econmico y social de
nuestros clientes y toda la sociedad; colocndolos de esta manera como
referentes del mercado tecnolgico.

1.10. VISINDE 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
informtico, con la audacia y calidad humana de nuestra gente, con una
gestin que se anticipe y adapte al cambio globalizado, aprenda de la
experiencia e innove permanentemente.
1.11. EJECUCIN DE LA PRCTICA

1.11.1.

Fecha de inicio:

15 de Septiembre del 2014

1.11.2.

Fecha de trmino:

28 de Octubre del 2014

1.12. TOTAL DE HORAS EJECUTADAS

296 horas
19

1.13. HORARIO DE PRCTICAS

De 10:00 am hasta 2:00 pm y

De 4:00 pm hasta 8:00 pm

1.14. JEFE O DOCENTE DE LA INSTITUCIN QUE SUPERVISO LAS

PRACTICAS

Mg. Mara Valentina Crdova Pissani

1.15. ORGANIGRAMA ESTRUCTURAL DE LA EMPRES

20

GERENTE
Tesorera
Departame
nto
Tecnolgico

CAPTULO II

Tcnico

Asesor
Programado
r

21

Departame
nto de
Ventas

Asesor
Comercial

CAPTULO II

MARCO TERICO SUSTENTARA

1

SUSTENTO TERICO DE LA PRCTICA:

INFORMACIN:
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 lgico o soporte
lgico de un sistema informtico, el que comprende el conjunto
de los componentes lgicosnecesarios que hacen posible la
realizacin de tareas especficas, en contraposicin a los
componentes fsicos que son llamados hardware.

MYSQL:
Es un sistema de gestin de bases de datos relacional, multihilo
y multiusuario.

LENGUAJES DE PROGRAMACION:

22

Es un lenguaje formal diseado para expresar procesos que

pueden ser llevados por maquinas como las computadoras.

PHP
Es un lenguaje de programacin de uso general de cdigo del
lado del servidor originalmente diseado para el desarrollo
web de contenido dinmico. Fue uno de los primeros lenguajes de
programacin del lado del servidor que se podan incorporar
directamente en el documento HTML en lugar de llamar a un
archivo externo que procese los datos. El cdigo es interpretado
por un servidor web con un mdulo de procesador de PHP que
genera la pgina Web resultante. PHP ha evolucionado por lo que
ahora incluye tambin una interfaz de lnea de comandos que
puede ser usada en aplicaciones grficas independientes. Puede
ser usado en la mayora de los servidores web al igual que en
casi todos los sistemas operativos y plataformas sin ningn costo.

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

es

un

dialecto

de BASIC,

con

importantes

agregados. Su primera versin fue presentada en 1991, con la

intencin de simplificar la programacin utilizando un ambiente de
desarrollo que facilit en cierta medida la programacin misma.

COREL DRAW
Corel DRAW es un software informtico de edicin grfica
avanzado, que incluye diversos tipos de funciones de alteracin y
transformacin de imgenes y pginas.
El programa Corel DRAW es parte del paquete de Corel Graphics
Suite diseado por Corel Corporation, que cuenta con varias
versiones desde la ms bsica hasta la ms avanzada y reciente.

23

Este software se utiliza en mbitos de artes grficas y

comunicacin con el propsito de producir, editar y transformar
imgenes a nivel digital. Se trata de una aplicacin de dibujo
vectorial, con herramientas de diagramacin, efectos y funciones
sobre imgenes y pginas y alternativas de retoque y edicin
mltiples.
Se utiliza a menudo para generar imgenes y grficos desde
cero, pero tambin permite editar fotografas, 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 aplicacin en programa de estudio
(basada en la forma de estudio de Adobe Flash) que est
destinada a la construccin, diseo y edicin de sitios, vdeos
y aplicaciones Web basados en estndares. Creado inicialmente
por Macromedia (actualmente producido por Adobe Systems) es
uno de los programas ms utilizados en el sector del diseo y la
programacin web por sus funcionalidades, su integracin con
otras herramientas como Adobe Flash y, recientemente, por su
soporte de los estndares del World Wide Web Consortium.

PHOTOSHOP
Adobe
Photoshop es
un editor
de
grficos
rasterizados desarrollado
por Adobe
Systems.
Usado
principalmente para el retoque de fotografas y grficos, su
nombre en espaol significa literalmente "taller de fotos". Es lder
mundial del mercado de las aplicaciones de edicin de imgenes
y domina este sector de tal manera que su nombre es
ampliamente empleado como sinnimo para la edicin de
imgenes 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

tambin para plataformas PC con sistema operativo Windows.

Su distribucin viene en diferentes presentaciones, que van
desde su forma individual hasta como parte de un paquete,
siendo stos: Adobe Creative Suite Design Premium y Versin
Standard, Adobe Creative Suite Web Premium, Adobe Creative
Suite Production Studio Premium y Adobe Creative Suite Master
Collection.
HTML5
HTML5 (HyperText Markup Language, versin 5) es la quinta
revisin importante del lenguaje bsico de la World Wide
Web, HTML. HTML5 especifica dos variantes de sintaxis para
HTML: un clsico 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 versin definitiva de la quinta revisin del estndar se public
en Octubre de 20143 4 .
Al no ser reconocido en viejas versiones de navegadores por sus
nuevas etiquetas, se recomienda al usuario comn actualizar a
la versin ms 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 ingls de cascading
style sheets) es un lenguaje usado para definir la presentacin
de un documento estructurado escrito en HTML o XML2 (y por
extensin en XHTML). El World Wide Web Consortium (W3C) es
el encargado de formular la especificacin de las hojas de
estilo que servirn de estndar para los agentes de
usuario o navegadores.
25

La idea que se encuentra detrs del desarrollo de CSS es

separar la estructura de un documento de su presentacin.
La informacin de estilo puede ser definida en un documento
separado o en el mismo documento HTML. En este ltimo caso
podran definirse estilos generales en la cabecera del documento
o en cada etiqueta particular mediante el atributo style.

26

CAPTULO III

27

CAPTULO III

DESCRIPCIN Y RESULTADOS DE LA PRCTICA

DESCRIPCIN DE LA PRCTICA

Mis practicas Pre-Profesionales Modular III las pude desarrollar en el

rea de soporte tcnico de la EMPRESA CORPORACION MB System S.A.C. a
cargo de Franchezca Valderrama Carril.

1.15.1.
CREANDO UNA TARJETA DE PRESENTACIN EN COREL
DRAW

Corel draw es un programa de diseo vectorial similar a adobe ilustrator,

en el cual diseare un tutorial sencillo sobre cmo crear una tarjeta de
presentacin:
En primer lugar creamos un nuevo documento con 90 milmetros de
ancho por 50 milmetros de alto y establecemos lneasgua, estas se obtienen
haciendo clic en las reglas que estn debajo del men y al costado de la caja
de herramientas:

Luego colocamos dos crculos con los colores de nuestro agrado en la

siguiente posicin, para borrar el borde de los crculos 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 botn con Adobe Photoshop

1) Hacemos una nueva Capa: Ctrl + N Con la herramienta de la seleccin

rectangular. Mantenemos la tecla mayscula y hacemos un cuadrado
pequeo.

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

mayscula y pulsamos el botn 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)

botn OK. Vamos a Select > Feather, entramos 1 y pulsamos el botn

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 botn: Yendo a Image > Adjust >

Hue/Saturation. Tildamos la casilla donde dice "Colorize." Saturacin 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 botn 3d con Adobe Photoshop

Crea un archivo de 200X200 "pixels" para que tengas bastante espacio

para trabajar en este botn, y haz una seleccin circular perfecta como se
muestra en la imagen.

Usando la herramienta de degradado radial

haga un degradado con

la direccin que se muestra en el dibujo y deseleccione el circulo.

Bien, desde el centro del crculo, haz una seleccin circular ms

pequea. Ahora rota la seleccin 180 grados, (Edicin > Transformar > Rotar
180).

Contrae la seleccin 2 pixeles (Seleccin>Modificar>Contraer) y luego

rtala de nuevo 180 tal como se hizo en el paso 3. Luego para darle color al
botn dirgete a (Imagen > Ajustar > Tono Saturacin) y cambie los valores,
asegrate que la casilla que dice "colorizar" est marcada.

32

1.15.4.

Diseando una pgina web con Dreamweaver

HTML5 ha venido a cambiar casi por completo la forma en que

generalmente se disean las pginas web utilizando cdigo, como bien
sabemos desde ya hace algn tiempo el HTML ha sido el cdigo base para la
creacin de pginas webs, lamentablemente an bastante sencillo este cdigo
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 pginas

web enfocadas a los recursos multimedia y mejora del cdigo con el HTML5 o
por as decir la versin mejorada de HTML.
En esta ocasin nos gustara 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 cdigo se divide en dos, los usuarios
con conocimientos avanzados en este cdigo y los que utilizan programas que
disean de una manera intuitiva para nosotros.
33

Utilizar la combinacin de HTML5 y Dreamweaver es relativamente

sencillo por lo cual hasta usuarios con poco conocimiento podrn dominarlo
fcilmente, basta con crear un rbol de archivos organizado para que nuestra
web funcione correctamente.

Creacin 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 fcilmente a nuestro servidor. Para ello es recomendable crear un folder
con el nombre del proyecto dentro del cual colocaremos todas las pginas de
nuestra web con la extensin HTML, que por supuesto incluir nuestra pgina
principal llamada Index.html.
Dentro de este mismo folder crearemos otros folders para las imgenes,
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 jerrquico que utilizaremos en el servidor
que nos permitir tener nuestra web en online rpidamente. La forma ms
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
pgina

de

inicio

seleccionaremos

HTML

como

opcin,

esto

abrir

inmediatamente nuestra primera pgina, el programa se encargara de crear el

esqueleto del cdigo que poco a poco aumentaremos.
Hay que guardar nuestro archivo HTML con el nombre ndex nombre
que permite a los servidores reconocer la pgina principal de nuestra web
cuando lo subimos.
Lo siguiente que haremos ser seleccionar si trabajaremos Diseo o
Cdigo, sin importar el caso lo recomendable es utilizar ambos para observar
cmo va nuestro trabajo.
Ahora vamos a seleccionar si utilizaremos una de las plantillas
predefinidas de Dreamweaver o si importaremos alguna, sin importar nuestra
seleccin 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 ratn cada una de las reas de la plantilla,
agregando texto o agregando imgenes.
Cabe resaltar que debemos de agregar un men para poder enlazar
todas las pginas que contendr nuestra web, para cada una de las secciones
del mismo deberemos de crear un archivo HTML y renmbralo con un nombre
sencillo de recordar y que haga referencia al mismo.

35

Creacin 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 pgina 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 mayora 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 ttulos y utilizando cursivas
cuando sea necesario.
En caso que deseemos agregar algn elemento textual extra basta con
colocarnos con el curso donde deseamos agregar el texto y buscar la
opcin Insertar y seleccionar el tipo de elemento a insertar que en este caso
es una caja de texto o de ttulo.

36

Insertar imgenes a nuestra plantilla

Como es de esperarse la mayora de usuarios utilizan las imgenes 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 pgina 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 opcin Insertar e
insertamos desde nuestro folder de imgenes previamente creado para nuestro
proyecto, esto permitir que todo el contenido este completamente enlazado.
Ya una vez nuestra imagen esta insertada procedemos a maquillarla
centrndola en el texto o simplemente agregndole 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.

Creacin de links y archivos para descargar

Los links son sin duda parte fundamental de una web ya que estos nos
permiten movernos de una pgina 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 opcin Insertar y luego Hipervnculo la cual nos
permitir seleccionar de nuestro rbol de archivos la pgina HTML que
enlazara el vnculo.
Esto permite la creacin sencilla de links para nuestra web de esa
misma manera realizamos el procedimiento para enlazar archivos que podrn
ser descargados o ledos 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 pginas web del mercado.

Cmo 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 anticipacin deberemos
de haber contratado un plan de hosting para hospedar nuestra web y haber por
supuesto comprado un dominio para el mismo propsito.

Lo que haremos es muy sencillo ingresaremos a nuestro Cpanel con

nuestro nombre de usuarios y password y luego nos dirigiremos a la opcin
de Administrador de Archivos y buscaremos el directorio principal de nuestro
servidor que ser la ubicacin 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 opcin 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 imgenes, 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 extensin
html debern 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 imgenes en
el servidor web y con el estor de archivos comenzamos a subir los archivos de
nuestra carpeta de imgenes que tenemos en el ordenador y as
sucesivamente para cada folder, tomando en cuenta que ningn folder debe de
ser cambiado de nombre en el servidor web manteniendo la estructura y
nombre de los que estn ene l ordenador.

39

Subida de archivos utilizando cliente FTP

La utilizacin 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
seccin local a online para que nuestros archivos estn 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 pgina web, esto sin
utilizar los tradicionales gestores de contenido como WordPress.
Crear pginas web en cdigo HTML5 facilitar el correcto desarrollo de
nuestro proyecto y no depender necesariamente de una plantilla en especfico
si deseamos desarrollarla desde cero teniendo los conocimientos bsicos de
este tipo de cdigo de programacin de pginas web como lo es HTML5.

1.15.5.

40

Creacin de sistema de registro de clientes

 Requisitos Mnimos:

Contar con unHosting y un dominio lo primero que debes hacer es

tener un hosting o servicio que hospedara tu pgina 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
algn tipo de defecto como la publicidad que meten en tu pgina, o
quizs el limitado espacio en disco o quizs la poca transferencia de
bases de datos, si t tienes tu propio servidor (esto sera el hardware
en caso de elegir esta opcin) tendrs que contratar un servicio de
internet con IP fija despus de esto debes comprar o registrar un
dominio (domino es el nombre que tendr tu pgina web, ejemplo:
www.mipaginaweb.com)

Programas la agina web, aqu existen muchos lenguajes de

programacin y software que puedes emplear una pgina web bsica
se puede hacer simplemente con HTML, existen algunos software
como dreamweaver, visual basic, foxpro, acces y muchos otros ms
para poder codificar tu pgina web generar tus bases de datos, todo
depende que va hacer tu pgina, hasta con un bloc de notas es
suficiente software para la creacin de una pgina web.

Ahora por ltimo la configuracin 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 sera la
mejor opcin, un ejemplo de configuracin para un servidor linux seria
el conjunto Apache + PHP + MySql + PhpMyAdmin, con esa
configuracin ese servidor est listo para trabajar con pginas web php
y bases de datos.
CODIFICACION:

41

 Iniciar los programas que ms 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 programacin empezamos con la codificacin, titulo
cabecera y cuerpo de la pgina.

Una vez que ya empezamos a armar la estructura de nuestra pgina

tendremos que relacionar los estilos que esta tendr as como tambin
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 codificacin con respecto al aspecto o diseo

que tendr nuestra pgina web nos tocara empezar a crear la base de
datos la cual la crearemos con wampserver.

Teniendo listo ya el programa empezaremos con la creacin 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 relacin y restriccin 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 contrasea

ya estaramos iniciando al sistema, y para saber que as fue este
sistema nos dar la bienvenida.

Habiendo ya accedido al sistema este nos mostrara la informacin

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 especfica 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

CAPTULO IV

47

CONCLUSIONES

La Prctica Pre-Profesional Modular III desarrolle con el apoyo de

Franchezca

Valderrama

Carril

responsable

del

Departamento

Tecnolgico de la Corporacin MB System S.A.C. que me han permitido

incrementar mis conocimientos como estudiante de la especialidad de
computacin e informtica ayudndome desenvolverme mejor en un
ambiente laboral en la Empresa utilizando diferentes dispositivos con el
que cuenta en el sistema informtico.

48

SUGERENCIAS

A la DIRECCIN GENERAL del Instituto Superior De Educacin

Pblica Sagrado Corazn Jess, que en cada prctica realizada por los
alumnos, proporcionen una adecuada evaluacin e informacin de los
lugares que nos permita realizarlas para poder culminar con xito
nuestra carrera profesional.

A la JEFATURA DE UNIDAD ACADEMICA DE COMPUTACIN E

INFORMATICA DEL Instituto Superior de Educacin Pblica Sagrado
Corazn de Jess, complementar los laboratorios de Cmputo para que
los estudiantes tengan las facilidades

de poder fortalecer nuestros

conocimientos acadmicos.

A la EMPRESA Corporacin MB System S.A.C. que el proceso de venta

de los accesorios de cmputo se trabaje organizadamente.

49

REFERENCIA BIBLIOGRAFA
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

Creacin de sistema de registro

de clientes y actividades
Diseo de pginas 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 PRESENTACIN LA EMPRESA EMITIDA POR EL
ISEP SAGRADO CORAZN DE JESS

56

ANEXO 04
1.19. FICHA DE MONITOREO Y EVALUACIN DE PRCTICAS

57

ANEXO 05
1.20. CONSTANCIA DE HABER REALIZADO LAS PRCTICAS
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