Youtube Facebook Instagram

Detail Mata kuliah

Mobile and Web Programming

SIF121117
Home Mata Kuliah Mobile and Web Programming

Mobile and Web Programming

Deskripsi Mata Kuliah

Mata kuliah ini membekali mahasiswa dengan kemampuan untuk merancang dan membangun aplikasi berbasis web dan mobile secara responsif dan interaktif dengan pendekatan full-stack development. Mahasiswa akan memahami dasar-dasar HTML, CSS, JavaScript, framework web modern (seperti React), serta pengembangan aplikasi mobile lintas platform (seperti Flutter). Penekanan diberikan pada desain antarmuka pengguna, integrasi API, serta deployment aplikasi.

Pokok Bahasan

  • Dasar Pemrograman Web
    _x000D_
    HTML, CSS, JavaScript, struktur halaman, prinsip responsivitas.
    JavaScript Lanjut dan DOM Manipulation
    _x000D_
    Event handling, DOM traversal, fetch API.
    Front-End Framework (React.js)
    _x000D_
    Komponen, props, state management, React Router, hooks.
    Back-End Dasar & API Integration
    _x000D_
    Konsumsi REST API, data asynchronous, Axios.
    Dasar Pengembangan Aplikasi Mobile (Flutter)
    _x000D_
    Widget, struktur proyek Flutter, state management, navigasi.
    Integrasi Layanan Cloud (Firebase)
    _x000D_
    Autentikasi pengguna, database real-time, pengelolaan user.
    Deployment dan CI/CD
    _x000D_
    Deploy aplikasi web ke Vercel/Netlify, build APK mobile, pengujian.
    Project Akhir Aplikasi Fullstack Web dan Mobile
    _x000D_
    Desain, pengembangan, testing, dokumentasi, dan presentasi aplikasi.

    • Pustaka

    1. Duckett, J. (2011). HTML and CSS: Design and Build Websites. Wiley.
    2. Flanagan, D. (2020). JavaScript: The Definitive Guide (7th ed.). O’Reilly Media.
    3. Purdy, A. (2021). Learning React: Modern Patterns for Developing React Apps (3rd ed.). O’Reilly Media.
    4. Flutter Team. (2023). Flutter Documentation. https://flutter.dev
    5. Firebase Docs. (2023). Firebase Authentication Documentation. https://firebase.google.com
    6. Vercel Docs. (2023). Deployment and Hosting Guide. https://vercel.com/docs

    • Media Pembelajaran

    LMS (Learning Management System)_x000D_
    Moodle/Google Classroom untuk distribusi materi dan tugas_x000D_
    _x000D_
    _x000D_
    I
    DE    _x000D_
    Visual Studio Code (untuk web), Android Studio/VS Code (untuk Flutter)_x000D_

    _x000D_
    _x000D_
    Framework & Library_x000D_
    React.js, Flutter SDK, Firebase, Axios_x000D_

    _x000D_
    _x000D_
    Online Tools_x000D_
    Figma (UI/UX desain), Postman (uji API), Vercel/Netlify (deployment)_x000D_

    _x000D_
    _x000D_
    Buku dan Dokumentasi Digital_x000D_
    Dokumentasi resmi Flutter, React, Firebase, MDN Web Docs_x000D_
    _x000D_
    _x000D_
    Perangkat Keras_x000D_
    Laptop/PC, koneksi internet stabil_x000D_

    _x000D_
    _x000D_
    Simulasi Emulator_x000D_
    Android Emulator untuk testing aplikasi mobile_x000D_
    _x000D_

    Level Mata Kuliah:

    Koordinator Mata Kuliah:

    -

    Jumlah SKS:

    4

    Prasyarat Mata Kuliah:

    -

    Metode Pembelajaran:

    Metode Penilaian:

    Mata Kuliah MBKM:

    Mata kuliah ini tidak termasuk program MBKM.

    UIN Sunan Ampel Surabaya

    Smart, Pious, Honourable Nation

    Kampus Ahmad Yani

    Jl. Ahmad Yani No.117, Jemur Wonosari, Kec. Wonocolo, Surabaya

    Kampus Gunung Anyar

    Jl. Ahmad Yani No.117, Jemur Wonosari, Kec. Wonocolo, Surabaya