informatyka 1
DESCRIPTION
Informatyka 1. Aplikacje Internetowe. Rodzaje aplikacji internetowych. Aplikacje desktopowe wykorzystujące infrastrukturę sieciową Aplikacje Webowe Web Serwisy XML – usługi sieciowe Aplikacje na urządzenia mobilne Aplikacje w Chmurze. Technologie i Narzędzia Tworzenia. Java NetBeans - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/1.jpg)
INFORMATYKA 1Aplikacje Internetowe
![Page 2: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/2.jpg)
Rodzaje aplikacji internetowych• Aplikacje desktopowe wykorzystujące infrastrukturę
sieciową• Aplikacje Webowe• Web Serwisy XML – usługi sieciowe• Aplikacje na urządzenia mobilne• Aplikacje w Chmurze
![Page 3: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/3.jpg)
Technologie i Narzędzia Tworzenia• Java
• NetBeans• Eclipse
• .NET• Visual Studio (Express)• Expression Studio (Blend)• WebMatrix• LightSwitch
• Narzędzia „natywne” • C, C++
![Page 4: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/4.jpg)
Aplikacje desktopowe• Gadu Gadu• Skype• ....
![Page 6: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/6.jpg)
Aplikacje Webowe• Serwer WWW
![Page 7: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/7.jpg)
Technologie webowe • Protokół http• Html ?, HTML5• Java Script• PHP• ASP.NET• JSP• CSS• AJAX• ....• SOAP• .....
• Flash• Silverlight
![Page 8: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/8.jpg)
http• Serwer WWW• URL• GET, POST, Response
![Page 9: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/9.jpg)
URL
http://host[:port][path[?querystring]]http://host[:port][path[?querystring]]
http://www.woodgrovebank.com/accts.asp?AccNo=23http://www.woodgrovebank.com/accts.asp?AccNo=23
![Page 10: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/10.jpg)
GET, POST, Response
GET /Trading/GetStockPrice.asp?Symbol=MSFT HTTP/1.1Host: localhostGET /Trading/GetStockPrice.asp?Symbol=MSFT HTTP/1.1Host: localhost
POST /Trading/GetStockPrice.asp HTTP/1.1Host: localhostContent-Type: application/x-www-form-urlencodedContent-Length: 11
Symbol=MSFT
POST /Trading/GetStockPrice.asp HTTP/1.1Host: localhostContent-Type: application/x-www-form-urlencodedContent-Length: 11
Symbol=MSFT
•HTTP-GET
HTTP-POST
![Page 11: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/11.jpg)
Response
HTTP/1.1 200 OKContent-Type: text/xml; charset=utf-8Content-Length: 75
<?xml version="1.0" encoding="utf-8"?><stock symbol="MSFT" Price="71.50" />
HTTP/1.1 200 OKContent-Type: text/xml; charset=utf-8Content-Length: 75
<?xml version="1.0" encoding="utf-8"?><stock symbol="MSFT" Price="71.50" />
![Page 12: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/12.jpg)
HTML (XHTML)
<html>
<head>
</head>
<body>
</body></html>
![Page 13: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/13.jpg)
XML
<wiadomosc>
<do>Tomka</to>
<od>Jadzi</od>
<naglowek>Przypomnienie</naglowek>
<tresc>Pamiętaj o wekendzie !</tresc>
</wiadomosc>
![Page 14: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/14.jpg)
Wykorzystanie XML• XSLT• XPath• XSD
• *.xaml• *.docx• *.xslx
![Page 15: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/15.jpg)
Java Script• Mechanizm dodawania elementów interaktywnych do
stron www
<script type="text/javascript" language="JavaScript 1.5"> alert(12 > 6); </script>
![Page 16: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/16.jpg)
AJAX• Mechanizm asynchronicznego generowania żądań http
skutkujących odświeżaniem wybranego fragmentu strony www.
• umożliwiająca asynchroniczne przesyłanie danych; dzięki asynchroniczności w trakcie pobierania danych użytkownik może wykonywać inne czynności, np. można także pobierać dane jednocześnie z wielu miejsc.
• JavaScript • XML
![Page 17: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/17.jpg)
Tradycyjny model przetwarzania żądania
Element Strony www
Lp. 12.
Imię
JanAndrzej
NazwiskoKowalski
Nowak
Element www
Element Strony www
Lp. 12.3.Imię
JanAndrzejJózef NazwiskoKowalski
NowakTkaczuk
Element www
![Page 18: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/18.jpg)
AJAX-owy model przetwarzania żądania
Element Strony www
Lp. 12.
Imię
JanAndrzej
NazwiskoKowalski
Nowak
Element www
Lp. 12.3.Imię
JanAndrzejJózef NazwiskoKowalski
NowakTkaczuk
![Page 19: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/19.jpg)
PHP • Język skryptowy• LAMP (Linux, Apache, MySql, PHP)• WAMP(Windows, Apache, MySql)• Możliwość darmowego hostingu
<?php if (isset($_POST['licz'])) { $liczba_a=floatval($_POST['a']); // Konwersja na liczbę zmiennoprzecinkową $liczba_b=floatval($_POST['b']); "Chcesz obliczyć sumę następujących liczb:" . "<br />" . "<b>"; print_r($liczba_a); echo "</b>" . "<br />" . "Oraz:" . "<br />" . "<b>"; print_r($liczba_b); echo "</b>" . "<hr />"; echo "Ich suma to:" . " <b>"; $wynik = $liczba_a + $liczba_b; echo $wynik; echo "</b>"; } else { echo "Wpisz liczby."; } ?> <!-- Poniżej znajduje się sam formularz --> <form action="<?php echo ($_SERVER['SCRIPT_NAME']); ?>" method="POST"> Podaj dwie liczby:<br /> Liczba A: <input name="a" /><br /> Liczba B: <input name="b" /><br /> <input type="submit" name="licz" value="Oblicz!" /> </form>
![Page 20: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/20.jpg)
JSP (Java Server Pages)• Wykorzystuje platformę JAVA (JavaBeans)• Instalowalny na Platformie Linux- Unix, Windows
<%@ page language="java" contentType="text/html; charset=ISO-8859-2" pageEncoding="ISO-8859-2"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <%! int k=5; %> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2"> <title>Przykładowa strona JSP</title> </head> <body> Aktualny czas: <%=java.util.Calendar.getInstance().getTime()%> <% for (int i=0; i<k; ++i) { %> Liczba: <%=i%> <% } %> </body> </html>
![Page 21: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/21.jpg)
ASP.NET (Active Server Pages)• Wykorzystuje technologię .NET• Instalacja tylko na platformie Windows na serwerze IIS
<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat = "server"> protected void Page_Load(object sender, EventArgs e) { myDate.Text = DateTime.Now.ToShortDateString(); } </script> <html xmlns = "http://www.w3.org/1999/xhtml" > <head runat = "server"> <title>Hello World!</title> </head> <body> <form id = "form1" runat = "server"> <h1>Hello World!</h1> Current date: <asp:Label ID="myDate" runat = "server" /> </form> </body> </html>
![Page 22: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/22.jpg)
SOAP• Mechanizm przesyłania obiektów przez sieć• Bazuje na xml• Podstawowy element technologii XML Web Service
![Page 23: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/23.jpg)
Web Serwisy XML – Usługi sieciowe• Biblioteki procedur udostępniane w sieci• Protokół HTTP jako kanał transmisji• Kodowanie danych protokołem GET,POST, SOAP,• Możliwość wykorzystania przez dowolny typ aplikacji:
Webową, dekstopową, na urządzenie mobilne
![Page 24: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/24.jpg)
Scenariusz wykorzystnia WS-*
InternetInternet
Firewall
Firewall
Firewall
Contoso MicropaymentWeb Service
Contoso MicropaymentWeb Service
Bankowy Web
Service
Bankowy Web
Service
Northwind Electronic Funds Transfer Web
Service
Northwind Electronic Funds Transfer Web
Service
Klient wykorzystujący
Web Service
Klient wykorzystujący
Web Service
![Page 25: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/25.jpg)
Architektura WS-*UDDIUDDI
KlientKlient
SOAP SOAP
SOAP
IISIIS
Web ServiceWeb Service
![Page 26: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/26.jpg)
Przykłady Web Serwisów• Dot pay• Google SOAP Search API• Amazon• Allegro WebAPI• www.weather.com• USA Weather Forecast: http://
www.webservicex.net/WeatherForecast.asmx
![Page 27: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/27.jpg)
Urządzenia mobilne
![Page 28: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/28.jpg)
Urządzenia mobilne• Android• iPhone• BlackBerry• Symbian• Windows Phone 7
![Page 29: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/29.jpg)
Technologie tworzenia aplikacji mobilnych
• Java• Silverlight• Objective – C• ....
![Page 30: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/30.jpg)
Rodzeje urządzeń mobilnych
![Page 31: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/31.jpg)
![Page 32: Informatyka 1](https://reader031.vdocuments.pub/reader031/viewer/2022013004/568130ba550346895d96dc75/html5/thumbnails/32.jpg)
Coś jeszcze??