Trabajo Colaborativo Paso3 Grupo 299210 4

Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI
Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas

Curso: Computación Gráfica Código: 299210
PASO 3 - ANALIZAR LA INFORMACIÓN
INTEGRANTES:
ANDREY HINESTROZA - Código:
JHONNY CAICEDO VELARDE- Código: 94329937
LUIS ANGEL ALZATE - Código: 94326839
PALMIRA, 25 DE OCTUBRE DE 2017
UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA.
INGENIERIA DE SISTEMAS
COMPUTACION GRAFICA
1
PROPUESTA SELECCIONADA PARA DAR SOLUCION AL PROYECTO
A continuación, el grupo colaborativo, presenta la propuesta para da solución al proyecto:
La propuesta planteada consiste en un proyecto, el cual muestra una grilla de productos con
última tecnología y que están a la vanguardia. Esto haciendo uso de la programación orientada a
objetos en ambiente Java, el cual genera dibujos primitivos (línea, circulo y polígono) a través de
las clases Graphics y Polygon.
2
MANUAL DE INSTALACION HERRAMIENTAS DE DESARROLLO JAVA
A continuación, el grupo colaborativo, presenta un manual paso a paso, de la instalación de las
herramientas de desarrollo para el lenguaje JAVA (JDK, IDE para JAVA y API 3D a utilizar).
JDK
 Nos dirigimos a la página principal: https://www.oracle.com , vamos a la opción de
descargas luego java y por últimos todas las descargas Java.
 Descargamos la última versión estándar JAVA SE 9
3
 Seleccionamos la JDK
 Se despliegan las diferentes versiones para cada sistema operativo y aceptamos los
términos de la licencia.
4
 Luego de aceptar
 Descargamos la versión para nuestra máquina.
 Ejecutamos o guardamos.
 Imagen de archivo descargado.
 abrimos archivo.
5
 Preparando instalación.
 Click en Next o continuar.
 Seleccionamos la opciones a instalar el development tools ya incorpora el JAVAFX,
SDK, JRE y las suite de herramientas de control.
6
 Copiando archivos.
 Extrayendo.
 Ubicamos el lugar de instalación.
7
 Instalando.
 Seleccionamos next step o siguiente paso para acceder a los tutoriales y guías de la página o
close para terminar.
 Ubicamos el lugar de instalación de la carpeta BIN, necesario para ajustar las variables de
entorno para la correcta ejecución de JAVA.
8
 Nos dirigimos a las propiedades de sistema.
9
 Ubicamos la configuración avanzada del sistema.
 Selecionamos variable de entorno
10
 Selecionamos la opcion nueva.
 Ingresamos el nombre de la variable y la ruta o ubicación del BIN.
 Asi queda con la nueva variable.
11
 Buscamos el CMD en el menu de inicio de windows.
 Ejecutamos en el CMD: javac
12
 Si brinda esta información es por que esta bien instalado de lo contrario hay que verificar
errores de esta.
13
INSTALACION DE LAS LIBRERIAS 3D
Link de descarga: http://www.oracle.com/technetwork/articles/javase/index-jsp-138252.html
Damos clic en descarga.
Aceptamos términos de licencia y seleccionamos el sistema operativo.
14
Después de descargar el archivo lo ejecutamos.
Instalamos siguiendo los pasos
15
Después de la instalación ubicamos la carpeta “bin” de java 3d, copiamos los archivos “dell” y
los pegamos en SysWOW64, dependiendo la arquitectura.
16
IDE DE DESARROLLO PARA JAVA
El IDE que se va a utilizar es el NetBeans, link de descarga:
https://netbeans.org/downloads/index.html
Seleccionamos la versión y descargamos el archivo.
Ejecutamos el instalador
17
18
19
Realizamos la comprobación de funcionamiento de Netbeans.
20
21
CONSTRUCCION DE GRAFICAS PRIMITIVAS
A continuación, el grupo comparte el procedimiento para crear graficas primitivas
Pantalla Principal
En el menu seleccionamos:
Abre esta ventana y abrimos una aplicación Java.
22
Luego ingresamos nombre al projecto.
Ventana principal.
Abrimos una clase para agregar librerias: java.awt.Graphics // java.awt.Polygon;
23
Ingresamos nombre a la clase
Importamos librerias y vreamos cada uno s de los metodos.
Luego ingresamos el formulario.
24
Ingresamos nombre del formulario
Ventana de formulario.
Ingresamos 3 botones y un panel para plasmar las graficas.
25
Agregamos la programacion de cada boton el el evento: al hacer click.
invocando los metodos de la clase dibujo
26
Compilamos y ejecutamos
EJECUCION DEL PROGRAMA
27
CODIGO
/*
* To change this license header, choose License Headers in Project Properties.
* To change this template file, choose Tools | Templates
* and open the template in the editor.
*/
package graficasbasicas;
/**
*
* @author Luis A
*/
public class DibujaGraficasView extends javax.swing.JFrame {
/**
* Creates new form DibujaGraficasView
*/
public DibujaGraficasView() {
initComponents();
}
/**
* This method is called from within the constructor to initialize the form.
* WARNING: Do NOT modify this code. The content of this method is always
* regenerated by the Form Editor.
*/
@SuppressWarnings("unchecked")
// <editor-fold defaultstate="collapsed" desc="Generated Code">
private void initComponents() {
btnDibujarLinea = new javax.swing.JButton();

pizarra = new javax.swing.JPanel();
DibujarCirculo = new javax.swing.JButton();
DibujarPoligono = new javax.swing.JButton();
setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);
btnDibujarLinea.setText("Dibujar Linea");
btnDibujarLinea.addMouseListener(new java.awt.event.MouseAdapter() {
public void mouseClicked(java.awt.event.MouseEvent evt) {
btnDibujarLineaMouseClicked(evt);
}
});
28
javax.swing.GroupLayout pizarraLayout = new javax.swing.GroupLayout(pizarra);

pizarra.setLayout(pizarraLayout);
pizarraLayout.setHorizontalGroup(
pizarraLayout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
.addGap(0, 714, Short.MAX_VALUE)
);
pizarraLayout.setVerticalGroup(
pizarraLayout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
.addGap(0, 286, Short.MAX_VALUE)
);
DibujarCirculo.setText("Dibujar Circulo");
DibujarCirculo.addMouseListener(new java.awt.event.MouseAdapter() {
DibujarCirculoMouseClicked(evt);
}
});
DibujarPoligono.setText("Dibujar Poligono");
DibujarPoligono.addMouseListener(new java.awt.event.MouseAdapter() {
DibujarPoligonoMouseClicked(evt);
}
});
javax.swing.GroupLayout layout = new javax.swing.GroupLayout(getContentPane());

