UNIVERSITAS MEDAN AREAFAKULTAS TEKNIKPROGRAM STUDI TEKNIK INFORMATIKA

RENCANA PEMBELAJARAN SEMESTERMATA KULIAH (MK) KODE BOBOT (sks) SEMESTER Tgl. PenyusunanAPLIKASI MOBILE TIF16035 3 SKS V 20 Agustus 2018Pengembang RPS Koordinator RMK Ketua PRODIProgram Studi Teknik Informatika Rizki Muliono, S.Kom, M.Kom Juanda Hakim Lubis, ST, M.KomCapaian Pembelajaran (CP)

CPL-PRODIDiisi dengan CPL prodi yang dibebankan pada mataa kuliah, dilengkapi dengan kode sesuai dengan komponen dikti (S, PP,KU,KK)

1. Bekerja sama dan memiliki kepekaan sosial serta kepedulian terhadap masyarakat dan lingkungan (S-6)2. Memahami berbagai konsep dasar dan utama dari perancangan interaksi ().3. Menunjukkan sikap bertanggungjawab atas pekerjaan di bidang keahliannya secara mandiri (S-9)4. Mengetahui best practice pembuatan perancangan interaksi untuk aplikasi dengan berbagai platform ().5. Mampu menunjukkan kinerja mandiri, bermutu, dan terukur (KU-2)6. Mampu mengambil keputusan secara tepat dalam konteks penyelesaian masalah di bidang keahliannya,

berdasarkan hasil analisis informasi dan data (KU-5)7. Mampu membuat desain untuk sebuah aplikasi dengan mengikuti konsep alur hidup perancangan interaksi ().

CP-MK merupakan uraian spesifik dari CPL-Prodi yang berkaitan dengan mata kuliah.

Mahasiswa mampu memahami dan menerangkan teknologi-teknologi mobile dengan bahasa sendiri, menganalisa kebutuhan organisasi/perusahaan sehingga dapat membuat aplikasi berbasis mobile khususnya dengan jQuery Mobile interaktif dan terintegrasi yang dapat membantu/solusi organisasi/perusahaan di bidang manufaktur, jasa, sosial dan pendidikan, baik dengan kinerja individu maupun secara berkelompok dalam kerjasama tim.

Diskripsi Singkat MK Mata kuliah ini secara umum mempelajari pengetahuan mengenai perancangan aplikasi dengan menggunakan bahasa pemrograman javascript dengan framework jQuery Mobile, membuat aplikasi secara intaraktif baik desain dan responsibility serta terintegrasi dengan menggunakan Jquery API.

Dosen pengampu Rizki Muliono, S.Kom, M.KomMatakuliah syarat Rekayasa Peanagkat Lunak, database, Interaksi Manusia Komputer

Gambar : Analisis Instruksional mata kuliah Interaksi Manusia dan Komputer (IMK)(Sub-CPMK yang terdapat pada setiap kotak pada gambar diatas ditulis kembali pada kolom)

Minggu Ke-

Kemampuan Akhir yang Direncanakan

Bahan Kajian Metode Pembelajaran

Waktu Pengalaman Belajar Mahasiswa

Kriteria Penilaian dan Indikator Bobot Nilai

(1) (2) (3) (4) (5) (6) (7) (8)1 Mampu menjelaskan

bagaimana konsep dan struktur javascript pada framework jQuery Mobile.

Kontrak Kuliah Downloading jQuery Deciding on the version

of jQuery to use Setting up jQuery in an

HTML document Adding our jQuery code jQuery Fundamentals Selecting HTML elements Managing events and

functions Waiting for documents

to be ready Applying special effects Using Ajax Wrapping Up

CtLDL

1x150’ Menit

Indikator : Mahasiswa mampu

menjelaskan konsep dan struktur pada framework jquery mobile

Kriteria penilaian:Ketepatan menjelaskanPenilaian bentuk non-test :Referensi baru jquery mobile

5%

2-3 Mampu mengimplemntasikan perancangan Navigating with Headers, Toolbars, Menu and Tab Bars pada desain aplikasi mobile.

Creating Header Bars Adding Buttons to

Headers Adding a Back Button to

the Header Rolling Your Own

Headers Creating Footer Bars! Adding Buttons to

Footers Adding Navbars! Highlighting Items in

Navbars Adding More Than Five

Links to Navbars Adding Icons to Navbar

CtLSDLRPS

2x150’ Menit

Tugas 1 :Membuat desain aplikasi dari mockup ke aplikasi nyata, desain menu dan navigation(2x60 menit)

Indikator : Mahasiswa mampu membuat

rancangan aplikasi desain navigasi menu dan toolbar

