[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"detail-sidebar-cat-1-id-113":3,"doc-seo-237407-113":41,"doc-detail-237407-id":108},{"code":4,"msg":5,"data":6},0,"success",[7,13,17,21,25,29,33,37],{"id":8,"doc_module":9,"doc_module_name":10,"category_name":11,"show_sort_weight":4,"slug":12},178,1,"Template","Faktur","faktur",{"id":14,"doc_module":9,"doc_module_name":10,"category_name":15,"show_sort_weight":4,"slug":16},192,"Formulir","formulir-192",{"id":18,"doc_module":9,"doc_module_name":10,"category_name":19,"show_sort_weight":4,"slug":20},180,"Media Sosial","media-sosial",{"id":22,"doc_module":9,"doc_module_name":10,"category_name":23,"show_sort_weight":4,"slug":24},179,"Poster","poster",{"id":26,"doc_module":9,"doc_module_name":10,"category_name":27,"show_sort_weight":4,"slug":28},176,"Presentasi","presentasi",{"id":30,"doc_module":9,"doc_module_name":10,"category_name":31,"show_sort_weight":4,"slug":32},177,"Resume","resume",{"id":34,"doc_module":9,"doc_module_name":10,"category_name":35,"show_sort_weight":4,"slug":36},182,"Surat","surat-a95d00d3aaf04f3b854ecf140f00d385",{"id":38,"doc_module":9,"doc_module_name":10,"category_name":39,"show_sort_weight":4,"slug":40},183,"Umum","umum-07d1ff437201438088836b2b1ed3c90f",{"code":4,"msg":42,"data":43},"ok",{"site_id":44,"language":45,"slug":46,"title":47,"keywords":48,"description":49,"schema_data":50,"social_meta":101,"head_meta":103,"extra_data":105,"updated_unix":107},113,"id","web-based-portfolio-workshop-using-css-and-html-at-sma-8-muhammadiyah-ciputat-abstract-and-methods","WORKSHOP PEMBUATAN PORTOFOLIO BERBASIS WEB DENGAN MENGGUNAKAN CSS DAN HTML DI SMA 8 MUHAMMDIYAH - CIPUTAT - Abstrak dan Metode","","Workshop pembuatan portofolio berbasis web untuk siswa di SMA 8 Muhammadiyah Ciputat dirancang untuk mendukung kesiapan menghadapi persaingan kerja pada era digital. Sistem dikembangkan melalui pendekatan workshop dengan lima tahapan: uji kemampuan awal, penyampaian materi, praktik bersama, tinjauan hasil praktik, serta pengujian ulang kemampuan siswa. Pengembangan menggunakan HTML dan CSS, dengan pengumpulan data memakai convenience sampling serta evaluasi melalui diskusi dan presentasi. Kegiatan bertujuan meningkatkan daya saing serta menyediakan sarana portofolio web bagi peserta.",{"@graph":51,"@context":100},[52,68,83],{"@type":53,"itemListElement":54},"BreadcrumbList",[55,59,62,65],{"item":56,"name":57,"@type":58,"position":9},"https://docshare.wps.com","Home","ListItem",{"item":60,"name":10,"@type":58,"position":61},"https://docshare.wps.com/id/template/",2,{"item":63,"name":39,"@type":58,"position":64},"https://docshare.wps.com/id/template/umum/",3,{"item":66,"name":47,"@type":58,"position":67},"https://docshare.wps.com/id/template/web-based-portfolio-workshop-using-css-and-html-at-sma-8-muhammadiyah-ciputat-abstract-and-methods/237407/",4,{"url":66,"name":47,"@type":69,"author":70,"headline":47,"publisher":73,"fileFormat":76,"inLanguage":45,"description":49,"dateModified":77,"datePublished":77,"encodingFormat":76,"isAccessibleForFree":78,"interactionStatistic":79},"DigitalDocument",{"name":71,"@type":72},"Ethan Miller","Person",{"url":56,"name":74,"@type":75},"DocShare","Organization","application/pdf","2026-09-11",true,{"@type":80,"interactionType":81,"userInteractionCount":4},"InteractionCounter",{"@type":82},"ViewAction",{"@type":84,"mainEntity":85},"FAQPage",[86,92,96],{"name":87,"@type":88,"acceptedAnswer":89},"Apa tujuan utama workshop pembuatan portofolio berbasis web ini?","Question",{"text":90,"@type":91},"Meningkatkan daya saing siswa dalam melamar pekerjaan serta menambah wawasan mereka tentang dunia IT melalui pembuatan website portofolio.","Answer",{"name":93,"@type":88,"acceptedAnswer":94},"Teknologi apa yang digunakan dalam pengembangan sistem portofolio web?",{"text":95,"@type":91},"Sistem dibangun menggunakan HTML dan CSS.",{"name":97,"@type":88,"acceptedAnswer":98},"Bagaimana tahapan pelaksanaan workshop dilakukan?",{"text":99,"@type":91},"Terdapat lima tahap: uji kemampuan awal, penjelasan materi, praktik bersama, tinjauan hasil praktik, dan pengujian ulang kemampuan siswa.","https://schema.org",{"og:url":66,"og:type":102,"og:title":47,"og:site_name":74,"og:description":49},"article",{"robots":104,"canonical":66},"index,follow",{"doc_id":106,"site_id":44},237407,1789112241,{"code":4,"msg":5,"data":109},{"doc_id":106,"user_id":110,"nickname":71,"user_avatar":111,"doc_module":9,"category_id":38,"category_name":39,"doc_title":47,"doc_description":49,"doc_content":112,"file_id":113,"file_url":114,"file_type":115,"file_size":116,"view_count":4,"is_deleted":4,"is_public":9,"is_downloadable":9,"audit_status":9,"page_count":117,"language":118,"language_code":45,"site_id":44,"html_lang":45,"table_of_contents":119,"faqs":120,"seo_title":121,"seo_description":49,"update_tm":107,"read_time":61},687207017582,"https://ap-avatar.wpscdn.com/davatar_994ba38a5ba835b3df7d355c54d3ed8d","WORKSHOP PEMBUATAN PORTOFOLIO BERBASIS WEB DENGAN MENGGUNAKAN CSS DAN HTML DI SMA 8 MUHAMMDIYAH  \nCIPUTAT  \nRagil Ramadhan 1, Zidan Ramadhan2  \n1,2Yayasan Sasmita Jaya, Universitas Pamulang, Jl. Puspitek, Buaran, Kec. Pamulang, Kota Tangerang Selatan, Banten, Indonesia, 15310  \n[e-mail:](e-mail:1 ragilkato@gmil.com)[1](e-mail:1 ragilkato@gmil.com)[ ragilkato@gmil.com](e-mail:1 ragilkato@gmil.com), [2](2 zr9299@gmail.com)[ zr9299@gmail.com](2 zr9299@gmail.com)  \nAbstract  \nIn this digital era, we use paper media less, even when applying for jobs. One of them is by using a portfolio website. The use of websites to apply for jobs is useful to make it easier for companies to accept job applications. Besides being more effective, using a portfolio website is a big step for the IT world in applying for jobs. In this community service, the development is carried out using the workshop method. System built using HTML, and CSS. There are five stages in community service. The first stage is to test students' abilities, aiming to find out the extent of students' abilities. The second stage is the explanation of the material from the resource person. The third stage is to practice with resource persons and students. The fourth stage is conducting a review, aiming to ensure that the practices carried out have been implemented properly. The last stage is to re-examine the students' abilities against the workshops that have been carried out. Data were collected using convenience sampling method. The system was tested using discussion and presentation methods to determine whether the system was running well or not. This community service aims to increase the competitiveness of vocational students in applying for jobs. The system built is expected to support the activities of SMA 8 Muhammadiyah students, Ciputat.  \nAbstrak  \nPada era digital seperti sekarang ini lebih sedikit menggunakan media kertas, bahkan saat melamar pekerjaan. Salah satunya yaitu dengan menggunakan sebuah website portofolio. Penggunaan website untuk melamar pekerjaan berguna untuk memudahkan perusahaan dalam menerima lamaran pekerjaan. Selain lebih efektif, menggunakan website portofolio merupakan langkah yang besar untuk dunia IT dalam melamar pekerjaan. Pada pengabdian masyarakat ini, pengembangannya dilakukan dengan metode workshop. Sistem yang dibangun menggunakan HTML, dan CSS. Dalam pengabdian masyarakat initerdapat lima tahapan. Tahap pertama yaitu menguji kemampuan siswa, bertujuan untuk mengetahui sejauh mana kemampuan siswa. Tahap kedua yaitu penjelasan materi dari narasumber. Tahap ketiga yaitu melakukan praktik bersama narasumber dan siswa. Tahap keempat yaitu melakukan tinjauan, bertujuan untuk memastikan praktik yang dilakukan telah terlaksana dengan baik. Tahap terakhir yaitu menguji kembali kemampuan siswa terhadap workshop yang telah dilaksanakan. Data dikumpulkan menggunakan metode convenience sampling. Sistem diuji menggunakan metode diskusi dan presentasi untuk mengetahui sistem berjalan dengan baik atau tidak. Pengabdian masyarakat ini bertujuan untuk meningkatkan dayasaing siswa SMK dalam melamar pekerjaan. Sistem yang dibangun diharapkan dapat mendukung aktivitassiswa SMA 8 Muhammadiyah, Ciputat.  \nKeywords: Website Portofolio; Portofolio Berbasis Web; Workshop Web Portofolio Universitas Pamulang;  \n1. PENDAHULUAN  \nSecara umum fungsi dari portofolio adalah menunjukkan pengalaman kerja menggunakan contoh dari hasil karya terbaik yang pernah dihasilkan. Banyak orang yang masih menggunakan portofolio berbentuk kertas [1] . Tapi  \nkarena kurangnya efektif dari penggunaan kertas, banyak orang-orang beralih dari media kertas menjadi media digital. Selain itu, perusahaan lebih tertarik portofolio berbentuk digital karena lebih mudah dijangkau dan terlihat lebih profesional [2] .  \nUntuk meningkatkan kualitas siswa SMK dari persaingan di dunia kerja, penulis mengajarkandasar-dasarmateri mengenai GitHub, HTML, CSS, dan Figma yang berkaitan dengan pembuatan ","cbCaim9khdAs7pJc","https://ap.wps.com/l/cbCaim9khdAs7pJc","pdf",472208,5,"Indonesian","# PENDAHULUAN\n## Fungsi portofolio dan peralihan ke media digital\n## Materi dasar yang diajarkan\n## Tujuan kegiatan PKM\n# METODE\n## Pelaksanaan workshop: tempat dan waktu\n## Alat dan bahan\n## Metode analisis data dan teknik pengumpulan data\n# HASIL","[{\"question\":\"Apa tujuan utama workshop pembuatan portofolio berbasis web ini?\",\"answer\":\"Meningkatkan daya saing siswa dalam melamar pekerjaan serta menambah wawasan mereka tentang dunia IT melalui pembuatan website portofolio.\"},{\"question\":\"Teknologi apa yang digunakan dalam pengembangan sistem portofolio web?\",\"answer\":\"Sistem dibangun menggunakan HTML dan CSS.\"},{\"question\":\"Bagaimana tahapan pelaksanaan workshop dilakukan?\",\"answer\":\"Terdapat lima tahap: uji kemampuan awal, penjelasan materi, praktik bersama, tinjauan hasil praktik, dan pengujian ulang kemampuan siswa.\"}]","WORKSHOP PEMBUATAN PORTOFOLIO BERBASIS WEB DENGAN MENGGUNAKAN CSS DAN HTML DI SMA 8 MUHAMMDIYAH - CIPUTAT - Abstrak dan Metode | PDF"]