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
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
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
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
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: [Link] , 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
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
Seleccionamos la JDK
Se despliegan las diferentes versiones para cada sistema operativo y aceptamos los
términos de la licencia.
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
Luego de aceptar
Descargamos la versión para nuestra máquina.
Ejecutamos o guardamos.
Imagen de archivo descargado.
abrimos archivo.
5
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
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
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
Copiando archivos.
Extrayendo.
Ubicamos el lugar de instalación.
7
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
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
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
Nos dirigimos a las propiedades de sistema.
9
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
Ubicamos la configuración avanzada del sistema.
Selecionamos variable de entorno
10
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
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
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
Buscamos el CMD en el menu de inicio de windows.
Ejecutamos en el CMD: javac
12
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
Si brinda esta información es por que esta bien instalado de lo contrario hay que verificar
errores de esta.
13
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
INSTALACION DE LAS LIBRERIAS 3D
Link de descarga: [Link]
Damos clic en descarga.
Aceptamos términos de licencia y seleccionamos el sistema operativo.
14
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
Después de descargar el archivo lo ejecutamos.
Instalamos siguiendo los pasos
15
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
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
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
IDE DE DESARROLLO PARA JAVA
El IDE que se va a utilizar es el NetBeans, link de descarga:
[Link]
Seleccionamos la versión y descargamos el archivo.
Ejecutamos el instalador
17
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
18
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
19
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
Realizamos la comprobación de funcionamiento de Netbeans.
20
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
21
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
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
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
Luego ingresamos nombre al projecto.
Ventana principal.
Abrimos una clase para agregar librerias: [Link] // [Link];
23
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
Ingresamos nombre a la clase
Importamos librerias y vreamos cada uno s de los metodos.
Luego ingresamos el formulario.
24
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
Ingresamos nombre del formulario
Ventana de formulario.
Ingresamos 3 botones y un panel para plasmar las graficas.
25
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
Agregamos la programacion de cada boton el el evento: al hacer click.
invocando los metodos de la clase dibujo
26
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
Compilamos y ejecutamos
EJECUCION DEL PROGRAMA
27
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
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 [Link] {
/**
* 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 [Link]();
pizarra = new [Link]();
DibujarCirculo = new [Link]();
DibujarPoligono = new [Link]();
setDefaultCloseOperation([Link].EXIT_ON_CLOSE);
[Link]("Dibujar Linea");
[Link](new [Link]() {
public void mouseClicked([Link] evt) {
btnDibujarLineaMouseClicked(evt);
}
});
28
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
[Link] pizarraLayout = new [Link](pizarra);
[Link](pizarraLayout);
[Link](
[Link]([Link])
.addGap(0, 714, Short.MAX_VALUE)
);
[Link](
[Link]([Link])
.addGap(0, 286, Short.MAX_VALUE)
);
[Link]("Dibujar Circulo");
[Link](new [Link]() {
public void mouseClicked([Link] evt) {
DibujarCirculoMouseClicked(evt);
}
});
[Link]("Dibujar Poligono");
[Link](new [Link]() {
public void mouseClicked([Link] evt) {
DibujarPoligonoMouseClicked(evt);
}
});
[Link] layout = new [Link](getContentPane());
getContentPane().setLayout(layout);
[Link](
[Link]([Link])
.addGroup([Link]()
.addContainerGap()
.addComponent(pizarra, [Link].PREFERRED_SIZE,
[Link].DEFAULT_SIZE, [Link].PREFERRED_SIZE)
.addContainerGap(30, Short.MAX_VALUE))
.addGroup([Link]()
.addGap(61, 61, 61)
.addComponent(btnDibujarLinea)
.addPreferredGap([Link],
[Link].DEFAULT_SIZE, Short.MAX_VALUE)
.addComponent(DibujarCirculo)
.addGap(124, 124, 124)
.addComponent(DibujarPoligono)
.addGap(111, 111, 111))
);
29
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
[Link](
[Link]([Link])
.addGroup([Link]()
.addContainerGap()
.addGroup([Link]([Link])
.addComponent(btnDibujarLinea)
.addComponent(DibujarCirculo)
.addComponent(DibujarPoligono))
.addPreferredGap([Link])
.addComponent(pizarra, [Link].PREFERRED_SIZE,
[Link].DEFAULT_SIZE, [Link].PREFERRED_SIZE)
.addContainerGap(27, Short.MAX_VALUE))
);
pack();
}// </editor-fold>
private void btnDibujarLineaMouseClicked([Link] evt) {
[Link]([Link](), 50, 50, 150, 200); // TODO add your handling
code here:
}
private void DibujarCirculoMouseClicked([Link] evt) {
[Link]([Link](), 250, 50, 150, 150); // TODO add your handling
code here:
}
private void DibujarPoligonoMouseClicked([Link] evt) {
int x[]={700, 600, 500, 580};
int y[]={50, 100, 50, 200};
[Link]([Link](), 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 [Link]
*/
try {
for ([Link] info :
[Link]()) {
30
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
if ("Nimbus".equals([Link]())) {
[Link]([Link]());
break;
}
}
} catch (ClassNotFoundException ex) {
[Link]([Link]()).log([Link].L
[Link], null, ex);
} catch (InstantiationException ex) {
[Link]([Link]()).log([Link].L
[Link], null, ex);
} catch (IllegalAccessException ex) {
[Link]([Link]()).log([Link].L
[Link], null, ex);
} catch ([Link] ex) {
[Link]([Link]()).log([Link].L
[Link], null, ex);
}
//</editor-fold>
/* Create and display the form */
[Link](new Runnable() {
public void run() {
new DibujaGraficasView().setVisible(true);
}
});
}
// Variables declaration - do not modify
private [Link] DibujarCirculo;
private [Link] DibujarPoligono;
private [Link] btnDibujarLinea;
private [Link] pizarra;
// End of variables declaration
}
31
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
BIBLIOGRAFIA
YouTube. (2017). Tutorial Java - 1 - Instalar JDK. [En línea] Disponible en:
[Link] [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: [Link] [Consultado 13 Oct.
2017].
YouTube. (2017). Trazado de figuras geométricas básicas en Java con NetBeans. [En línea]
Disponible en: [Link] [Consultado el 13 de octubre de 2017].
32