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 [email protected] www.javierbeltranluilis.orgfree.com