|
Module/Course Title: Web Technology
|
|
Module course code
KOMS120306
|
Student Workload
119 hours
|
Credits
3 / 4.5 ETCS
|
Semester
3
|
Frequency
Odd Semester
|
Duration
16
|
|
1
|
Type
of course
Core Study Courses
|
Contact
hours
47.50 hours of face-to-face (theoretical) class activity
25.50 hours of lab activities
|
Independent
Study
42 hours of independent activity
21 hours of structured activities
|
Class Size
30
|
|
2
|
Prerequisites
for participation (if applicable)
-
|
|
3
|
Learning Outcomes
- Students can demonstrate systematic thinking in selecting information technology architecture
- Students can analyze information technology infrastructure requirements
- Students can design information technology infrastructure solutions
- Students are able to apply the concept of designing an attractive user interface and according to design thinking method
- Students are able to apply concepts of user interface design in constructing user interfaces based on HTML and CSS
- Students are able to use the concept of front end programming in interactive website programming
- Students are able to implement backend programming consept to create web-based application
- Students are able to apply effective methods in website development
- Students are able describe knowledge about web hosting providers and domain registration, and able to deploy a website and manage DNS settings
- Students are able to apply ORM consept to create web apps using Laravel Framework, likes Eloquent library, Query Builder, and pagination in Laravel for data management
- Students are able apply the best practices for securing web applications and handling user authentication
- Students are able to apply REST API to create an API and use this to consume and integrate external APIs into web applications
- Students are able to apply SPA concepts to develop dynamic and interactive web applications using a framework
- Students are able to apply Web Testing and Debugging scenario
- Students are able to apply the knowledge and skills gained throughout the course to develop a SPA web-based project
|
|
4
|
Subject aims/Content
This course focuses on the fundamental concepts and skills required for designing, developing, deploying web-based applications and their development environment. It covers various aspects of web technologies, including front-end development, back-end development, web server administration, also system integration. The course may also include practical exercises, projects, and case studies to reinforce the concepts learned and provide hands-on experience in developing web applications. Study Material
Information System Introduction
- Semester Lesson Plan, College contract
- Information System Concept
- Information system goals
- Types of information systems
Web Development Environment
- Website Development Basics
- Website Development Environment
- User Needs Analysis & Determination of Program Specifications
- System Design
Website Interface Design
- Inteface User Design
- HTML
- CSS
- Responsive Web Design
Front End Programming
- JavaScript Statements
- JavaScript Operators
- JavaScript Data Types
- JavaScript Functions
- JavaScript Objects
- JavaScript Events
- JavaScript Conditions
- jQuery Event
- jQuery HTML
- jQuery AJAX
Back End Programming
- Database Programming
- PHP Programming
- Apache Installation
Native CRUD
- Relational Databases
- Create, read, update, and delete data
- User Authentication
Web Hosting and Domain Management
- Deployment Method
- Deployment Tools
- Search Engine Optimation
MIDTERM TEST
CRUD Laravel Basic
- Object Relational Mapping Concepts
- Framework CSS
- Templating
- Eloquent
- Query Builder
- Pagination
- Form Validation
- Route
- Create, Read, Update, dan Delete Data
Web Security
- User Authentication and Authorization
- Session and Cookies
- Role Based Access
- Laravel Auth
Web APIs and RESTful Services
- Application Programming Interface
- HTTP Basic Concepts
- HTTP Method
- JSON Data
- REST API
- JSON Web Token
- Library Auth Sanctum
- Create API for Read Update and Delete data
Frontend Frameworks
- Single Page Application (SPA)
- Introduction Javascript Frontend
- Learn VueJS
Web Testing and Debugging
- Principles of web accessibility and inclusive design
- Testing and debugging in web development
- Various testing frameworks and tools for frontend and backend
Final Project and Portfolio Development
Final Project
|
|
5
|
Teaching methods
Synchronous:
Face-to-face lectures and discussions
Asynchronous:
Undiksha e-learning and discussion forum
|
|
6
|
Assesment Methods
Attendance and Participation
|
|
7
|
This module/course is used in the following study programme/s as well
Computer Science Study Programme
|
|
8
|
Responsibility for module/course
- Ketut Agus Seputra, S.ST.,M.T.
- NIDN : 0015089006
|
|
9
|
Other Information
Book:
- Handout
- Chimero, Frank. “HE SHAPE OF DESIGN”. online https://shapeofdesignbook.com/
- Patrick J. Lynch, Sarah Horton. “Web Style Guide”. online https://www.webstyleguide.com/wsg3/1-process/index.html
- Boulton, Mark. “Designing for the Web”. online https://designingfortheweb.co.uk/
- Sari, Ani Oktarini dkk. “Web Programming”. 2019. Graha Ilmu Jakarta
Article:
- LJE Dewi, I Wijaya, KA Seputra. 2021."Web-based Buleleng regency agriculture product information system development". Journal of Physics: Conference Series, 2021
- KA Seputra, LJE Dewi, 2021. "A Design of Patient Registration Apps using Flutter, Laravel and, Vue JS,". IConVET 2021
Documentation Website:
- W3schools. “HTML Tutorial”. Online https://www.w3schools.com/html/default.asp
- W3schools. “JavaScript Tutorial”. Online https://www.w3schools.com/js/default.asp
- W3schools. “jQuery Tutorial”. Online https://www.w3schools.com/jquery/default.asp
- W3schools. “PHP Tutorial”. Online https://www.w3schools.com/php/default.asp
- TailwindCSS. “Getting started with Tailwind CSS”. Online https://tailwindcss.com/docs
- Laravel. “Installation”. Online https://laravel.com/docs/8.x/installation
|