Kriteria penilaian:ketepatan dan sistematika desain dan rancanganPenilaian bentuk non-test :Print screen dan kode

10%

Minggu Ke-

Kemampuan Akhir yang Direncanakan

Bahan Kajian Metode Pembelajaran

Waktu Pengalaman Belajar Mahasiswa

Kriteria Penilaian dan Indikator Bobot Nilai

(1) (2) (3) (4) (5) (6) (7) (8)Buttons

Positioning Toolbars, Inline Positioning, Fixed Positioning, Fullscreen Positioning

Creating Persistent Footers, Summary

4-5 Mampu membuat implemntasui rancangan Form Elements and Buttons kedalam aplikasi mobile

Regular Forms vs. jQuery Mobile Forms

Creating a Basic Form in jQuery Mobile

Adding Text, Password and Textarea Inputs

Adding HTML5 Inputs Adding Search Boxes Adding Range Sliders Adding Toggle Switches Adding Radio Button Adding Checkboxes Adding Select Menus Button Control and icons

CtLSDLRPSPjBL

2x150’ Menit

Tugas 2 :Membuat desain aplikasi dari mockup ke aplikasi nyata, desain form dan tombol yg interaktif(2x60 menit)

Indikator : Ketepatan membuat rancangan

form dan tombolKriteria penilaian:ketepatan dan sistematika rancangan form dan tonbolPenilaian bentuk non-test :Print screen running aplikasi

10%

6 - 7 Mampu memrancang bentuk List View didalam aplikasi mobile

Basic List View Advanced List Views,

Updating a List View Creating a List of Links Inset Lists Adding List Dividers Nested Lists Formatting List Content Adding Count Bubbles Adding Thumbnails and

Icons

CtLSDLRPSPjBL

2x150’ Menit

Tugas 3 :Membuat desain aplikasi dari mockup ke aplikasi nyata, desain listview data aplikasi jual beli(2x60 menit)

Indikator :Ketepatan membuat dan menampilkan data dengan data listview dengan format yang sesuaiKriteria penilaian:ketepatan dan sistematikaPenilaian bentuk non-test :Print screen running aplikasi

10%

Minggu Ke-

Kemampuan Akhir yang Direncanakan

Bahan Kajian Metode Pembelajaran

Waktu Pengalaman Belajar Mahasiswa

Kriteria Penilaian dan Indikator Bobot Nilai

(1) (2) (3) (4) (5) (6) (7) (8) Split-Button Lists Adding Search Filtering

8 UJIAN TENGAH SEMESTER (UTS)9 Mambu desain layout

apikasi menggunakan Formatting Content with Grids and CSS Gradients

Grid layout, template Two colum grid Three, four, five-Column

Grid with CSS Enhancements an icons emoji

Multi row grid Uneven grid

CtLSDLRPSPjBL

1x150’ Menit

Tugas 4 :Membuat desain aplikasi dari mockup ke aplikasi nyata, desain layout(2x60 menit)

Indikator : Ketepatan membuat susunan grid

dan layoutKriteria Penilaian:ketepatan dan sistematikaPenilaian bentuk non-test :Print screen layout

10%

10 Mampu membuat implentasi desain dan customing Thema warna pada aplikasi mobile, dengan settingan.

Themes and Swatches Under The Hood:

Customizing a Swatch Theming List View

Elements Theme basic Theme default Theme inheritance Theme precendence Custom theme Theme roller Swact and global setting

CtLSDLPjBL

1x150’ Menit

Tugas 5 :Membuat desain setting thema dan setting aplikasi sendiri(2x60 menit)

Indikator : Ketepatan dan kesesuaian dari

rancangan swatches themeKriteria Penilaian:ketepatan dan sistematikaPenilaian bentuk non-test :Printscreen layout

10%

11, 12 & 13

Mampu meimplentasikan dan integrasi dengan databse dengan jQuery Mobile API untuk menejemen data

Working with jQuery Mobile Events

The pageremove Event The Order of Page Events Initializing Dynamic

Markup: The create Event

Altering Page Layout: The updatelayout Event

CtLSGDPjBLRPS

Presentasi

3x150’ Menit

Tugas 6 :Membuat desain aplikasi dari mockup ke aplikasi nyata, menampilkan data dari database ke aplikasi mobile.(2x60 menit)

Indikator : Ketepatan membuat tampilan data

dari database ke mobile aplikasiKriteria Penilaian:ketepatan dan sistematikaPenilaian bentuk non-test :Running Aplikasi dan source code

30%

Minggu Ke-

Kemampuan Akhir yang Direncanakan

Bahan Kajian Metode Pembelajaran

Waktu Pengalaman Belajar Mahasiswa

