Web Application Development (ODAW)

Web Application Development (ODAW) covers the history and fundamental concepts related to the Internet and the Web. The course aims to equip students with knowledge of technologies and the development of a complete prototype environment/application.

The syllabus explores everything from static to dynamic design (with database access), combining user-oriented development with vital concepts of Accessibility, Usability, Responsive Design, and Web Security.

🗺️ Course Roadmap

Practical topics and content covered during the semester:

• Introduction and Evolution: Basic Internet concepts, Web evolution, and Internet of Things (IoT).
• Structuring and Markup (HTML & HTML5):
  • Lists, Tables, and Forms.
  • Semantic Tags, Media (Audio/Video), and Graphic Elements (Canvas, SVG).
• Presentation and Styling (CSS & CSS3):
  • Styles (Inline, Internal, and External).
  • Templates, RWD Frameworks (Bootstrap, W3.CSS, Pure CSS).
  • Flexbox and Grid Layout.
• Client-Side Programming (JavaScript):
  • Logic, events, DOM manipulation.
  • Form validations (RegExp, mathematical logic).
• Server-Side Programming (Modern PHP):
  • Server Configuration (Apache + PHP + MySQL).
  • GET/POST Processing, Sessions, and Cookies.
  • Authentication and Cryptography.
• Database Integration
• Research and New Technologies (Seminars): Emerging tools, Frameworks, and Architectures.
• Final Project: Development and implementation of a robust Web application.

🛠️ Materials and Tools

General information for classes and environment setup.

📌 Basic Information

• 🕒 Classes: Tuesdays and Thursdays, 15:20
• 📍 Location: Lab F307
• 🌐 Platform: Moodle UDESC

💻 Development Environment and Study Base

• 📚 W3Schools: Main documentation reference (HTML, CSS, JS, PHP).
• ⚙️ Local Setup: Installation of the base stack Apache + PHP + MySQL (Linux Ubuntu or Windows).

📚 General Content and Practical Exercises

The course follows a practical format where the student chooses a Central Theme (e.g., Car Rental, Car Dealership, Forum, Books) and applies all learned technologies in a cumulative project spanning 10 exercises.

📄 1. Basic Structuring (HTML)

• Exercises 1 to 3: Creation of the initial HTML structure with text, images, and links insertion. Progression to building Lists, Tables, and Forms, concluding with the integration of advanced HTML5 markup (Semantics, Audio/Video, Canvas).

🎨 2. Design and Layout (CSS)

• Exercises 4 to 6: Introduction to standard styling. Implementation of new classes/ids using external, internal, and inline styles. Consolidation of complex layouts with the aid of Templates or RWD Frameworks (Bootstrap, W3.CSS).

⚡ 3. Interactivity and Dynamism (JavaScript)

• Exercises 7 and 8: Implementations of DOM manipulation. Exercises covering interactions (alerts, text boxes), logical structures, string/array/date manipulation, and robust form data validation (using Regular Expressions).

⚙️ 4. Business Rules and Backend (PHP)

• Exercises 9 and 10: Initial backend setup. Use of functions for string/array manipulation, file-based (.txt) counter management, access control with Cookies and Sessions. Extensive form processing (GET and POST) concluding with Authentication, Server-side Validation, and Cryptography.

🗣️ Seminars and Emerging Technologies (Assignment 1)

To complement the course, students develop extended abstracts and research on key technologies adopted in the web industry:

👩‍🏫 About the Professor

👤 Prof. Dr. Débora Cabral Nazario 📧 Contact: debora.nazario@udesc.br 🔗 Lattes: View Lattes Curriculum 🏢 Department: Computer Science (CCT-DCC)

Academic Background:

• 🎓 B.S. in Computer Science (UFSC, 2001)
• 🎓 M.Sc. in Computer Science (UFSC, 2003)
• 🎓 Ph.D. in Knowledge Engineering and Management (UFSC, 2015)

She is currently a tenured professor at the Universidade do Estado de Santa Catarina (UDESC), working at the institution since 2004.