Per la famosa interfaccia.........!?!

[Sara79]

Nn so se ricordate il topic che avevo scritto..."HELP!" ..... in cui parlavo della creazione di un'interfaccia...ecco la prox settimana devo consegnare la versione semidefinitiva della tesi ma ancora l'interfaccia nn ce l'ho...anche perchè nn so da dove cominciare...se qualcuno avesse qualche idea...soprattutto per prendere in input i tag da un file html.
Cmq in caso di delucidazioni potete andare al topic sopracitato. Grazie ancora.

[PGI]

Il tempo stringe e noi dobbiamo capire cosa debba fare questa interfaccia.

"prendere in input i tag di un file html"

a) vuoi vedere il codice html di una pagina web.

Carichi il file html come se fosse un comune file di testo e lo visualizzi su un componente di testo non "formattato" (es. JTextArea) o su un componente di testo "formattato" che ignori i tag html (es. JEditorPane("text/plain")).

b) vuoi modificare il codice html di una pagina web

Puoi usare il componente di prima e modificare il codice html che visualizza (un po' come quel browser/editor dell'altra volta). IL tecnico però deve conoscere l'HTML.

Oppure puoi usare delle procedure automatizzate per modificare un file html che abbia però una struttura "nota": ad esempio, puoi creare un pulsante al quale associ l'operazione "aggiungi cella alla griglia" se già sai dov'è la tabella nel codice html.

Se chi maneggia l'applicazione conosce l'html allora la prima opzione è preferibile (pìù semplice da scrivere, più flessibile per chi lo usa).

[Sara79]

conosce l'html si...se la maniera + veloce e semplice è quella allora sia...

[PGI]

Dimenticavo: auguri (per l'8 marzo).

Fine smancerie.

Benissimo.

Altra domanda. Il tecnico ha un JRE sul suo pc? E' in realtà una domanda retorica. Siccome andare in giro con la jvm integrata nei browser significa usare classi vecchie stantie, tu gli farai installare un JRE, versione 1.4.2_03.

L'interfaccia non si occupa di caricare un file html. Lo visualizza e basta.
Allo stesso modo, non è suo compito salvare il file.
Tutto quello che deve fare è visualizzare del testo, permettere che il testo sia modificato, visualizzare una preview del risultato.
Leggere e scrivere sono compiti che tu affiderai ad altre classi.
Così facendo ti ritrovi in mano un componente "flessibile", che può essere usato sia che tu decida di usa un sistema applet-servlet, piuttosto che un'applicazione java lato client.

Ok? (Fai si con la testa)

[Sara79]

ti ringrazio tanto.

Allora...direi che ci siamo anche perchè alla fine credo che il tecnico se la userà direttamente sul suo computer a quantom i ha detto..senza che nessuno vada a mettere le mani dove nn deve.
il jre lo trovo sul sito della sun giusto!?!

[PGI]

Sun ha aperto un nuovo sito per distribuire i JRE. Oltre al normale java.sun.com si trova adesso anche su http://java.com/it/ (sito pessimamente tradotto in italiano).

Torniamo all'interfaccia, e mettiamola insieme un pezzo per volta.

package it.s79.gui;

import java.awt.*;
import javax.swing.*;

/**
 * Un primo pezzo per l'interfaccia. FIXME_ALL_CLASS
 */
public class MainComponent extends JComponent {
    JTextArea textArea = null;
    
    /** Creates a new instance of MainWindow */
    public MainComponent() {
	textArea = new JTextArea();
	
	JScrollPane scrollPane = new JScrollPane();
	scrollPane.setViewportView(textArea);
	
	LayoutManager layout = new GridLayout(1,1);
	setLayout(layout);
	add(scrollPane);
    }
    
    /**
     * Carica una stringa di testo nell'area di testo
     * visualizzata.
     *
     *@param testoHTML String, il testo da visualizzare
     */
    public void setTesto(String testoHTML) {
	textArea.setText(testoHTML);
    }
    
    /**
     * Restituisce il testo attualmente visualizzato
     * nell'area di testo.
     *
     *@return String, il testo visualizzato
     */
    public String getTesto() {
	return textArea.getText();
    }
}

1) Perchè usare un JComponent e non direttamente un JFrame? E' una questione di flessibilità. Se decidessi di usare un applet, sarebbe infatti sufficiente aggiungere all'applet una nuova istanza di MainComponent e non ti ritrovi con una finestra tra i piedi.

2) Occhio al package. L'interfaccia deve restare quanto più possibile separata da tutto il resto. Ha un package tutto suo, e userai ciò che si trova dentro importando il package.

Ad esempio:

import javax.swing.*;
import java.awt.*;

import it.s79.gui.*;

public class Prova extends JFrame {
	public static void main(String[] args) {
	    JFrame frame = new JFrame("GUI");
	    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
	    
	    MainComponent component = new MainComponent();
	    frame.setContentPane(component);
	    
	    frame.setSize(400, 400);
	    frame.setVisible(true);
	}
}

Cos'ha al momento di "utile" la nostra interfaccia?

