studyID/hm-website-studyID
0
1<!DOCTYPE html>2<html lang="de-de">3<head>4<meta charset="UTF-8">5<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">6<title> Informatik und Design (Bachelor) - Hochschule München</title>7<link rel="shortcut icon" type="image/x-icon" href="https://mediapool.hm.edu/media/_technik/img/_technik_1/favicon.jpg" media="screen" />8<link rel="icon" type="image/x-icon" href="https://mediapool.hm.edu/media/_technik/img/_technik_1/favicon.jpg" media="screen" />9<meta name="description" content="Studiengänge" />10<meta name="keywords" content="Hochschule München,Studiengänge" />11<meta name="tags" content="" />12<meta name="robots" content="index, follow" />13<meta property="og:locale" content="de_DE">14<meta property="og:site_name" content="Hochschule München">15<meta property="og:type" content="" />16<meta property="og:url" content="https://www.hm.edu/studiengange_de/studiengang_detail_2180.de.html" />17<meta property="og:title" content="Studiengänge - Hochschule München" />18<meta property="og:description" content="Studiengänge" />19<meta name="twitter:card" content="summary_large_image">20<meta name="twitter:site" content="@hmmuenchen">21<meta name="twitter:creator" content="@hmmuenchen">22<meta name="twitter:title" content=" Informatik und Design (Bachelor) - Hochschule München">23<meta name="twitter:description" content="Studiengänge">24<link rel="canonical" href="https://www.hm.edu/studiengange_de/studiengang_detail_2180.de.html"/>25<style>26:root {27--main-faculty-color: #FB5454;28--main-faculty-font-color: #FFFFFF;29}30</style>31<script src="https://cloud.ccm19.de/app.js?apiKey=16521bff70fa177ced242495cc79b95d11455571884ba8ce&domain=62f3afc8043e477cc2174b2d" referrerpolicy="origin"></script>32<!-- Piwik -->33<script>34var _paq = _paq || [];35_paq.push(['trackPageView']);36_paq.push(['enableLinkTracking']);37(function() {38var u=(("https:" == document.location.protocol) ? "https" : "http") + "://matomo.hm.edu/";39_paq.push(['setTrackerUrl', u+'piwik.php']);40_paq.push(['setSiteId', 6]);41var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript';42g.defer=true; g.async=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);43})();44</script>45<!-- End Piwik Code -->46<link rel="stylesheet" type="text/css" href="https://assets.hm.edu/_css/styles.css?v=1736732288633" media="all" />47</head>48<body>49<!-- NO INDEX -->50<noscript><p><img src="https://matomo.hm.edu/piwik.php?idsite=6" style="border:0;" alt=""/></p></noscript>51<header>52<div class="_header-keyboard-menu">53<div class="container">54<div class="row d-flex justify-content-center">55<div class="col-lg-3 col-6">56<button class="btn-link" id="_header-keyboard-toNav">Zur Navigation</button>57</div>58<div class="col-lg-3 col-6">59<button class="btn-link" id="_header-keyboard-toContent">Zum Inhalt</button>60</div>61</div>62</div>63</div>64<div class="_header-wrap background-white">65<div class="container">66<div class="row">67<div class="col-3 col-lg-2 arrow-link">68<a class="link" href="https://www.hm.edu/index.de.html" title="Zur Startseite" > <i class="icon icon-figurative-mark icon-color-division icon-size-32"></i> </a>69</div>70<div class="col-6 col-lg-10 _header__navbar">71<button class="btn-link d-none d-lg-block" data-target="#_navigation__faculties" id="_header__division-open" aria-label="faculties" data-label="faculties">72Fakultäten<i class="icon icon-dropdown-chevron-down icon-size-16"></i>73</button>74<button class="btn-link d-none d-lg-block" data-target="#_navigation__language" id="_header__language-open" aria-label="Sprache" data-label="language">75DE<i class="icon icon-dropdown-chevron-down icon-size-16"></i>76</button>77<button class="btn-link" data-target="#_navigation__search" id="_header__search-open" aria-label="search" data-label="Ich suche nach ..."><i class="icon icon-search icon-size-20"></i><i class="icon icon-close icon-size-40"></i></button>78<button class="btn-link" data-target="#_navigation__bookmark" id="_header__course-remember" aria-label="saved courses" data-label="germerkte Studiengänge"><i class="icon icon-bookmark icon-size-20"></i><span class="_header-bookmark-number">0</span></button>79<button class="btn-link" data-target="#_navigation__burger-menu" id="_header__burger-menu-open" aria-label="menu" data-label=""><i class="icon icon-burger-menu icon-size-32"></i><i class="icon icon-close icon-size-40"></i></button>80</div>81</div>82</div>83</div>84<nav class="_navigation">85<nav class="_navigation__faculties background-grey d-none" id="_navigation__faculties">86<div class="container">87<div class="row">88<div class="col-6 _navigation__faculties-right">89<div class="_navigation__faculties-selection">90<ul role="menu" aria-label="Fakultätenmenü">91<li>92<a href="https://ar.hm.edu/index.de.html" role="menuitem">93<span class="_navigation__faculties-prefix">FK01</span><span class="_navigation__faculties-name">Architektur</span>94</a></li><li>95<a href="https://bau.hm.edu/index.de.html" role="menuitem">96<span class="_navigation__faculties-prefix">FK02</span><span class="_navigation__faculties-name">Bauingenieurwesen</span>97</a></li><li>98<a href="https://me.hm.edu/index.de.html" role="menuitem">99<span class="_navigation__faculties-prefix">FK03</span><span class="_navigation__faculties-name">Maschinenbau, Fahrzeugtechnik, Flugzeugtechnik</span>100</a></li><li>101<a href="https://ee.hm.edu/index.de.html" role="menuitem">102<span class="_navigation__faculties-prefix">FK04</span><span class="_navigation__faculties-name">Elektrotechnik und Informationstechnik</span>103</a></li><li>104<a href="https://fk05.hm.edu/index.de.html" role="menuitem">105<span class="_navigation__faculties-prefix">FK05</span><span class="_navigation__faculties-name">Technische Systeme, Prozesse und Kommunikation</span>106</a></li><li>107<a href="https://sci.hm.edu/index.de.html" role="menuitem">108<span class="_navigation__faculties-prefix">FK06</span><span class="_navigation__faculties-name">Angewandte Naturwissenschaften und Mechatronik</span>109</a></li><li>110<a href="https://cs.hm.edu/index.de.html" role="menuitem">111<span class="_navigation__faculties-prefix">FK07</span><span class="_navigation__faculties-name">Informatik und Mathematik</span>112</a></li><li>113<a href="https://geo.hm.edu/index.de.html" role="menuitem">114<span class="_navigation__faculties-prefix">FK08</span><span class="_navigation__faculties-name">Geoinformation</span>115</a></li><li>116<a href="https://wi.hm.edu/index.de.html" role="menuitem">117<span class="_navigation__faculties-prefix">FK09</span><span class="_navigation__faculties-name">Wirtschaftsingenieurwesen</span>118</a></li><li>119<a href="https://bwl.hm.edu/index.de.html" role="menuitem">120<span class="_navigation__faculties-prefix">FK10</span><span class="_navigation__faculties-name">HM Business School</span>121</a></li><li>122<a href="https://sw.hm.edu/index.de.html" role="menuitem">123<span class="_navigation__faculties-prefix">FK11</span><span class="_navigation__faculties-name">Angewandte Sozialwissenschaften</span>124</a></li><li>125<a href="https://design.hm.edu/index.de.html" role="menuitem">126<span class="_navigation__faculties-prefix">FK12</span><span class="_navigation__faculties-name">Design</span>127</a></li><li>128<a href="https://gs.hm.edu/index.de.html" role="menuitem">129<span class="_navigation__faculties-prefix">FK13</span><span class="_navigation__faculties-name">Studium Generale und Interdisziplinäre Studien</span>130</a></li><li>131<a href="https://tourismus.hm.edu/index.de.html" role="menuitem">132<span class="_navigation__faculties-prefix">FK14</span><span class="_navigation__faculties-name">Tourismus</span>133</a></li><li>134<a href="https://mucdai.hm.edu/index.de.html" role="menuitem">135<span class="_navigation__faculties-prefix">MUC.DAI</span><span class="_navigation__faculties-name">Munich Center for Digital Sciences and AI</span>136</a></li>137</ul>138<button class="btn-link _navigation__close" aria-label="close"><i class="icon icon-close icon-size-40"></i></button>139</div>140</div>141</div>142</div>143</nav>144<div class="_navigation__language background-black d-none" id="_navigation__language">145<div class="container">146<div class="row">147<div class="col-6">148<div class="_navigation__language-headline">149<span class="h1">Sprache wählen</span>150</div>151</div>152<div class="col-3">153<div class="_navigation__language-selection arrow-link">154<ul role="menu" aria-label="Sprachmenü">155<li>156<a class="link" role="menuitem" href="https://www.hm.edu/en/index.en.html" title="English version" >English version</a>157</li>158<li>159<a class="active" role="menuitem" href="https://www.hm.edu/index.de.html" title="Homepage Hochschule München" >Deutsche Version</a>160</li>161</ul>162<button class="btn-link _navigation__close" aria-label="Schließen"><i class="icon icon-close icon-size-40"></i></button>163</div>164</div>165</div>166</div>167</div>168<div class="_navigation__search background-light-grey d-none" id="_navigation__search">169<div class="container">170<div class="row">171<div class="col-lg-9">172<form class="smt_course-finder__search mt-3"173action="../search/index.de.html"174method="get"175data-additional-param-key="facet.filter.faculty_en_value"176data-additional-param-value="hm.edu"177>178<input type="text" name="query" class="autosuggestions" data-search="Website_Search" data-target-container="autosuggest_result-container_navigation" placeholder="Ich suche nach ..." autocomplete="off" Title="Ich suche nach ...">179<button type="submit" class="btn-link"><i class="icon icon-search icon-hover-blue"></i></button>180<div class="_autosuggest-container" id="autosuggest_result-container_navigation"></div>181</form>182</div>183<div class="col-lg-3 d-none d-lg-block">184<div class="position-relative">185<button class="btn-link _navigation__close" aria-label="Schließen"><i class="icon icon-close icon-size-40"></i></button>186</div>187</div>188<div class="col-lg-9 _navigation__last-search">189<p class="font-bold">Häufig gesucht:</p>190<ul class="list-with-links">191<li>192<a class="link" href="https://www.hm.edu/lehren/e_learning_center/materialien/moodle.de.html" title="Moodle" >Moodle</a>193</li>194<li>195<a class="link" href="https://www3.primuss.de/cgi-bin/login/index.pl?FH=fhm" title="PRIMUSS Online Services" >PRIMUSS Online Services</a>196</li>197<li>198<a class="link" href="https://www.hm.edu/studium_1/im_studium/mein_studium/verlauf/termine.de.html" title="Termine & Fristen" >Termine & Fristen</a>199</li>200<li>201<a class="link" href="https://www.hm.edu/hochschule_muenchen/kontakt/umfeld_standort/Standort_und_Lageplaene.de.html" title="Standorte" >Standorte</a>202</li>203</ul>204</div>205</div>206</div>207</div>208<div class="_navigation__bookmark background-white d-none" id="_navigation__bookmark">209<div class="container">210<div class="row">211<div class="col-lg-9">212<p class="h3">Merkliste</p>213<ul class="list-with-links _navigation__bookmark-link-list">214</ul>215</div>216<div class="col-lg-3 d-none d-lg-block">217<div class="position-relative">218<button class="btn-link _navigation__close" aria-label="Schließen"><i class="icon icon-close icon-size-40"></i></button>219</div>220</div>221<div class="col-lg-9">222<a href="" class="btn-primary _navigation__bookmark-compare-link">Studiengänge vergleichen</a>223</div>224</div>225</div>226</div>227<div class="_navigation__burger-menu background-grey d-none" id="_navigation__burger-menu">228<div class="container">229<div class="row h-100">230<div class="col-lg-6 col-12 _navigation__burger-menu-left">231<div class="_navigation__burger-menu-main arrow-link">232<p class="h3 _navigation__burger-menu-title">233<a class=" " href="https://www.hm.edu/index.de.html" title="Zur Startseite" > Startseite </a>234</p>235<ul role="menu" aria-label="erste Ebene des Navigationsmenüs">236<li>237<a class="h1 d-lg-none" data-target="#_navigation__burger-menu-faculties" href="#" role="menuitem">238Fakultäten<i class="icon icon-chevron-right icon-size-16 d-lg-none"></i>239</a>240</li>241<li>242<a class="h1" data-target="#_navigation__burger-menu-0" href="#" role="menuitem">243Hochschule München<i class="icon icon-chevron-right icon-size-16 d-lg-none"></i>244</a>245</li><li>246<a class="h1" data-target="#_navigation__burger-menu-1" href="#" role="menuitem">247Studium<i class="icon icon-chevron-right icon-size-16 d-lg-none"></i>248</a>249</li><li>250<a class="h1" data-target="#_navigation__burger-menu-2" href="#" role="menuitem">251Lehre<i class="icon icon-chevron-right icon-size-16 d-lg-none"></i>252</a>253</li><li>254<a class="h1" data-target="#_navigation__burger-menu-3" href="#" role="menuitem">255Forschung<i class="icon icon-chevron-right icon-size-16 d-lg-none"></i>256</a>257</li><li>258<a class="h1" data-target="#_navigation__burger-menu-4" href="#" role="menuitem">259Kooperationen & Transfer<i class="icon icon-chevron-right icon-size-16 d-lg-none"></i>260</a>261</li><li>262<a class="h1" data-target="#_navigation__burger-menu-5" href="#" role="menuitem">263Job & Karriere<i class="icon icon-chevron-right icon-size-16 d-lg-none"></i>264</a>265</li>266</ul>267</div>268<div class="_navigation__burger-menu-infos arrow-link">269<ul role="menu" aria-label="Untermenü">270<li>271<a class="link" href="https://www.hm.edu/aktuelles/newsroom.de.html" title="Informationen für Presse und Medien" >Newsroom</a>272</li>273<li>274<a class="link" href="https://www.hm.edu/hochschule_muenchen/zentrale_services/finanzen/ausschreibung.de.html" title="Ausschreibungen" >Ausschreibungen</a>275</li>276<li>277<a class="link-external" href="https://intranet.hm.edu" title="Intranet" >Intranet</a>278</li>279<li>280<a class="link" href="https://www.hm.edu/hochschule_muenchen/kontakt/index.de.html" title="Kontakt" >Kontakt</a>281</li>282</ul>283</div>284<div class="_navigation__burger-menu-language d-lg-none arrow-link">285<ul class="d-inline-flex" role="menu" aria-label="Sprachmenü">286<li>287<a class="link" role="menuitem" href="https://www.hm.edu/en/index.en.html" title="English version" >EN</a>288</li>289<li>290<a class="active" role="menuitem" href="https://www.hm.edu/index.de.html" title="Homepage Hochschule München" >DE</a>291</li>292</ul>293</div>294</div>295<div class="col-lg-6 col-12 _navigation__burger-menu-right arrow-link">296<div class="_navigation__burger-menu-submenu d-none" id="_navigation__burger-menu-0">297<p class="_navigation__burger-menu-category">298<i class="icon icon-chevron-left icon-size-12 d-lg-none me-3"></i>299<a href="/hochschule_muenchen/portraet/index.de.html"><span>Hochschule München</span></a>300</p>301<ul role="menu" aria-label="Hochschule München">302<li>303<a href="/hochschule_muenchen/portraet/index.de.html" role="menuitem">304Porträt305</a>306</li>307<li>308<a href="/hochschule_muenchen/fakultaeten/index.de.html" role="menuitem">309Fakultäten310</a>311</li>312<li>313<a href="/hochschule_muenchen/hochschulleitung/index.de.html" role="menuitem">314Hochschulleitung315</a>316</li>317<li>318<a href="/hochschule_muenchen/institute/institute_und_einrichtungen.de.html" role="menuitem">319Institute320</a>321</li>322<li>323<a href="/hochschule_muenchen/zentrale_services/uebersicht_21/index.de.html" role="menuitem">324Zentrale Services325</a>326</li>327<li>328<a href="/hochschule_muenchen/familie_gender/index.de.html" role="menuitem">329Lebensraum Hochschule330</a>331</li>332<li>333<a href="/hochschule_muenchen/io/index.de.html" role="menuitem">334International335</a>336</li>337<li>338<a href="/hochschule_muenchen/nachhaltigkeit_1/index.de.html" role="menuitem">339Nachhaltigkeit340</a>341</li>342<li>343<a href="https://www.hm.edu/hochschule_muenchen/familie_gender/lebensraum_hochschule/gleichstellung_an_der_hm/gender_gleichstellung.de.html" role="menuitem">344Gleichstellung345</a>346</li>347<li>348<a href="/hochschule_muenchen/gruendung_und_entrepreneurship/index.de.html" role="menuitem">349Entrepreneurship & Gründung350</a>351</li>352</ul>353</div>354<div class="_navigation__burger-menu-submenu d-none" id="_navigation__burger-menu-1">355<p class="_navigation__burger-menu-category">356<i class="icon icon-chevron-left icon-size-12 d-lg-none me-3"></i>357<a href="/studium_1/index.de.html"><span>Studium</span></a>358</p>359<ul role="menu" aria-label="Studium">360<li>361<a href="/studium_1/studienangebote_1/index.de.html" role="menuitem">362Studienangebot363</a>364</li>365<li>366<a href="/studium_1/weiterbildung/index.de.html" role="menuitem">367Angebote für Berufstätige368</a>369</li>370<li>371<a href="/studium_1/studienberatung_1/index.de.html" role="menuitem">372Studienberatung373</a>374</li>375<li>376<a href="/studium_1/bewerbung/index.de.html" role="menuitem">377Bewerbung378</a>379</li>380<li>381<a href="/studium_1/studieneinstieg/index.de.html" role="menuitem">382Studieneinstieg383</a>384</li>385<li>386<a href="/studium_1/im_studium/index.de.html" role="menuitem">387Im Studium388</a>389</li>390<li>391<a href="/studium_1/career_alumni/index.de.html" role="menuitem">392Career & Alumni393</a>394</li>395</ul>396</div>397<div class="_navigation__burger-menu-submenu d-none" id="_navigation__burger-menu-2">398<p class="_navigation__burger-menu-category">399<i class="icon icon-chevron-left icon-size-12 d-lg-none me-3"></i>400<a href="/lehren/lehre_im_ueberblick/index.de.html"><span>Lehre</span></a>401</p>402<ul role="menu" aria-label="Lehre">403<li>404<a href="/lehren/innovative_lehre__neu_/innovative_lehre_1.de.html" role="menuitem">405Innovation in der Lehre406</a>407</li>408<li>409<a href="https://www.hm.edu/hochschule_muenchen/zentrale_services/qm/index.de.html" role="menuitem">410Qualitätsmanagement411</a>412</li>413<li>414<a href="https://www.hm.edu/studium_1/index.de.html" role="menuitem">415Studium416</a>417</li>418<li>419<a href="https://www.hm.edu/studium_1/weiterbildung/index.de.html" role="menuitem">420Weiterbildung421</a>422</li>423</ul>424</div>425<div class="_navigation__burger-menu-submenu d-none" id="_navigation__burger-menu-3">426<p class="_navigation__burger-menu-category">427<i class="icon icon-chevron-left icon-size-12 d-lg-none me-3"></i>428<a href="/forschung/index.de.html"><span>Forschung</span></a>429</p>430<ul role="menu" aria-label="Forschung">431<li>432<a href="https://www.hm.edu/forschung/index.de.html" role="menuitem">433Übersicht434</a>435</li>436<li>437<a href="/forschung/forschungsthemen/forschungsthemen.de.html" role="menuitem">438Forschungsthemen439</a>440</li>441<li>442<a href="https://www.hm.edu/hochschule_muenchen/institute/institute_und_einrichtungen.de.html" role="menuitem">443Forschungsinstitute444</a>445</li>446<li>447<a href="https://www.hm.edu/forschungsprojekte_de/index.de.html" role="menuitem">448Forschungsprojekte449</a>450</li>451<li>452<a href="/forschung/forschungskooperationen/forschungskooperationen.de.html" role="menuitem">453Forschungskooperationen454</a>455</li>456<li>457<a href="/forschung/promotion/Promotion_an_der_HM.de.html" role="menuitem">458Promotion & Postdocs459</a>460</li>461<li>462<a href="/forschung/wiss_publikationen/index.de.html" role="menuitem">463Publikationen464</a>465</li>466<li>467<a href="/forschung/wissenstransfer/wissenstransfer.de.html" role="menuitem">468Wissens- und Technologietransfer469</a>470</li>471<li>472<a href="/forschung/qualitaetssicherung/index.de.html" role="menuitem">473Qualitätssicherung in der Forschung474</a>475</li>476</ul>477</div>478<div class="_navigation__burger-menu-submenu d-none" id="_navigation__burger-menu-4">479<p class="_navigation__burger-menu-category">480<i class="icon icon-chevron-left icon-size-12 d-lg-none me-3"></i>481<a href="/kooperationen_transfer/index.de.html"><span>Kooperationen & Transfer</span></a>482</p>483<ul role="menu" aria-label="Kooperationen & Transfer">484<li>485<a href="/kooperationen_transfer/04_engagement_fuer_bildung/engagemnt_fuer_bildung.de.html" role="menuitem">486Engagement für Bildung487</a>488</li>489<li>490<a href="/kooperationen_transfer/01_recruiting/Recruiting.de.html" role="menuitem">491Recruiting492</a>493</li>494<li>495<a href="/kooperationen_transfer/05_kooperation_in_der_lehre/kooperation_in_der_lehre.de.html" role="menuitem">496Kooperation in der Lehre497</a>498</li>499<li>500<a href="/kooperationen_transfer/extraportion_praxis/die_extraportion_praxis.de.html" role="menuitem">501Studium mit der Extraportion Praxis502</a>503</li>504<li>505<a href="/kooperationen_transfer/08_wissenschaftliche_karrieremodelle/wiss__karrieremodelle.de.html" role="menuitem">506Wissenschaftliche Karrieremodelle507</a>508</li>509<li>510<a href="https://sites.hm.edu/munivercity/index.de.html" role="menuitem">511HM:UniverCity512</a>513</li>514<li>515<a href="https://www.hm.edu/hochschule_muenchen/gruendung_und_entrepreneurship/index.de.html" role="menuitem">516Entrepreneurship / SCE517</a>518</li>519</ul>520</div>521<div class="_navigation__burger-menu-submenu d-none" id="_navigation__burger-menu-5">522<p class="_navigation__burger-menu-category">523<i class="icon icon-chevron-left icon-size-12 d-lg-none me-3"></i>524<a href="/job_karriere/index.de.html"><span>Job & Karriere</span></a>525</p>526<ul role="menu" aria-label="Job & Karriere">527<li>528<a href="https://www.hm.edu/job_karriere/bewerbermanagement/professuren.de.html" role="menuitem">529Professuren530</a>531</li>532<li>533<a href="https://www.hm.edu/job_karriere/bewerbermanagement/bewerbermanagment_1.de.html" role="menuitem">534Lehrkräfte für besondere Aufgaben535</a>536</li>537<li>538<a href="https://www.hm.edu/job_karriere/lehrbeauftragte.de.html" role="menuitem">539Lehraufträge540</a>541</li>542<li>543<a href="https://www.hm.edu/job_karriere/bewerbermanagement/index.de.html" role="menuitem">544Wissenschaft, Technik und Verwaltung545</a>546</li>547<li>548<a href="https://www.hm.edu/job_karriere/stud_hilfskraefte/stud_hilfskraefte.de.html" role="menuitem">549Studentische Hilfskräfte und Tutor/-innen550</a>551</li>552<li>553<a href="https://www.hm.edu/job_karriere/bewerbermanagement/ausbildungsstellen.de.html" role="menuitem">554Ausbildung, Duales Studium und Praktikum555</a>556</li>557</ul>558</div>559<div class="_navigation__burger-menu-submenu d-none" id="_navigation__burger-menu-faculties">560<p class="_navigation__burger-menu-category">561<i class="icon icon-chevron-left icon-size-12 d-lg-none me-3"></i>562<span>Fakultäten</span>563</p>564<ul class="_navigation__burger-menu-faculties-list-mobile" role="menu" aria-label="Fakultätenmenü">565<li>566<a href="https://ar.hm.edu/index.de.html" role="menuitem">567<span class="_navigation__faculties-prefix">FK01</span><span class="_navigation__faculties-name">Architektur</span>568</a>569</li>570<li>571<a href="https://bau.hm.edu/index.de.html" role="menuitem">572<span class="_navigation__faculties-prefix">FK02</span><span class="_navigation__faculties-name">Bauingenieurwesen</span>573</a>574</li>575<li>576<a href="https://me.hm.edu/index.de.html" role="menuitem">577<span class="_navigation__faculties-prefix">FK03</span><span class="_navigation__faculties-name">Maschinenbau, Fahrzeugtechnik, Flugzeugtechnik</span>578</a>579</li>580<li>581<a href="https://ee.hm.edu/index.de.html" role="menuitem">582<span class="_navigation__faculties-prefix">FK04</span><span class="_navigation__faculties-name">Elektrotechnik und Informationstechnik</span>583</a>584</li>585<li>586<a href="https://fk05.hm.edu/index.de.html" role="menuitem">587<span class="_navigation__faculties-prefix">FK05</span><span class="_navigation__faculties-name">Technische Systeme, Prozesse und Kommunikation</span>588</a>589</li>590<li>591<a href="https://sci.hm.edu/index.de.html" role="menuitem">592<span class="_navigation__faculties-prefix">FK06</span><span class="_navigation__faculties-name">Angewandte Naturwissenschaften und Mechatronik</span>593</a>594</li>595<li>596<a href="https://cs.hm.edu/index.de.html" role="menuitem">597<span class="_navigation__faculties-prefix">FK07</span><span class="_navigation__faculties-name">Informatik und Mathematik</span>598</a>599</li>600<li>601<a href="https://geo.hm.edu/index.de.html" role="menuitem">602<span class="_navigation__faculties-prefix">FK08</span><span class="_navigation__faculties-name">Geoinformation</span>603</a>604</li>605<li>606<a href="https://wi.hm.edu/index.de.html" role="menuitem">607<span class="_navigation__faculties-prefix">FK09</span><span class="_navigation__faculties-name">Wirtschaftsingenieurwesen</span>608</a>609</li>610<li>611<a href="https://bwl.hm.edu/index.de.html" role="menuitem">612<span class="_navigation__faculties-prefix">FK10</span><span class="_navigation__faculties-name">HM Business School</span>613</a>614</li>615<li>616<a href="https://sw.hm.edu/index.de.html" role="menuitem">617<span class="_navigation__faculties-prefix">FK11</span><span class="_navigation__faculties-name">Angewandte Sozialwissenschaften</span>618</a>619</li>620<li>621<a href="https://design.hm.edu/index.de.html" role="menuitem">622<span class="_navigation__faculties-prefix">FK12</span><span class="_navigation__faculties-name">Design</span>623</a>624</li>625<li>626<a href="https://gs.hm.edu/index.de.html" role="menuitem">627<span class="_navigation__faculties-prefix">FK13</span><span class="_navigation__faculties-name">Studium Generale und Interdisziplinäre Studien</span>628</a>629</li>630<li>631<a href="https://tourismus.hm.edu/index.de.html" role="menuitem">632<span class="_navigation__faculties-prefix">FK14</span><span class="_navigation__faculties-name">Tourismus</span>633</a>634</li>635<li>636<a href="https://mucdai.hm.edu/index.de.html" role="menuitem">637<span class="_navigation__faculties-prefix">MUC.DAI</span><span class="_navigation__faculties-name">Munich Center for Digital Sciences and AI</span>638</a>639</li>640</ul>641</div>642</div>643</div>644</div>645</div>646</nav>647</header>648<!-- INDEX -->649<main>650<section class="_hero-detail-page _hero">651<div class="container">652<div class="row justify-content-between _hero-division-row">653<div class="col-6 col-lg-3 offset-lg-9 offset-6 acronym-wrap arrow-link">654<a class="link" href="https://www.hm.edu/index.de.html" title="Zur Startseite" > <i class="w-100 icon icon-acronym icon-color-division"></i> </a>655</div>656</div>657</div>658</section>659<section class="_hero">660<div class="container">661<div class="row justify-content-between _hero-division-row">662<div class="col-6 col-lg-6 acronym-wrap _hero-division-title-wrap">663<p class="h2 align-text-top _hero-division-title mb-0 text-white">Hochschule<br />München<br />University of<br />Applied Sciences</p>664</div>665<div class="col-6 col-lg-3 offset-lg-3 acronym-wrap arrow-link">666</div>667</div>668<div class="row _hero-image-row">669<div class="_hero__image-wrap">670<figure >671<div class="image_wrap">672<picture>673<img674src="https://mediapool.hm.edu/media/dachmarke/dm_transfer/hm_bilderpool/studiengaenge_6/muc_dai_1/informatik-design_hero_image_m.jpg"675alt="Studienangebot Informatik und Design "676title="Studienangebot Informatik und Design ( )"677/>678</picture>679</div>680</figure>681<div class="gradient gradient-black"></div>682</div>683</div>684</div>685</section>686<aside class="anchor-section p-0">687<div class="container anchor_container p-0">688<nav class="dropdown">689<button class="btn btn-secondary dropdown-toggle button-anchor"690id="studiengang"691data-bs-toggle="dropdown"692aria-expanded="false"693>694Inhalte695<i class="icon icon-plus"></i>696</button>697<ul class="dropdown-menu anchor-container" aria-labelledby="studiengang" role="menu">698</ul>699</nav>700</div>701</aside>702<section class="stt_h1-content-right">703<div class="container">704<div class="row">705<div class="col-lg-9">706<h1 class="align-text-top">Informatik und Design (Bachelor)</h1>707<p708>Sie begeistern sich für die technischen und gestalterischen Möglichkeiten von Webseiten, Apps und anderen Interfaces? Ihr Herz schlägt gleichermaßen für Informatik und Design? Bei diesem interdisziplinären Studiengang gibt es kein Entweder-oder: Sie studieren beides und werden zum Digital Designer! Eine der großen Herausforderungen unserer Zeit ist die Gestaltung der digitalen Transformation. Kreative Ideen sind gefragt, deren technische Realisierbarkeit von vornherein mitgedacht wird oder bei denen technische Möglichkeiten als Inspiration dienen. Als Bachelor Informatik und Design kennen Sie die Anforderungen und Möglichkeiten beider Disziplinen und sind dadurch in der Lage, interdisziplinäre Lösungen zu finden. Bringen Sie den digitalen Wandel in der Gestaltungsbranche voran!</p>709<p710><h4>Vom Digital Native zum Digital Expert</h4></p>711<p712>Der Bachelorstudiengang Informatik und Design wird vom Munich Center for Digital Sciences and AI (MUC.DAI) der Hochschule München angeboten. Hier enthält jeder Studiengang das Beste aus zwei Welten und richtet sich an Menschen, die nicht bloß konsumieren, sondern aktiv die Digitalisierung voranbringen möchten. Zu gleichen Teilen erlernen Sie die Grundlagen der Informatik und des Designs. Praktische Projektarbeiten, in denen Sie beide Fachdisziplinen verbinden, machen ein weiteres Drittel Ihres Studiums aus. Mit diesem Studienabschluss können Sie an der Schnittstelle von Design und Digitalisierung zum Beispiel als User Experience Designer, Creative Technologist, Interaktionsdesigner oder Product Owner tätig werden.</p>713 714<style>715 /* Schriftart Acme einbinden */716 @font-face {717 font-family: 'Acme';718 font-style: normal;719 font-weight: 400;720 font-display: swap;721 src: url(https://fonts.gstatic.com/s/acme/v25/RrQfboBx-C5_XxrBbg.woff2) format('woff2');722 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;723 }724 725 /* Chat-Widget spezifische Styles */726 .custom-chat-container {727 position: fixed;728 bottom: 20px;729 right: 20px;730 width: 300px;731 background-color: #ffffff;732 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); /* Verstärkter Schatten */733 border-radius: 10px;734 padding: 10px;735 z-index: 1000;736 padding-top: 30px; /* Mehr Platz oben */737 }738 739 /* Zentrierter Bereich für Logo und Text */740 .custom-logo-container {741 text-align: center;742 margin-bottom: 20px; /* Vergrößerter Abstand */743 }744 745 .custom-logo {746 width: 50px;747 vertical-align: middle;748 }749 750 /* Firmenname neben dem Icon */751 .custom-logo-text {752 display: inline-block;753 font-family: 'Acme', sans-serif;754 font-size: 28px; /* Größerer Text */755 color: #A0BAE0; /* Blau */756 margin-left: 10px;757 vertical-align: middle;758 }759 760 .custom-chat-box {761 text-align: left;762 }763 764 /* Titel „Chatte mit Joy“ */765 .custom-chat-title {766 font-size: 24px; /* Größere Schrift */767 font-weight: bold;768 color: #FFCC8A; /* Orange */769 text-align: center;770 margin-top: 20px; /* Gleich wie margin-bottom */771 margin-bottom: 0px; /* Gleicher Abstand oben und unten */772 }773 774 .custom-chat-description {775 font-size: 14px;776 font-weight: bold;777 color: #A0BAE0;778 text-align: center;779 line-height: 1.6;780 margin-bottom: 20px; /* Mehr Abstand nach der Beschreibung */781 }782 783 .custom-chat-message {784 display: flex;785 align-items: center;786 margin-bottom: 40px; /* Mehr Abstand nach der Nachricht */787 }788 789 .custom-profile-pic {790 width: 40px;791 height: 40px;792 border-radius: 50%;793 margin-right: 10px;794 }795 796 .custom-message-bubble {797 background-color: #f0f0f0;798 border-radius: 10px;799 padding: 10px;800 font-size: 14px;801 color: #333;802 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);803 max-width: 200px;804 }805 806 .custom-input-container {807 display: flex;808 align-items: center;809 }810 811 .custom-chat-input {812 width: 100%;813 padding: 10px;814 border-radius: 20px;815 border: 1px solid #ccc;816 font-size: 14px;817 color: #333;818 box-sizing: border-box;819 }820 821 .custom-chat-input::placeholder {822 color: #999;823 }824</style>825 826<!-- Chat-Widget -->827<div class="custom-chat-container">828 <div class="custom-logo-container">829 <img src="icon.png" alt="Logo" class="custom-logo">830 <span class="custom-logo-text">studyID</span>831 </div>832 <div class="custom-chat-box">833 <h1 class="custom-chat-title">Chatte mit Joy</h1>834 <p class="custom-chat-description">835 Joy beantwortet dir alle Fragen zu deinem Studiengang "Informatik und Design". 836 Starte jetzt und schreibe ihr eine Nachricht.837 </p>838 <div class="custom-chat-message">839 <img src="robot.png" alt="Profilbild" class="custom-profile-pic">840 <div class="custom-message-bubble">Hallo! Wie kann ich dir helfen?</div>841 </div>842 <div class="custom-input-container">843 <input type="text" placeholder="Schreibe eine Nachricht..." class="custom-chat-input" 844 onclick="window.open('https://studyid-studyid.hf.space', '_blank')">845 </div>846 </div>847</div>848</div>849</div>850</section>851<section class="smt_detail-description smt_detail-description-course" data-course-id="5a348ec2-73da-4c46-802a-1f2fafd48f73">852<div class="container">853<div class="row">854<div class="col-12">855<p>856<button class="btn-link bookmark-link"><i class="icon icon-bookmark icon-size-20"></i>Merken</button>857</p>858</div>859</div>860<div class="row background-light-grey">861<div class="col-lg-3">862<div>863<h2 class="h3">Details</h2>864</div>865</div>866<div class="col-lg-9">867<dl class="definition-list__list">868<dt class="allow-hyphens definition-list__title">Abschluss</dt>869<dd class="allow-hyphens definition-list__description definition-list__course-graduation">Bachelor</dd>870<dt class="allow-hyphens definition-list__title">Studienart</dt>871<dd class="allow-hyphens definition-list__description">Vollzeit</dd>872<dt class="allow-hyphens definition-list__title">Fakultät/en</dt>873<dd class="allow-hyphens definition-list__description">874MUC.DAI875</dd>876<dt class="allow-hyphens definition-list__title">Studienbeginn</dt>877<dd class="allow-hyphens definition-list__description">Wintersemester</dd>878<dt class="allow-hyphens definition-list__title">Regelstudienzeit</dt>879<dd class="allow-hyphens definition-list__description">8807 Semester (Vollzeit)881</dd>882</dl>883</div>884</div>885<div class="row background-light-grey">886<div class="col-lg-9 offset-lg-3">887<dl class="definition-list__list collapse" id="collapseMerkenExample">888<dt class="allow-hyphens definition-list__title">Studienort</dt>889<dd class="allow-hyphens definition-list__description">Campus Lothstraße, 80335 München</dd>890<dt class="allow-hyphens definition-list__title">Zulassungsvoraussetzungen</dt>891<dd class="allow-hyphens definition-list__description">892<p893>894<ul><li>Allgemeine Hochschulreife</li><li>Fachhochschulreife</li><li>Fachgebundene Hochschulreife</li><li>Einstieg aus dem Beruf895<ul><li>Absolventinnen und Absolventen einer beruflichen Fortbildungsprüfung (Meister, Techniker und Gleichgestellte)</li><li>Beruflich Qualifizierte (mindestens zweijährigen Berufsausbildung in einem zum angestrebten Studiengang fachlich verwandten Bereich und anschließend eine mindestens dreijährige hauptberufliche Berufspraxis in einem zum angestrebten Studiengang fachlich verwandten Bereich, zusätzlich das Bestehen einer Hochschulzugangsprüfung)</li></ul>896</li></ul>897</p>898<p899>900<ul><li>Bestehen eines Eignungsfeststellungsverfahrens901<ul><li>Anfertigung eines digitalen Artefakts nach einer vorgegebenen Aufgabenbeschreibung und</li><li>Auswahlgespräch</li></ul>902</li></ul>903</p>904</dd>905<dt class="allow-hyphens definition-list__title">Zulassungsmodus</dt>906<dd class="allow-hyphens definition-list__description">Eignungsverfahren</dd>907<dt class="allow-hyphens definition-list__title">Hauptunterrichtssprache</dt>908<dd class="allow-hyphens definition-list__description">Deutsch, weitere Sprachen: Englisch</dd>909<dt class="allow-hyphens definition-list__title">Praxis</dt>910<dd class="allow-hyphens definition-list__description">Praxissemester: 5. Semester, 20 Wochen</dd>911<dt class="allow-hyphens definition-list__title">Auslandsaufenthalt</dt>912<dd class="allow-hyphens definition-list__description">Auslandsstudium möglich</dd>913<dt class="allow-hyphens definition-list__title">Semestergebühren (aktuell laufendes Semester)</dt>914<dd class="allow-hyphens definition-list__description">Grundbeitrag für das Studierendenwerk 85,00 Euro<br></dd>915<dt class="allow-hyphens definition-list__title">Gebühren</dt>916<dd class="allow-hyphens definition-list__description">Grundbeitrag für das Studierendenwerk: 85,00 Euro ()</dd>917</dl>918</div>919</div>920<div class="row background-light-grey">921<div class="col-lg-12 d-flex justify-content-end">922<div>923<button class="btn-link collapse-toggle collapsed load-more" data-bs-toggle="collapse"924data-bs-target="#collapseMerkenExample"925aria-expanded="false"926aria-controls="collapseMerkenExample">927<span class="label-show-more"></span>928<span class="label-show-less"></span>929</button>930</div>931</div>932</div>933</div>934</section>935<section class="smt_button-with-text">936<div class="container">937<div class="row background-black color-wrap">938<div class="col-lg-9 col-12">939<p class="align-text-top">940Derzeit ist keine Bewerbung möglich. Weitere Informationen finden Sie in unserem Bewerbungsportal.941 942</p>943<p>944<a href="https://www.hm.edu/studium_1/bewerbung/index.de.html" class="link">Informationen zur Bewerbung</a>945</p>946</div>947<div class="col-lg-3 col-12">948<div>949<a href="https://www3.primuss.de/cgi-bin/bew_anmeldung_v2/index.pl?Session=&FH=fhm&Email=&Portal=1&Language=de" class="btn-primary mb-0">Zum Bewerbungsportal</a>950</div>951</div>952</div>953</div>954</section>955<section956class="smt_video-template"957id="studiengang"958name="studiengang"959>960<div class="container">961<div class="row">962<div class="col-12 col-lg-9">963<h2>Einblicke MUC.DAI</h2>964</div>965<div class="col-12 col-lg-6">966</div>967<div class="col-12 col-lg-10" >968<div class="external-video-wrap">969<iframe970src="https://www.youtube.com/embed/4h8gxnryzKM"971frameborder="0"972allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"973allowfullscreen=""974></iframe>975</div>976</div>977</div>978</div>979</section>980<section class="accordion-section">981<div class="container">982<div class="row">983<div class="col-12 col-lg-9">984<h2>Studienberatung</h2>985</div>986</div>987<div class="row">988<div>989<div class="accordion accordion-flush" id="studiengang">990<div class="accordion-item">991<h3 class="accordion-header">992<button993class="accordion-button collapsed"994type="button"995data-bs-toggle="collapse"996data-bs-target="#acc-studiengang-1-1"997aria-expanded="false"998>999Studienprofil1000<span class="accordion-btn-toggle">1001<i class="icon icon-plus icon-size-mobile-16"></i>1002</span>1003</button>1004</h3>1005<div id="acc-studiengang-1-1" class="accordion-collapse collapse background-light-grey">1006<div class="accordion-body">1007<div class="row">1008<div class="row test-sticky">1009<div class="col-lg-6 long-text">1010</div>1011<div class="col-lg-6 long-text ">1012<div class="row">1013<div class="col-12">1014<h2 ></h2>1015</div>1016</div>1017<p1018class="paragraph-with-links"1019>1020<ul class="sorted-list"><li>Studium an der Schnittstelle von Informatik und Design</li><li>Verbindung von Technik und Gestaltung</li><li>zukunftsweisende interdisziplinäre Ausrichtung</li></ul>1021</p>1022</div>1023</div>1024</div>1025</div>1026</div>1027</div>1028<div class="accordion-item">1029<h3 class="accordion-header">1030<button1031class="accordion-button collapsed"1032type="button"1033data-bs-toggle="collapse"1034data-bs-target="#acc-studiengang-2-2"1035aria-expanded="false"1036>1037Passt der Studiengang zu mir?1038<span class="accordion-btn-toggle">1039<i class="icon icon-plus icon-size-mobile-16"></i>1040</span>1041</button>1042</h3>1043<div id="acc-studiengang-2-2" class="accordion-collapse collapse background-light-grey">1044<div class="accordion-body">1045<div class="row">1046<div class="row test-sticky">1047<div class="col-lg-6 long-text">1048</div>1049<div class="col-lg-6 long-text ">1050<div class="row">1051<div class="col-12">1052<h2 ></h2>1053</div>1054</div>1055<p1056class="paragraph-with-links"1057><h4>Wer diesen Studiengang studiert</h4></p>1058<p1059class="paragraph-with-links"1060><b>bringt mit:</b></p>1061<p1062class="paragraph-with-links"1063>1064<ul class="sorted-list"><li>Interesse an Webseiten, Apps oder anderen Interfaces und deren Gestaltung</li><li>Kreativität und Detailverliebtheit</li><li>Durchhaltevermögen, sich auch durch komplizierte Sachverhalte durchzuboxen</li><li>Mut, auch komplexe Herausforderungen anzugehen</li></ul>1065</p>1066<p1067class="paragraph-with-links"1068><b>hat Spaß an:</b></p>1069<p1070class="paragraph-with-links"1071>1072<ul class="sorted-list"><li>kreativem und logischem Denken</li><li>Technologie</li><li>neuen Perspektiven, Methoden und Wissen</li><li>der Zusammenarbeit im Team mit anderen</li></ul>1073</p>1074<p1075class="paragraph-with-links"1076><b>kämpft sich durch:</b></p>1077<p1078class="paragraph-with-links"1079>1080<ul class="sorted-list"><li>schlecht gestaltete Benutzeroberflächen und verbessert sie</li><li>den Tool-Dschungel von Figma, Blender und co.</li><li>die zwei Welten von Informatik und Design</li></ul>1081</p>1082</div>1083</div>1084</div>1085</div>1086</div>1087</div>1088<div class="accordion-item">1089<h3 class="accordion-header">1090<button1091class="accordion-button collapsed"1092type="button"1093data-bs-toggle="collapse"1094data-bs-target="#acc-studiengang-3-3"1095aria-expanded="false"1096>1097Berufliche Perspektiven1098<span class="accordion-btn-toggle">1099<i class="icon icon-plus icon-size-mobile-16"></i>1100</span>1101</button>1102</h3>1103<div id="acc-studiengang-3-3" class="accordion-collapse collapse background-light-grey">1104<div class="accordion-body">1105<div class="row">1106<div class="row test-sticky">1107<div class="col-lg-6 long-text">1108</div>1109<div class="col-lg-6 long-text ">1110<div class="row">1111<div class="col-12">1112<h2 ></h2>1113</div>1114</div>1115<p1116class="paragraph-with-links"1117>Mit einem Abschluss in Informatik und Design stehen viele unterschiedliche und spannende Berufswege offen. Absolventinnen und Absolventen arbeiten an der Schnittstelle von Design und Digitalisierung, z.B. als: </p>1118<p1119class="paragraph-with-links"1120></p>1121<p1122class="paragraph-with-links"1123>1124<ul class="sorted-list"><li>UX/UI-Designer</li><li>Creative Technologists</li><li>Product Owner</li><li>Interaktiondesigner</li><li>User Experience Designer</li><li>Generative Gestalter:in</li></ul>1125</p>1126</div>1127</div>1128</div>1129</div>1130</div>1131</div>1132<div class="accordion-item">1133<h3 class="accordion-header">1134<button1135class="accordion-button collapsed"1136type="button"1137data-bs-toggle="collapse"1138data-bs-target="#acc-studiengang-4-4"1139aria-expanded="false"1140>1141Was mache ich nach dem Studium?1142<span class="accordion-btn-toggle">1143<i class="icon icon-plus icon-size-mobile-16"></i>1144</span>1145</button>1146</h3>1147<div id="acc-studiengang-4-4" class="accordion-collapse collapse background-light-grey">1148<div class="accordion-body">1149<div class="row">1150<div class="row test-sticky">1151<div class="col-lg-6 long-text">1152</div>1153<div class="col-lg-6 long-text ">1154<div class="row">1155<div class="col-12">1156<h2 ></h2>1157</div>1158</div>1159<p1160class="paragraph-with-links"1161><h4>Weiterführende Studiengänge</h4></p>1162<p1163class="paragraph-with-links"1164><a class="link-external" target="_blank" href="https://www.hm.edu/studiengange_de/studiengang_detail_1216.de.html" title="" >Angewandte Designforschung (Master)</a></p>1165<p1166class="paragraph-with-links"1167><a class="link-external" target="_blank" href="https://www.hm.edu/studiengange_de/tech_courses_detailpage_8.de.html" title="" >Entrepreneurship and Digital Transformation (Master)</a></p>1168<p1169class="paragraph-with-links"1170><a class="link-external" target="_blank" href="https://www.hm.edu/studiengange_de/tech_courses_detailpage_84.de.html" title="" >Wirtschaftsinformatik (Master)</a></p>1171<p1172class="paragraph-with-links"1173>Promotion</p>1174</div>1175</div>1176</div>1177</div>1178</div>1179</div>1180<div class="accordion-item">1181<h3 class="accordion-header">1182<button1183class="accordion-button collapsed"1184type="button"1185data-bs-toggle="collapse"1186data-bs-target="#acc-studiengang-5-5"1187aria-expanded="false"1188>1189Studienverlauf1190<span class="accordion-btn-toggle">1191<i class="icon icon-plus icon-size-mobile-16"></i>1192</span>1193</button>1194</h3>1195<div id="acc-studiengang-5-5" class="accordion-collapse collapse background-light-grey">1196<div class="accordion-body">1197<div class="row">1198<div class="row test-sticky">1199<div class="col-lg-12 order-1">1200<figure >