Taller N° 1
Juan Gabriel gutierrez
Crhistian Narayan Bernal
Corporación Unificada Nacional de Educación Superior
CUN
Ingeniería de Sistemas
Usabilidad
“Usabilidad web todo lo que permite al usuario de
Internet que su navegación sea más sencilla,
agradable y concisa para un facilitar el acceso a
todo en la red, los contenidos. En este sentido,
miraremos el diseño y útil de las páginas web:
“cómo diseñar una web y dar formato a los
contenidos”.
Palabras claves
Análisis
de
requerimientos,
Mapa
Navegabilidad, diagramas de casos de uso.
de
Mapa de Navegabilidad
Introducción y Solución
Ejercicio N° 1
Análisis de requerimientos
• Reservas
• Facturación
Caso de Uso
Código
import java.awt.BorderLayout;
public class Factura extends
javax.swing.JFrame {
try {
javax.swing.UIManager.setLoo
kAndFeel("com.jgoodies.looks.plast
ic.PlasticXPLookAndFeel");
} catch(Exception e) {
e.printStackTrace();
}
}
private
private
jEditorPane1;
private
jTextPane1;
private
private
private
private
private
private
private
private
private
private
private
private
private
private
private
private
private
private
private
private
private
jTextField28;
private
jTextField29;
private
jTextField30;
private
jTextField31;
private
jTextField32;
private
jTextField33;
private
jTextField34;
private
jTextField35;
private
jTextField36;
private
jTextField37;
private
jTextField38;
JPanel jPanel5;
JEditorPane
JTextPane
JLabel jLabel68;
JLabel jLabel69;
JLabel jLabel70;
JLabel jLabel71;
JLabel jLabel72;
JLabel jLabel73;
JLabel jLabel74;
JLabel jLabel75;
JLabel jLabel76;
JLabel jLabel77;
JLabel jLabel78;
JLabel jLabel79;
JLabel jLabel80;
JLabel jLabel81;
JLabel jLabel82;
JLabel jLabel83;
JLabel jLabel84;
JLabel jLabel85;
JLabel jLabel86;
JLabel jLabel87;
JTextField
JTextField
JTextField
JTextField
JTextField
JTextField
JTextField
private JTextField
jTextField39;
private JTextField
jTextField40;
private JTextField
jTextField41;
private JTextField
jTextField42;
private JTextField
jTextField43;
private JTextField
jTextField44;
private JTextField
jTextField45;
private JTextField
jTextField46;
private JTextField
jTextField47;
private JTextField
jTextField48;
private JTextField
jTextField49;
private JTextField
jTextField50;
private JTextField
jTextField51;
private JTextField
jTextField52;
private JTextField
jTextField53;
private JTextField
jTextField54;
private JTextField
jTextField55;
private JTextField
jTextField56;
private JTextField
jTextField57;
private JTextField
jTextField58;
private JTextField
jTextField59;
private JLabel jLabel88;
private JButton jButton6;
private JButton jButton7;
private JToggleButton
jToggleButton14;
private JComboBox
jComboBox4;
private JComboBox
jComboBox5;
private JComboBox
jComboBox6;
JTextField
JTextField
JTextField
JTextField
public static void
main(String[] args) {
SwingUtilities.invokeLater(n
ew Runnable() {
public void run()
{
Factura
inst = new Factura();
jPanel5.add(jLabel69);
jLabel69.setText("Hotel
Avenida Jiménez");
jLabel69.setBounds(217, 12,
276, 35);
inst.setLocationRelativeTo(n
ull);
inst.setVisible(true);
}
});
}
public Factura() {
super();
initGUI();
}
private void initGUI() {
try {
jLabel69.setFont(new
java.awt.Font("Arial",1,16));
}
{
jTextField59 = new
JTextField();
jPanel5.add(jTextField59);
jTextField59.setBounds(555,
90, 44, 21);
}
{
jLabel70 = new JLabel();
setDefaultCloseOperation(Win
dowConstants.DISPOSE_ON_CLOSE);
{
jPanel5 =
new JPanel();
jPanel5.add(jLabel70);
jLabel70.setText("Apellidos"
);
getContentPane().add(jPanel5
, BorderLayout.CENTER);
jPanel5.setForeground(new
java.awt.Color(128,128,0));
jPanel5.setBackground(new
java.awt.Color(255,255,255));
jPanel5.setLayout(null);
jPanel5.setPreferredSize(new
java.awt.Dimension(653, 581));
{
jLabel68 = new JLabel();
jLabel70.setFont(new
java.awt.Font("Arial",1,12));
jLabel70.setBounds(92, 158,
59, 14);
}
{
jLabel71 = new JLabel();
jPanel5.add(jLabel71);
jLabel71.setText("Nombres");
jLabel71.setFont(new
java.awt.Font("Arial",1,12));
jPanel5.add(jLabel68);
jLabel68.setText("Factura
Nº");
jLabel68.setBounds(493, 89,
63, 21);
jLabel68.setFont(new
java.awt.Font("Arial",0,12));
}
{
jLabel69 = new JLabel();
jLabel71.setBounds(92, 185,
54, 14);
}
{
jTextField28 = new
JTextField();
jPanel5.add(jTextField28);
jTextField28.setBounds(159,
156, 128, 21);
}
{
jTextField29 = new
JTextField();
jLabel73.setFont(new
java.awt.Font("Arial",1,12));
}
{
jPanel5.add(jTextField29);
jLabel74 = new JLabel();
jTextField29.setBounds(158,
183, 127, 21);
}
{
jPanel5.add(jLabel74);
jLabel74.setText("Fecha de
Ingeso del Huesped:");
jLabel75 = new JLabel();
jPanel5.add(jLabel75);
jLabel75.setText("NIT o
C.C.");
jLabel75.setFont(new
java.awt.Font("Arial",1,12));
jLabel74.setBounds(23, 127,
172, 13);
jLabel74.setFont(new
java.awt.Font("Arial",1,12));
}
{
jLabel76 = new JLabel();
jLabel75.setBounds(304, 158,
67, 14);
}
{
jTextField30 = new
JTextField();
jPanel5.add(jLabel76);
jLabel76.setText("Fecha de
Salida del Huesped:");
jLabel76.setBounds(328, 126,
174, 14);
jPanel5.add(jTextField30);
jTextField30.setBounds(375,
156, 116, 21);
}
{
jLabel72 = new JLabel();
jPanel5.add(jLabel72);
jLabel72.setText("Telefono:"
);
jLabel72.setBounds(303, 185,
62, 14);
jLabel72.setFont(new
java.awt.Font("Arial",1,12));
}
{
jLabel73 = new JLabel();
jPanel5.add(jLabel73);
jLabel73.setText("Direccion"
);
jLabel73.setBounds(92, 211,
66, 14);
jLabel76.setFont(new
java.awt.Font("Arial",1,12));
}
{
jTextField31 = new
JTextField();
jPanel5.add(jTextField31);
jTextField31.setBounds(375,
183, 116, 21);
}
{
jTextField32 = new
JTextField();
jPanel5.add(jTextField32);
jTextField32.setBounds(158,
210, 206, 21);
}
{
jTextField33 = new
JTextField();
jPanel5.add(jTextField33);
jTextField33.setBounds(198,
124, 107, 21);
jTextField33.setText("
AAAA/MM/DD");
}
{
r().getResource("Logo
blanco.JPG")));
jLabel77.setBounds(38, 19,
157, 62);
}
{
jLabel78 = new JLabel();
jTextField34 = new
JTextField();
jPanel5.add(jTextField34);
jTextField34.setBounds(499,
124, 107, 21);
jTextField34.setText("
AAAA/MM/DD");
}
{
jTextPane1 = new
JTextPane();
jPanel5.add(jTextPane1);
jTextPane1.setBounds(63,
475, 254, 54);
jPanel5.add(jLabel78);
jLabel78.setText("Av Jimenez
Nº 4-71");
jLabel78.setBounds(220, 54,
126, 14);
jLabel78.setFont(new
java.awt.Font("Arial",0,11));
}
{
jLabel79 = new JLabel();
jPanel5.add(jLabel79);
jLabel79.setText("Tel.: 243
66 85 - 286 73 03 - 243 06 12 243 05 57");
jTextPane1.setText("SON:");
jTextPane1.setBackground(new
java.awt.Color(255,255,255));
jTextPane1.setBorder(new
LineBorder(new
java.awt.Color(0,0,0), 1, false));
}
{
jEditorPane1 = new
JEditorPane();
jPanel5.add(jEditorPane1);
jLabel79.setBounds(217, 39,
247, 14);
jLabel79.setFont(new
java.awt.Font("Arial",0,11));
}
{
jLabel80 = new JLabel();
jPanel5.add(jLabel80);
jLabel80.setText("Bogota
D.C. Colombia.");
jEditorPane1.setBounds(317,
475, 240, 54);
jLabel80.setBounds(220, 68,
109, 14);
jEditorPane1.setBorder(new
LineBorder(new
java.awt.Color(0,0,0), 1, false));
}
{
jLabel80.setFont(new
java.awt.Font("Arial",0,11));
}
{
jLabel81 = new JLabel();
jLabel77 = new JLabel();
jPanel5.add(jLabel81);
jPanel5.add(jLabel77);
jLabel77.setIcon(new
ImageIcon(getClass().getClassLoade
jLabel81.setText("Habitación
Nº.");
{
jLabel81.setBounds(373, 212,
86, 14);
jLabel81.setFont(new
java.awt.Font("Arial",1,12));
}
{
jTextField35 = new
JTextField();
jPanel5.add(jTextField35);
jTextField35.setBounds(456,
210, 43, 21);
}
{
jLabel82 = new JLabel();
jPanel5.add(jLabel82);
jLabel82.setText("CANT");
jLabel82.setBounds(94, 264,
30, 14);
jLabel82.setFont(new
java.awt.Font("Arial",1,11));
}
{
jLabel83 = new JLabel();
jLabel85 = new JLabel();
jPanel5.add(jLabel85);
jLabel85.setText("TOTAL");
jLabel85.setBounds(488, 264,
59, 14);
jLabel85.setFont(new
java.awt.Font("Arial",1,11));
}
{
jTextField36 = new
JTextField();
jPanel5.add(jTextField36);
jTextField36.setBounds(86,
287, 45, 21);
}
{
jTextField37 = new
JTextField();
jPanel5.add(jTextField37);
jTextField37.setBounds(370,
287, 93, 21);
}
{
jPanel5.add(jLabel83);
jLabel83.setText("DESCRIPCIO
jTextField38 = new
JTextField();
N.");
jPanel5.add(jTextField38);
jLabel83.setBounds(191, 264,
84, 14);
jLabel83.setFont(new
java.awt.Font("Arial",1,11));
}
{
jTextField38.setBounds(462,
287, 95, 21);
}
{
jTextField39 = new
JTextField();
jLabel84 = new JLabel();
jPanel5.add(jTextField39);
jPanel5.add(jLabel84);
jLabel84.setText("VR.
UNITARIO");
jLabel84.setBounds(378, 264,
81, 14);
jLabel84.setFont(new
java.awt.Font("Arial",1,11));
}
jTextField39.setBounds(462,
310, 95, 21);
}
{
jTextField40 = new
JTextField();
jPanel5.add(jTextField40);
jTextField40.setBounds(370,
310, 93, 21);
}
{
jTextField48.setBounds(370,
357, 93, 21);
}
{
jTextField42 = new
JTextField();
jTextField49 = new
JTextField();
jPanel5.add(jTextField42);
jPanel5.add(jTextField49);
jTextField42.setBounds(86,
310, 45, 21);
}
{
jTextField49.setBounds(186,
357, 184, 21);
}
{
jTextField43 = new
JTextField();
jTextField50 = new
JTextField();
jPanel5.add(jTextField43);
jPanel5.add(jTextField50);
jTextField43.setBounds(462,
333, 95, 21);
}
{
jTextField50.setBounds(86,
357, 45, 21);
}
{
jTextField44 = new
JTextField();
jTextField51 = new
JTextField();
jPanel5.add(jTextField44);
jPanel5.add(jTextField51);
jTextField44.setBounds(370,
333, 93, 21);
}
{
jTextField51.setBounds(462,
381, 95, 21);
}
{
jTextField46 = new
JTextField();
jTextField52 = new
JTextField();
jPanel5.add(jTextField46);
jPanel5.add(jTextField52);
jTextField46.setBounds(86,
333, 45, 21);
}
{
jTextField52.setBounds(370,
381, 93, 21);
}
{
jTextField47 = new
JTextField();
jTextField53 = new
JTextField();
jPanel5.add(jTextField47);
jPanel5.add(jTextField53);
jTextField47.setBounds(462,
357, 95, 21);
}
{
jTextField53.setBounds(186,
381, 184, 21);
}
{
jTextField48 = new
JTextField();
jTextField54 = new
JTextField();
jPanel5.add(jTextField48);
jPanel5.add(jTextField54);
jTextField54.setBounds(86,
381, 45, 21);
}
{
jTextField55 = new
JTextField();
jPanel5.add(jTextField55);
camas dobles", "4. Habitación con
tres camas dables" });
jComboBox4 = new
JComboBox();
jPanel5.add(jComboBox4);
jComboBox4.setModel(jComboBo
x1Model);
jTextField55.setBounds(462,
404, 95, 21);
}
{
jComboBox4.setBounds(132,
287, 239, 21);
}
{
jTextField56 = new
JTextField();
ComboBoxModel
jComboBox2Model = new
DefaultComboBoxModel(
jPanel5.add(jTextField56);
jTextField56.setBounds(370,
404, 93, 21);
jTextField56.setText("
SUB TOTAL
");
}
{
jTextField57 = new
JTextField();
new String[] { "TIPO
DE HABITACION", "1. Habitación con
cama doble, para 1 o 2 personas",
"2. Habitación con dos camas
sencillas", "3. Habitación con dos
camas dobles", "4. Habitación con
tres camas dables" });
jComboBox5 = new
JComboBox();
jPanel5.add(jComboBox5);
jPanel5.add(jTextField57);
jTextField57.setBounds(462,
425, 95, 21);
}
{
jTextField58 = new
JTextField();
jPanel5.add(jTextField58);
jTextField58.setBounds(370,
425, 93, 21);
jTextField58.setText("
IVA");
}
{
ComboBoxModel
jComboBox1Model = new
DefaultComboBoxModel(
new String[] { "TIPO
DE HABITACION", "1. Habitación con
cama doble, para 1 o 2 personas",
"2. Habitación con dos camas
sencillas", "3. Habitación con dos
jComboBox5.setModel(jComboBo
x2Model);
jComboBox5.setBounds(132,
310, 239, 21);
}
{
jTextField41 = new
JTextField();
jPanel5.add(jTextField41);
jTextField41.setBounds(462,
447, 95, 21);
}
{
jTextField45 = new
JTextField();
jPanel5.add(jTextField45);
jTextField45.setBounds(370,
447, 93, 21);
jTextField45.setText("
TOTAL $");
}
{
jLabel86 = new JLabel();
jToggleButton14.setBounds(38
8, 569, 70, 25);
}
{
jPanel5.add(jLabel86);
jButton6 = new JButton();
jLabel86.setText("OTROS:");
jPanel5.add(jButton6);
jLabel86.setBounds(134, 360,
47, 14);
}
{
jLabel87 = new JLabel();
jPanel5.add(jLabel87);
jButton6.setText("Imprimir")
;
jButton6.setBounds(458, 569,
71, 25);
}
{
jButton7 = new JButton();
jLabel87.setText("OTROS:");
jLabel87.setBounds(134, 385,
47, 14);
}
{
ComboBoxModel
jComboBox3Model = new
DefaultComboBoxModel(
new String[] { "TIPO
DE HABITACION", "1. Habitación con
cama doble, para 1 o 2 personas",
"2. Habitación con dos camas
sencillas", "3. Habitación con dos
camas dobles", "4. Habitación con
tres camas dables" });
jComboBox6 = new
JComboBox();
jPanel5.add(jButton7);
jButton7.setText("Salir");
jButton7.setBounds(529, 569,
70, 25);
}
{
jLabel88 = new JLabel();
jPanel5.add(jLabel88);
jLabel88.setText("Documento
Empleado");
jLabel88.setBounds(385, 530,
115, 14);
}
{
jPanel5.add(jComboBox6);
jComboBox6.setModel(jComboBo
x3Model);
jComboBox6.setBounds(130,
333, 239, 21);
}
{
jToggleButton14 = new
JToggleButton();
TableModel jTable1Model =
new DefaultTableModel(
new String[][] { {
"CANT", "DESCRIPCION" },
{ "Three",
"Four" } }, new String[] {
"Column 1",
"Column 2" });
}
}
pack();
this.setSize(637,
jPanel5.add(jToggleButton14)
;
jToggleButton14.setIcon(new
ImageIcon(getClass().getClassLoade
r().getResource("9.gif")));
660);
} catch (Exception e)
{
e.printStackTrace();
}
}
}
Código
Ejercicio N° 2
Análisis de requerimientos
• Coches de Segunda
• Proveedores
Caso de Uso
<html>
<script>
nameauto = prompt("Introduce una marca de
automovil:");
MODELOAUT = prompt("Introduce un modelo
de autos:");
alert("el informe de la marca y modelo de auto
son:" + nameauto + MODELOAUT);
</script>
</html>
Ejercicio N° 3
Análisis de requerimientos
• Reservas
• Instalaciones deportivas
• Artículos
Caso de Uso
Mapa de Navegabilidad
Mapa de Navegabilidad
.
Conclusiones
El realizar ejercicios, de este caso nos
ayuda a recordar cuál es la planeación o el
orden para realizar un análisis frente a un
proyecto.
Datos del contacto
Javier Andrés Beltrán – Luis Ángel Lis Lis
Corporación Unificada Nacional de Educación
Superior. CUN javierbeltran@ingenieros.com
www.javierbeltranluilis.orgfree.com