Construcción de Interfaces de Usuario

Material de Cursada

Links útiles

• Página de la materia
• Página de la materia en cuatrimestres anteriores
• Kotlin by example
• Javalin
• NodeJS
• ReactJS
• Ejemplos de .gitignore

Domain >> Kotlin

Ejemplo de pom.xml básico

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">

    <modelVersion>4.0.0</modelVersion>

    <groupId>ar.edu.unq.ui</groupId>
    <artifactId>mi-proyecto</artifactId>
    <version>1.0</version>

    <dependencies>
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.12</version>
            <scope>test</scope>
        </dependency>
    </dependencies>

</project>

Desktop >> Arena

Vm arguments

-Djava.system.class.loader=org.uqbar.apo.APOClassLoader

Ejemplos de pom.xml básico

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">

    <repositories>
        <repository>
            <id>uqbar</id>
            <name>Uqbar</name>
            <url>http://maven.uqbar.org/releases/</url>
        </repository>
    </repositories>

    <modelVersion>4.0.0</modelVersion>

    <groupId>ar.edu.unq.ui</groupId>
    <artifactId>mi-proyecto-desktop</artifactId>
    <version>1.0</version>

    <parent>
        <groupId>org.uqbar-project</groupId>
        <artifactId>arena-xtend-parent</artifactId>
        <version>3.6.3</version>
    </parent>

    <dependencies>
        <!-- Si necesita su proyecto de dominio lo agregan acá como dependencia -->
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.12</version>
            <scope>test</scope>
        </dependency>
    </dependencies>

</project>

Api REST >> Javalin

Ejemplo de pom.xml básico

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>ar.edu.unq.ui</groupId>
    <artifactId>mi-proyecto-api</artifactId>
    <version>1.0</version>

    <dependencies>
        <!-- Si necesita su proyecto de dominio lo agregan acá como dependencia -->
        <dependency>
            <groupId>io.javalin</groupId>
            <artifactId>javalin</artifactId>
            <version>2.8.0</version>
        </dependency>
        <dependency>
            <groupId>org.slf4j</groupId>
            <artifactId>slf4j-simple</artifactId>
            <version>1.7.26</version>
        </dependency>
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
            <version>2.9.8</version>
        </dependency>
    </dependencies>

</project>

Aplicación Web >> ReactJS

Primero es necesario instalar node según su SO: https://nodejs.org/en/download/

Una vez instalado node, ir al directorio donde va a estar el proyecto y ejecutar:

npx create-react-app mi-proyecto-web
cd mi-proyecto-web
npm start

Comandos npm que vienen por default:

• npm start: Levanta la aplicación en (generalmente) localhost:3000
• npm test: Corre los tests (generalmente en modo watcher)
• npm build: Construye la aplicación en modo production y guarda los archivos en el directorio ./dist
• npm eject: Quita las configuraciones default de react. No se recomienda utilizarlo.