DWS


Benvinguts al curs de Desenvolupament Web en entorn Servidor
Mòdul en Anglès


Criteris d'avaluació:
Llengua vehicular del curs obligatòria: Anglès.
➢ Exàmens (2 o 3 per trimestre): 60 % de la nota. Mínim treure un 4.
➢ Pràctiques obligatòries: 30 % de la nota (1-2 per trimestre). Mínim treure un 5.
➢ Actitud, assistència i feina a classe en Anglès: 10 % de la nota. Mínim treure un 5.
➢ Per aprovar el curs s’han de tenir totes les pràctiques i la mitjana de les avaluacions
aprovades. Per fer mitjana, s'ha de tenir com a mínim un 4 de nota de cada avaluació.
➢ Els treballs entregats fora de plaç, puntuen com a màxim amb un 5.

➢ Un mes abans de final de curs es fa una recuperació obligatòria del 1r trimestre per als suspesos. La nota del trimestre recuperat es un 5.

Si un alumne suspèn el curs, entre Abril i Juny se li faran classes de reforç dels trimestres suspesos per aprovar els examens/pràctiques pendents. La nota del trimestre recuperat es un 5.
Aquestes classes/examens/pràctiques NO seran necessàriament en Anglès.

Miniprogramació del curs

Google Classroom to send activities to the teacher. Use your Ramis gmail account.
code to subscribe: 70m61x


Resources:
HF - book PHP
W-Book
D-Book

Sample free web server:
https://www.000webhost.com/

More ICT Resources in Catalan:
Material IOC del mòdul
Material IOC de tots els mòduls del Cicle

English Resources:
 Word Reference (English dictionary, you can listen how  to say the words)

Introduction:
1- Listening:
Linux Torvalds video (fill in the gaps)

2- Your first experiences with computers  
You have to write a document about your first experiences with computers. Where have you started? With whom? Which Operating System have you used? Please describe in at least two pages your first days with computers. Then you can write about your learning and how is your level now: what you can and cannot do, what you would like to learn, etc

Goal: To give the teacher some feedback about your knowledge both in English and in ICT (Information and communication technology)
You have to use the spell checker in English.

sample by the teacher

1st Term

Library Project:
1.- php project: Library management web 
     Project description in Spanish with old technologies
     You will update it!

     Project requirement and evaluation method
    (download the file to read it)

User Manual Sample1
User Manual Sample2
Technical manual Index

Task to do by October 16th: 
Show it to the teacher or send it to the Google Classroom.
  • Read the previous Library project information
  • Review your UML practical done last year about that projec. Create the DB dessign
  • Create the Database in mySQL
  • Create a prototype of the Library web application in HTML5. 
optional: have a look/ use for the prototype the library Bootstrap
Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.
Build responsive, mobile-first projects on the web with the world's most popular front-end component library.
PHP programming 

1.- PHP  introduction
Other PHP resources:
2-  Install XAMPP (php and mySQL)

      a- Have a look to the D book -see Moodle- from page 271. Do the "hello world" and so on

      b- Go to the page 157 of your W book: create a form for "Hello world"
      Experiment to do more interesting similar forms


3.- Working with Forms  W-Book: form samples  
You can read the W-Book, from page 156

Preparació d'un presupost per la Web de la Biblioteca:
Exemple pressupost senzill (pendrive anys 2000)
Exemple de pressupost Web (real)
Exemple de pressupost James  (real)
Comentaris James (real)

Sumary of Jame's talk

Task to do by October 30th: 
Send it to the Google Classroom
1.- Preparació d'un pressupost d'una Web en PHP amb BD.
descripció de la tasca
S'entrega en dues setmanes al Google Classroom.


4.- Working with a DataBase
Sample to connect to mySQL

5.- Passing information to other pages
setcookie ("name","value","expiring date");
sample:
Cookies and sessions
Test it with cookies enabled/disabled. See how to disable in Firefox here 

Sessions using SID when cookies disabled 

6.- php exercises

7.- include vs require to incorporate common files to applications
      Consider also include_once and require_once

8.- Global, local and static variables


9.- Examples of Classes:
mail ,  sort

10.- Extra information for your Login

Sticky forms: forms that when you have to re-enter some information they remember the previously given fields

Self-referencing form: A form that contains both the form HTML tags and the php code that processes it.

-->See them at page 239 of the HF- Book !


Jumping to another php page:
If you don't have a self-referencing form, you might need to use the following command when you have an error in a Login page and have to ask the user to try with his credentials again:
header("Location: page-where-you-jump.php")
example: header("Location: script/script1.php")
Download a Sample

11.- Table Class exercise 
solution (for the teacher only)

12.- Editing the DB: W-Book chapter 6
version 2017 with fix

