Berikut contoh halaman web
Category Archives: TIK & Informatika
Praktik Lintas Bidang TA 2023-2024
Untuk PLB kali ini siswa merancang projek untuk membuat aplikasi atau game menggunakan python atau scratch atau program lainnya. Tahapan pembuatan produk mengikuti proses desain rekayasa atau Engineering Design Process (EDP).
Materi meliputi:
- Berpikir komputasional
- Algoritma Pemrograman
- Dampak Sosial Informatika
Topik profesi di bidang informatika direlasikan dengan peran tugas dan tanggung jawab setiap anggota kelompok dalam projek. Profesi dari setiap anggota kelompok untuk projek dibagi menjadi:
- Web programmer/developer
- apps/game programmer
- content writer
- web designer (desainer web) / graphic designer
Berikut tugas siswa dalam format pengumpulan link gdrive
Kelas X A: klik di sini.
Kelas X B: Klik di sini.
Kelas X C: klik di sini.
Kelas X D: klik di sini.
Kelas X E: klik di sini.
Kelas X F: klik di sini.
Kelas X G: klik di sini.
Kelas X H: klik di sini.
Berikut pengumpulan tugas dalam format nama domain.
Kelas X A
Kelas X B
Kelas X C
- Nusantara Odyssey *
- Mathematic Adventure
- Wellnesswave *
- From the Heart *
- Animal Kingdom
- Batik Chase *
- CatchFruit *
- TemperaturConvert * (js)
- Recycle*
Kelas X D
Kelas X E
- Kelompok 3 *
- Kelompok 5 *
- Kelompok 7 *
- Kelompok 8
- Kelompok 6 *
- Kelompok 2 *
- Kelompok 4 *
- Kelompok 9 *
Kelas X F
- TicTacToe * atau ini
- Cappie * atau ini
- 2Dolist*
- MythologiStory*
- CreativeZone *
- Lifeys
- TetrisCemoy*
- CookLos ?
- 3D Snake
Kelas X G
- Damkar *
- Space Voyage *
- BehindNFS *
- Protecting-the-environment *
- No-Drugs *
- Ceiluragreen *
- Digital-Welness-Academy*
- Age-Calculator *
Kelas X H
- Tifarel dkk *
- Revolver * (js)
- Go Ride *
- Rup * (js)
- Sunnymatics *
- JollyCritter *
- KucingG*
- Eco Friend
- Pamungkas
Praktik Lintas Bidang
Berikut adalah proyek untuk di bab Praktik Lintas Bidang mapel Informatika kelas X. PLB ini dilakukan dalam 1 semester, yaitu semester genap. Materi yang digabung dalam PLB ini adalah: DSI, JKI, dan Analisis Data. Setiap tahapan pertemuan dapat dilihat dalam halaman Proses Desain di halaman situs karya siswa.
Ini adalah tugas kelompok. Setiap kelompok terdiri dari 4 orang. Setiap kelompok memilih salah satu dari 17 tujuan SDG. Kemudian mereka menguraikan tujuan besar tadi menjadi tujuan yang lebih kecil untuk mendapatkan solusi yang efektif. Di sini, sebenarnya anak sudah mempraktikkan 4 pilar dari Berpikir Komputasional, yaitu Dekomposisi. Sebagai contoh: Ekosistem Laut. Ekosistem laut mempunyai banyak masalah, antara lain penangkapan ikan secara berlebihan, pencemaran laut, dan lain-lain.
Setiap anak di dalam kelompok akan membangun webnya sendiri. Namun mereka berdiskusi dan bekerjasama untuk menentukan logo dan filosofi logo, mencari tahu masalah-masalah yang ada pada tema yang telah dipilih. Selain itu, sesama anggota kelompok dapat saling belajar dengan kawan lainnya jika mereka kesulitan dalam proses pembuatan web dan aplikasi.
catatan: bertanda bintang adalah halaman web yang lengkap dan memenuhi persyaratan.
Berikut adalah alamat web karya siswa kelas X
Kelas X A
- Adinda Pramudya
- Aghniya Kamila
- Alfredo
- Angela R Purba
- Anindia Shafa M
- Celine Natio Lumbanraja
- Cynthia Annabele Manurung *
- Febriyan Hendriadi
- Febriyan Hendriadi
- Gwenndolynn Esther
- Ibnu Tri Prasetyo
- Imelda – ap
- Jacob
- Jessica Merry
- Josua
- Kayla Kirana A
- Kelvin Andhra
- Klemens – ap
- Leevaldo – ap
- Maira Lisa
- Marco – ap
- Marvel Jonathan
- M Aziz
- Muhammad Rayhan Pasha Nuruddin
- Narisha Tirtha
- Nazwa
- Otniel – ap
- Patricia Parsaulian S
- Putri Annisaa
- Rachel B
- radhitya rizal
- Ridho Riz Qisto Sussly
- Sandi Azizzul Fa’iq
- Sharen – ap
- Siti Syalma Zhafira **
- Velma Valda Viona, *
Kelas X B
- Abimanyu reksa bima
- Aditia rafa firmansyah
- Aisyah Ainur Risa
- Allea Anica Hadi
- Amelia – ap (GS)
- Anita Sarah
- Ariani Catur – ap (GS)
- Bintang Indra Saputra
- Cut Danya Tiarani – ap (GS)
- Delin Febriani
- Ega rahmansyah
- Fajar Dwi Putra
- Hafina Ghassani Latifa
- Jasmine Aisha Rahmalia
- Jasmine Syafia
- Kayla Annisa Setyanti *
- Lita Marsya Rosita
- Marsha Amirah
- Muhamad zidane putra sarif
- Muhammad Fikri Fauzan Naufal Aziz
- Muhammad khadafi firdaus
- Muhammad Ridho Rachmani
- Mustofa fauzan – ap (GS)
- Nadia farasya
- Raffa
- Rara Audya Sembadra *
- Riedha Zahra Agustina *
- Rifka Amalia *
- Salsa Bila Agustin Putri
- Saskia Faradilla Raya *
- Syahrani Aflie Deshiria
- Syaqela Nadya Shafwa *
- Yudha Dwi Prastyo
- Zulfa Meilani Zahroh
- Marasabessy muammar
- Refa Diah Ramadhani
Kelas X C
- Achmad Fadilah
- Afreeda Ayesha Azeen
- Amira Ayu Noviyanti
- Ardiansah Putra
- Areta Cathabella
- Ariq Mumtaz *
- Aryo Belva Maheswara
- Bagas Akbar Fadlillah *
- Cut Anindya Tabina
- Cutsalma
- Eki P – ap
- Falisha Adrina Zarin
- Ghina Tasya Salsabila
- Handyan Alkasyah
- Kayzan Altaffian
- Mufi Kayla Nasyah
- Muhamad Jeevan Rashad
- Muhamad Rizky
- Muhammad Ali Ridho
- Muhammad Nur Rhafl
- M Rasha – GS
- Muhammad Ridwan
- Nabil ijlal azmi
- Nadya Shafira Fatima
- Najla Qurratuain Merliandani *
- Nisrina Ameera
- Puti Cantika
- Rahma Damayanti *
- Rasya Putra
- Ratu Friska
- Rifki Wahyu – ap
- Rizqy Danendra
- Salwa Basahil
- Salwa Nayla
- Shafwa Hisana Ramafira
- Syakinah – ap
Kelas X D
- Abhelle – ap
- Adilah Rizky Mauludin
- Alia Riana Safira *
- Alvira Yusma Zara
- Andranik Reza Putra
- Arya Ramdhani
- Aubrey Asha N
- Dhaffa – ap
- Dhafin – ap
- Erlinda Ratnawati
- Fany Rahmawati *
- Haura fathya agniaputri
- Ismail – ap
- Jersey Abbizare Albani Visionando
- Jihan cahaya Mutia
- Jilan Safira
- Keisha Alexandra
- Khalisha Saffana Lukito
- Magna Khan Khadja
- Marsha Kania Putri
- Mohammad Fathir
- Muhammad Ammarva Adinegara
- M Andhika
- M Farand – ap
- Muhammad Hifzhan Brahmantyo
- Naila Nafisa
- Nisrina Faradhiya A *
- Nurul Humaidah *
- Pasha Emirsyah Febrialdy
- Ratu Riska Raudha *
- Rayhan Fahrezi
- Safina Utami Amilia *
- Sania Melani Azahra *
- Sayyid Ardiansyah Zuhaer
- Vanesa Yusi Aminarti *
- Zikrika Estiningtyas *
Kelas X E
- Alyssya Safna M
- Ananda Aulia Hana
- Aura Anindhita R.A
- Aurel Alika Utomo
- Azhar Ghifarli
- Cut Putri Maulida
- Dana Putra
- Deo Be Sastra
- Diandra Ariella
- Farah jihan salsabila
- Farhan tabah s
- Fatimah Fadhilah
- guruh triatmokoh
- Hyuga Ararya Herlambang
- Kalunna Asty Maulana Tsanie
- Keisya Dwi Hendrawa
- Muhammad Arkana Habibilah
- Muhammad farrel
- Muhammad Radityo R *
- Muhammad Raffi Al Fina
- Muhammad Raihananta *
- Muhammad Syauqi Ramadhan
- nabila zahlia
- Nafika Rama Dianti
- Najla Zahra Pramesti
- Nayla Annisa Weningpraharani
- Prastio Romadoni
- Raeesa Farhana
- Revanila Febi Y. A.
- g
- Salsa Rahma Aulia
- Sarah Cikal Cahaya *
- Sifa Widiya *
- Selvi Alisya
- VIKA NUR FIKRIYAH
- Muhammad Fazle Haq
Kelas X F
- Ali Raihan Annabih *
- Amelia Rahmayani *
- Angga ilham Nur zaki
- Annisa Alya Zahra *
- Bagas noval
- Bilqiis wida setyanti *
- Daratu Ayla
- Diah Ayu
- Early Yadaini Anzilni
- Fadla T
- Farah Keisya
- Fifalove Kinanty Wilson *
- Galih Ajeng Nareswari *
- Julian
- Kanza Aulia Putri
- t
- M rassya erlangga
- M. Daffin Alif
- M Gilang Ramadhan
- Muhammad sendi
- Muhibbah Qutrun Nada
- Nadhif Pradipta Hermawan *
- Naufal Ahnaf Renali
- Panji Kencono
- Putri Junii Salsabila
- Putri Kansa
- Reeyasa Islamay Aqsath
- Ricky rahmat maulana
- Rifki – ap
- Rohmah rosmala
- Salsa yudha pastika
- Satya
- Silvi Cahaya Ningrum
- Silvia W – pindah
- Vitorian Maheswara
- Kaysan Rafi Maheswara
Kelas X G
- Abdurrahman shidiq
- Abigail Humaira Akbar
- h
- Alisha Reva
- Anindita Khotimah
- Aprilia Nadiani
- Bintang Mutiara
- h
- Fatma Nur Laila
- Fifi Feliana
- Gita Kiara Putri
- Keandrea sarah shakira
- Kesya Nurmayla Wirlan
- Kresna Raka Satria Herdian
- Lahrasaki Putri Albar
- Laila putri zulianti
- Mega Aliya
- Muhammad Faiz Arsyi
- Muhammad Hafizh Taqiyuddin
- Muhammad Raihan Al Qadri Kusumaputra
- Nabila
- Nabilah Kusuma Putri
- Nadhif Ariela Shevaleri
- Nashwa Putri Nayyara
- Naurah Safa Shabirah
- h
- Putri Nur Aliska Islamadina
- Rena hasanah
- Ressya Annisa Putri
- Resty Novika Febrilia
- h
- Salwa azzahra
- Shasikirana Daniswari
- Shera Ratu Alaika
- Shinta
- Syahla Khairun Nisa
Dampak Sosial Informatika
Semester: Ganjil/
Kelas: X
TA: 2021-2022
Capaian Pembelajaran
Pada akhir fase E, siswa mengenal sejarah perkembangan komputer dan tokoh-tokohnya, memahami aspek teknis, hukum, ekonomi, lingkungan dan sosial dari produk TIK, serta hak kekayaan intelektual dan lisensi, serta mampu mengenal berbagai bidang studi dan profesi terkait informatika serta peran informatika pada bidang lain.
Tujuan Pembelajaran:
- Menjelaskan sejarah perkembangan komputer dan tokoh-tokoh yang menjadi pelaku sejarahnya.
- Menjelaskan dampak informatika pada aspek ekonomi dan hukum yang terjadi pada masyarakat.
Profil Pelajar Pancasila: Beriman Bertakwa kepada Tuhan YME dan Berakhlak Mulia, Berkebhinekaan Global, Mandiri, Bernalar Kritis
Untuk materi DSI dibagi menjadi 3 kali pertemuan.
Pertemuan 2: Aspek Ekonomi Produk Informatika. Pada pertemuan ini siswa menyimak bacaan pada halaman 201 s.d 2005. Selanjutnya Guru mengajak siswa untuk mendiskusikan hasil bacaan untuk melihat pemahaman siswa.
Berikut video rekaman KBM untuk materi Aspek Ekonomi Produk Informatika.
Dampak Sosial Informatika (DSI)
Semester: Ganjil/
Kelas: X
TA: 2021-2022
Capaian Pembelajaran
Pada akhir fase E, siswa mengenal sejarah perkembangan komputer dan tokoh-tokohnya, memahami aspek teknis, hukum, ekonomi, lingkungan dan sosial dari produk TIK, serta hak kekayaan intelektual dan lisensi, serta mampu mengenal berbagai bidang studi dan profesi terkait informatika serta peran informatika pada bidang lain.
Tujuan Pembelajaran:
- Menjelaskan sejarah perkembangan komputer dan tokoh-tokoh yang menjadi pelaku sejarahnya.
- Menjelaskan dampak informatika pada aspek ekonomi dan hukum yang terjadi pada masyarakat.
Profil Pelajar Pancasila: Beriman Bertakwa kepada Tuhan YME dan Berakhlak Mulia, Berkebhinekaan Global, Mandiri, Bernalar Kritis
Untuk materi DSI dibagi menjadi 3 kali pertemuan.
Pertemuan 1: Sejarah Perkembangan Komputer. Pada pertemuan ini siswa menonton film The Imitation Game dan membaca halaman 197 s.d 200 untuk melihat keterkaitannya dalam materi Sejarah Perkembangan Komputer.
Berikut hasil tugas siswa
TIK
Semester: Ganjil/
Kelas: X
TA: 2021-2022
Capaian Pembelajaran
Pada akhir fase E, siswa mampu memanfaatkan berbagai aplikasi secara bersamaan dan optimal untuk berkomunikasi, mencari informasi di internet, serta mahir menggunakan fitur lanjut aplikasi perkantoran (pengolah kata, angka, dan presentasi) beserta otomasinya untuk mengintegrasikan dan menyajikan konten aplikasi dalam berbagai representasi yang memudahkan analisis dan interpretasi konten tersebut.
Tujuan Pembelajaran: Melakukan integrasi antaraplikasi perkantoran (pengolah kata, angka, dan presentasi).
Profil Pelajar Pancasila: Bernalar kritis, mandiri
Untuk materi TIK (Teknologi Informasi dan Komunikasi) dibagi menjadi 2 kali pertemuan.
Pertemuan 1: Pengertian integrasi, Mengenal program microsoft office dan kegunaannya (Microsoft Powerpoint, Microsoft Excel, dan Microsoft Word), Mempraktikkan cara mengintegrasikan data, teks, gambar antar aplikasi perkantoran menggunakan Copy, Cut dan Paste serta memanfaatkan fitur Insert.
Pertemuan 2: Mempraktikkan cara mengintegrasikan data, teks, gambar antar aplikasi perkantoran menggunakan teknik OLE.
Berikut adalah hasil tugas siswa
Sistem Komputer
Semester: Ganjil/
Kelas: X
TA: 2021-2022
Capaian Pembelajaran
Pada akhir fase E, siswa mampu menjelaskan cara kerja komputer dan masing-masing komponen-komponennya, menjelaskan peran sistem operasi dan mekanisme internal yang terjadi pada interaksi antara perangkat keras, perangkat lunak, dan pengguna.
Tujuan Pembelajaran: Menjelaskan peran sistem operasi, Menjelaskan cara kerja komputer dalam memproses data, Menjelaskan mekanisme internal yang terjadi pada interaksi antara perangkat keras, perangkat lunak, dan pengguna.
Profil Pelajar Pancasila: Bernalar kritis, mandiri, kreatif
Untuk materi SK dibagi menjadi 2 kali pertemuan.
Pertemuan 1: menjelaskan tentang komponen utama komputer dan cara kerja komputer.
Pertemuan 2: Interaksi komputer dan manusia. Pada materi ini ditayangkan film Tomorrow never dies, bisa klik di sini. Dan diberikan contoh menggunakan perangkat google home untuk interaksi menggunakan audio. Atau bisa dengan menggunakan aplikasi Siri atau Ok Google untuk mendemonstrasikan interaksi perangkat dengan manusia menggunakan audio.
Berikut adalah hasil tugas siswa
Modul ajar yang lengkap bisa diunduh di sini.
Cara Mengecilkan Ukuran File Gambar
Untuk mengecilkan ukuran file gambar atau foto dapat menggunakan program Paint. Langkah ini dapat digunakan ketika file gambar atau foto yang kalian letakkan di web terlalu besar sehingga mengurangi kerapihan lay out template web.
Caranya dapat dilihat di video berikut ini.
WebSite
Untuk siswa kelas XI IPA 1 dan 2 lengkapi dan rapikan tugas pembuatan web company profile. Untuk contoh dapat dilihat di situs berikut ini atau ini dan itu.
Untuk penempatan gambar atau foto sesuaikan agar tidak melebihi kolom yang ada di dalam tabel. Untuk caranya dapat dilihat pada tutorial yang telah Ibu sertakan di GC pada pertemuan sebelum-sebelumnya (pertemuan 2 kalau tidak salah. Silakan ditonton ulang ya).
Perhatikan juga ketentuan konten pada setiap halaman menu navigasi, seperti:
Halaman 1 (Company Profile): narasi filosofi logo, visi, dan misi
Halaman 2 (About Us): Foto anggota kelompok, lampiran design thinking dan model bisnis
Halaman 3 (Our Product): foto produk dan video sistem pengolahan makanan
Halaman 4 (Our Location): peta lokasi
ketentuan di atas juga dapat dilihat di GC.
Terima kasih.
Semester Genap – Let’s Start Coding, kids :)
Seperti kalian ketahui, dunia berubah dengan sangat cepat seiring kemajuan ilmu pengetahuan dan teknologi yang semakin pesat. Robotisasi dan otomatisasi bermunculan. Oleh karena itu manusia dituntut untuk dapat lebih memaksimalkan otaknya untuk berpikir logis dengan data, terstruktur dan sistematis (yang merupakan konsep dasar berpikir komputasi). Nah, cara untuk melatih otak kita berpikir komputasi adalah melalui pemrograman.
Di semester ganjil ini kalian akan belajar menjadi seorang web developer. Apa itu web developer? Dikutip dari sini, web developer atau pengembang web adalah mereka yang bekerja untuk merancang, membuat, dan memelihara situs web dan aplikasi web. Jadi bisa diartikan pengembang web adalah seseorang yang berhubungan dengan pembuatan suatu website.
Pengembang web dibagi menjadi tiga yaitu Frontend, backend, dan fullstack.
Frontend Web Developer adalah pengembang web yang bertugas mendesain dan membangun antarmuka web. Frontend developer juga bertanggung jawab dalam membangun bagian interface dari sisi user. Seorang Frontend Developer harus menguasai beberapa bahasa pemrograman, dan hal ini hukumnya wajib. Apa saja sih yang harus dikuasai Front End Developer? Yang pertama yaitu HTML, kemudian CSS dan Javascript
Backend Web Developer adalah seseorang yang bertugas mengelola bagian sisi dalam website seperti server, aplikasi dan database. Seorang backend developer bertugas melakukan perhitungan, menyimpan data pengguna, memproses form pendaftaran, dan lain sebagainya. Seorang Backend Developer harus menguasai beberapa bahasa pemrograman, Apa saja sih yang harus dikuasai Front End Developer? Bahasa programmer yaitu PHP, Python, NodeJS, SQL dan beberapa bahasa pemrograman lainnya seperti Ruby.
Fullstack Web Developer adalah pengembang web yang bertugas membuat sisi luar dan dalam website. Jadi fulstack developer harus menguasi frontend dan backend sekaligus. Menjadi seorang fullstack developer itu sulit, Dengan adanya NodeJS tadi pekerjaan fullstack developer menjadi lebih dipermudah. Bahkan survey yang dilakukan di Stackoverlow bahwa javascript paling banyak digunakan baik untuk frontend, backend maupun fullstack developer.
Nah, sebagai langkah awal kita akan belajar menjadi seorang frontend web developer.
Lalu, apa hubungannya dengan PKWU? Ada donk :). Kalian akan membuat situs company profile. Contohnya bisa lihat di sini ya.
Oke, kita lanjut besok lagi ya 🙂