Può caricare una Stringa di testo, può modificarla e restituisce una Stringa di testo.

[segue]

[PGI]

Proviamo a caricare una pagina HTML.

Nota che il procedimento per acquisire una stringa di testo, a partire da una pagina HTML presente sul web, è concettualmente separato dall'interfaccia, il cui scopo è solo "far vedere" e "far pasticciare".

Nella classe prova carichiamo una pagina web, la "traduciamo" in una stringa e la diamo in pasto all'interfaccia.

import javax.swing.*;
import java.awt.*;

import java.net.*;
import java.io.*;

import it.s79.gui.*;

public class Prova extends JFrame {
	public static void main(String[] args) {
	    JFrame frame = new JFrame("GUI");
	    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
	    
	    MainComponent component = new MainComponent();
	    frame.setContentPane(component);
	    
	    frame.setSize(400, 400);
	    frame.setVisible(true);
	    
	    /* prova: carichiamo il codice di una pagina html */
	    try {
		URL url = new URL("http://www.hwupgrade.it");
		BufferedReader reader = new BufferedReader(
		    new InputStreamReader(url.openStream()));
		
		StringBuffer codiceHtml = new StringBuffer();
		String line = null;
		String breakLine = System.getProperty("line.separator");
		while((line = reader.readLine()) != null) {
		    codiceHtml.append(line);
		    codiceHtml.append(breakLine);
		}
		reader.close();
		component.setTesto(codiceHtml.toString());
	    } catch(Exception e) {
		e.printStackTrace(System.err);
	    }
	}
}

Dopo qualche secondo, l'interfaccia mostra il codice della pagina web.

Ci sei fin qui?

[Sara79]

si ci sono....

[PGI]

Benissimo.

Cominciamo con un po' di interazione utente: barre di comando, bottoni e gestori di evento.

Quello che facciamo adesso è creare una barra degli strumenti (MainToolBar), con un bottone a cui associamo un evento.

Esistono mille modi per farlo, quello che ti propongo è, a mio modo di vedere, il più flessibile, perchè ti permette di lavorare sulla parte grafica della barra dei comandi e sugli eventi separatamente ed in modo piuttosto semplice.

Nota che cambiamo il "layout" di MainComponent (da GridLayout a BorderLayout, così possiamo distribuire meglio lo spazio tra barra dei comandi e area di testo) e aggiungiamo una classe interna (a MainComponent) che faccia da "ponte" tra gli eventi generati dai pulsanti della barra dei comandi e i metodi associati.

Il risultato della faccenda è che alla pressione del pulsante "salva" il controllo passa al metodo "salvaContenutoSuFile()" che riempiremo in seguito.

MainToolBar

package it.s79.gui;

import java.awt.event.*;
import javax.swing.*;
/**
 *
 * @author  Administrator
 */
public class MainToolBar extends JToolBar {
    public static final String ACTION_SAVE = "Salva";
    
    ActionListener actionListener = null;
    /** Creates a new instance of MainToolBar */
    public MainToolBar(ActionListener listener) {
	actionListener = listener;
	
	setFloatable(false);
	
	add(creaPulsante(ACTION_SAVE));
    }
    
    /* per mera comodità, inseriamo un metodo per
      * creare bottoni preformattati*/
    JButton creaPulsante(String command) {
	JButton button = new JButton(command);
	button.setActionCommand(command);
	button.addActionListener(actionListener);
	return button;
    }
    
}

MainComponent

EDITATO causa attacco di senilità, vedi 4 post sotto.

Prova

import javax.swing.*;
import java.awt.*;

import java.net.*;
import java.io.*;

import it.s79.gui.*;

public class Prova extends JFrame {
	public static void main(String[] args) {
	    JFrame frame = new JFrame("GUI");
	    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
	    
	    MainComponent component = new MainComponent();
	    frame.setContentPane(component);
	    
	    frame.setSize(400, 400);
	    frame.setVisible(true);
	    
	}
}

[Sara79]

sbaglio o hai scritto 2 volte la stessa classe?

[PGI]

Non sbagli, però le classi sono (al momento) sempre 3: due nel package e una di prova.

MainComponent l'ho ripostata perchè è cambiata un bel po'

[Sara79]

MainToolBar



code:--------------------------------------------------------------------------------
package it.s79.gui;

import java.awt.event.*;
import javax.swing.*;
/**
*
* @author Administrator
*/
public class MainToolBar extends JToolBar {
public static final String ACTION_SAVE = "Salva";

ActionListener actionListener = null;
/** Creates a new instance of MainToolBar */
public MainToolBar(ActionListener listener) {
actionListener = listener;

setFloatable(false);

add(creaPulsante(ACTION_SAVE));
}

/* per mera comodità, inseriamo un metodo per
* creare bottoni preformattati*/
JButton creaPulsante(String command) {
JButton button = new JButton(command);
button.setActionCommand(command);
button.addActionListener(actionListener);
return button;
}

}
--------------------------------------------------------------------------------


MainComponent


code:--------------------------------------------------------------------------------
package it.s79.gui;