13. DataBase dessign review samples 

14. SQL Review


15.- Sample to upload files to the server. Useful for images, profiles, etc.
       Theory explained in w3schools.com 

16.- D-Book Page 437: creation of a Form class. Use it to extend your Table class. Optionally you can use it in your php practical
code to call the form class
solution (teacher only)

solution (open)

17. The mySQL Catalog:
exemples

catalog exerc
catalog exerc - sol (teacher only)

18.- Theory variable variables
Sample
Exercise
Solution (teacher only)



problems with accents and Spanish/Catalan characters:
info: web with the explanation
Summary that in my case works:
Just add this line after the DB connection.
$kk = $conexion->query("SET NAMES 'utf8'");


19.- Filters in PHP 
Note: You will see that it uses === to compare. It gives true if both sides have the same value and both data types are also the same.
Complete filter reference

20.- Error Handling The default error handling in PHP is very simple. An error
                                   message with filename, line number and a message describing
                                   the error is sent to the browser.

21.-  Exception Handling - Exceptions are used to change the normal flow of a script if
                                            a specified error occurs.
        HF-Book page 719 also covers Exceptions.

kk



Khan Academ: how internet works videos

 21.- Dessign patterns
Five common PHP dessign patterns
Sample Code
Dessign pattern Questions
solution (Teacher only)

Patters Game
Patterns Sol (teacher)

More info about Dessign Patterns (HF)

---END OF UPDATED MATERIAL FOR COURSE 2017-18--


Study of Web company
artifices.net


Programming at the Server concepts 
1.- Questions about the B Book
solution

10.-  W-Book: form samples 

12.- Table Class exercise 
solution (for the teacher only)


20.- Testing postgreSQL from php
Compare some DBMS: SQLite, MySQL and postgreSQL
ACID DBMS 


Sample php to query a table in postgreSQL
Connect to the teacher's computer and test this script at:
http://192.168.2.192:8080/kico/   (old)





22.- MVC for PHP book : POO y MVC en PHP por Eugenia Bahit 
Sample to create clean HTML file good for designers (page  36)
MVC sample from book (page 36 theory, sample page 42)

Exercise to do

End of the book material

23.- Optional task: try a know website API (Facebook. Twitter, IMDB) and from PHP paint some of the data you can get.
sample about IMDB 

24.- Optional task: download and install the CMS prestashop to build online stores.

25.- Optional task: upload your Library project to a free server. For example to AwardSpace.com

Laravel course 2017


Exemple pressupost ben presentat en formats:
word
drive

2nd Term:

HF Book Servlets

Platform comparison

INDEX:
1.- Programming with J2EE: Servlets and JSPs
2.- IDE Menorca Seminar
3.- Web Services
4.- Introduction to Dependency Injection
5.- .NET overview 

Practicals to be done:
  • Servlets practical with Maps
  • Web Services Practical
  • .NET practical

1.- Programming with J2EE
We are going to follow the theory of the HF-Book (in the Moodle) and do our practicals in Eclipse EE with the application server Tomcat.

chapter 1: Why use Servlets & JSPs: an introduction
chapter 2: Web App Architecture: hig-level overview
chapter 3: mini MVC tutorial: hands-on MVC
chapter 4  GET vs POST and "Idempotent" concept - pages 142-156
chapter 5  Not to be seen but ok to read if you have time 
chapter 6: Session management Mostly pages 260-288
chapter 7: Being a JSP: using JSP mostly pages 315-331
chapter 8: scriptless JSP mostly pages 393-410 (not pages: 388-390)

Remember many things done using Eclipse, not exactly as in the book. 
For example Deploy description or deployment paths!

Chapter 1 is explained by the students, as it is not really new material: 
Each student has to choose one part from the following.

1.-What web servers and clients do. Pag 37-40 
2.-2 min guide to html pag 41-43
3.-what is the http protocol p 44 - 48
4.-anatomy of the Get and post request p. 49-53
5.-Locating web pages with url p 54-57
6.-web seervers, static and dynamic pages p 58-63
7.-servers desmystified p 64-67
8.-jsp is what happened...p 68 
9 -Butlet points pag 69

Chapter 2
Solution exerc pag 74 (teacher only)

Chapter 4 
solucion exerc pag 324 (teacher only)
JPS options summary:
- Java code (scriptlet): <% ...%>
- directive: <%@ ...%>
    a) page <%@ page import= "..."%> 
    ex:  <%@ page import= "foo.*,java.util.*" %>
    b) include
    c) taglib

- expression  <%= ... %>
- declaration <%! ... %>  It can declare attributes and methods from the servlet/JSP class

  Ex1: <%! int count = 0; %>
  Ex2: <%! int doubleCount() {
          count = count*2;
          return count;
          }
      %>


