Przeglądarka stron WWW Dni otwarte Wydziału Zarządzania i Ekonomii PG marzec 2008 Środowiska i Technologie Informatyczne Przeglądarka stron WWW Java Zakład Zarządzania Technologiami Informatycznymi st. wykładowca mgr inż. Leszek Zięba

Zbudowanie prostej przeglądarki stron WWW Zakład Zarządzania Technologiami Informatycznymi Przeglądarka stron WWW Java Zadanie: Zbudowanie prostej przeglądarki stron WWW jako przykład zastosowanie środowiska Eclipse + Java Dni otwarte Wydziału Zarządzania i Ekonomii PG marzec 2008

Wprowadź adres strony WWW Zakład Zarządzania Technologiami Informatycznymi Przeglądarka stron WWW Java Problemy: Środowisko wytwarzania aplikacji Eclipse, Język programowania Java, Algorytm aplikacji, Wygląd aplikacji. private JTextField getJTextField() { if (jTextField == null) { jTextField = new JTextField(); jTextField.addActionListener(new java.awt.event.ActionListener() { public void actionPerformed(java.awt.event.ActionEvent e) { try { jEditorPane.setPage(jTextField.getText()); } catch (IOException e1) { // TODO Auto-generated catch block e1.printStackTrace(); } System.out.println("actionPerformed()"); // TODO Auto-generated Event stub actionPerformed() }); return jTextField; P tak Wprowadź adres strony WWW uzupełnij adres wyświetl stronę WWW K ustaw status poprawny ? nie Dni otwarte Wydziału Zarządzania i Ekonomii PG marzec 2008 Dni otwarte Wydziału Zarządzania i Ekonomii PG marzec 2008

Środowisko wytwarzania aplikacji Eclipse Zakład Zarządzania Technologiami Informatycznymi Przeglądarka stron WWW Java Środowisko wytwarzania aplikacji Eclipse obszar roboczy (aktualnie aktywny składnik projektu) zakładki z elementami składowymi projektu wizualizacja elementów graficznych, kod programu ….. narzędzia budowy graficznych i funkcjonalnych elementów aplikacji standardowe menu programów między innymi własności wybranego elementu aplikacji (pokażą się później) składniki aplikacji Dni otwarte Wydziału Zarządzania i Ekonomii PG marzec 2008 Dni otwarte Wydziału Zarządzania i Ekonomii PG marzec 2008

a. Z menu File wybieramy pozycję New ->Project. Zakład Zarządzania Technologiami Informatycznymi Przeglądarka stron WWW Java a. Z menu File wybieramy pozycję New ->Project. określamy jego rodzaj Java Project, nadajemy mu nazwę javaBrowser. nowy projekt Dni otwarte Wydziału Zarządzania i Ekonomii PG marzec 2008

Zakład Zarządzania Technologiami Informatycznymi Przeglądarka stron WWW Java b. tworzymy główny obiekt naszej aplikacji File ->New -> Visual Class. kwalifikowana nazwa pakietu styl aplikacji (superklasa) automatyczne tworzona metoda main pakiet pl.gda.pg.zie.zzti styl Swing klasa typy Frame zaznaczyć V Dni otwarte Wydziału Zarządzania i Ekonomii PG marzec 2008

c. ustalamy rozmiary formularza. Zakład Zarządzania Technologiami Informatycznymi Przeglądarka stron WWW Java c. ustalamy rozmiary formularza. elementy graficzne -kontrolki elementy graficzne postać graficzna elementy graficzne -kontenery kod aplikacji Dni otwarte Wydziału Zarządzania i Ekonomii PG marzec 2008

Zakład Zarządzania Technologiami Informatycznymi Przeglądarka stron WWW Java d. wybieramy kontener JSplitPane i umieszczamy go w pozycji North a następnie nadajemy mu nazwę, Dni otwarte Wydziału Zarządzania i Ekonomii PG marzec 2008

e. komponenty JLabel i JTextField umieszczamy w komponencie JSplitPane Zakład Zarządzania Technologiami Informatycznymi Przeglądarka stron WWW Java e. komponenty JLabel i JTextField umieszczamy w komponencie JSplitPane f. wybieramy komponent JEditorPane i umieszczamy go w pozycji Center Dni otwarte Wydziału Zarządzania i Ekonomii PG marzec 2008

g. ustawiamy własności komponentów: Zakład Zarządzania Technologiami Informatycznymi Przeglądarka stron WWW Java g. ustawiamy własności komponentów: JFrame (okno główne) >title na javaBrowser, JLabel >text na url:, JEditorPane editable na false, Dni otwarte Wydziału Zarządzania i Ekonomii PG marzec 2008

jEditorPane.setPage(jTextField.getText()); Zakład Zarządzania Technologiami Informatycznymi Przeglądarka stron WWW Java Teraz osobiście i własnoręcznie piszemy PROGRAM h. Dla komponentu JTextField tworzymy metodę obsługującą (reagującą na) przyciśnięcie przycisku – zdarzenie (events) actionPerformed. w okienku kodu programu wpiszemy reakcję na zdarzenie <prawy przycisk myszki z menu kontekstowym> jEditorPane.setPage(jTextField.getText()); Dni otwarte Wydziału Zarządzania i Ekonomii PG marzec 2008

i. obsługę zdarzenia actionPerformed należy uzupełnić Zakład Zarządzania Technologiami Informatycznymi Przeglądarka stron WWW Java Teraz osobiście i własnoręcznie piszemy PROGRAM cd. i. obsługę zdarzenia actionPerformed należy uzupełnić bo jest jakiś BŁĄD <prawy kl. myszki> i wybieramy Surround with try/catch Dni otwarte Wydziału Zarządzania i Ekonomii PG marzec 2008

kod naszej przeglądarki (fragment) Zakład Zarządzania Technologiami Informatycznymi Przeglądarka stron WWW Java package pl.gda.pg.zie.zzti; import javax.swing.SwingUtilities; import java.awt.BorderLayout; import javax.swing.JPanel; import javax.swing.JFrame; import javax.swing.JSplitPane; import javax.swing.JLabel; import javax.swing.JTextField; import java.awt.GridBagLayout; import java.awt.FlowLayout; import java.io.IOException; import javax.swing.JEditorPane; public class WebBrowser extends JFrame { private static final long serialVersionUID = 1L; private JPanel jContentPane = null; private JSplitPane jSplitPane = null; private JLabel jLabel = null; private JTextField jTextField = null; private JEditorPane jEditorPane = null; /** * This method initializes jSplitPane * * @return javax.swing.JSplitPane */ private JSplitPane getJSplitPane() { if (jSplitPane == null) { jLabel = new JLabel(); jLabel.setText("JLabel"); jSplitPane = new JSplitPane(); jSplitPane.setLeftComponent(jLabel); jSplitPane.setRightComponent(getJTextField()); } return jSplitPane; * This method initializes jTextField * @return javax.swing.JTextField kod naszej przeglądarki (fragment) private JTextField getJTextField() { if (jTextField == null) { jTextField = new JTextField(); jTextField.addActionListener(new java.awt.event.ActionListener() { public void actionPerformed(java.awt.event.ActionEvent e) { try { jEditorPane.setPage(jTextField.getText()); } catch (IOException e1) { // TODO Auto-generated catch block e1.printStackTrace(); } System.out.println("actionPerformed()"); // TODO Auto-generated Event stub actionPerformed() }); return jTextField; Dni otwarte Wydziału Zarządzania i Ekonomii PG marzec 2008

Kompletny projekt zrealizowany w środowisku Eclipse + Java. Zakład Zarządzania Technologiami Informatycznymi Przeglądarka stron WWW Java Kompletny projekt zrealizowany w środowisku Eclipse + Java. Dni otwarte Wydziału Zarządzania i Ekonomii PG marzec 2008

Uruchamianie aplikacji (ze środowiska Eclipse) Zakład Zarządzania Technologiami Informatycznymi Przeglądarka stron WWW Java Uruchamianie aplikacji (ze środowiska Eclipse) Dni otwarte Wydziału Zarządzania i Ekonomii PG marzec 2008

Uruchamianie aplikacji (bezpośrednio ze środowiska Windows) Zakład Zarządzania Technologiami Informatycznymi Przeglądarka stron WWW Java Uruchamianie aplikacji (bezpośrednio ze środowiska Windows) j. budujemy plik jar (tzw Fat Jar) <prawy kl. myszy> k. uruchamiamy webBrowser_fat .jar (wymagane jest do tego zainstalowanie Virtualnej Maszyny Javy) Dni otwarte Wydziału Zarządzania i Ekonomii PG marzec 2008

Dziękuję za przybycie i za uwagę Zakład Zarządzania Technologiami Informatycznymi Przeglądarka stron WWW Java Dziękuję za przybycie i za uwagę Dni otwarte Wydziału Zarządzania i Ekonomii PG marzec 2008