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 .