getContentPane().setLayout(layout);
layout.setHorizontalGroup(
layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
.addGroup(layout.createSequentialGroup()
.addContainerGap()
.addComponent(pizarra, javax.swing.GroupLayout.PREFERRED_SIZE,
javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE)
.addContainerGap(30, Short.MAX_VALUE))
.addGap(61, 61, 61)
.addComponent(btnDibujarLinea)
.addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED,
javax.swing.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE)
.addComponent(DibujarCirculo)
.addGap(124, 124, 124)
.addComponent(DibujarPoligono)
.addGap(111, 111, 111))
);
29
layout.setVerticalGroup(
layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
.addContainerGap()
.addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.BASELINE)
.addComponent(btnDibujarLinea)
.addComponent(DibujarCirculo)
.addComponent(DibujarPoligono))
.addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED)
.addComponent(pizarra, javax.swing.GroupLayout.PREFERRED_SIZE,
javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE)
.addContainerGap(27, Short.MAX_VALUE))
);
pack();
}// </editor-fold>
private void btnDibujarLineaMouseClicked(java.awt.event.MouseEvent evt) {

Dibujo.HacerLinea(pizarra.getGraphics(), 50, 50, 150, 200); // TODO add your handling
code here:
}
private void DibujarCirculoMouseClicked(java.awt.event.MouseEvent evt) {

Dibujo.HacerCirculo(pizarra.getGraphics(), 250, 50, 150, 150); // TODO add your handling
code here:
}
private void DibujarPoligonoMouseClicked(java.awt.event.MouseEvent evt) {
int x[]={700, 600, 500, 580};
int y[]={50, 100, 50, 200};
Dibujo.HacerPoligono(pizarra.getGraphics(), x, y, 7);// TODO add your handling code here:
}
/**
* @param args the command line arguments
*/
public static void main(String args[]) {
/* Set the Nimbus look and feel */
//<editor-fold defaultstate="collapsed" desc=" Look and feel setting code (optional) ">
/* If Nimbus (introduced in Java SE 6) is not available, stay with the default look and feel.
* For details see http://download.oracle.com/javase/tutorial/uiswing/lookandfeel/plaf.html
*/
try {
for (javax.swing.UIManager.LookAndFeelInfo info :
javax.swing.UIManager.getInstalledLookAndFeels()) {
30
if ("Nimbus".equals(info.getName())) {
javax.swing.UIManager.setLookAndFeel(info.getClassName());
break;
}
}
} catch (ClassNotFoundException ex) {
java.util.logging.Logger.getLogger(DibujaGraficasView.class.getName()).log(java.util.logging.L
evel.SEVERE, null, ex);
} catch (InstantiationException ex) {
} catch (IllegalAccessException ex) {
} catch (javax.swing.UnsupportedLookAndFeelException ex) {
}
//</editor-fold>
/* Create and display the form */

java.awt.EventQueue.invokeLater(new Runnable() {
public void run() {
new DibujaGraficasView().setVisible(true);
}
});
}
// Variables declaration - do not modify