import java.awt.event.*;
import javax.swing.*;
/**
*
* @author Administrator
*/
public class MainToolBar extends JToolBar {
public static final String ACTION_SAVE = "Salva";

ActionListener actionListener = null;
/** Creates a new instance of MainToolBar */
public MainToolBar(ActionListener listener) {
actionListener = listener;

setFloatable(false);

add(creaPulsante(ACTION_SAVE));
}

/* per mera comodità, inseriamo un metodo per
* creare bottoni preformattati*/
JButton creaPulsante(String command) {
JButton button = new JButton(command);
button.setActionCommand(command);
button.addActionListener(actionListener);
return button;
}

}

intendevo queste due..

[PGI]

Whooops! non l'avevo proprio visto.

puoi usare i tag {code} {/code} (metti le parentesi quadre al posto delle graffe) per formattare il codice quando lo posti.

adesso ti rifilo quelle giuste.

MainToolBar è sempre uguale.

MainComponent

package it.s79.gui;

import java.awt.*;
import java.awt.event.*;
import javax.swing.*;

/**
 * Un primo pezzo per l'interfaccia. FIXME_ALL_CLASS
 */
public class MainComponent extends JComponent {
    JTextArea textArea = null;
    
    IOTools ioTools = null;
    
    /** Creates a new instance of MainWindow */
    public MainComponent() {
	ioTools = new IOTools();
	
	textArea = new JTextArea();
	
	JScrollPane scrollPane = new JScrollPane();
	scrollPane.setViewportView(textArea);
	
	LayoutManager layout = new BorderLayout();
	setLayout(layout);
	
	add(new MainToolBar(new ToolBarListener()), BorderLayout.NORTH);
	add(scrollPane, BorderLayout.CENTER);
    }
    
    /**
     * Carica una stringa di testo nell'area di testo
     * visualizzata.
     *
     *@param testoHTML String, il testo da visualizzare
     */
    public void setTesto(String testoHTML) {
	textArea.setText(testoHTML);
    }
    
    /**
     * Restituisce il testo attualmente visualizzato
     * nell'area di testo.
     *
     *@return String, il testo visualizzato
     */
    public String getTesto() {
	return textArea.getText();
    }
    
    void salvaContenutoSuFile() {
	//salva solo se c'è del testo
	if(getTesto().length() > 0) {
	    try {
		ioTools.saveHTMLFile(this, getTesto());
	    } catch(Exception e) {
		showExceptionMessage(e);
	    }
	}
    }
    
    void showExceptionMessage(Exception e) {
	
    }
    
    /* gestore di eventi dedicato a MainToolBar*/
    class ToolBarListener implements ActionListener {
	public void actionPerformed(ActionEvent e) {
	    String command = e.getActionCommand();
	    
	    if(command == MainToolBar.ACTION_SAVE) {
		salvaContenutoSuFile();
	    }
	}
    }
    

}

IOTools

package it.s79.gui;

import java.awt.*;
import javax.swing.*;
import java.io.*;
/**
 *
 * @author  Administrator
 */
public class IOTools {
    private JFileChooser fileChooser = null;
    
    private HTMLFileFilter htmlFileFilter  = null;
    
    /** Creates a new instance of IOTools */
    public IOTools() {
	fileChooser = new JFileChooser();
	htmlFileFilter = new HTMLFileFilter();
    }
    
    public void saveHTMLFile(Component parent, String htmlText) throws IOException {
	fileChooser.resetChoosableFileFilters();
	fileChooser.setFileFilter(htmlFileFilter);
	fileChooser.setDialogTitle("Salva file html");
	fileChooser.setFileSelectionMode(JFileChooser.FILES_ONLY);
	int answer = fileChooser.showSaveDialog(parent);
	
	/* se l'utente preme "ok"... */
	if(answer == JFileChooser.APPROVE_OPTION) {
	    writeFile(fileChooser.getSelectedFile(), htmlText);
	}
    }
    
    private void writeFile(File file, String text) throws IOException {
	FileOutputStream fileOut = new FileOutputStream(file);
	BufferedOutputStream bufferOut = new BufferedOutputStream(fileOut);
	PrintStream printOut = new PrintStream(bufferOut);
	printOut.print(text);
	printOut.flush();
	printOut.close();
    }
    
    
    /* filtro per estensioni html */
    class HTMLFileFilter extends javax.swing.filechooser.FileFilter {
	final String extension = ".html";
	final String description = "File HTML";
	
	public boolean accept(java.io.File file) {
	    boolean answer = file.isDirectory();
	    if(answer == false) {
		answer = file.getName().endsWith(extension);
	    }
	    return answer;
	}
	
	public String getDescription() {
	    return description;
	}
	
    }
}

[PGI]

IOTools mantiene separata un'operazione che non compete all'interfaccia "principale", scrive un file di testo html.

Ha però una sua componente grafica, che è il JFileChooser. Fa parte del comparto "GUI" dell'applicazione? Beh, per metà sì, noi ce la buttiamo dentro.

[Sara79]

adesso trasporto tto sull'altro 1 altro pc e provo.