name: inverse layout: true class: center, middle, inverse .indexlink[[<i class="fa fa-arrow-circle-up"></i>](#) [<i class="fa fa-list-ul"></i>](#index) <a href="#" class="color"><i class="fa fa-tint"></i></a>] --- name: top layout: true class: top, left .indexlink[[<i class="fa fa-arrow-circle-up"></i>](#) [<i class="fa fa-list-ul"></i>](#index) <a href="#" class="color"><i class="fa fa-tint"></i></a>] --- name: normal layout: true class: left, middle .indexlink[[<i class="fa fa-arrow-circle-up"></i>](#) [<i class="fa fa-list-ul"></i>](#index) <a href="#" class="color"><i class="fa fa-tint"></i></a>] --- name: presentation template:inverse # Course Presentation ## ESIN Gonçalo Gonçalves [gflcg@fe.up.pt](mailto:gflcg@fe.up.pt) --- template: top <!-- # Learning Outcomes After completing this course you should be able to: * Design a **relational database** * Make **SQL** queries to relational databases * Create and validate **HTML 5** documents * Layout HTML 5 documents using **CSS** * Create an **information system** implemented as a dynamic **web application** using PHP and relational databases * Use **Git** to manage source code versions and work efficiently in a team * Deploy your web application using **Docker** --> # Course Content * UML conceptual model * Information systems modelling * Classes, Associations and Attributes * Relational model * Conversion from the UML conceptual model to the relational model * Relations and constraints * The SQL language * Database definition, querying and manipulation * The SQLite Database management system * Web information systems * Client-side Web languages * Web page structure using HTML * Web page design using CSS * Server-side Web language: PHP * Basic features of the Docker container management system --- # Evaluation <br><br> To obtain a passing grade, you must: * Complete and present the **Project**, obtaining a minimum final grade of 8 (out of 20) * Get a minimum grade of 8 (out of 20) on the written **Exam** Calculation of the final grade: 0.5 \* **Project** + 0.5 \* **Exam** --- # Project <br> Implementation of a website using SQL, HTML, CSS and PHP. <br><br> <table style="margin: 0 auto;border: none; border-collapse:collapse"> <thead> <th>Stage</th> <th>Evaluation</th> </thead> <tr> <td>1. Group Formation</td> <td style="text-align: center">-</td> </tr> <tr> <td>2. Topic Choice</td> <td style="text-align: center">-</td> </tr> <tr> <td>3. First Delivery</td> <td style="text-align: center">30%</td> </tr> <tr> <td>4. Second Delivery</td> <td rowspan=2 style="text-align: center">70%</td> </tr> <tr> <td>5. Presentation</td> </tr> </table> --- # Project <br><br> <img src="../img/project/overview.png" width="100%"/> --- # Bibliography ## Main * Michal Zalewski; *The tangled Web*. ISBN: 978-1-59327-388-0 * Jakob Nielsen; *Designing web usability*. ISBN: 1-56205-810-X * Jeffrey D. Ullman, Jennifer Widom; *A First Course in Database Systems*. ISBN: 0-13-8687647-9 * Provided Slides ## Complementary * Adrian Mouat; *Using Docker: Developing and Deploying Software with Containers*. ISBN: 978-1-49191-576-9 <!-- * Jon Loeliger, Matthew McCullough; *Version Control with Git, 2nd Edition*. ISBN: 978-1-44931-638-9 --> * Lots of Web resources and tutorials!