private javax.swing.JButton DibujarCirculo;
private javax.swing.JButton DibujarPoligono;
private javax.swing.JButton btnDibujarLinea;
private javax.swing.JPanel pizarra;
// End of variables declaration
}
31
BIBLIOGRAFIA
YouTube. (2017). Tutorial Java - 1 - Instalar JDK. [En línea] Disponible en:
https://youtu.be/obYeHzk2oco [Consultado el 13 de octubre de 2017].
YouTube. (2017). Como descargar e instalar Netbeans 7.1 para programar en Java (y haz tu
primer programa). [En línea] Disponible en: https://youtu.be/natfw701jdk [Consultado 13 Oct.
2017].
YouTube. (2017). Trazado de figuras geométricas básicas en Java con NetBeans. [En línea]
Disponible en: https://youtu.be/t0v5zdO-qtY [Consultado el 13 de octubre de 2017].
32

Trabajo Colaborativo Paso3 Grupo 299210 4

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Trabajo Colaborativo Paso3 Grupo 299210 4

Cargado por

Copyright:

Formatos disponibles

Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación – VIACI

Escuela: Escuela De Ciencias Básicas Tecnología E Ingeniería Programa: Ingeniería de Sistemas

PASO 3 - ANALIZAR LA INFORMACIÓN

ANDREY HINESTROZA - Código:

JHONNY CAICEDO VELARDE- Código: 94329937

LUIS ANGEL ALZATE - Código: 94326839

PALMIRA, 25 DE OCTUBRE DE 2017

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA.

PROPUESTA SELECCIONADA PARA DAR SOLUCION AL PROYECTO

A continuación, el grupo colaborativo, presenta la propuesta para da solución al proyecto:

las clases Graphics y Polygon.

MANUAL DE INSTALACION HERRAMIENTAS DE DESARROLLO JAVA

A continuación, el grupo colaborativo, presenta un manual paso a paso, de la instalación de las

 Nos dirigimos a la página principal: https://www.oracle.com , vamos a la opción de

descargas luego java y por últimos todas las descargas Java.

 Descargamos la última versión estándar JAVA SE 9

 Descargamos la versión para nuestra máquina.

 Imagen de archivo descargado.

 Click en Next o continuar.

 Seleccionamos la opciones a instalar el development tools ya incorpora el JAVAFX,

SDK, JRE y las suite de herramientas de control.

 Ubicamos el lugar de instalación.

close para terminar.

entorno para la correcta ejecución de JAVA.

 Nos dirigimos a las propiedades de sistema.

 Ubicamos la configuración avanzada del sistema.

 Selecionamos variable de entorno

 Selecionamos la opcion nueva.

 Ingresamos el nombre de la variable y la ruta o ubicación del BIN.

 Asi queda con la nueva variable.

 Buscamos el CMD en el menu de inicio de windows.

 Ejecutamos en el CMD: javac

INSTALACION DE LAS LIBRERIAS 3D

Link de descarga: http://www.oracle.com/technetwork/articles/javase/index-jsp-138252.html

Damos clic en descarga.

Aceptamos términos de licencia y seleccionamos el sistema operativo.

Después de descargar el archivo lo ejecutamos.

Instalamos siguiendo los pasos

IDE DE DESARROLLO PARA JAVA

El IDE que se va a utilizar es el NetBeans, link de descarga:

Seleccionamos la versión y descargamos el archivo.

Realizamos la comprobación de funcionamiento de Netbeans.

CONSTRUCCION DE GRAFICAS PRIMITIVAS

A continuación, el grupo comparte el procedimiento para crear graficas primitivas

Abre esta ventana y abrimos una aplicación Java.

Luego ingresamos nombre al projecto.

Abrimos una clase para agregar librerias: java.awt.Graphics // java.awt.Polygon;

Ingresamos nombre a la clase

Importamos librerias y vreamos cada uno s de los metodos.

Luego ingresamos el formulario.

Ingresamos nombre del formulario

Ingresamos 3 botones y un panel para plasmar las graficas.

Agregamos la programacion de cada boton el el evento: al hacer click.

invocando los metodos de la clase dibujo

EJECUCION DEL PROGRAMA

btnDibujarLinea = new javax.swing.JButton();

javax.swing.GroupLayout pizarraLayout = new javax.swing.GroupLayout(pizarra);

javax.swing.GroupLayout layout = new javax.swing.GroupLayout(getContentPane());

private void btnDibujarLineaMouseClicked(java.awt.event.MouseEvent evt) {

private void DibujarCirculoMouseClicked(java.awt.event.MouseEvent evt) {

/* Create and display the form */

// Variables declaration - do not modify

https://youtu.be/obYeHzk2oco [Consultado el 13 de octubre de 2017].