Kriteria Penilaian dan Indikator Bobot Nilai

(1) (2) (3) (4) (5) (6) (7) (8) The

animationComplete() Method

Using jQuery Mobile Methods and Properties

Dynamically Updating Page Elements with refresh

Manipulating Form Elements

Displaying Pages with changePage()

Preloading Pages with loadPage()

Working with Element Data

Triggering the Loading Message

Utility Methods for Working with URL

Silent Scrolling Using the activePage

Property Selecting Elements for

Enhancement14 Memahami konsep

Service Integration Strategies dan implementasinya ke dalam aplikasi serta sistem bisnis

Client-side Integration with RESTful Services

Client-side Twitter Integration with Ajax

Client-side Form POST with Ajax

Server-side Integration

SGDRPS

Presentasi

1x150’ Menit

Tugas 7 : Mahasiswa membuat intrgrasi data pada Aplikasi mobile(2x60 menit)

Indikator : Ketepatan dalam merancang

integrasi sitem aplikasi mobileKriteria Penilaian:ketepatan dan sistematikaPenilaian bentuk non-test :Runtest dan konsep aplikasi

10%

Minggu Ke-

Kemampuan Akhir yang Direncanakan

Bahan Kajian Metode Pembelajaran

Waktu Pengalaman Belajar Mahasiswa

Kriteria Penilaian dan Indikator Bobot Nilai

(1) (2) (3) (4) (5) (6) (7) (8)and Form POST with MVC

Server-side Data Access with MVC

Google Maps Integration

15 Mampu membuat aplikasi mobile interaktif dengan PhoneGap

Running jQuery Mobile as an iOS App

Running jQuery Mobile as an Android App

Open App Market

SGDRPS

Presentasi

1x150’ Menit

Indikator :Kriteria Penilaian:ketepatan dan sistematikaPenilaian bentuk non-test :

5%

16 UJIAN AKHIR SEMESTER (UAS)

Referensi :1. Jonathan Chaffer & Karl Swedberg. Learning jQuery Fourth Edition : Better interaction, design, and web development with simple JavaScript techniques. 2013.2. Brad Broulik. Pro Jquery Mobile. Apress. 20113. Matt Doyle. Master Mobile Web Apps with jQuery Mobile (Second Edition). Elated books. 20114. KrisHadlock. jQuery Mobile Develop and Design. Peachpit Press. 2012

Jon Reid. Jquery Mobile. O’Reilly Media. 2011.

Catatan :

1. Capaian Pembelajaran Lulusan PRODI (CPL-PRODI) adalah kemampuan yang dimiliki oleh setiap lulusan PRODI yang merupakan internalisasi dari sikap (S), penguasaan pengetahuan (PP), ketrampilan umum (KU) dan ketrampilan khusus (KK) sesuai dengan jenjang prodinya yang diperoleh melalui proses pembelajaran.

2. CP Mata kuliah (CPMK) adalah kemampuan yang dijabarkan secara spesifik dari CPL yang dibebankan pada mata kuliah, dan bersifat spesifik terhadap bahan kajian atau materi pembelajaran mata kuliah tersebut.

3. Kemampuan akhir yang diharapkan (Sub-CPMK) adalah kemampuan yang dijabarkan secara spesifik dari CPMK yang dapat diukur atau diamati dan merupakan kemampuan akhir yang direncanakan pada tiap tahap pembelajaran, dan bersifat spesifik terhadap materi pembelajaran mata kuliah tersebut (diambil dari setiap pertemuan pada bagan analisis instruksional).

Pengertian 1 sks dalam bentuk pembelajaran Jam

a Kuliah, Responsi, Tutorial

Tatap Muka Penugasan Terstruktur Belajara Mandiri

50 menit/minggu/semester

60 menit/minggu/semester

60 menit/minggu/semester

2,83

b Seminar atau bentuk pembelajaran lain yang sejenis

Tatap muka Belajar mandiri

100 menit/minggu/semester 70 menit/minggu/semester 2,83

c Praktikum, praktik studio, praktik bengkel, praktik lapangan, penelitian, pengabdian kepada masyarakat, dan/atau bentuk pembelajaran lain yang setara

170 menit/minggu/semester 2,83

No Metode Pembelajaran Mahasiswa Kode1 Small Group Discussion SGD2 Role-Play & Simulation RPS3 Discovery Learning DL4 Self-Directed Learning SDL5 Cooperative Learning CoL6 Collaborative Learning CbL7 Contextual Learning CtL8 Project Based Learning PjBL9 Problem Based Learning & Inquiry PBL

10 Atau metode pembelajaran lain, yang dapat secara efektif memfasilitasi pemenuhan capaian pembelajaran lulusan.