Práctica #4

Fecha de efectividad: __________________
UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA
FACULTAD DE INGENIERÍA (UNIDAD MEXICALI)
DOCUMENTO DEL SISTEMA DE CALIDAD
Formato para prácticas de laboratorio
CARRERA
PLAN DE
ESTUDIO
CLAVE
ASIGNATURA
LSC
2003-1
5235
PRÁCTICA
No.
4
LABORATORIO
DE
NOMBRE DE LA
PRÁCTICA
NOMBRE DE LA ASIGNATURA
Tópicos Selectos de Programación
Licenciado en Sistemas Computacionales
DURACIÓN
(HORA)
Procesador de Palabras
2
1. INTRODUCCIÓN
En el lenguaje Delphi 2005, existen diferentes componentes con los cuales se pueden crear
aplicaciones más robustas, los cuales se encuentran divididos dentro de las distintas paletas de
herramientas, entre las más comunes podemos citar la paletas de herramientas estándar,
additional, win32, dialogs, System.
2. OBJETIVO (COMPETENCIA)
El alumno conocerá y profundizará en el uso de los nuevos componentes del lenguaje Delphi 2005
en modo gráfico, de las carpetas utilizadas estándar, additional, win32, dialogs, system, etc. El
objetivo principal de la práctica es que el alumno realice un editor de texto como el Word por citar
un ejemplo. Los componentes que este deberá llevar son apertura, guardado, e impresión de
archivos, además deberá contar con barra de menus, barra de herramientas con botones en los
cuales deberán aparecer leyendas (Hints), etc.
Formuló
L.S.C. Mónica
Cristina Lam Mora
Revisó
L.S.C. Mónica Cristina
Lam Mora
Maestro
Coordinador de la
Carrera
Aprobó
Autorizó
M.C. Miguel Ángel
Martínez Romero
Gestión de la Calidad
Director de la Facultad
3. FUNDAMENTO
Descripción de los diferentes componentes de las distintas paletas de herramientas:
(STÁNDARD): Aquí se encuentran los componentes más utilizados como por ejemplo
™ TMainMenu: Con este componente se crean la barra de menús y la barra de
herramientas estándar, modificando sus respectivas propiedades.
Página 1 de 11
Código GC-N4-017 .
Revisión
1
.
Fecha de efectividad: __________________
UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA
FACULTAD DE INGENIERÍA (UNIDAD MEXICALI)
DOCUMENTO DEL SISTEMA DE CALIDAD
Formato para prácticas de laboratorio
™ TPopupMenu: Con este componente se pueden crear menús emergentes.
™ TActionList: Este componente sirve para activar una lista de imágenes previamente
creada, además proporciona también una serie de acciones ya definidas con algunas
propiedades ya explicitas.
WIN32: Aquí se encuentran los componentes como por ejemplo:
™ TImageList: Este componente es para hacer una lista de imágenes.
™ TRichEdit: Este componente es para crear un área donde el usuario pueda capturar
información con demasiado texto, es decir es como el área de trabajo donde se
introduce la información en el Word o cualquier procesador de palabras.
™ TCoolBar: Este componente es un contenedor de barras de menú, estándar, etc
DIALOGS: En está paleta de herramientas se encuentran componentes para guardar, abrir,
imprimir archivos y para modificar el tipo de letra como por ejemplo:
™ TOpenDialog: Componente que se usa para abrir un archivo.
™ TSaveDialog: Componente que se usa para guardar un archivo.
™ TFontDialog: Componente que se usa para cambiar las propiedades del texto, como
tipo de letra, tamaño, color, etc.
™ TPrintDialog: Componente que se usa para imprimir un archivo.
4. PROCEDIMIENTO (DESCRIPCIÓN)
A)
EQUIPO NECESARIO
Computadora con Delphi 2005 instalado
MATERIAL DE APOYO
Práctica Impresa.
Página 2 de 11
Código GC-N4-017 .
Revisión
1
.
Fecha de efectividad: __________________
UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA
FACULTAD DE INGENIERÍA (UNIDAD MEXICALI)
DOCUMENTO DEL SISTEMA DE CALIDAD
Formato para prácticas de laboratorio
B)
DESARROLLO DE LA PRÁCTICA
1. Abrir un proyecto de VCL Form Application Delphi for Win 32.
2. Insertar los componentes TMainMenu, TPopupMenu, TActionList.
3. Insertar los componentes TImageList, TRichEdit, TCoolBar.
Así debe quedar
la pantalla.
4. Insertar los componentes TOpenDialog, TSaveDialog, TFontDialog, TPrintDialog.
5. Seleccione el componente
TImageList y de un clic derecho sobre él, del menú
contextual que se muestra seleccione ImageList Editor, seleccione el botón Agregar (Add),
para seleccionar las imágenes que usará el proyecto, cuando aparezca un cuadro de
dialogo que pregunta si desea separar la imagen respondes SI.
RUTA DE IMÁGENES:
C:\DocumentsandSettings\Delphi\DatosdePrograma\Borland\BorlandShared\
Images\Buttons\
Archivos a seleccionar:
0.
1.
2.
3.
4.
5.
6.
7.
8.
9.
FOLDRDOC
FLOPPY
PRINT
CUT
COPY
PASTE
FONT
ARROW2L
ARROW2D
ARROW2R
NOTA: Eliminar las imágenes
adicionales de color gris.
Página 3 de 11
Código GC-N4-017 .
Revisión
1
.
Fecha de efectividad: __________________
UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA
FACULTAD DE INGENIERÍA (UNIDAD MEXICALI)
DOCUMENTO DEL SISTEMA DE CALIDAD
Formato para prácticas de laboratorio
6. Seleccione el componente TActionList
modifica la propiedad de Images para ligarlo al
ImageList1, posteriormente haga doble clic sobre el componente, selecciona el icono
adicionar nueva acción, y adiciona 5 acciones.
7. Modifica las propiedades de las acciones de la siguiente manera:
Acción
Action 1
Action 2
Propiedad
Name
Caption
Hint
ImageIndex
Name
Caption
Hint
ImageIndex
Action 3
Name
Caption
Hint
Action 4
Name
Caption
Hint
ImageIndex
Action 5
Name
Caption
Hint
Valor
Abrir
&Abrir
Abrir Archivo
0
Guardar
&Guardar
Guardar
Archivo
1
GuardarComo
Guardar
&Como
Guardar
Archivo
Imprimir
&Imprimir
Imprimir
Archivo
2
Salir
&Salir
Cerrar
Sistema
8. En el componente TActionList, nuevamente selecciona el icono para adicionar, pero esta
vez del menú rápido señala NEW ESTÁNDAR ACTION, de estas selecciona: Cortar,
Copiar y Pegar y modifica las siguientes propiedades.
Página 4 de 11
Código GC-N4-017 .
Revisión
1
.
Fecha de efectividad: __________________
UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA
FACULTAD DE INGENIERÍA (UNIDAD MEXICALI)
DOCUMENTO DEL SISTEMA DE CALIDAD
Formato para prácticas de laboratorio
Acción
Cut
Copy
Paste
Propiedad
Name
Caption
Hint
ImageIndex
Name
Caption
Hint
ImageIndex
Name
Caption
Hint
ImageIndex
Valor
Cortar
&Cortar
Cortar
Seleccionado
3
Copiar
C&opiar
Copiar
Seleccionado
4
Pegar
&Pegar
Pegar Texto
Memoria
5
Texto
Texto
desde
9. Con el icono New Action adiciona 5 acciones más y modifica las siguientes propiedades.
Acción
Propiedad
Valor
Borrar
Action 1 Name
&Borrar
Caption
Borrar Texto Seleccionado
Hint
Action 2 Name
Fuente
Caption
&Fuente
Hint
Definir Fuente del Texto
ImageIndex
6
Action 3 Name
Izquierda
Caption
&Izquierda
Hint
Alinear
Texto
a
la
ImageIndex
Izquierda
7
Action 4 Name
Centrado
Caption
&Centrado
Hint
Alinear Texto al Centro
ImageIndex
8
Action 5 Name
Derecha
Caption
&Derecha
Hint
Alinear Texto a la Derecha
ImageIndex
9
Su modelo debe de aparecer como sigue:
Página 5 de 11
Código GC-N4-017 .
Revisión
1
.
Fecha de efectividad: __________________
UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA
FACULTAD DE INGENIERÍA (UNIDAD MEXICALI)
DOCUMENTO DEL SISTEMA DE CALIDAD
Formato para prácticas de laboratorio
10. Modifica la propiedad Images del componente TMainMenu para que lo ligues al ImageList1.
TMainMenu o un clic derecho sobre él, y seleccione
11. Haga doble clic sobre el
MenuDesigner.
12. Tu menú quedará construido de la siguiente manera:
NOTA: Si deseas crear un
submenu dar clic derecho y
escoger la opción, o bien dar
CTRL y fecha a la derecha.
13. Selecciona dos componentes TToolBar de la paleta de herramientas e insértalas dentro del
componente TCoolBar.
14. Selecciona el TToolBar1 y da un clic derecho sobre él, selecciona New Button, hasta que
insertes 3 botones.
15. Selecciona el TToolBar2 y da un clic derecho sobre él, selecciona New Button, hasta que
insertes 7 botones, modifica las propiedades de los siguientes componentes:
Página 6 de 11
Código GC-N4-017 .
Revisión
1
.
Fecha de efectividad: __________________
UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA
FACULTAD DE INGENIERÍA (UNIDAD MEXICALI)
DOCUMENTO DEL SISTEMA DE CALIDAD
Formato para prácticas de laboratorio
Componente
TCoolBar1
TToolBar1 y TToolBar2
Propiedad
AutoSizes
Band[0].Text
Band[1].Text
EdgeBorders
TToolBar1
TToolBar1.ToolButton1
TToolBar1.ToolButton2
TToolBar1.ToolButton3
TToolBar2
TToolBar2.ToolButton1
TToolBar2.ToolButton2
TToolBar2.ToolButton3
TToolBar2.ToolButton4
TToolBar2.ToolButton5
TToolBar2.ToolButton6
TToolBar2.ToolButton7
Images
Action
Action
Action
Images
Action
Action
Action
Action
Action
Action
Action
Valor
True
Archivo
Formato
Doble clic para poner
todos los border en false.
ImageList1
Abrir
Guardar
Imprimir
ImageList1
Cortar
Copiar
Pegar
Fuente
Izquierda
Centrado
Derecha
16. Salva tu proyecto.
17. Modifica la propiedad ShowHint de cada uno de los botones, a true.
de la paleta de
18. Inserta en la parte inferior de tu forma un componente TStatusBar
herramientas de Win32.
19. Seleccionando el componente TStatusBar modifica la propiedad Panel da un clic en los …
y presiona agregar 3 veces (Add).
20. Seleccionando el componente RichEdit modifique las siguientes propiedades:
Componente
Propiedad
Valor
RichEdit1
Align
AlClient.
Se ajusta al
tamaño del cliente.
Lines
Borrar
lo
que
se
encuentra en el editor.
ScrollBars
SsBoth. Mostrará scroll
vertical y horizontal.
RichEdit1
PopupMenu PopupMenu1
21. Selecciona el componente TPopupMenu y haz clic derecho sobre él para entrar al menú
designer, adiciona opciones por medio de la propiedad Action relacionadas con la
manipulación de texto: Copiar, Cortar, Pegar, y Borrar.
22. Localiza en el editor de código la sección Private e introduce lo siguiente:
Nombre_Archivo: String;
Modificado: Boolean;
Function CurrText: TTextAttributes;
Página 7 de 11
Código GC-N4-017 .
Revisión
1
.
Fecha de efectividad: __________________
UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA
FACULTAD DE INGENIERÍA (UNIDAD MEXICALI)
DOCUMENTO DEL SISTEMA DE CALIDAD
Formato para prácticas de laboratorio
23. Localiza en el editor de código la sección Implementation y codifica la función declarada
anteriormente como sigue:
Function Tform5.CurrText: TTextAttributes;
begin
if RichEdit1.SelLength>0 then
Result:= RichEdit1.SelAttributes
else
Result:= RichEdit1.DefAttributes;
end;
24. Seleccione el componente Abrir, y en el evento OnExecute dar doble clic para entrar al
editor de código, y teclee el siguiente código.
if openDialog1.Execute then
begin
Nombre_Archivo:=OpenDialog1.FileName;
RichEdit1.Lines.LoadFromFile(Nombre_Archivo);
StatusBar1.Panels[1].Text:=' ';
Modificado:=False;
end;
25. Localice en el editor de código el componente Guardar del Action List dando donde doble
clic sobre el Action List.
If Nombre_Archivo= ' ' then
GuardarComoExecute(sender)
Else
Begin
RichEdit1.Lines.SaveToFile(Nombre_Archivo);
Modificado:=False;
StatusBar1.Panels[1].Text:=' ';
end;
26. Localice en el editor de código el componente Guardar Como del Action List dando donde
doble clic sobre el Action List.
if saveDialog1.Execute then
Begin
Nombre_Archivo:= SaveDialog1.FileName;
GuardarExecute(Sender);
End;
Página 8 de 11
Código GC-N4-017 .
Revisión
1
.
Fecha de efectividad: __________________
UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA
FACULTAD DE INGENIERÍA (UNIDAD MEXICALI)
DOCUMENTO DEL SISTEMA DE CALIDAD
Formato para prácticas de laboratorio
27. Localice en el editor de código el componente Imprimir del Action List dando donde doble
clic sobre el Action List.
if PrintDialog1.Execute then
RichEdit1.Print(Nombre_Archivo);
28. Localice en el editor de código el componente Salir del Action List dando donde doble clic
sobre el Action List.
Close;
29. Localice en el editor de código el componente Borrar del Action List dando donde doble clic
sobre el Action List.
RichEdit1.ClearSelection;
30. Localice en el editor de código el componente Fuente del Action List dando donde doble clic
sobre el Action List.
FontDialog1.Font.Assign(RichEdit1.SelAttributes);
if FontDialog1.execute then
CurrText.Assign(FontDialog1.Font);
31. Localice en el editor de código el componente Izquierda del Action List dando donde doble
clic sobre el Action List.
RichEdit1.Paragraph.Alignment:=taLeftJustify;
32. Localice en el editor de código el componente Centrado del Action List dando donde doble
clic sobre el Action List.
RichEdit1.Paragraph.Alignment:= taCenter;
33. Localice en el editor de código el componente Derecha del Action List dando donde doble
clic sobre el Action List.
RichEdit1.Paragraph.Alignment:=taRightJustify;
34. Localice en el editor de código el componente RichEdit1 o bien en modo gráfico y
seleccione el evento OnChange y teclee el siguiente código.
Modificado:=true;
StatusBar1.Panels[1].Text:= 'Modificado';
Página 9 de 11
Código GC-N4-017 .
Revisión
1
.
Fecha de efectividad: __________________
UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA
FACULTAD DE INGENIERÍA (UNIDAD MEXICALI)
DOCUMENTO DEL SISTEMA DE CALIDAD
Formato para prácticas de laboratorio
35. Localice en el editor de código el componente Form1 o bien en modo gráfico y seleccione el
evento OnCreate y teclee el siguiente código.
StatusBar1.Panels[1].Text:='';
Modificado:=False;
Nombre_Archivo:=''
36. Localice en el editor de código el componente Form1 o bien en modo gráfico y seleccione el
evento OnCloseQuery, teclee el siguiente código.
if modificado then
Case MessageDlg('Guardar cambios?',mtConfirmation,MbYesNoCancel,0) of
MrYes : GuardarExecute(Sender);
MrCancel :CanClose :=False;
end;
37. Doble Clic en la opcion Salir de MainMenu
procedure TForm5.Salir1Click(Sender: TObject);
begin
close;
end;
38. Salva y ejecuta tu proyecto
Como ejercicio adicional inserte 3 botones para negritas, subrayado e itálicas con las siguientes
instrucciones:
38. Botón Negritas
CurrText.Style:=CurrText.Style+[FsBold];
39. Botón Itálicas
CurrText.Style:=CurrText.Style+[FsItalico];
40. Botón Subrayado
CurrText.Style:=CurrText.Style+[FsUnderLine];
Página 10 de 11
Código GC-N4-017 .
Revisión
1
.
Fecha de efectividad: __________________
UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA
FACULTAD DE INGENIERÍA (UNIDAD MEXICALI)
DOCUMENTO DEL SISTEMA DE CALIDAD
Formato para prácticas de laboratorio
C)
CÁLCULOS Y REPORTE
Preguntas sobre la práctica de forma INDIVIDUAL, que hará el maestro al finalizar la práctica a cada
alumno.
5. RESULTADOS Y CONCLUSIONES
Los resultados serán solo a nivel de visualización, ya que el procesador de palabras generado
deberá grabar, copiar, pegar cambiar el tipo de letra, etc.
6. ANEXOS
7. REFERENCIAS
Página 11 de 11
Código GC-N4-017 .
Revisión
1
.