Note not ";" in the directives and expressions, yes in declarations and scriptlets.



Chapter 8: 
 JavaBeans: In computing based on the Java Platform, JavaBeans are classes that encapsulate many objects into a single object (the bean). They have to be classes that are:
- serializable
- have a zero-argument constructor
- allow access to properties using getter and setter methods. They have to follow the standard naming for getters/setters.
- All attributes have to be private.
The name "Bean" was given to encompass this standard, which aims to create reusable software components for Java.
Also explained at the end of pag 286 (HF-Book) 
More info in Spanish

If you don't want Java or the less as possible in a JSP you can:
a) use standard actions 
ex:
<html><body>
<jsp:useBean id=”person” class=”foo.Person” scope=”request” />
Person created by servlet: <jsp:getProperty name=”person” property=”name” />

</body></html>


b) use the Expression Language (EL) HF-Book page 402
ex:
<html><body>
Dog’s name is: ${person.dog.name}
</body></html>

 

Question: 
Can you find a way through the city that crosses each bridge exactly once?

solucion (teacher only)
history (teacher only)

If you liked it you might like:
Entscheidungsproblem
The Entscheidungsproblem asks for an algorithm that takes as input a statement of a first-order logic (possibly with a finite number of axioms beyond the usual axioms of first-order logic) and answers "Yes" or "No" according to whether the statement is universally valid, i.e., valid in every structure satisfying the axioms.
solution

Practicals:
1.1 - Install Eclipse EE and Tomcat
1.2 - Servlet Hello World
1.3 - Showing POST data in a Servlet
1.4 - Calling a Servlet with a link (with and without parameters)  
1.5 - Redirecting to  another page in a Servlet
1.6 - Using Servlets/JSPs, create a main form asking for username/password and:
    1) save the data in cookies to control in other pages that you have logged in
    2) idem with sessions

 You don't need to use a DataBase. Simulate the correct username/password with constants.

 Show the program to the Teacher to mark it as DONE.


Create an Expert System to decide whish is the best sport for you. Develop it using Servlets/JSPs.

Prototype of an expert system in Prolog
The previous file contains information about how to install and use it. It is a way to do the Expert System suggested to be done at class with Servlets/JSP. 
The beginning has comments that explain a bit how to install it in Ubuntu and run it with the Prolog interpreter.


1.7 -  JSP/Servlet list of Exercices

1.8 - JSP/Servlet practical with maps

2.- Sessió de phonegap i cartografia per en Marc Rosés 
You can also reach it going to the "racó del programador de la IDE menorca i selccionar el nou taller de Phonegap.
The missing route documentation is done.
Comments by Marc:
1.- Ens faltava crear la pàgina on mostrar la informació de la ruta òptima, per això no la mostrava. Aneu l'apartat "Routing: WebServices per a càlcul de rutes" i cap al final de tot, és quan crea la pàgina que mostra la informació de la ruta a l'arxiu index.htm (busca "PANTALLA INFO RECORREGUT"). 2.- Per si les mosques, torneu a copiar el codi de l'arxiu "js/routing.js"
  
Instal.lació previa

Resenya de la seva visita

If you want to use Phonegap Build instead of Phonegap, you don't need to install anything.
http://cartografia.cime.es/WebEditor/Pagines/p14.htm
¿Cómo sabe el GPS qué ruta recomendarnos? - El Pais

3.- Web Services

Practical:
Create a Web service Server and its client for a Java application you already have or a simple one you might create quickly.
Agree with someone else in the classroom to test his/her Web Service.

Example: 
If you had a program to exchange between differents degrees units (Celsius, Farenhait and Kelvin)  you could expose it as a Web Service.

Show it to the teacher in your Computer. It does not need to be uploaded to the Moodle.

4.- Dependency Injection Introduction

5.- .NET overview
At the Moodle you can see resources about it: The "B-Book"
Platform comparison2 (php vs .NET)

Questions about the previous article 
solution (teacher only)

Install from here Visual Studio. Use the default installation

How to create a Login website


Web service in .Net/VB:


Creating a Web Service


Task: Using the previous document, create a Web Service in asp.Net. Something simple can be ok, like the example that translates betweeen different kinds of degrees.
Then publish it and connect to it developing a client using J2EE technology. Remember: wsimport, and using the downloaded classes find the way to access to the exposed methods.


Connect to teachers WS for Degrees conversions:

http://192.168.2.183:50340/WebService1.asmx?WSDL

visor web
http://192.168.2.183:50340/WebService1.asmx



How to create a complete Solution in .Net (Microsoft seminar)


English tasks:
1.- Six Minutes English
2.- Linus Torvalds exercise 
3.- Steve Jobs video and questions


HF-code

Comments